.form input, select{
    border-color: #008db4;
}
.submitc {
    font-family: Arial;
    cursor: pointer;
    padding: 0px 42px;
    border-width: medium medium 2px;
    border-style: none none solid;
    border-image: none;
    display: block;
    margin: 5px auto 10px;
    color: red;
    font-size: 24px;
    text-decoration: none;
    text-align: center;
    height: 51px;
    width: 100%;
    line-height: 51px;
    background: #008db4;
    font-weight: 700;
    border-radius: 3px;
}



@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Inter:400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Oswald:500&display=swap);

.about-item__block,
.form__button {
    font-family: Nunito Sans, sans-serif
}

.benefits__title,
.comment__name,
.comments__title,
.compound-item__list li,
.compound__title,
.footer__title,
.hero__price,
.item-composition,
.opinion__wrapper,
.results__title {
    font-family: Roboto, sans-serif
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #000;
    line-height: 1;
    font-family: Inter, sans-serif;
    font-size: 1rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: Inter;
    font-size: inherit
}



a {
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow:clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper>main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 88.125rem;
    margin: 0 auto;
    padding: 0 .9375rem
}

.form {
    display: -ms-grid;
    display: grid;
    gap: .75rem;
    max-width: 20.9375rem
}

.footer .form {
    background-color: #fff;
    border-radius: 1rem;
    margin-left: auto;
    margin-top: 1.875rem;
    min-height: 23.5rem
}

.hero .form {
    margin-left: auto
}

.form__line {
    border-radius: 1rem;
    border: .0625rem solid #fff;
    overflow: hidden;
    background: rgba(255, 255, 255, .25)
}

.footer .form__line {
    border-color: #ff4747
}

.form__button {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #ff4747;
    border-radius: 16px;
    width: 100%
}

.special .form__button {
    max-width: 20.75rem;
    margin-left: auto
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input {
    border-radius: 0 !important;
    border-color: #008db4;
    background-color: #008db4;
    outline: 0;
    width: 100%;
    display: block;
    padding: 0 25px;
    color: #fff;
    direction: rtl;
    font-size: 1.125rem
}

.footer .input {
    color: #000
}

.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
    color: #fff;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder {
    color: #fff;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
    color: #fff;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
    color: #fff;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
    color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.footer .input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
    color: #cbcbcb
}

.footer .input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder {
    color: #cbcbcb
}

.footer .input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
    color: #cbcbcb
}

.footer .input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
    color: #cbcbcb
}

.footer .input[placeholder]:not([data-placeholder-nohiden])::placeholder {
    color: #cbcbcb
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-moz-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
    opacity: 0
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
    opacity: 0
}

textarea.input {
    resize: none;
    padding: 0 0
}

[class*=-ibg] {
    position: relative
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

.timer {
    padding-top: 1.25rem;
    padding-bottom: 1.5625rem
}

.special .timer {
    margin-bottom: .625rem
}

.timer__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 6.25rem;
    font-weight: 500;
    font-family: Oswald, sans-serif;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.hero .timer__items {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.footer .timer__items,
.special .timer__items {
    font-size: 3.75rem
}

.timer__item {
    position: relative;
    width: 7.1rem;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 15px;
    text-align: center;
    letter-spacing: -4px
}

.footer .timer__item,
.special .timer__item {
    width: 5rem;
    height: 5rem;
    margin-left: .4375rem;
    margin-right: .4375rem
}

.timer__item-img {
    position: relative
}

.timer__item-img img {
    position: absolute;
    width: 7.5rem;
    height: 7.6875rem;
    left: 50%;
    top: -.3125rem;
    -webkit-transform: translateX(-46%);
    -ms-transform: translateX(-46%);
    transform: translateX(-46%)
}

.footer .timer__item-img img,
.special .timer__item-img img {
    width: 5.125rem;
    height: 5.125rem
}

.timer__item::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1.5625rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: normal
}

.footer .timer__item::before {
    color: #fff
}

.header {
    position: absolute;
    width: 100%;
    top: 0
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__btn {
    padding: 1rem 1.375rem;
    border-radius: 1rem;
    border: .0625rem solid #fff;
    color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.header__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23.4375rem;
    flex: 0 0 23.4375rem
}

.menu {
    color: #fafafa
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__item {
    direction: rtl
}

.menu__link {
    -webkit-transition: color .3s, background-color .3s;
    -o-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s
}

.logo img {
    max-width: 100%
}

.icon-menu {
    display: none
}

.footer {
    padding-top: 4.0625rem;
    background: url(../img/footer-bg.jpg) no-repeat center/cover
}

.footer__container {
    position: relative
}

.footer__img {
    position: absolute;
    z-index: 4;
    pointer-events: none
}

.footer__title {
    font-weight: 700;
    max-width: 50rem;
    margin: 0 auto;
    text-align: center;
    line-height: 1.2916666667;
    color: #fff
}

.hero {
    padding-bottom: 4.375rem;
    background: url(../img/hero-bg.jpg) no-repeat center/cover
}

.hero__container {
    position: relative
}

.hero__inner {
    position: relative;
    z-index: 3
}

.special .hero__inner {
    padding-right: 0
}

.hero__info {
    text-align: right
}

.hero__img {
    pointer-events: none;
    position: absolute
}

.hero__text {
    direction: rtl;
    font-weight: 500;
    line-height: .8
}

.footer .hero__text {
    color: #fff
}

.hero__timer {
    margin-bottom: 1.25rem
}

.hero__text-accent {
    color: #075079;
    font-size: 1rem;
    line-height: 1.625;
    direction: rtl;
    margin-left: auto
}

.hero__price {
    font-weight: 700;
    color: #008db4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.hero__price small {
    position: relative;
    padding: 0 .3125rem;
    line-height: 1.1538461538;
    color: #075079
}

.hero__price small::before {
    content: "";
    position: absolute;
    width: 100%;
    height: .1875rem;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: red
}

.hero__form {
    min-height: 15.1875rem
}

.about {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))) {
    .about {
        background: #075079;
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px)
    }
}

.about__items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.125rem, 1fr));
    gap: 1.25rem
}

.about-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-item__block {
    direction: rtl;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.about-item__title {
    font-weight: 700;
    line-height: 1.1666666667;
    color: #fafafa;
    margin-bottom: .5rem
}

.about-item__text {
    line-height: 1.3888888889;
    color: #82e0fa
}

.about-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.625rem;
    flex: 0 0 5.625rem
}

.about-item__icon img {
    max-width: 100%
}

.benefits {
    background: url(../img/benefits-bg.png) no-repeat center right/contain;
    padding-top: 4.0625rem;
    padding-bottom: 4.0625rem
}

