.b-contact-form {
    padding: 60px 0;
}

.b-contact-form__inner {
    background: #00ADB5;
    border-radius: 35px;
    padding: 40px 56px;
    margin-inline: auto;
    max-width: 1490px;
}
.b-cta-banner__button {
    margin: 0 auto;
}
.b-contact-form__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
}

.b-contact-form__subtitle {
    color: rgba(255, 255, 255, 0.85);
    font-size: 17px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 15px;
}

.b-contact-form__form.myForm {
    color: #fff;
    padding-top: 0;
}

/* Lead-form layout — fields in a row */
.b-contact-form__form .intform {
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    justify-content: center;
    align-items: flex-start;
}

.b-contact-form__form .intform .form-input {
    flex: 1 1 calc(25% - 12px);
    min-width: 160px;
}
.b-contact-form__form .intform .form-input.country-input {
    display: none!important;
}
.b-contact-form__form .iti.iti--allow-dropdown {
    direction: ltr;
    gap: 8px;
}
body .b-contact-form__form .overdivall .leads-form .intform .form-input,
body .b-contact-form__form .overdivall .leads-form .intform .form-input input {
    height: 50px!important;
    border: 0;
}
/* Lead-form inputs */
.b-contact-form__form .form-input {
    background: #fff;
    border: none !important;
    border-radius: 110px !important;
    color: #90A1B9;
    padding: 0 16px;
    font-size: 16px;
}
.b-contact-form__form .iti__flag-container {
   background: transparent;
   border: none;
}
.b-contact-form__form .iti__flag.iti__pt {
    display: none;
}
.b-contact-form__form input#email {
    text-align: right;
}
.b-contact-form__form input::placeholder {
    color: #90A1B9;
}

.b-contact-form__form .form-input:focus{
    outline: 2px solid rgba(255,255,255,0.7);
}

/* Submit button */
.b-contact-form__form button[type="submit"] {
    order: 2;
    display: block;
    margin: 1rem auto 0;
    padding: 12px 32px;
    background: #004346;
    border: 0;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    text-transform: uppercase;
    flex: 1 1 calc(23% - 12px);
    height: 50px;
}

.b-contact-form__form button[type="submit"]:hover {
    background: #fff;
    color: #00ADB5;
}

.b-contact-form__form .checkboxesZone {
    order: 3;
    flex: 0 0 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    line-height: 1.5;
    max-width: 900px;
    margin-left: auto;
}

/* .b-contact-form__form .checkboxesZone::before {
    content: '';
    display: inline-block;
    min-width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 4px;
    background: #004346 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 6l3 3 6-6' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;
} */
.b-contact-form__form .checkboxesZone a {
    color: #fff;
    text-decoration: underline;
}
/* Thank you message */
.b-contact-form__form .thanks {
    display: none;
}

.b-contact-form__form #customThanks,
[id^="customThanks-"] {
    font-size: 1.2rem;
    line-height: 1.6em;
    padding: 1.5rem 0;
    color: #fff;
}

.b-contact-form__form .thanks a {
    color: #fff;
    text-decoration: underline;
}

/* Validation */
.b-contact-form__form .ng-invalid.invalid,
.b-contact-form__form .invalid {
    box-shadow: 0 0 8px red;
}

