input[type='radio'] {
-webkit-appearance: none; 
appearance: none;
margin: 0;
position: absolute;
z-index: -999;
}
input[type='radio'] ~ label::before { content: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='10.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='10.5' stroke='%23282D2B'/%3E%3C/svg%3E");
height: 22px;
}
input[type='radio']:checked ~ label::before { content:url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='10.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='10.5' stroke='%2300BF6F'/%3E%3Crect x='4.5' y='4.5' width='13' height='13' rx='6.5' fill='%2300BF6F'/%3E%3C/svg%3E");
}
.form-wrapper > .form-row p {
display: flex;
flex-direction: column;
}
.wpcf7-form-control-wrap {
position: relative;
display: block;
}
.upload-CV-text .wpcf7-form-control-wrap {} .wpcf7-form-control-wrap[data-name="message"] {
height: 128px;
}
form[aria-label="Contact form"] .wpcf7-form-control-wrap[data-name="message"]{
height: auto;
}
#message-char-count-label{
font-size: 14px;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.14px;
position: relative;
top: 3px;
}
textarea {
overflow: auto;
padding-top: 0.75em;
height: 104px;
}
.elementFixed .wpcf7-form-control-wrap
{
height: 54px;
display: flex;
align-items: center;
padding: 16px 20px;
margin-top: 8px;
} #epower-reset-password .inputBoxNew .form-row, .woocommerce .reset-password-form form .form-row{
width: 100%;
margin-bottom: 0;
}
div.woocommerce form .form-row::after, div.woocommerce form .form-row::before, .woocommerce-page form p.form-row::after, .woocommerce-page form .form-row::before{
display: none;
} .form-wrapper, .narrow-column.form-wrapper {
width: 100%;  display: flex;
flex-direction: column;
gap: 2rem;  background-color: var(--wp--preset--color--form-background);
font-size: 18px;
color: var(--wp--preset--color--black);
padding: 24px 0;
border-radius: 8px;
}
#ep-edit-account-details {
padding-top: var(--custom--padding-bottom);
}
.border{
border: 2px solid #00BF6F;
}
.border-error{
border: 2px solid #e90047;
}
.upload-CV .wpcf7-not-valid-tip{
top: 8px;
display: none !important;
}
.form-collumns {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 0 !important;!i;!;
gap: var(--wp--custom--gap);
}
.form-wrapper p {
margin: 0;
}
.form-text p {
font-size: 18px !important;
}
.form-text h3 {
font-size: 24px !important;
}
.contact-right-column {
min-width: 37rem;
}
.error {
background-color: #e90047;
color: #fff;
}
.transform {
color: #fff;
transform: translateY(-1.25em);
font-size: 12px !important;
background: #e90047;
padding: 0.25em 0.5em;
border-radius: 0.25em;
}
.transform-error {
color: #fff !important;
transform: translateY(-2.2em);
font-size: 12px !important;
background: #e90047 !important;
padding: 0.25em 0.5em;
border-radius: 0.25em;
}
.transform-error:after {
content: '*';
color: white !important;
}
.transform:after {
content: '*';
color: red;
}
.error-label {
color: #e90047 !important;
font-size: 0.875rem;
margin: 0.5rem 0 0 0 !important;
}
.inputBox br {
display: none;
}
.wpcf7 input[type="file"]{
color: transparent;
}
.form-top-bar{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.form-top-bar p{
font-size: 24px;
font-weight: 500;
}
.form-back-wrapper{
display: flex;
flex-direction: row;
font-size: 16px !important;
font-weight: 500;
color: var(--wp--preset--color--green);
gap: 0.5em;
}
.form-back-wrapper p{
font-size: 16px;
font-weight: 500;
}  .contact-form{
display: none;
}
.wrapper-choose-form{
display: flex;  flex-direction: row;
font-size: var(--wp--preset--font-size--h-6);
gap: 2em;
justify-content: space-between;
height: 100%;
}
.wrapper-choose-form p:empty {
display: none;
}
.choose-form-left{
width: 66%;
color: var(--wp--preset--color--dark-green);
}
.form-options .option a{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
color: var(--wp--preset--color--black);
height: 1.5rem;
}
.form-normal{
width: 100%;
min-width: 640px;  display: flex;
flex-direction: column;
gap: 2rem;  margin-top: 0;
background-color: var(--wp--preset--color--form-background);
font-size: 18px;
color: var(--wp--preset--color--black);
padding: 24px;
border-radius: 16px;
}
.wrapper-choose-form h3{
font-size: var(--wp--preset--font-size--h-6);
color: var(--wp--preset--color--dark-geen) !important;
padding-left: 0.5rem;
}
.form-options{
display: flex; flex-direction: column;
gap: 1em;
height: 100%;
}
.choose-from-right.form-options {}
.choose-form-right{
display: flex; flex-direction: column;
}
.choose-form-right .form-options {
display: grid;
grid-template-rows: 47% 47%;
gap: 6%;
}
.form-options p{
display: none;
}
.option-right a{
margin-top: auto;
}
.option, .option-right{
cursor: pointer;
}
#go-back{
cursor: pointer;
display: flex;
flex-direction: row;
gap: 0.5em;
align-items: center;
}
.contact-right-column:not(:has(#form-selection-chooser)) #go-back {
visibility: hidden;
} #go-back:hover a {
color: #009756 !important;
}
#go-back a:hover svg g{
fill: #009756 !important;
}
.option-right{
display: flex;
background-color: white;
padding: 1.5rem 1rem 1rem 1rem;
align-items: flex-start;
border-radius: 4px;
border: 2px solid transparent;
transition: border-color 0.3s;
flex-direction: column;
height: 100%;
justify-content: unset;
margin-top: auto;
min-width: 200px; position: relative;
font-size: var(--wp--preset--font-size--h-6);
line-height: 132%;
}
.arrow-right-up {
position: absolute;
top: 3px;
right: 3px;
}
.arrow-right-up svg {
transform: scale(1.1);
}
.option-right-content{
display: flex;
flex-direction: column; align-self: flex-end;
width: 100%;
gap: 1rem;
color: var(--wp--preset--color--black);
}
.option-right-content {}
.option-right-content:first-child{
margin-top: auto;
}
.contact-form-options{
width: 100%;   }
.contact-form-options .form-options{
display: flex;
flex-direction: row;
}
.contact-form-options .form-options .option-right{
width: 100%;
}
#form-selection-chooser{
display: flex;
flex-direction: column;
gap: 0.75em;
}
#form-selection-chooser h4{
margin: 0;
}
.option-right-content svg{
margin-top: auto;
transform: scale(1.1);
}
.option-right-content br{
display: block;
}
.option-right-content a{
color: var(--wp--preset--color--black);
}
.option-right br{
display: block !important;
}
.form-options .option{
display: flex;
padding: 0.88rem 1.25rem;
background-color: white;
border-radius: 4px;
border: 2px solid transparent;
transition: border-color 0.3s; line-height: 132%;
}
.option:hover {
border-color: var(--wp--preset--color--green); }
.option:hover a {
color: var(--wp--preset--color--green); }
.option-right:hover {
border-color: var(--wp--preset--color--green); }
.option-right:hover a {
color: var(--wp--preset--color--green); } :root{
--form-row-height: 100px;
}
.inputBox,
.inputBoxNew {
position: relative;
width: 100%;
}
.inputBoxNew p{
height: fit-content;
}
div.inputBoxNew.inputBox-textarea{
height:auto;
}
.inputBox-textarea .wpcf7-not-valid-tip{
display: none;
} .inputBoxNew input, .inputBox input, .woocommerce-input-wrapper input, .woocommerce-input-wrapper select, #shipping_phone_shipping_field input,#shipping_email_shipping_field input, form.checkout-first-page span .woocommerce-Input,
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
width: 100%;
padding: 16px 20px;
border-radius: 0.25rem;
border-style: hidden;
font-size: 1.125rem;
}   .inputBox select,
.inputBoxNew select,
.selection span.select2-selection {
width: 100%;
padding: 16px 20px;
border-radius: 0.25rem;
border-style: hidden;
font-size: 1.125rem;
background-color: white;
-moz-appearance:none; -webkit-appearance:none; appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23282D2B' d='M2.28 1.32a1.43 1.43 0 0 0-1.9.03c-.52.49-.5 1.27.03 1.74l10.7 9.53.93-.88-.93.89a1.43 1.43 0 0 0 1.94-.07L23.6 3.09c.53-.47.55-1.25.03-1.74a1.43 1.43 0 0 0-1.9-.03l-9.68 8.7-9.76-8.7Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .97h24v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: 1em auto, 100%;
}
div.inputBoxNew.elementInFocus select:focus{
background-color: white;
-moz-appearance:none; -webkit-appearance:none; appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2300BF6F' d='M21.72 11.65c.53.47 1.38.46 1.9-.02.52-.5.5-1.27-.03-1.75L12.9.35l-.93.89.93-.9a1.43 1.43 0 0 0-1.9.04l-.04.04L.4 9.88a1.16 1.16 0 0 0-.03 1.75c.52.48 1.37.5 1.9.02l9.68-8.7 9.76 8.7Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M24 12H0V0h24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: 1em auto, 100%;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: initial;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
border: 0;
}
.select2-container .select2-dropdown {
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.16);
}
body.admin-bar .select2-container.select2-container--open .select2-dropdown--below {
margin-top: calc(0px - var(--wp-admin--admin-bar--height));
}
.inputBoxNew.elementFilled input,
.inputBoxNew.elementFilled select,
.inputBoxNew.elementFilled textarea,
#form-checkout .elementFilled input,
#form-checkout .elementFilled select,
#form-checkout .elementFilled textarea
{
outline: none;
}
.inputBoxNew select{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#form-checkout.woocommerce-form.register{
padding:0;
}
.select2-selection__arrow{
display: none;
}
#form-checkout #order_privacy_policy_consent_field{
margin-bottom:0.5rem;
}
#ep-register-account .woocommerce-additional-fields__field-wrapper {
margin-bottom: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}
#ep-register-account #form-checkout .button-column {
margin-bottom: 12px;
} div.inputBoxNew.elementInFocus input:focus, 
div.inputBoxNew.elementInFocus select:focus, 
div.inputBoxNew.inputBox-textarea.elementInFocus textarea:focus,
.inputBox select:focus, .selection span:focus {
outline: var(--wp--preset--color--green) solid 1px;
}
.inputBoxNew.required span.cf7-placeholder-title::after,
.inputBox select:after {
content: '*';
} .inputBox span, .inputBoxNew .cf7-placeholder-title, 
#form-checkout .form-row.wooInputParent label, #form-checkout .form-row label.screen-reader-text, .checkout-first-page .wooInputParent.form-row label{
position: absolute;
left: 20px;
top: 15px;
font-size: 1.125rem;
line-height: normal;
pointer-events: none;
z-index: 2;  color: var(--wp--preset--color--dark-grey);
}
label[for='billing_tin']::after, label[for='billing_company']::after{
content: '*';
color: var(--wp--preset--color--vivid-red);
}
#form-checkout p.form-row.wooInputParent.woocommerce-invalid label::after{
color:white;
}
#ep-edit-account-details .top-position .cf7-placeholder-title { top: 19px;
} #form-checkout .form-row#order_privacy_policy_consent_field label,
#form-checkout .form-row#order_newsletter_registration_field label,
#form-checkout .form-row#billing_i_am_ordering_as_company_field label
{
position:static;
font-size: 14px;
color: var(--wp--preset--color--black);
align-self: center;
}
p.wooInputParent label.screen-reader-text {
border: initial;
clip: initial;
clip-path: initial;
height: initial;
margin: initial;
overflow: initial;
padding: initial;
position: initial;
width: initial;
word-wrap: initial;
} .inputBoxNew.inputBoxNew-select span.cf7-placeholder-title {
color: #fff;
transform: translateY(-26px);
font-size: 12px;
background: lightgray;
padding: 0.25em 0.5em;
border-radius: 0.25em;
} div.inputBoxNew.elementFilled .cf7-placeholder-title, #form-checkout .elementFilled label{
color: var(--wp--preset--color--black);
transform: translateY(-26px);
font-size: 12px;
background-color: var(--wp--preset--color--light-grey);
padding: 0.25em 0.5em;
border-radius: 0.25em;
width: fit-content;
} #form-checkout .woocommerce-additional-fields__field-wrapper .elementFilled label,
#form-checkout #billing_i_am_ordering_as_company_field.elementFilled label{
display: flex;
flex-direction: row;
gap: 0.2em;
font-size: 14px;
flex-wrap: wrap;
padding: 0 0 0 44px;
transform: none;
background-color: inherit;
border-radius: inherit;
position: static;
}   #form-checkout .form-row label:has(+ *:focus), 
#form-checkout .form-row label.screen-reader-text:has(+ * *:focus), 
#form-checkout .form-row label:has(~ * *:focus), 
#form-checkout .form-row label:has(~*:focus), 
div.inputBoxNew.elementInFocus .cf7-placeholder-title, 
.inputBox input:focus ~ span
{
color: #fff;
transform: translateY(-26px);
font-size: 12px;
background-color: var(--wp--preset--color--green);
padding: 0.25em 0.5em;
border-radius: 0.25em; z-index: 3;
}
#form-checkout .form-row label:has(~ * *:focus) > abbr.required,
#form-checkout .form-row label:has(~*:focus)::after,
#form-checkout .form-row label:has(~ * *:focus)::after
{
color: white;
}
#form-checkout #stripe-payment-data .form-row label:has(+ * *:focus) {
display: block;
color: var(--wp--preset--color--black);
background-color: inherit;
position: static;
transform: none;
font-size: initial;
padding: initial;
}
#form-checkout .form-row input:focus, #form-checkout .form-row textarea:focus, #form-checkout .form-row span.select2-selection:focus  {
outline: var(--wp--preset--color--green) solid 1px;
}
.inputBoxNew input.wpcf7-not-valid:focus,
.inputBoxNew select.wpcf7-not-valid:focus,
.inputBoxNew textarea.wpcf7-not-valid:focus {
outline: none;
}
.inputBox textarea:focus {
outline: var(--wp--preset--color--green) solid 1px !important;
}
.input-error input:focus {
outline: #e90047 solid 1px !important;
}
.input-error {
outline: #e90047 solid 1px !important;
}
.inputBox,
.required input:focus ~ span::after {
content: '*';
color: #fff;
}
textarea,
#order_notes {
width: 100%;
resize: none;
border-style: hidden;
border-radius: 0.25rem;
padding: 16px 20px;
font-size: 1.125rem;
}
.inputBox textarea:focus ~ span {
color: #fff;
transform: translateY(-26px);
font-size: 12px;
background: var(--wp--preset--color--green);
padding: 0.25em 0.5em;
border-radius: 0.25em;
}
.filled {
color: #282d2b !important;
transform: translateY(-26px) !important;
font-size: 12px !important;
background: #f6f6f6 !important;
padding: 0.25em 0.5em !important;
border-radius: 0.25em !important;
}
.filled-not-required, p.elementFilled label, p.selectDropdown label {
color: var(--wp--preset--color--black);
transform: translateY(-26px) !important;
font-size: 12px !important;
background: var(--wp--preset--color--light-grey);
padding: 0.25em 0.5em !important;
border-radius: 0.25em !important;
}
.filled:after {
content: '*';
color: red !important;
}
.first-name-label .filled span:after {
color: red;
}
.form-row {
display: flex;
flex-direction: row;
gap: 2em;
}
textarea:focus,
input:focus {
outline: none;
}
.inputBox .wpcf7-submit {
width: 100%;
background-color: var(--wp--preset--color--black) !important;
color: white;
font-size: 1.125rem;
font-weight: 600;
border-radius: 2.5em;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3E%3Cpath fill='%23fff' d='M8 15h14l-4-4v-1l1-1h1l6 6 1 1-1 1-6 6h-1l-1-1v-1l4-4H8l-1-1 1-1Z'/%3E%3C/svg%3E")
no-repeat scroll calc(50% + 3em) 55%;
background-repeat: no-repeat;
}
.inputBox .wpcf7-submit:hover {
background-color: var(--wp--preset--color--green) !important;
color: white !important;
}
.wpcf7 .wpcf7-submit:disabled {
background-color: var(--wp--preset--color--dark-grey) !important;
}
.w7-contact-form a {
text-decoration: underline;
}
.consent {
color: var(--wp--preset--color--black) !important;
font-size: 0.875rem;
text-align: center;
}
.upload-comment {
color: var(--wp--preset--color--dark-grey);
font-size: 0.75rem;
font-weight: 500;
}
.submit-wrapper {
display: flex;
flex-direction: column;
gap: 0.875rem;
margin-top: 1.5rem;
}
.upload-CV { display: flex;
flex-direction: column;  } .upload-CV > div{
position: relative;
display: grid;
grid-template-rows: auto;
grid-template-columns: auto;
align-items: center;
height: 56px;
}
.upload-CV > div >.upload-CV-text{
z-index:99;
display: flex;
flex-direction: row;
gap: 0.75rem;
align-items: center;  pointer-events: none;
padding-left:15px
}
.upload-CV > div >.upload-CV-text, .upload-CV >div > p:first-of-type{
grid-row: 1;
grid-column: 1;
position: absolute;
top: 0;
height: 54px;
}
.upload-CV > div > p {
line-height: 0px;
}
.wpcf7-file {
background: var(--wp--preset--color--grey);
width: 200px;
height: 54px;
border-radius: 4px; }
.wpcf7-file:hover {
background: #b9b9b9;
}
.wpcf7-file { }
.wpcf7-file::file-selector-button {
display: none !important;
}
.upload-CV-text p {
font-size: 1.125rem !important;
font-weight: 400;
color: var(--wp--preset--color--black) !important;
}
.plus-symbol {
width: 22px;
height: 22px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icon/Arrow'%3E%3Cpath id='Vector 3' d='M2 11L20 11' stroke='%23282D2B' stroke-width='3' stroke-linecap='round'/%3E%3Cpath id='Vector 4' d='M11 20L11 2' stroke='%23282D2B' stroke-width='3' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
}
.upload-reset{
display: flex;
flex-direction: row;
height: auto !important;
margin-top: 2px !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
align-items: center;
display: none;
pointer-events: auto;
}
.upload-reset a{
color: var(--wp--preset--color--dark-grey);
cursor:pointer;
}
.upload-reset a:hover{
color: #e90047;
cursor:pointer;
}
.upload-reset:after {
content: "";
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23282D2B' stroke-linecap='round' stroke-width='2' d='M4.51 13.24 13 4.76M13 13.24 4.51 4.76'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.is-form-style {     }
.is-form-style input {
padding: 1.5em !important;
border-radius: 8px 0px 0px 8px !important;
}
.is-search-icon { background-color: #fff !important;
border: none;
height: 42px;
border-radius: 0px 8px 8px 0px;
position: absolute;
top: 0;
padding-top: 10px !important;
margin-left: -18px;
} .wpcf7-not-valid-tip, .epower-zle-vyplnene, .js-custom-error-message, .js-custom-error-message a {
color: #e90047;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.14px;
position: relative;
top: 3px;
}
.js-custom-error-message a {
display: contents;
pointer-events: none;
color: inherit !important;
}
p:has(>span > *:focus)>label>span.js-custom-error-message {
display: none;
}
.js-custom-error-message > strong { font-weight: initial; } #form-checkout p.form-row.form-row-first span.js-custom-error-message, #form-checkout .form-row.form-row-last span.js-custom-error-message{
width: 20em; pointer-events: initial;
} span.js-custom-error-message, .woocommerce-checkout p.woocommerce-invalid-required-field span.wpcf7-not-valid-tip, #form-checkout p.woocommerce-invalid span.js-custom-error-message, .woocommerce-checkout p.woocommerce-invalid-email span.epower-zle-vyplnene, .woocommerce-checkout p.woocommerce-invalid-phone span.epower-zle-vyplnene{
display: block !important;
white-space: nowrap;
top: 5em;
left: -20px;
position: absolute;
} p.woocommerce-validated span.js-custom-error-message{
display: none !important;
} .checkout-inline-error-message {
display: none;
}  #order_privacy_policy_consent_field.woocommerce-invalid label{
color: var(--wp--preset--color--black);
}
#order_privacy_policy_consent_field.woocommerce-invalid::after{
content:"Please confirm that you have read and understood the Privacy Policy";
grid-column:  2;
font-size: 12px;
color: #e90047; padding-top: 4px;
} p#order_privacy_policy_consent_field.woocommerce-invalid::before{
border: 1px solid var(--wp--preset--color--vivid-red);
}
.inputBox-textarea span.wpcf7-not-valid-tip {
top: 1px; } .inputBoxNew:has(.wpcf7-not-valid) span.cf7-placeholder-title,.inputBoxNew .woocommerce-invalid .cf7-placeholder-title, #form-checkout p.form-row.wooInputParent.woocommerce-invalid label {
color: #fff; font-size: 12px;
background: #e90047;
padding: 0.25em 0.5em;
border-radius: 0.25em;
z-index: 99;
-ms-transform: translateY(-26px);
-webkit-transform: translateY(-26px);
-moz-transform: translateY(-26px);
-o-transform: translateY(-26px);
transform: translateY(-26px);
} .inputBoxNew input.wpcf7-not-valid { } label[for='billing_company']>.optional{
display: none;
}
.simplebar-mask {
border-radius: 8px;
}
.right-section {
display: flex; flex-direction: column;
}
.meta {
display: none !important;
}  .container-checkbox { display: flex;
flex-direction: row;
position: relative; cursor: pointer;
font-size: 14px;
font-weight: 500;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;         } .container-checkbox::before{
margin-top:-5px
} #newsletter > span > input[type="checkbox"]{ opacity: 0;
}
.container-checkbox span.wpcf7-list-item-label {
cursor: auto;
}
.wpcf7-list-item-label{
position: relative;
top: -2px;
left: -4px;
}
span.wpcf7-list-item-label {}
span.wpcf7-list-item.first.last {
margin-left: 49px;
}
.container-checkbox span.wpcf7-form-control-wrap::before {
top: -3px;
} .container-checkbox br,
.inputCheckboxNew br,
.form-wrapper br{
display: none;
}
.container-checkbox p {
font-size: 0.875rem;
font-weight: 500;
} .container-checkbox input {
position: absolute; cursor: pointer;
height: 28px;
width: 28px;
left: -4px;
top: -6px;
z-index: 999;
accent-color: #008a50;
color: white;
background-color: white; } .checkmark {
position: absolute;
top: 0;
left: 0;
height: 28px;
width: 28px;
}
.container-checkbox input { } .container-checkbox:hover input ~ .checkmark {
background-color: #fff;
} .container-checkbox input:checked ~ .checkmark {
background-color: var(--wp--preset--color--green);
border-radius: 4px;
color: white;
} .checkmark:after {
content: '';
position: absolute;
display: none;
} .container-checkbox input:checked ~ .checkmark:after { } .container-checkbox .checkmark:after {
left: 0.6em;
top: 0.25em;
width: 10px;
height: 16px;
border: solid white 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-green-background-color.wp-block-button__link:hover {
background-color: #009756 !important;
}
.wp-block-button img {
background-color: transparent;
color: transparent;
}
.wpcf7 form .wpcf7-response-output {
display: none;
}
.wpcf7 form .form-normal .wpcf7-response-output {
border-radius: 8px;
padding: 1em 1.25em;
font-size: 1.25rem;
margin: 0 !important;
}
.show-response{
display:flex !important;
}
.invalid-inputs{
background-color: #FFE600;
color: var(--wp--preset--color--black);
border-color: #FFE600 !important;
}
.successfull-submit{
background-color: var(--wp--preset--color--green);
color: white;
border-color: var(--wp--preset--color--green)!important;
}
.failed-submit{
background-color: #e90047;
color: white;
border-color: #e90047!important;
}
form.submitting .show-response{
display: none;
} form.submitting .wpcf7-spinner {
visibility: visible;
position: absolute;
left: 48%;
margin: 0;
opacity: 1;
background-color: var(--wp--preset--color--green) !important;
transform: none !important;
border-radius: 100% !important;
}
.wpcf7-spinner{
transform: none !important;
}
form.submitting .wpcf7-submit{
background-color: var(--wp--preset--color--green) !important;
}
.inputBoxNew.longPlaceholder .cf7-placeholder-title{
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;
width: auto;
padding-right: 3.5em;
} @media screen and (max-width: 1280px) {
.form-wrapper { }
div.form-collumns.is-layout-flex{
gap: 2em;
}
}
@media screen and (max-width: 1080px) {
.form-collumns {
flex-direction: column;
}
.form-collumns > .wp-block-column {
flex-basis: 100% !important;
}
.form-wrapper {
width: 100%;
} #estimate > span {
background-color: var(--wp--preset--color--light-grey) !important;
}
.choose-form-right{
width: 42%;
}
}
@media screen and (max-width: 782px) {
.contact-left-column {
flex-basis: 0 !important;
}
.contact-left-column h2 {
font-size: 2.5rem !important;
}
.contact-right-column {
min-width: auto;
}
.form-wrapper {
max-width: 100%;
background-color: transparent;
padding: 0;
margin: 0;
min-width: 100%;
}
.reset-password-wrapper .form-wrapper {
min-width: initial;
}
.reset-password-wrapper .form-wrapper {
background-color: var(--wp--preset--color--form-background);
}
#estimate
> div
> div.wp-block-columns.are-vertically-aligned-top.is-not-stacked-on-mobile.form-collumns.is-layout-flex {
margin-top: 2rem !important;
margin-bottom: 2rem;!i;!;
}
#form-checkout p.form-row.form-row-first span.js-custom-error-message, #form-checkout p.form-row.form-row-last span.js-custom-error-message {
width:fit-content;
white-space: nowrap;
}
#form-checkout p.form-row.form-row-first label[for="shipping_postcode"] span.js-custom-error-message {
white-space: wrap;
display: block !important;
width: calc(100vw - 2 *  var(--wp--custom--padding) - 68px);
text-wrap: wrap; }
.contact- form-options .form-options{
flex-direction: column;
}
}
@media screen and (max-width: 656px) {
.wrapper-choose-form{
flex-direction: column;
}
.choose-form-left{
width: 100%;
}
.choose-form-right .form-options a{
height: fit-content;
}
.choose-form-right .form-options{
grid-template-columns:47% 47%;
grid-template-rows: 100%;
}
.choose-form-right{
width: 100%;
} 
}
@media screen and (max-width: 610px) {
#form-checkout p.form-row.form-row-first span.js-custom-error-message,
#form-checkout p.form-row.form-row-last span.js-custom-error-message {
white-space: pre-wrap;
width: 30em;
}
}
@media screen and (max-width: 521px) {
#form-checkout p.form-row.form-row-first span.js-custom-error-message,
#form-checkout p.form-row.form-row-last span.js-custom-error-message {      
width: 28em;
}
}
@media screen and (max-width: 480px) {
.form-top-bar{
flex-direction: column-reverse;
}
.inputBoxNew select{
padding: 16px 40px 16px 20px;
}
.inputBoxNew.inputBox-textarea span.cf7-placeholder-title {
white-space: normal;
}
.inputBoxNew span.cf7-placeholder-title {
top: 15px;
}
label.inputBoxNew.required.inputBox-textarea {
height: 9em;
}
.form-collumns {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.contact-left-column h2 {
font-size: 2rem !important;
}
.form-row {
flex-direction: column;
gap: 0;
}
.form-row .inputBoxNew:nth-of-type(2) {
margin-top: 2em;
}
.inputBox-textarea span.wpcf7-not-valid-tip {
top: -7px;
}
label.inputBoxNew {
height: 5em;
display: flex;
}
.container-checkbox input {
top: 2px;
}
.inputBox .wpcf7-submit {
width: 100%;
background-color: #282d2b !important;
color: white;
font-size: 1.125rem;
font-weight: 600;
border-radius: 2.5em;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3E%3Cpath fill='%23fff' d='M8 15h14l-4-4v-1l1-1h1l6 6 1 1-1 1-6 6h-1l-1-1v-1l4-4H8l-1-1 1-1Z'/%3E%3C/svg%3E")
no-repeat scroll calc(40% + 5em) calc(55%);
background-repeat: no-repeat;
}
}
@media screen and (max-width: 435px) {
#form-checkout p.form-row.form-row-first span.js-custom-error-message,
#form-checkout p.form-row.form-row-last span.js-custom-error-message {      
width: 24em;
}
}
@media screen and (max-width: 383px) {
#form-checkout p.form-row.form-row-first span.js-custom-error-message,
#form-checkout p.form-row.form-row-last span.js-custom-error-message {      
width: 20em;
}
}
@media screen and (max-width: 360px) {
#form-checkout p#address_internal_name_field.form-row.wooInputParent label{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
padding-right: 2em;
}
#form-checkout .form-row label[for="address_internal_name"]:has(+ * *:focus) {
width: fit-content !important;
}
.inputBoxNew.longPlaceholder.elementFilled .cf7-placeholder-title,.inputBoxNew.longPlaceholder.elementInFocus .cf7-placeholder-title{
left: 0.8em;
padding-right: 6px;
width: fit-content;
}
}