.benefits__title {
    text-align: center;
    font-weight: 600;
    line-height: .75;
    margin-bottom: 1.25rem
}

.benefits__title span {
    color: #3ab8ff
}

.benefits__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr)
}

.benefits-item {
    padding-bottom: 100%
}

.compound {
    padding-top: 4.0625rem;
    padding-bottom: 4.0625rem;
    background: url(../img/three-bg.jpg) no-repeat center/cover
}

.compound__title {
    font-weight: 700;
    line-height: 1.0869565217;
    color: #fff;
    max-width: 65.625rem;
    text-align: center;
    margin: 0 auto;
    direction: rtl
}

.compound-item {
    position: relative;
    background: #fff;
    border-radius: 1.625rem;
    padding: 2.8125rem;
    min-height: 29.6875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 59.375rem;
    margin: 0 auto
}

.compound-item__list {
    display: -ms-grid;
    display: grid;
    gap: 1.5rem
}

.compound-item__list li {
    text-align: right;
    padding-right: 3.4375rem;
    position: relative;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #075079
}

.compound-item__list li::before {
    content: "";
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    overflow: hidden;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/check.png) no-repeat center/cover
}

.compound-item__img {
    pointer-events: none
}

.special {
    position: relative;
    padding-top: 4.0625rem;
    padding-bottom: 5.9375rem;
    background: -o-linear-gradient(9.56deg, #f7fcff 18.41%, #aae0ff 99.91%);
    background: linear-gradient(80.44deg, #f7fcff 18.41%, #aae0ff 99.91%)
}

.special__img-bg {
    position: absolute;
    right: 0;
    top: 0
}

.special__container {
    position: relative;
    z-index: 2
}

.special__title {
    direction: rtl;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: 1.0869565217
}

.special__title span {
    display: block
}

.special__wrapper {
    position: relative;
    max-width: 45.625rem;
    min-height: 18.75rem;
    background: #ecf4f3;
    border-radius: .625rem;
    margin: 0 auto;
    padding: 1.375rem 2.5rem
}

.special__img {
    position: absolute
}

.opinion {
    position: relative;
    background: url(../img/doc-bg.jpg) no-repeat center/cover
}

.opinion__img {
    position: absolute;
    left: 0;
    top: .625rem
}

.opinion__wrapper {
    position: relative;
    max-width: 51.5625rem;
    margin: 0 auto
}

.opinion__wrapper-block {
    padding: 1.25rem 5rem 1.25rem 2.5rem;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 1rem
}

.opinion__wrapper-img {
    position: absolute;
    left: 95%;
    top: 50%
}

.opinion__title {
    direction: rtl;
    font-weight: 700;
    line-height: 1.2;
    color: #232323;
    margin-bottom: .625rem
}

.opinion__text {
    direction: rtl;
    font-size: .9375rem;
    line-height: 2;
    margin-bottom: .625rem
}

.opinion__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.opinion__footer-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.625rem;
    flex: 0 0 5.625rem
}

.opinion__footer-img img {
    max-width: 100%
}

.opinion__footer-text {
    direction: rtl;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    color: #43baff
}

.opinion small {
    display: block;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: .6875rem;
    color: #b0b0b0
}

.results {
    padding-top: 4.0625rem;
    padding-bottom: 4.0625rem;
    background: url(../img/chart-bg.jpg) no-repeat center/cover;
    color: #fff
}

.results__title {
    text-align: center;
    font-weight: 700;
    line-height: 1.2916666667
}

.charts {
    max-width: 71.875rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem
}

.charts__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 48%;
    flex: 1 1 48%;
    padding-bottom: 35%;
    overflow: hidden;
    border-radius: 1rem
}

.comments {
    padding-top: 4.0625rem;
    padding-bottom: 4.0625rem;
    background: url(../img/comment-bg.jpg) no-repeat center/cover
}

.comments__container {
    max-width: 62.5rem
}

.comments__title {
    text-align: center;
    font-weight: 700;
    line-height: 1.0416666667
}

.comments__items {
    display: -ms-grid;
    display: grid;
    gap: 2.8125rem
}

.comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.comment:not(:last-child) {
    border-bottom: .125rem solid #e8e8e8
}

.comment__block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    direction: rtl
}

.comment__name {
    font-weight: 700;
    line-height: 1.4285714286;
    text-transform: uppercase;
    color: #1e949d;
    margin-bottom: .625rem
}

.comment__text {
    font-size: .9375rem;
    line-height: 2;
    color: #232323
}

.comment__text span {
    color: #337ab7
}

.comment__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10.625rem;
    flex: 0 0 10.625rem;
    border-radius: 50%;
    overflow: hidden
}

.comment__img img {
    max-width: 100%
}

.composition {
    padding-top: 4.0625rem;
    padding-bottom: 4.0625rem;
    background: url(../img/composition-bg.jpg) no-repeat center/cover
}

.composition__items {
    display: -ms-grid;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fit, minmax(18.125rem, 1fr))
}

.item-composition {
    text-align: center
}

.item-composition__icon {
    margin: 0 auto
}

.item-composition__icon img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.item-composition__title {
    margin-bottom: .625rem;
    font-weight: 700;
    line-height: 1.1428571429;
    color: #075079
}

@media (min-width:29.99875em) {
    [class*=__container] {
        padding: 0 1.875rem
    }
}

@media (min-width:47.99875em) {
    .hero {
        padding-top: 10.625rem
    }

    .hero__img {
        top: 0;
        width: 62.5rem;
        z-index: 2
    }
}

@media (min-width:61.99875em) {
    .header__container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .menu__link {
        border-radius: 1rem;
        padding: .625rem 1.25rem
    }

    .compound-item__img {
        position: absolute;
        right: -18.75rem;
        top: -3.75rem;
        max-width: 55.0625rem
    }

    .opinion__wrapper-img {
        -webkit-transform: translateY(-56%);
        -ms-transform: translateY(-56%);
        transform: translateY(-56%)
    }
}