@media (max-width: 991.98px) {
    .b-contact-form {
        background: linear-gradient(180deg, #00797F 0%, #004C4F 100%);
    }
    .b-contact-form__inner {
        padding: 0 24px;
        border-radius: 0;
        background: transparent;
        max-width: 400px;
    }
    .b-contact-form__title {
        margin-bottom: 22px;
    }

    .b-contact-form__form.myForm {
        max-width: 400px;
        margin: 0 auto;
        background: #00ADB5;
        border-radius: 16px;
        padding: 24px;
    }

    .b-contact-form__form .intform {
        flex-direction: column;
    }
    .b-contact-form__form button[type="submit"] {
        order: 3;
    }
    .b-contact-form__form .intform .form-input,
    .b-contact-form__form button[type="submit"] {
        flex: 1 1 100%;
        min-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .b-contact-form {
        padding: 20px 0;
        background: none;
    }

    .b-contact-form__title {
        color: #004346;
        font-size: 25px;
        font-weight: 700;
        line-height: 1.04;
        letter-spacing: 0em;
        margin-bottom: 30px;
    }

    .b-contact-form__form .form-input {
        padding: 0;
    }
            
    .form-input.country-input {
        display: none !important;
    }

    .leads-form .is-invalid {
        box-shadow: 0 0 0 1px #ff3d3d !important;
    }

    .leads-form .chackboxsi {
        display: flex;
        flex-direction: row-reverse;
        text-align: right;
        justify-content: flex-end;
        gap: 17px;
    }

    .leads-form .chackboxsi input {
        margin-top: 3px !important;
        opacity: 1;
        visibility: visible;
        position: relative;
        pointer-events: auto;
    }

    .leads-form .checkboxesZone {
        order: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        align-items: center;
    }

    .leads-form .checkboxesZone p,
    .leads-form .checkboxesZone a {
        color: #fff;
        line-height: 21px;
        font-size: 13px;
    }

    .leads-form .checkboxesZone a {
        text-decoration: underline;
    }

    .leads-form .checkboxesZone .chackboxsi {
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .leads-form .checkboxesZone .chackboxsi input[type='checkbox'] {
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
        margin: 0;
        margin-top: 2px;
        pointer-events: auto;
        appearance: none;
        -webkit-appearance: none;
        background: #fff;
        border: 0;
        border-radius: 4px;
        cursor: pointer;
    }

    .leads-form .checkboxesZone .chackboxsi input[type='checkbox']:checked {
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 9l3 3 7-7' fill='none' stroke='%23153c6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px 14px;
    }

    .leads-form .intform {
        gap: 15px;
        display: flex;
        flex-wrap: wrap;
    }


    .leads-form .intform > .form-input,
    .leads-form .intform > button[type="submit"] {
        flex: 0 0 calc((100% - 45px) / 4);
        max-width: calc((100% - 45px) / 4);
        min-width: 0;
    }

    .leads-form .intform > .form-input,
    .leads-form .intform > button[type="submit"] {
        flex: 0 0 calc((100% - 15px) / 2);
        max-width: calc((100% - 15px) / 2);
    }


    .leads-form .intform > .form-input,
    .leads-form .intform > button[type="submit"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
    

    .leads-form .intform > .checkboxesZone {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
    }

    .leads-form .intform .form-input {
        margin-top: 0;
        height: auto !important;
        position: relative;
    }

    .leads-form .intform .form-input::before {
        content: "";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6668 2.93298H2.93346C2.12345 2.93298 1.4668 3.58963 1.4668 4.39965V13.1996C1.4668 14.0097 2.12345 14.6663 2.93346 14.6663H14.6668C15.4768 14.6663 16.1335 14.0097 16.1335 13.1996V4.39965C16.1335 3.58963 15.4768 2.93298 14.6668 2.93298Z' stroke='%2390A1B9' stroke-width='1.46667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.1335 5.13293L9.55546 9.31293C9.32906 9.45478 9.0673 9.53001 8.80013 9.53001C8.53296 9.53001 8.2712 9.45478 8.0448 9.31293L1.4668 5.13293' stroke='%2390A1B9' stroke-width='1.46667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        pointer-events: none;
        z-index: 1;
    }

    .leads-form .intform .form-input.name-input-div {
        position: relative;
    }

    .leads-form .intform .form-input.name-input-div::before {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5398 13.8598V12.5398C12.5398 11.8396 12.2617 11.1681 11.7666 10.673C11.2715 10.1779 10.6 9.89978 9.8998 9.89978H5.9398C5.23963 9.89978 4.56814 10.1779 4.07304 10.673C3.57795 11.1681 3.2998 11.8396 3.2998 12.5398V13.8598' stroke='%2390A1B9' stroke-width='1.32' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.91979 7.25998C9.37782 7.25998 10.5598 6.07801 10.5598 4.61998C10.5598 3.16195 9.37782 1.97998 7.91979 1.97998C6.46175 1.97998 5.27979 3.16195 5.27979 4.61998C5.27979 6.07801 6.46175 7.25998 7.91979 7.25998Z' stroke='%2390A1B9' stroke-width='1.32' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .leads-form .intform .form-input.phone-input::before {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7659_289)'%3E%3Cpath d='M14.5202 11.1673V13.1473C14.5209 13.3311 14.4833 13.5131 14.4097 13.6815C14.336 13.8499 14.228 14.0011 14.0926 14.1254C13.9571 14.2496 13.7972 14.3442 13.6231 14.4031C13.449 14.462 13.2645 14.4839 13.0814 14.4673C11.0505 14.2467 9.09962 13.5527 7.3856 12.4411C5.79093 11.4278 4.43892 10.0758 3.4256 8.48113C2.31019 6.75933 1.61604 4.79899 1.3994 2.75893C1.38291 2.57642 1.4046 2.39247 1.46309 2.2188C1.52158 2.04513 1.6156 1.88555 1.73915 1.7502C1.86269 1.61486 2.01307 1.50672 2.1807 1.43268C2.34833 1.35863 2.52954 1.3203 2.7128 1.32013H4.6928C5.0131 1.31698 5.32362 1.4304 5.56648 1.63926C5.80934 1.84812 5.96797 2.13817 6.0128 2.45533C6.09637 3.08898 6.25136 3.71113 6.4748 4.30993C6.5636 4.54616 6.58282 4.8029 6.53018 5.04971C6.47754 5.29653 6.35525 5.52309 6.1778 5.70253L5.3396 6.54073C6.27915 8.19307 7.64726 9.56119 9.2996 10.5007L10.1378 9.66253C10.3172 9.48508 10.5438 9.36279 10.7906 9.31015C11.0374 9.25752 11.2942 9.27673 11.5304 9.36553C12.1292 9.58898 12.7514 9.74396 13.385 9.82753C13.7056 9.87276 13.9984 10.0342 14.2077 10.2813C14.417 10.5283 14.5282 10.8437 14.5202 11.1673Z' stroke='%2390A1B9' stroke-width='1.32' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7659_289'%3E%3Crect width='15.84' height='15.84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }

    .leads-form .form-title {
        display: none;
    }

    .leads-form .form-input.phone-input {
        margin-top: 0;
        background-color: transparent;
        padding: 0;
    }

    .leads-form .form-input.phone-input .iti > input {
        border: none;
        padding: 0 43px 0 5px !important;
        background-color: #fff;
        border-radius: 110px;
        font-size: clamp(14px, 1.27vw, 17px);
        height: clamp(51px, 4.78vw, 64px);
        text-align: right;
        width: calc(100% - 80px) !important;
    }

    .leads-form .form-input.phone-input .iti > input::placeholder {
        color: #90A1B9;
    }

    .leads-form .form-input.phone-input .iti__flag-container {
        border: none;
        background-color: #fff;
        border-radius: 110px;
        height: 55px;
        width: 80px;
    }

    .leads-form .form-input.phone-input .iti__flag-container > .iti__selected-flag .iti__flag {
        display: none !important;
    }

    .iti__selected-flag {
        height: 55px !important;
    }

    .leads-form .form-input:not(.phone-input) select,
    .leads-form .form-input:not(.phone-input) input {
        display: block;
        border: none;
        background-color: #fff;
        border-radius: 99px;
        color: #90A1B9;
        font-size: clamp(14px, 1.27vw, 17px);
        padding: 0 43px 0 20px !important;
        height: clamp(51px, 4.78vw, 64px) !important;
        border: 1px solid #ffffff00;
        height: 55px !important;
    }

    .leads-form .form-input:not(.phone-input) select::placeholder,
    .leads-form .form-input:not(.phone-input) input::placeholder {
        color: #90A1B9;
    }

    body .b-contact-form__form .overdivall .leads-form .intform .form-input,
    body .b-contact-form__form .overdivall .leads-form .intform .form-input input {
        height: 55px!important;
    }

    .b-contact-form__form button[type="submit"] {
        height: 55px !important;
        border-radius: 99px;
        background-color: #004346;
        color: #FFFFFF;
        font-size: 18px;
        width: 100%;
        padding: 18px 32px;
        min-height: 55px;
    }       

}

@media (max-width: 350px) {
    .b-contact-form__form.myForm {
        padding: 24px 15px;
    }
}