body {
    font-family: "IBM Plex Sans", serif;
}

main {
    background: url(../images/bg_main.png) no-repeat top right, url(../images/bg_main_2.png) no-repeat left top;
    background-size: 45%, 60%;
    background-color: #F8FAFC;

}

.btn {
    background: linear-gradient(65.99deg, #0069AB 6.43%, #00ABDD 93.35%);
    border-radius: 100px
}

#tooth2 {
    background: url(../images/tooth2.png) no-repeat right bottom;
    background-size: auto 100%;
    background-color: #F0F9FF
}

#tooth3 {
    background: url(../images/footer_bg.png) no-repeat right bottom;
    background-size: cover;
    background-color: #F0F9FF
}

.circle {
    min-width: 18px;
    width: 18px;
    height: 18px;
    background: #0EA5E9;
    border-radius: 100%;
    border: 5px solid #F0F9FF;
    outline: 1px solid #E2E8F0;
}

form {
    box-shadow: 0 4px 4px -4px #0C0C0D0D, 0 16px 32px -4px #0C0C0D1A;
    margin-top: -350px;
}

input[type="text"]:focus {
    outline: none;
}

.input-block.active label {
    color: #0069AB;
}

.input-block.active {
    border-color: #0069AB;
}

#services {
    background: url(../images/bg_services.png) no-repeat center center;
    background-size: cover;
}

.price-btn {
    border-radius: 100px;
    border: 1px solid #0079C5;
    background: linear-gradient(65.99deg, #0069AB 6.43%, #00ABDD 93.35%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.swiper-button-next,
.swiper-button-prev {
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 100%;
    border: 1px solid #0069AB
}

.swiper-button-next, .swiper-button-prev {
    top: 24px;
}

.swiper-button-next {
    right: 0;
    left: auto;
    background: url(../images/next.png) no-repeat center center;
    background-size: 20%
}

.swiper-button-prev {
    right: 80px;
    left: auto;
    background: url(../images/prev.png) no-repeat center center;
    background-size: 20%
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
    content: none;
}

#steps {
    background: linear-gradient(65.99deg, #0069AB 6.43%, #00ABDD 93.35%);
}

.step-number {
    font-size: 128px;
    line-height: 1;
    font-family: monospace;
    bottom: -14px;
    left: -10px;
}

.swiper-button-next-licenses {
    top: 53%;
    right: 0;
}

.swiper-button-prev-licenses {
    top: 53%;
    left: 0;
}

.swiper {
    position: unset;
}

.fancybox__backdrop {
    background: rgba(0, 105, 171, 0.8)
}

.iti {
    width: 100%;
}

.error {
    border: 1px solid red !important;
}

.close-modal {
    font-family: monospace;
    top: -20px;
    right: -12px
}

.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important;
}

.is-submitting::before {
    position: absolute;
    content: '';
    z-index: 111;
    top: -0.5em;
    right: -0.5em;
    left: -0.5em;
    bottom: -0.5em;
    background: rgba(0, 0, 0, 0.05) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K') no-repeat 50% 50% / 1em 1em;
}

.modal-block {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 600px;
    background: white;
    border-radius: 16px;
    padding: 3rem;
    transition: 1s linear;
    box-shadow: 4px 4px 16px lightgray;
    border: 1px solid rgb(245, 245, 245);
}

.modal-backdrop {
    background: rgba(255, 255, 255, 0.85);
}

.modal-block-off {
    right: 45%;
    left: 20%;
    background: transparent;
    padding: 0;
    width: 732px;
    box-shadow: none;
    border: none
}

.modal {
    height: 480px;
}

.modal-phone {
    opacity: 0;
    height: 0;
    transition: 1s ease-in;
}

.modal-phone-off {
    opacity: 1;
    height: 32px
}

.modal-btn {
    top: 0;
    transition: 1s ease-in;
}

.modal-btn-off {
    top: 32px
}

.tooth-block {
    position: relative;
    top: 480px;
}

@media (max-width: 767px) {
    main {
        background: url(../images/bg_main_mob.png) no-repeat top center;
        background-size: 100%;
    }

    form {
        margin-top: 0;
    }

    #tooth2 {
        background: #F0F9FF;
    }

    #services {
        background: url(../images/bg_services_mob.jpg) no-repeat top center;
        background-size: cover;
    }

    .swiper-button-next-licenses {
        top: 1rem;
        right: 0;
    }

    .swiper-button-prev-licenses {
        top: 1rem;
        left: auto;
        right: 5rem;
    }

    #tooth3 {
        background-position: top left;
    }

    .modal-btn {
        top: 20px;
    }

    .tooth-block {
        top: 260px
    }

    .modal {
        height: auto;
    }

    form#first {
        position: relative;
        top: 240px;
    }

    .modal-block {
        margin-top: -4rem
    }

    .modal-block-off {
        left: 0;
        width: 100%;
        margin-top: 0
    }
}