@media (min-width:88.125em) {
    .footer .form {
        padding: 2.1875rem
    }

    .form__button {
        font-size: 1.125rem
    }

    .form__button {
        height: 3.125rem
    }

    .input {
        height: 3.125rem
    }

    .header {
        padding-top: 4.375rem
    }

    .header__btn {
        font-size: 1.125rem
    }

    .header__logo {
        -ms-flex-preferred-size: 23.4375rem;
        flex-basis: 23.4375rem
    }

    .footer {
        padding-bottom: 8.4375rem
    }

    .footer__title {
        font-size: 3rem
    }

    .footer__title {
        margin-bottom: 2.1875rem
    }

    .hero__text {
        font-size: 1.25rem
    }

    .hero__text-accent {
        margin-bottom: 1.875rem
    }

    .hero__price {
        margin-bottom: 1.875rem
    }

    .hero__price {
        font-size: 1.5rem
    }

    .hero__price small {
        font-size: 1.625rem
    }

    .about {
        padding-top: 2.8125rem
    }

    .about {
        padding-bottom: 2.8125rem
    }

    .about-item__title {
        font-size: 1.5rem
    }

    .about-item__text {
        font-size: 1.125rem
    }

    .benefits__title {
        font-size: 2.5rem
    }

    .compound__title {
        font-size: 2.875rem
    }

    .compound__title {
        margin-bottom: 3.125rem
    }

    .special__title {
        font-size: 2.875rem
    }

    .special__title {
        margin-bottom: 5.625rem
    }

    .opinion {
        padding-top: 10.1875rem
    }

    .opinion__wrapper-img {
        width: 27.5rem
    }

    .opinion__title {
        font-size: 2.1875rem
    }

    .opinion__footer-text {
        font-size: 1.1875rem
    }

    .results__title {
        font-size: 3rem
    }

    .results__title {
        margin-bottom: 3.75rem
    }

    .comments__title {
        font-size: 3rem
    }

    .comments__title {
        margin-bottom: 2.5rem
    }

    .comment {
        gap: 1.5625rem
    }

    .comment:not(:last-child) {
        padding-bottom: 4.375rem
    }

    .comment__name {
        font-size: 1.3125rem
    }

    .comment__img {
        width: 10.625rem
    }

    .comment__img {
        height: 10.625rem
    }

    .comment__img {
        -ms-flex-preferred-size: 10.625rem;
        flex-basis: 10.625rem
    }

    .item-composition__icon {
        width: 9.6875rem
    }

    .item-composition__icon {
        height: 9.6875rem
    }

    .item-composition__title {
        font-size: 1.75rem
    }

    .item-composition__text {
        font-size: 1.5rem
    }
}

@media (min-width:90em) {
    .header__container {
        padding-right: 16.875rem
    }

    .header__container {
        gap: 3.125rem
    }

    .menu__list {
        gap: 1.875rem
    }

    .menu__list {
        font-size: 1.125rem
    }

    .footer__img {
        width: 32.25rem
    }

    .footer__img {
        left: 25rem
    }

    .footer__img {
        bottom: -8.125rem
    }

    .hero__inner {
        padding-right: 15.9375rem
    }

    .hero__img {
        left: -1.875rem
    }

    .about__container {
        padding-left: 5.9375rem
    }

    .about__container {
        padding-right: 5.9375rem
    }

    .special__img {
        width: 51.875rem
    }

    .special__img {
        left: -16.25rem
    }

    .special__img {
        top: -8.75rem
    }

    .opinion {
        padding-bottom: 10.1875rem
    }
}

@media (min-width:120em) {
    .opinion__img {
        width: 35rem
    }
}

@media (max-width:62em) {
    .header__container {
        padding-right: 2.5rem
    }

    .header__container {
        gap: 1.25rem
    }

    .menu__list {
        gap: .9375rem
    }

    .menu__list {
        font-size: 1rem
    }

    .hero__inner {
        padding-right: .0000000625rem
    }

    .about__container {
        padding-left: .9375rem
    }

    .about__container {
        padding-right: .9375rem
    }

    .opinion__img {
        width: 16.25rem
    }
}

@media (max-width:48em) {
    .footer__img {
        width: 25rem
    }

    .footer__img {
        left: 4.375rem
    }

    .footer__img {
        bottom: -5rem
    }

    .opinion {
        padding-bottom: 5rem
    }
}

@media (max-width:20em) {
    .footer .form {
        padding: 1.25rem
    }

    .form__button {
        font-size: 1rem
    }

    .form__button {
        height: 2.5rem
    }

    .input {
        height: 2.5rem
    }

    .header {
        padding-top: 1.875rem
    }

    .header__btn {
        font-size: 1rem
    }

    .header__logo {
        -ms-flex-preferred-size: 11.25rem;
        flex-basis: 11.25rem
    }

    .footer {
        padding-bottom: 1.875rem
    }

    .footer__title {
        font-size: 1.875rem
    }

    .footer__title {
        margin-bottom: 1.25rem
    }

    .hero__text {
        font-size: 1.125rem
    }

    .hero__text-accent {
        margin-bottom: 1.25rem
    }

    .hero__price {
        margin-bottom: 1.25rem
    }

    .hero__price {
        font-size: 1.875rem
    }

    .hero__price small {
        font-size: 1.25rem
    }

    .about {
        padding-top: 1.875rem
    }

    .about {
        padding-bottom: 1.875rem
    }

    .about-item__title {
        font-size: 1.25rem
    }

    .about-item__text {
        font-size: 1rem
    }

    .benefits__title {
        font-size: 1.875rem
    }

    .compound__title {
        font-size: 1.875rem
    }

    .compound__title {
        margin-bottom: 1.875rem
    }

    .special__title {
        font-size: 1.875rem
    }

    .special__title {
        margin-bottom: 1.875rem
    }

    .opinion {
        padding-top: 1.25rem
    }

    .opinion__wrapper-img {
        width: 12.5rem
    }

    .opinion__title {
        font-size: 1.75rem
    }

    .opinion__footer-text {
        font-size: 1rem
    }

    .results__title {
        font-size: 1.875rem
    }

    .results__title {
        margin-bottom: 1.875rem
    }

    .comments__title {
        font-size: 1.875rem
    }

    .comments__title {
        margin-bottom: 1.875rem
    }

    .comment {
        gap: .625rem
    }

    .comment:not(:last-child) {
        padding-bottom: 1.875rem
    }

    .comment__name {
        font-size: 1.125rem
    }

    .comment__img {
        width: 5rem
    }

    .comment__img {
        height: 5rem
    }

    .comment__img {
        -ms-flex-preferred-size: 5rem;
        flex-basis: 5rem
    }

    .item-composition__icon {
        width: 5rem
    }

    .item-composition__icon {
        height: 5rem
    }

    .item-composition__title {
        font-size: 1.25rem
    }

    .item-composition__text {
        font-size: 1.125rem
    }
}

@media (max-width:61.99875em) {
    .header__btn {
        position: relative;
        z-index: 6
    }

    .header__logo {
        margin-left: auto;
        position: relative;
        z-index: 5
    }

    .menu__body {
        padding: 11.25rem .9375rem;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: -100%;
        background-color: #8ed1fc;
        -webkit-transition: right .3s;
        -o-transition: right .3s;
        transition: right .3s;
        z-index: 5
    }

    .menu-open .menu__body {
        right: 0
    }

    .menu__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu__link {
        font-size: 1.375rem;
        display: block;
        padding: .3125rem 0
    }

    .icon-menu {
        display: block;
        position: relative;
        width: 1.875rem;
        height: 1.125rem;
        z-index: 6
    }

    .icon-menu span,
    .icon-menu::after,
    .icon-menu::before {
        content: "";
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        right: 0;
        position: absolute;
        width: 100%;
        height: .125rem;
        background-color: #fff
    }

    .icon-menu::before {
        top: 0
    }

    .icon-menu::after {
        bottom: 0
    }

    .icon-menu span {
        top: calc(50% - .0625rem)
    }

    .menu-open .icon-menu span {
        width: 0
    }

    .menu-open .icon-menu::before {
        top: calc(50% - .0625rem);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu-open .icon-menu::after {
        bottom: calc(50% - .0625rem);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .compound-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .compound-item__img {
        margin-bottom: -2.1875rem
    }

    .opinion__wrapper {
        padding-top: 12.5rem
    }

    .opinion__wrapper-block {
        background: rgba(255, 255, 255, .85);
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        position: relative;
        z-index: 3
    }

    .opinion__wrapper-img {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2
    }
}

@media (max-width:61.99875em) and (any-hover:none) {
    .icon-menu {
        cursor: default
    }
}

@media (max-width:61.99875em) and (max-width:20em) {
    .opinion__wrapper-img {
        top: 1.875rem
    }
}

@media (max-width:47.99875em) {
    .footer {
        padding-top: 27.1875rem
    }

    .footer__img {
        top: -60%;
        left: 50%;
        -webkit-transform: translateX(-38%);
        -ms-transform: translateX(-38%);
        transform: translateX(-38%)
    }

    .hero {
        background-position-x: 95%
    }

    .hero__img {
        left: -18.75rem
    }

    .hero__img {
        left: 50%;
        -webkit-transform: translateX(-55%);
        -ms-transform: translateX(-55%);
        transform: translateX(-55%)
    }

    .benefits {
        background: 0 0
    }

    .benefits__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .special {
        background: -o-linear-gradient(29.56deg, #f7fcff 18.41%, #aae0ff 99.91%);
        background: linear-gradient(60.44deg, #f7fcff 18.41%, #aae0ff 99.91%);
        padding-bottom: 4.0625rem
    }

    .special__img-bg {
        display: none
    }

    .special__wrapper {
        padding-top: 25rem
    }

    .special__img {
        width: 37.5rem
    }

    .special__img {
        left: -6.25rem
    }

    .special__img {
        top: -2.5rem
    }

    .special__img {
        top: -3.125rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .opinion {
        padding-bottom: 12.5rem
    }

    .opinion__img {
        top: 75%
    }

    .charts {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charts__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding-bottom: 66%
    }

    .composition__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:29.99875em) {
    .footer .form {
        margin-top: 1.25rem;
        min-height: 22.1875rem
    }

    .input {
        padding: 0 .9375rem;
        font-size: 1rem
    }

    .timer__items {
        font-size: 3.125rem
    }

    .timer__item {
        width: 4.2rem;
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .footer .timer__item,
    .special .timer__item {
        width: 4.2rem;
        margin-left: .3125rem;
        margin-right: .3125rem
    }

    .timer__item-img img {
        width: 4.5rem;
        height: 4.6875rem;
        top: -.5rem
    }

    .footer .timer__item-img img,
    .special .timer__item-img img {
        width: 4.5rem;
        height: 4.6875rem;
        top: -.5rem
    }

    .header__container {
        padding-right: .9375rem
    }

    .header__btn {
        padding: .875rem
    }

    .footer {
        padding-top: 25rem
    }

    .footer__img {
        top: -63%
    }

    .about-item {
        gap: .625rem
    }

    .about-item__title {
        margin-bottom: .25rem
    }

    .about-item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.8125rem;
        flex: 0 0 2.8125rem
    }

    .compound-item__list li {
        padding-right: 3.125rem
    }

    .compound-item__list li::before {
        width: 2.1875rem;
        height: 2.1875rem
    }

    .compound-item__img {
        margin-bottom: -1.5625rem
    }

    .special__wrapper {
        padding-top: 22.5rem;
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .opinion__footer-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.125rem;
        flex: 0 0 3.125rem
    }

    .comment {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .comment:not(:last-child) {
        border-width: .0625rem
    }

    .comment__img {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (max-width:22.5em) {
    .header__container {
        gap: .625rem
    }

    .compound-item {
        padding: 1.5625rem
    }
}

@media (min-width:20em) and (max-width:88.125em) {
    @supports (padding:clamp(1.25rem, 0.9747706422rem + 1.376146789vw, 2.1875rem)) {
        .footer .form {
            padding: clamp(1.25rem, .9747706422rem + 1.376146789vw, 2.1875rem)
        }
    }

    @supports not (padding:clamp(1.25rem, 0.9747706422rem + 1.376146789vw, 2.1875rem)) {
        .footer .form {
            padding: calc(1.25rem + .9375 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1rem, 0.9633027523rem + 0.1834862385vw, 1.125rem)) {
        .form__button {
            font-size: clamp(1rem, .9633027523rem + .1834862385vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.9633027523rem + 0.1834862385vw, 1.125rem)) {
        .form__button {
            font-size: calc(1rem + .125 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (height:clamp(2.5rem, 2.3165137615rem + 0.9174311927vw, 3.125rem)) {
        .form__button {
            height: clamp(2.5rem, 2.3165137615rem + .9174311927vw, 3.125rem)
        }
    }

    @supports not (height:clamp(2.5rem, 2.3165137615rem + 0.9174311927vw, 3.125rem)) {
        .form__button {
            height: calc(2.5rem + .625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (height:clamp(2.5rem, 2.3165137615rem + 0.9174311927vw, 3.125rem)) {
        .input {
            height: clamp(2.5rem, 2.3165137615rem + .9174311927vw, 3.125rem)
        }
    }

    @supports not (height:clamp(2.5rem, 2.3165137615rem + 0.9174311927vw, 3.125rem)) {
        .input {
            height: calc(2.5rem + .625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (padding-top:clamp(1.875rem, 1.1410550459rem + 3.6697247706vw, 4.375rem)) {
        .header {
            padding-top: clamp(1.875rem, 1.1410550459rem + 3.6697247706vw, 4.375rem)
        }
    }

    @supports not (padding-top:clamp(1.875rem, 1.1410550459rem + 3.6697247706vw, 4.375rem)) {
        .header {
            padding-top: calc(1.875rem + 2.5 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1rem, 0.9633027523rem + 0.1834862385vw, 1.125rem)) {
        .header__btn {
            font-size: clamp(1rem, .9633027523rem + .1834862385vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.9633027523rem + 0.1834862385vw, 1.125rem)) {
        .header__btn {
            font-size: calc(1rem + .125 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (flex-basis:clamp(11.25rem, 7.6720183486rem + 17.8899082569vw, 23.4375rem)) {
        .header__logo {
            -ms-flex-preferred-size: clamp(11.25rem, 7.6720183486rem + 17.8899082569vw, 23.4375rem);
            flex-basis: clamp(11.25rem, 7.6720183486rem + 17.8899082569vw, 23.4375rem)
        }
    }

    @supports not (flex-basis:clamp(11.25rem, 7.6720183486rem + 17.8899082569vw, 23.4375rem)) {
        .header__logo {
            -ms-flex-preferred-size: calc(11.25rem + 12.1875 * (100vw - 20rem)/ 68.125);
            flex-basis: calc(11.25rem + 12.1875 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (padding-bottom:clamp(1.875rem, -0.0516055046rem + 9.6330275229vw, 8.4375rem)) {
        .footer {
            padding-bottom: clamp(1.875rem, -.0516055046rem + 9.6330275229vw, 8.4375rem)
        }
    }

    @supports not (padding-bottom:clamp(1.875rem, -0.0516055046rem + 9.6330275229vw, 8.4375rem)) {
        .footer {
            padding-bottom: calc(1.875rem + 6.5625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)) {
        .footer__title {
            font-size: clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)) {
        .footer__title {
            font-size: calc(1.875rem + 1.125 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (margin-bottom:clamp(1.25rem, 0.9747706422rem + 1.376146789vw, 2.1875rem)) {
        .footer__title {
            margin-bottom: clamp(1.25rem, .9747706422rem + 1.376146789vw, 2.1875rem)
        }
    }

    @supports not (margin-bottom:clamp(1.25rem, 0.9747706422rem + 1.376146789vw, 2.1875rem)) {
        .footer__title {
            margin-bottom: calc(1.25rem + .9375 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.125rem, 1.0883027523rem + 0.1834862385vw, 1.25rem)) {
        .hero__text {
            font-size: clamp(1.125rem, 1.0883027523rem + .1834862385vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1.125rem, 1.0883027523rem + 0.1834862385vw, 1.25rem)) {
        .hero__text {
            font-size: calc(1.125rem + .125 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (margin-bottom:clamp(1.25rem, 1.0665137615rem + 0.9174311927vw, 1.875rem)) {
        .hero__text-accent {
            margin-bottom: clamp(1.25rem, 1.0665137615rem + .9174311927vw, 1.875rem)
        }
    }

    @supports not (margin-bottom:clamp(1.25rem, 1.0665137615rem + 0.9174311927vw, 1.875rem)) {
        .hero__text-accent {
            margin-bottom: calc(1.25rem + .625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (margin-bottom:clamp(1.25rem, 1.0665137615rem + 0.9174311927vw, 1.875rem)) {
        .hero__price {
            margin-bottom: clamp(1.25rem, 1.0665137615rem + .9174311927vw, 1.875rem)
        }
    }

    @supports not (margin-bottom:clamp(1.25rem, 1.0665137615rem + 0.9174311927vw, 1.875rem)) {
        .hero__price {
            margin-bottom: calc(1.25rem + .625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.6915137615rem + 0.9174311927vw, 2.5rem)) {
        .hero__price {
            font-size: clamp(1.875rem, 1.6915137615rem + .9174311927vw, 2.5rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.6915137615rem + 0.9174311927vw, 2.5rem)) {
        .hero__price {
            font-size: calc(1.875rem + .625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.25rem, 1.1399082569rem + 0.5504587156vw, 1.625rem)) {
        .hero__price small {
            font-size: clamp(1.25rem, 1.1399082569rem + .5504587156vw, 1.625rem)
        }
    }

    @supports not (font-size:clamp(1.25rem, 1.1399082569rem + 0.5504587156vw, 1.625rem)) {
        .hero__price small {
            font-size: calc(1.25rem + .375 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (padding-top:clamp(1.875rem, 1.5997706422rem + 1.376146789vw, 2.8125rem)) {
        .about {
            padding-top: clamp(1.875rem, 1.5997706422rem + 1.376146789vw, 2.8125rem)
        }
    }

    @supports not (padding-top:clamp(1.875rem, 1.5997706422rem + 1.376146789vw, 2.8125rem)) {
        .about {
            padding-top: calc(1.875rem + .9375 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (padding-bottom:clamp(1.875rem, 1.5997706422rem + 1.376146789vw, 2.8125rem)) {
        .about {
            padding-bottom: clamp(1.875rem, 1.5997706422rem + 1.376146789vw, 2.8125rem)
        }
    }

    @supports not (padding-bottom:clamp(1.875rem, 1.5997706422rem + 1.376146789vw, 2.8125rem)) {
        .about {
            padding-bottom: calc(1.875rem + .9375 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.25rem, 1.1766055046rem + 0.3669724771vw, 1.5rem)) {
        .about-item__title {
            font-size: clamp(1.25rem, 1.1766055046rem + .3669724771vw, 1.5rem)
        }
    }

    @supports not (font-size:clamp(1.25rem, 1.1766055046rem + 0.3669724771vw, 1.5rem)) {
        .about-item__title {
            font-size: calc(1.25rem + .25 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1rem, 0.9633027523rem + 0.1834862385vw, 1.125rem)) {
        .about-item__text {
            font-size: clamp(1rem, .9633027523rem + .1834862385vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.9633027523rem + 0.1834862385vw, 1.125rem)) {
        .about-item__text {
            font-size: calc(1rem + .125 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.6915137615rem + 0.9174311927vw, 2.5rem)) {
        .benefits__title {
            font-size: clamp(1.875rem, 1.6915137615rem + .9174311927vw, 2.5rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.6915137615rem + 0.9174311927vw, 2.5rem)) {
        .benefits__title {
            font-size: calc(1.875rem + .625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.5814220183rem + 1.4678899083vw, 2.875rem)) {
        .compound__title {
            font-size: clamp(1.875rem, 1.5814220183rem + 1.4678899083vw, 2.875rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.5814220183rem + 1.4678899083vw, 2.875rem)) {
        .compound__title {
            font-size: calc(1.875rem + 1 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (margin-bottom:clamp(1.875rem, 1.5080275229rem + 1.8348623853vw, 3.125rem)) {
        .compound__title {
            margin-bottom: clamp(1.875rem, 1.5080275229rem + 1.8348623853vw, 3.125rem)
        }
    }

    @supports not (margin-bottom:clamp(1.875rem, 1.5080275229rem + 1.8348623853vw, 3.125rem)) {
        .compound__title {
            margin-bottom: calc(1.875rem + 1.25 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.5814220183rem + 1.4678899083vw, 2.875rem)) {
        .special__title {
            font-size: clamp(1.875rem, 1.5814220183rem + 1.4678899083vw, 2.875rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.5814220183rem + 1.4678899083vw, 2.875rem)) {
        .special__title {
            font-size: calc(1.875rem + 1 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (margin-bottom:clamp(1.875rem, 0.7740825688rem + 5.504587156vw, 5.625rem)) {
        .special__title {
            margin-bottom: clamp(1.875rem, .7740825688rem + 5.504587156vw, 5.625rem)
        }
    }

    @supports not (margin-bottom:clamp(1.875rem, 0.7740825688rem + 5.504587156vw, 5.625rem)) {
        .special__title {
            margin-bottom: calc(1.875rem + 3.75 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (padding-top:clamp(1.25rem, -1.373853211rem + 13.119266055vw, 10.1875rem)) {
        .opinion {
            padding-top: clamp(1.25rem, -1.373853211rem + 13.119266055vw, 10.1875rem)
        }
    }

    @supports not (padding-top:clamp(1.25rem, -1.373853211rem + 13.119266055vw, 10.1875rem)) {
        .opinion {
            padding-top: calc(1.25rem + 8.9375 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (width:clamp(12.5rem, 8.0963302752rem + 22.0183486239vw, 27.5rem)) {
        .opinion__wrapper-img {
            width: clamp(12.5rem, 8.0963302752rem + 22.0183486239vw, 27.5rem)
        }
    }

    @supports not (width:clamp(12.5rem, 8.0963302752rem + 22.0183486239vw, 27.5rem)) {
        .opinion__wrapper-img {
            width: calc(12.5rem + 15 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.75rem, 1.621559633rem + 0.6422018349vw, 2.1875rem)) {
        .opinion__title {
            font-size: clamp(1.75rem, 1.621559633rem + .6422018349vw, 2.1875rem)
        }
    }

    @supports not (font-size:clamp(1.75rem, 1.621559633rem + 0.6422018349vw, 2.1875rem)) {
        .opinion__title {
            font-size: calc(1.75rem + .4375 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1rem, 0.9449541284rem + 0.2752293578vw, 1.1875rem)) {
        .opinion__footer-text {
            font-size: clamp(1rem, .9449541284rem + .2752293578vw, 1.1875rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.9449541284rem + 0.2752293578vw, 1.1875rem)) {
        .opinion__footer-text {
            font-size: calc(1rem + .1875 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)) {
        .results__title {
            font-size: clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)) {
        .results__title {
            font-size: calc(1.875rem + 1.125 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (margin-bottom:clamp(1.875rem, 1.3245412844rem + 2.752293578vw, 3.75rem)) {
        .results__title {
            margin-bottom: clamp(1.875rem, 1.3245412844rem + 2.752293578vw, 3.75rem)
        }
    }

    @supports not (margin-bottom:clamp(1.875rem, 1.3245412844rem + 2.752293578vw, 3.75rem)) {
        .results__title {
            margin-bottom: calc(1.875rem + 1.875 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)) {
        .comments__title {
            font-size: clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.5447247706rem + 1.6513761468vw, 3rem)) {
        .comments__title {
            font-size: calc(1.875rem + 1.125 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (margin-bottom:clamp(1.875rem, 1.6915137615rem + 0.9174311927vw, 2.5rem)) {
        .comments__title {
            margin-bottom: clamp(1.875rem, 1.6915137615rem + .9174311927vw, 2.5rem)
        }
    }

    @supports not (margin-bottom:clamp(1.875rem, 1.6915137615rem + 0.9174311927vw, 2.5rem)) {
        .comments__title {
            margin-bottom: calc(1.875rem + .625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (gap:clamp(0.625rem, 0.3497706422rem + 1.376146789vw, 1.5625rem)) {
        .comment {
            gap: clamp(.625rem, .3497706422rem + 1.376146789vw, 1.5625rem)
        }
    }

    @supports not (gap:clamp(0.625rem, 0.3497706422rem + 1.376146789vw, 1.5625rem)) {
        .comment {
            gap: calc(.625rem + .9375 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (padding-bottom:clamp(1.875rem, 1.1410550459rem + 3.6697247706vw, 4.375rem)) {
        .comment:not(:last-child) {
            padding-bottom: clamp(1.875rem, 1.1410550459rem + 3.6697247706vw, 4.375rem)
        }
    }

    @supports not (padding-bottom:clamp(1.875rem, 1.1410550459rem + 3.6697247706vw, 4.375rem)) {
        .comment:not(:last-child) {
            padding-bottom: calc(1.875rem + 2.5 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.125rem, 1.0699541284rem + 0.2752293578vw, 1.3125rem)) {
        .comment__name {
            font-size: clamp(1.125rem, 1.0699541284rem + .2752293578vw, 1.3125rem)
        }
    }

    @supports not (font-size:clamp(1.125rem, 1.0699541284rem + 0.2752293578vw, 1.3125rem)) {
        .comment__name {
            font-size: calc(1.125rem + .1875 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (width:clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)) {
        .comment__img {
            width: clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)
        }
    }

    @supports not (width:clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)) {
        .comment__img {
            width: calc(5rem + 5.625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (height:clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)) {
        .comment__img {
            height: clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)
        }
    }

    @supports not (height:clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)) {
        .comment__img {
            height: calc(5rem + 5.625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (flex-basis:clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)) {
        .comment__img {
            -ms-flex-preferred-size: clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem);
            flex-basis: clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)
        }
    }

    @supports not (flex-basis:clamp(5rem, 3.3486238532rem + 8.2568807339vw, 10.625rem)) {
        .comment__img {
            -ms-flex-preferred-size: calc(5rem + 5.625 * (100vw - 20rem)/ 68.125);
            flex-basis: calc(5rem + 5.625 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (width:clamp(5rem, 3.623853211rem + 6.880733945vw, 9.6875rem)) {
        .item-composition__icon {
            width: clamp(5rem, 3.623853211rem + 6.880733945vw, 9.6875rem)
        }
    }

    @supports not (width:clamp(5rem, 3.623853211rem + 6.880733945vw, 9.6875rem)) {
        .item-composition__icon {
            width: calc(5rem + 4.6875 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (height:clamp(5rem, 3.623853211rem + 6.880733945vw, 9.6875rem)) {
        .item-composition__icon {
            height: clamp(5rem, 3.623853211rem + 6.880733945vw, 9.6875rem)
        }
    }

    @supports not (height:clamp(5rem, 3.623853211rem + 6.880733945vw, 9.6875rem)) {
        .item-composition__icon {
            height: calc(5rem + 4.6875 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.25rem, 1.1032110092rem + 0.7339449541vw, 1.75rem)) {
        .item-composition__title {
            font-size: clamp(1.25rem, 1.1032110092rem + .7339449541vw, 1.75rem)
        }
    }

    @supports not (font-size:clamp(1.25rem, 1.1032110092rem + 0.7339449541vw, 1.75rem)) {
        .item-composition__title {
            font-size: calc(1.25rem + .5 * (100vw - 20rem)/ 68.125)
        }
    }

    @supports (font-size:clamp(1.125rem, 1.0149082569rem + 0.5504587156vw, 1.5rem)) {
        .item-composition__text {
            font-size: clamp(1.125rem, 1.0149082569rem + .5504587156vw, 1.5rem)
        }
    }

    @supports not (font-size:clamp(1.125rem, 1.0149082569rem + 0.5504587156vw, 1.5rem)) {
        .item-composition__text {
            font-size: calc(1.125rem + .375 * (100vw - 20rem)/ 68.125)
        }
    }
}

@media (min-width:62em) and (max-width:90em) {
    @supports (padding-right:clamp(2.5rem, -29.3303571429rem + 51.3392857143vw, 16.875rem)) {
        .header__container {
            padding-right: clamp(2.5rem, -29.3303571429rem + 51.3392857143vw, 16.875rem)
        }
    }

    @supports not (padding-right:clamp(2.5rem, -29.3303571429rem + 51.3392857143vw, 16.875rem)) {
        .header__container {
            padding-right: calc(2.5rem + 14.375 * (100vw - 62rem)/ 28)
        }
    }

    @supports (gap:clamp(1.25rem, -2.9017857143rem + 6.6964285714vw, 3.125rem)) {
        .header__container {
            gap: clamp(1.25rem, -2.9017857143rem + 6.6964285714vw, 3.125rem)
        }
    }

    @supports not (gap:clamp(1.25rem, -2.9017857143rem + 6.6964285714vw, 3.125rem)) {
        .header__container {
            gap: calc(1.25rem + 1.875 * (100vw - 62rem)/ 28)
        }
    }

    @supports (gap:clamp(0.9375rem, -1.1383928571rem + 3.3482142857vw, 1.875rem)) {
        .menu__list {
            gap: clamp(.9375rem, -1.1383928571rem + 3.3482142857vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, -1.1383928571rem + 3.3482142857vw, 1.875rem)) {
        .menu__list {
            gap: calc(.9375rem + .9375 * (100vw - 62rem)/ 28)
        }
    }

    @supports (font-size:clamp(1rem, 0.7232142857rem + 0.4464285714vw, 1.125rem)) {
        .menu__list {
            font-size: clamp(1rem, .7232142857rem + .4464285714vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.7232142857rem + 0.4464285714vw, 1.125rem)) {
        .menu__list {
            font-size: calc(1rem + .125 * (100vw - 62rem)/ 28)
        }
    }

    @supports (padding-right:clamp(0.0000000625rem, -35.2901783705rem + 56.9196426339vw, 15.9375rem)) {
        .hero__inner {
            padding-right: clamp(.0000000625rem, -35.2901783705rem + 56.9196426339vw, 15.9375rem)
        }
    }

    @supports not (padding-right:clamp(0.0000000625rem, -35.2901783705rem + 56.9196426339vw, 15.9375rem)) {
        .hero__inner {
            padding-right: calc(.0000000625rem + 15.9374999375 * (100vw - 62rem)/ 28)
        }
    }

    @supports (padding-left:clamp(0.9375rem, -10.1339285714rem + 17.8571428571vw, 5.9375rem)) {
        .about__container {
            padding-left: clamp(.9375rem, -10.1339285714rem + 17.8571428571vw, 5.9375rem)
        }
    }

    @supports not (padding-left:clamp(0.9375rem, -10.1339285714rem + 17.8571428571vw, 5.9375rem)) {
        .about__container {
            padding-left: calc(.9375rem + 5 * (100vw - 62rem)/ 28)
        }
    }

    @supports (padding-right:clamp(0.9375rem, -10.1339285714rem + 17.8571428571vw, 5.9375rem)) {
        .about__container {
            padding-right: clamp(.9375rem, -10.1339285714rem + 17.8571428571vw, 5.9375rem)
        }
    }

    @supports not (padding-right:clamp(0.9375rem, -10.1339285714rem + 17.8571428571vw, 5.9375rem)) {
        .about__container {
            padding-right: calc(.9375rem + 5 * (100vw - 62rem)/ 28)
        }
    }
}

@media (min-width:48em) and (max-width:90em) {
    @supports (width:clamp(25rem, 16.7142857143rem + 17.2619047619vw, 32.25rem)) {
        .footer__img {
            width: clamp(25rem, 16.7142857143rem + 17.2619047619vw, 32.25rem)
        }
    }

    @supports not (width:clamp(25rem, 16.7142857143rem + 17.2619047619vw, 32.25rem)) {
        .footer__img {
            width: calc(25rem + 7.25 * (100vw - 48rem)/ 42)
        }
    }

    @supports (left:clamp(4.375rem, -19.1964285714rem + 49.1071428571vw, 25rem)) {
        .footer__img {
            left: clamp(4.375rem, -19.1964285714rem + 49.1071428571vw, 25rem)
        }
    }

    @supports not (left:clamp(4.375rem, -19.1964285714rem + 49.1071428571vw, 25rem)) {
        .footer__img {
            left: calc(4.375rem + 20.625 * (100vw - 48rem)/ 42)
        }
    }

    @supports (bottom:clamp(-8.125rem, -1.4285714286rem + -7.4404761905vw, -5rem)) {
        .footer__img {
            bottom: clamp(-8.125rem, -1.4285714286rem + -7.4404761905vw, -5rem)
        }
    }

    @supports not (bottom:clamp(-8.125rem, -1.4285714286rem + -7.4404761905vw, -5rem)) {
        .footer__img {
            bottom: calc(-5rem + -3.125 * (100vw - 48rem)/ 42)
        }
    }

    @supports (padding-bottom:clamp(5rem, -0.9285714286rem + 12.3511904762vw, 10.1875rem)) {
        .opinion {
            padding-bottom: clamp(5rem, -.9285714286rem + 12.3511904762vw, 10.1875rem)
        }
    }

    @supports not (padding-bottom:clamp(5rem, -0.9285714286rem + 12.3511904762vw, 10.1875rem)) {
        .opinion {
            padding-bottom: calc(5rem + 5.1875 * (100vw - 48rem)/ 42)
        }
    }
}

@media (min-width:20em) and (max-width:47.99875em) {
    @supports (padding-top:clamp(28.125rem, 18.7495814545rem + 46.8770927274vw, 41.25rem)) {
        .hero {
            padding-top: clamp(28.125rem, 18.7495814545rem + 46.8770927274vw, 41.25rem)
        }
    }

    @supports not (padding-top: 430px; ) {
        .hero {
            padding-top: calc(28.125rem + 13.125 * (100vw - 20rem)/ 27.99875)
        }
    }

    @supports (width:clamp(43.75rem, 30.356544935rem + 66.9672753248vw, 62.5rem)) {
        .hero__img {
            width: clamp(43.75rem, 30.356544935rem + 66.9672753248vw, 62.5rem)
        }
    }

    @supports not (width:clamp(43.75rem, 30.356544935rem + 66.9672753248vw, 62.5rem)) {
        .hero__img {
            width: calc(43.75rem + 18.75 * (100vw - 20rem)/ 27.99875)
        }
    }

    @supports (top:clamp(-42.5rem, -18.9281329524rem + -49.1093352382vw, -28.75rem)) {
        .hero__img {
            top: clamp(-42.5rem, -18.9281329524rem + -49.1093352382vw, -28.75rem)
        }
    }

    @supports not (top: -402px; ) {
        .hero__img {
            top: calc(-28.75rem + -13.75 * (100vw - 20rem)/ 27.99875)
        }
    }

    @supports (width:clamp(37.5rem, 33.0355149783rem + 22.3224251083vw, 43.75rem)) {
        .special__img {
            width: clamp(37.5rem, 33.0355149783rem + 22.3224251083vw, 43.75rem)
        }
    }

    @supports not (width:clamp(37.5rem, 33.0355149783rem + 22.3224251083vw, 43.75rem)) {
        .special__img {
            width: calc(37.5rem + 6.25 * (100vw - 20rem)/ 27.99875)
        }
    }
}

@media (min-width:47.99875em) and (max-width:90em) {
    @supports (left:clamp(-18.75rem, -38.034638106rem + 40.1773756733vw, -1.875rem)) {
        .hero__img {
            left: clamp(-18.75rem, -38.034638106rem + 40.1773756733vw, -1.875rem)
        }
    }

    @supports not (left:clamp(-18.75rem, -38.034638106rem + 40.1773756733vw, -1.875rem)) {
        .hero__img {
            left: calc(-18.75rem + 16.875 * (100vw - 47.99875rem)/ 42.00125)
        }
    }

    @supports (width:clamp(37.5rem, 21.0723453171rem + 34.2251718699vw, 51.875rem)) {
        .special__img {
            width: clamp(37.5rem, 21.0723453171rem + 34.2251718699vw, 51.875rem)
        }
    }

    @supports not (width:clamp(37.5rem, 21.0723453171rem + 34.2251718699vw, 51.875rem)) {
        .special__img {
            width: calc(37.5rem + 14.375 * (100vw - 47.99875rem)/ 42.00125)
        }
    }

    @supports (left:clamp(-16.25rem, 5.1779336924rem + -23.8088152138vw, -6.25rem)) {
        .special__img {
            left: clamp(-16.25rem, 5.1779336924rem + -23.8088152138vw, -6.25rem)
        }
    }

    @supports not (left:clamp(-16.25rem, 5.1779336924rem + -23.8088152138vw, -6.25rem)) {
        .special__img {
            left: calc(-6.25rem + -10 * (100vw - 47.99875rem)/ 42.00125)
        }
    }

    @supports (top:clamp(-8.75rem, 4.6424585578rem + -14.8805095086vw, -2.5rem)) {
        .special__img {
            top: clamp(-8.75rem, 4.6424585578rem + -14.8805095086vw, -2.5rem)
        }
    }

    @supports not (top:clamp(-8.75rem, 4.6424585578rem + -14.8805095086vw, -2.5rem)) {
        .special__img {
            top: calc(-2.5rem + -6.25 * (100vw - 47.99875rem)/ 42.00125)
        }
    }
}

@media (min-width:20em) and (max-width:61.99875em) {
    @supports (width:clamp(25rem, 13.0948837763rem + 59.5255811185vw, 50rem)) {
        .compound-item__img {
            width: clamp(25rem, 13.0948837763rem + 59.5255811185vw, 50rem)
        }
    }

    @supports not (width:clamp(25rem, 13.0948837763rem + 59.5255811185vw, 50rem)) {
        .compound-item__img {
            width: calc(25rem + 25 * (100vw - 20rem)/ 41.99875)
        }
    }
}

@media (min-width:62em) and (max-width:120em) {
    @supports (width:clamp(16.25rem, -3.7931034483rem + 32.3275862069vw, 35rem)) {
        .opinion__img {
            width: clamp(16.25rem, -3.7931034483rem + 32.3275862069vw, 35rem)
        }
    }

    @supports not (width:clamp(16.25rem, -3.7931034483rem + 32.3275862069vw, 35rem)) {
        .opinion__img {
            width: calc(16.25rem + 18.75 * (100vw - 62rem)/ 58)
        }
    }
}

@media (max-width:61.99875em) and (min-width:88.125em) {
    .opinion__wrapper-img {
        top: -6.25rem
    }
}

@media (max-width:61.99875em) and (min-width:20em) and (max-width:88.125em) {
    @supports (top:clamp(-6.25rem, 4.2603211009rem + -11.9266055046vw, 1.875rem)) {
        .opinion__wrapper-img {
            top: clamp(-6.25rem, 4.2603211009rem + -11.9266055046vw, 1.875rem)
        }
    }

    @supports not (top:clamp(-6.25rem, 4.2603211009rem + -11.9266055046vw, 1.875rem)) {
        .opinion__wrapper-img {
            top: calc(1.875rem + -8.125 * (100vw - 20rem)/ 68.125)
        }
    }
}

@media (any-hover:hover) {
    .menu__link:hover {
        color: #075079;
        background-color: #fff
    }
}

@media screen and (max-width: 560px) {
    .hero {
        padding-top: 455px !important;
    }

    .hero__img {
        height: 500px !important;
        width: 500px !important;
        object-fit: cover !important;
        top: -440px !important;
    }
}