@font-face {
    font-family: 'PPNeueMontreal';
    src: url(../fonts/PPNeueMontreal-Book.woff2) format('woff2'),
    url(../fonts/PPNeueMontreal-Book.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPNeueMontreal';
    src: url(../fonts/PPNeueMontreal-Medium.woff2) format('woff2'),
    url(../fonts/PPNeueMontreal-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPNeueMontreal';
    src: url(../fonts/PPNeueMontreal-Bold.woff2) format('woff2'),
    url(../fonts/PPNeueMontreal-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copperplate';
    src: url(../fonts/Copperplate-Bold.woff2) format('woff2'),
    url(../fonts/Copperplate-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    color: inherit;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

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

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

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit;
}

body {
    font-family: 'PPNeueMontreal', sans-serif;
    line-height: 1.4;
    color: #fff;
    overflow-x: hidden;
    padding-top: 62px;
}

html {
    overflow-x: hidden;
}

[class*='__container'] {
    margin: 0 auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 480px) {
    [class*='__container'] {
        width: 480px;
    }
}

@media screen and (min-width: 640px) {
    [class*='__container'] {
        width: 640px;
    }

    body {
        padding-top: 70px;
    }
}

@media screen and (min-width: 767px) {
    [class*='__container'] {
        width: 767px;
    }

    body {
        padding-top: 73px;
    }
}

@media screen and (min-width: 1024px) {
    [class*='__container'] {
        width: 1024px;
    }

    body {
        padding-top: 0;
    }
}

@media screen and (min-width: 1170px) {
    [class*='__container'] {
        width: 1170px;
    }
}

.layout-hero {
    background: url('../images/hero-bg-mob.webp') no-repeat center center;
    background-size: cover;
}

/*----- Header ------ */
.header {
    padding-top: 15px;
}

.header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fdecd347;
    padding-bottom: 15px;
}

.header__logo {
    display: none;
}

.logo {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.logo__title,
.logo__subtitle {
    color: #fff;
    line-height: 1.04;
}

.logo__title {
    text-transform: uppercase;
}

.logo__title {
    font-family: 'Copperplate';
    color: #ead134;
    font-size: 22px;
    font-weight: 700;
    line-height: 0.77;
    letter-spacing: 0.437px;
}

.logo__subtitle {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: 0.15px;
}

.burger {
    position: relative;
    width: 43px;
    height: 30px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 5;
    padding-bottom: 7px;
}

.burger {
    > span {
        display: block;
        position: absolute;
        border-radius: 5px;
        width: 34px;
        height: 4px;
        left: 5px;
        background-color: #fff;
        transition: background-color 0.3s,
        opacity 0.3s,
        transform 0.5s;
        will-change: transform;
    }
}

.burger span:nth-child(1) {
    transform: translateY(-10px);
}

.burger span:nth-child(3) {
    transform: translateY(10px);
}

.header__content.open .burger span:nth-child(1) {
    transform: translateY(0) rotate(45deg);
}

.header__content.open .burger span:nth-child(2) {
    opacity: 0;
}

.header__content.open .burger span:nth-child(3) {
    transform: translateY(0) rotate(-45deg);
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(18, 20, 23, 0.4);
    visibility: hidden;
    opacity: 0;
    backdrop-filter: blur(2px);
    transition: visibility 0.3s,
    opacity 0.3s;
    z-index: 2;
}

.header__content.open .backdrop {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 1023px) {
    .header {
        background: url('../images/hero-bg.webp') no-repeat center center;
        background-size: cover;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 110;
        transition: all 0.3s ease;
    }

    .header.scrolled {
        background: linear-gradient(90deg, #04032a 0%, #06073f 100%);
        box-shadow: 0 4px 20px rgb(5 6 55);
        transition: all 0.3s ease;
    }

    .header.scrolled::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #04032a, #06073f);
        box-shadow: 0 0 8px rgb(5 6 55);
        pointer-events: none;
    }

    .header.scrolled .header__content {
        border-bottom: none;
    }

    .header__container {
        width: 100%;
    }
}

@media screen and (max-width: 639px) {
    .header {
        background: url('../images/hero-bg-mob.webp') no-repeat center center;
        background-size: cover;
    }
}

@media screen and (max-width: 1023px) {
    .menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        right: -100vw;
        width: 100vw;
        height: 100vh;
        background: linear-gradient(90deg, #04032a 0%, #06073f 100%);
        color: #fff;
        backdrop-filter: blur(6px);
        z-index: 4;
        padding: 30px;
        transition: right 0.5s ease-in-out;
    }

    .menu__item {
        width: 100%;
        text-align: center;
    }

    .menu__item:last-child {
        width: 80%;
        margin-top: 20px;
    }

    .menu__item a {
        padding: 20px 0;
        display: block;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .menu__item a {
        font-size: 18px;
    }
}

.header__content.open .menu {
    right: 0;
}

@media screen and (min-width: 380px) {
    .menu {
        width: 380px;
    }
}

@media screen and (min-width: 640px) {
    .layout-hero {
        background: url('../images/hero-bg.webp') no-repeat center center;
        background-size: cover;
    }

    .logo__title {
        font-size: 27px;
    }

    .logo__subtitle {
        font-size: 11px;
    }
}

@media screen and (min-width: 767px) {
    .logo__title {
        font-size: 30px;
    }

    .logo__subtitle {
        font-size: 12px;
    }
}

@media screen and (min-width: 767px) and (max-width: 1023px) {
    .menu__item a {
        font-size: 18px;
    }
}

@media screen and (min-width: 1024px) {
    .burger {
        display: none;
    }

    .header__nav {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .logo__title {
        font-size: 34px;
    }

    .header__logo {
        display: block;
        max-width: 100px;
    }

    .menu {
        display: none;
    }

    .header__content {
        max-width: 440px;
    }
}

@media screen and (min-width: 1170px) {
    .header {
        padding-top: 17px;
    }

    .header__nav {
        gap: 10px;
    }
}

/* ----------------- HERO ----------- */
[class*='--accent'] {
    color: #ead134;
    font-weight: 700;
}

.hero__title {
    font-size: 21px;
    font-weight: 700;
    font-family: 'Copperplate';
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.1;
    max-width: 290px;
    margin-bottom: 15px;
}

.hero__title--accent {
    font-family: 'Copperplate';
}

.hero__title::before {
    content: '';
    width: 38px;
    height: 32px;
    flex-shrink: 0;
    background: url('../images/icon-sex.svg');
    background-size: 100% 100%;
}

.hero__subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.28px;
    margin-bottom: 30px;
}

.advantages {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.advantages__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
}

.advantages__item::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #ead134;
    border-radius: 50%;
    flex-shrink: 0;
}

.advantages__item::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url('../images/check.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    top: -2px;
    left: 6px;
}

.form {
    padding-top: 15px;
    padding-bottom: 15px;
}

.form__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.form {
    background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
}

.form__image {
    max-width: 87px;
    flex-shrink: 0;
    position: relative;
}

@keyframes sale {
    0%,
    100% {
        transform: translateY(0) scale(1) rotate(0deg);
    }
    25% {
        transform: translateY(-12px) scale(1.04) rotate(-2deg);
    }
    50% {
        transform: translateY(-18px) scale(1.08) rotate(-4deg);
    }
    70% {
        transform: translateY(-10px) scale(1.03) rotate(1deg);
    }
    85% {
        transform: translateY(-5px) scale(1.01) rotate(-1deg);
    }
}

.form__image::before,
.images-block__product::before,
.call__image::before {
    font-family: 'Arial';
    content: '-50%';
    display: inline-block;
    width: 49px;
    height: 51px;
    background-image: url('../images/sale.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: absolute;
    line-height: 1;
    top: -8px;
    right: 5px;
    font-weight: 700;
    animation: sale 3s ease-in-out infinite;
}

.prices__title {
    white-space: nowrap;
}

.form__prices {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    margin-bottom: 5px;
}

.prices__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.prices__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
}

.prices__old {
    font-size: 16px;
    text-decoration: line-through;
}

.prices__new {
    font-size: 18px;
    font-weight: 700;
}

.form__input {
    outline: transparent;
    border-radius: 56.451px;
    border: 0.785px solid rgba(32, 0, 0, 0.5);
    box-shadow: 0px 3.142px 3.142px 0px rgba(0, 0, 0, 0.25) inset;
    padding: 10px 5px;
    position: relative;
    width: 100%;
    transition: all 0.3s ease;
}

.form__input:focus {
    border-color: #1c8f13;
    box-shadow: 0 0 0 4px #43d98433;
}

.form__input-wrapper {
    position: relative;
    width: 100%;
}

.form__input {
    width: 100%;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    border-radius: 56.451px;
    border: 0.785px solid rgba(32, 0, 0, 0.5);
    box-shadow: 0px 3.142px 3.142px 0px rgba(0, 0, 0, 0.25) inset;
    outline: none;
    z-index: 2;
    position: relative;
    background-color: #fff;
}

.form__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2d1919;
    font-family: 'PPNeueMontreal';
    font-size: 14px;
    line-height: 1.91;
    letter-spacing: 0.24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    gap: 8px;
    pointer-events: none;
    transition: 0.2s ease;
    z-index: 2;
    pointer-events: none;
}

.form__placeholder img {
    width: 15px;
    height: 16px;
}

.form__placeholder span {
    flex-shrink: 0;
}

.form__input:focus + .form__placeholder,
.form__input:not(:placeholder-shown) + .form__placeholder {
    opacity: 0;
    visibility: hidden;
}

.form__button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 56.905px;
    background: linear-gradient(270deg, #59d26c, #21762e, #59d26c);
    background-size: 400% 400%;
    animation: gradientMove 4s ease infinite;
    box-shadow: 0px 2.845px 5.69px 0px rgba(36, 130, 51, 0.2);
    padding: 15px;
    color: white;
    border: transparent;
    outline: transparent;
    position: relative;
    transition: all 0.3s ease;
    width: 100%;
    z-index: 2;
}

.form__button:hover,
.form__button:focus {
    box-shadow: 0px 4px 12px rgba(36, 130, 51, 0.4);
    transform: scale(1.03);
}

.arrow {
    position: absolute;
    top: 18px;
    right: 15px;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@media screen and (max-width: 1023px) {
    .hero {
        padding-top: 15px;
    }
}

.hero__content {
    position: relative;
    padding-bottom: 35px;
}

.advantages {
    max-width: 158px;
}

.hero__image {
    position: absolute;
    max-width: 340px;
    bottom: 0;
    right: -142px;
}

form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hero__content .letters {
    display: none;
}

@media screen and (min-width: 340px) {
    .form__image {
        max-width: 91px;
    }

    .form__prices {
        gap: 10px;
    }

    .prices__title {
        font-size: 15px;
    }

    .prices__old {
        font-size: 17px;
    }

    .prices__new {
        font-size: 19px;
    }
}

@media screen and (min-width: 375px) {
    .hero__image {
        max-width: 355px;
        right: -110px;
    }

    .form__prices {
        gap: 15px;
    }

    .prices__title {
        font-size: 16px;
    }

    .prices__old {
        font-size: 21px;
    }

    .prices__new {
        font-size: 23px;
    }

    .advantages {
        max-width: 180px;
    }
}

@media screen and (min-width: 425px) {
    .form__image {
        max-width: 125px;
    }

    .form__image::before,
    .images-block__product::before,
    .call__image::before,
    .product::before {
        top: 5px;
    }

    .advantages {
        max-width: 188px;
    }

    .hero__image {
        max-width: 355px;
        right: -85px;
    }
}

@media screen and (min-width: 440px) {
    .hero__image {
        right: -70px;
    }
}

@media screen and (min-width: 460px) {
    .hero__title {
        max-width: none;
    }
}

@media screen and (min-width: 480px) {
    .hero__image {
        right: -75px;
        max-width: 355px;
    }

    .advantages {
        max-width: 200px;
    }

    .form__wrapper {
        gap: 20px;
    }

    .prices__old {
        font-size: 23px;
    }

    .prices__new {
        font-size: 27px;
    }

    .hero__subtitle {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 640px) {
    .form__button {
        font-size: 18px;
    }

    .hero__title {
        font-size: 24px;
    }

    .hero__subtitle {
        font-size: 18px;
        margin-bottom: 35px;
    }

    .hero__image {
        max-width: 315px;
        right: -45px;
    }

    .advantages__item {
        font-size: 18px;
    }

    .advantages {
        max-width: 350px;
    }

    .prices__old {
        font-size: 28px;
    }

    .prices__new {
        font-size: 32px;
    }

    .arrow {
        width: 17px;
        top: 18px;
    }
}

@media screen and (min-width: 767px) {
    .hero__title {
        font-size: 28px;
        margin-bottom: 35px;
    }

    .hero__subtitle {
        max-width: 440px;
    }

    .hero__image {
        max-width: 400px;
    }
}

@media screen and (min-width: 1024px) {
    .hero-section {
        padding-bottom: 70px;
    }

    .hero__title {
        font-size: 34px;
        gap: 25px;
        max-width: 485px;
        margin-bottom: 20px;
    }

    .hero__title::before {
        width: 70px;
        height: 60px;
    }

    .hero {
        margin-top: 50px;
    }

    .hero__form .prices__title {
        display: none;
    }

    .hero__form .form__block,
    .hero__form form {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .hero__form form {
        gap: 10px;
        width: 100%;
    }

    .hero__form .form__block {
        gap: 10px;
        width: 100%;
    }

    .hero__form .form__prices {
        flex-direction: column;
        gap: 0;
        margin-bottom: 0;
        align-items: end;
        line-height: 1;
        flex-shrink: 0;
    }

    .hero__form.form {
        background: none;
        padding: 0;
    }

    .hero__form .form__wrapper {
        position: relative;
        justify-content: right;
        border-radius: 466.609px;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 25px;
        padding-left: 180px;
        gap: 10px;
        background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
    }

    .hero__form .form__image {
        position: absolute;
        top: -170px;
        left: 0;
        max-width: 170px;
    }

    .hero__form .form__input-wrapper,
    .hero__form .form__button {
        width: 33.3%;
    }

    .hero__form .prices__old {
        font-size: 28px;
    }

    .hero__form .prices__new {
        font-size: 44px;
    }

    .hero__content {
        padding-bottom: 40px;
    }

    .advantages {
        padding-left: 215px;
        max-width: 500px;
    }

    .hero__image {
        max-width: 730px;
        right: -112px;
        bottom: -173px;
    }

    .hero__images-block {
        position: relative;
    }

    .hero__content .letters {
        display: block;
    }

    .hero__content .letters__item {
        position: absolute;
        z-index: 1;
        max-width: 50px;
    }

    .hero__content .letters__item:first-child {
        top: -85px;
        right: 395px;
    }

    .hero__content .letters__item:nth-child(2) {
        top: -245px;
        right: 395px;
    }

    .hero__content .letters__item:nth-child(3) {
        top: -85px;
        right: 65px;
    }

    .hero__content .letters__item:last-child {
        top: -245px;
        right: 65px;
    }
}

@media screen and (min-width: 1170px) {
    .hero__title {
        font-size: 38px;
        line-height: 1.18;
        max-width: 635px;
        gap: 20px;
        margin-bottom: 14px;
    }

    .hero__title::before {
        width: 87px;
        height: 72px;
    }

    .hero__subtitle {
        margin-bottom: 55px;
    }

    .advantages {
        padding-left: 256px;
        max-width: 550px;
        gap: 23px;
    }

    .advantages__item {
        gap: 20px;
    }

    .hero__content {
        padding-bottom: 64px;
    }

    .hero__form .form__image {
        top: -230px;
        max-width: 200px;
    }

    .hero__form .form__wrapper {
        padding-left: 210px;
    }

    .hero__image {
        max-width: 890px;
        right: -148px;
        bottom: -166px;
    }

    .hero-section {
        padding-bottom: 64px;
    }

    .hero__content .letters__item {
        max-width: 60px;
    }

    .hero__content .letters__item:first-child {
        top: -112px;
        right: 470px;
    }

    .hero__content .letters__item:nth-child(2) {
        top: -248px;
        right: 468px;
    }

    .hero__content .letters__item:nth-child(3) {
        top: -97px;
        right: 75px;
    }

    .hero__content .letters__item:last-child {
        top: -240px;
        right: 73px;
    }
}

/* ----------------- Symptoms Section ------------------- */

.symptoms-section {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    linear-gradient(90deg, rgba(38, 78, 176, 0.8), rgba(88, 190, 214, 0.8)),
    url('../images/bg-2-mob.webp');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: cover, cover, cover;
    padding-top: 20px;
    background-attachment: fixed;
}

.symptoms__title {
    font-family: 'Copperplate';
    font-size: 25px;
    line-height: 1.43;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.symptoms__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px;
}

.symptoms__item {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.28px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.symptoms__image {
    position: relative;
    flex-shrink: 0;
}

.symptoms__image img {
    width: 59px;
    height: 69px;
    object-fit: cover;
}

.symptoms__item:first-child .symptoms__image img,
.symptoms__item:nth-child(4) .symptoms__image img {
    clip-path: polygon(
            6.7% 27.7%,
            0.2% 58.2%,
            17.3% 72.9%,
            28% 82.1%,
            39.4% 99.8%,
            59.2% 96.2%,
            86.2% 86.4%,
            100% 72.9%,
            91.1% 34.2%,
            100% 18.5%,
            77.1% 0.1%,
            59.2% 0%,
            39.4% 5.1%,
            28% 18.5%,
            6.7% 27.7%
    );
    object-position: 45% center;
}

.symptoms__item:first-child .symptoms__image::after,
.symptoms__item:nth-child(2) .symptoms__image::after,
.symptoms__item:nth-child(3) .symptoms__image::after,
.symptoms__item:nth-child(4) .symptoms__image::after,
.symptoms__item:nth-child(5) .symptoms__image::after {
    content: '';
    width: 59px;
    height: 69px;
}

.symptoms__item:first-child .symptoms__image::after,
.symptoms__item:nth-child(4) .symptoms__image::after {
    clip-path: polygon(
            6.7% 27.7%,
            0.2% 58.2%,
            17.3% 72.9%,
            28% 82.1%,
            39.4% 99.8%,
            59.2% 96.2%,
            86.2% 86.4%,
            100% 72.9%,
            91.1% 34.2%,
            100% 18.5%,
            77.1% 0.1%,
            59.2% 0%,
            39.4% 5.1%,
            28% 18.5%,
            6.7% 27.7%
    );
    background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
    position: absolute;
    top: 0;
    right: -5px;
    z-index: -1;
}

.symptoms__item:nth-child(2) .symptoms__image img,
.symptoms__item:nth-child(5) .symptoms__image img {
    clip-path: polygon(
            21.8% 9.4%,
            8.3% 18%,
            0.6% 34.8%,
            0.6% 38.5%,
            0.8% 52%,
            1.1% 78%,
            1.2% 82.4%,
            14.2% 89.9%,
            27.2% 99.7%,
            35.8% 99.6%,
            77.7% 94%,
            77.5% 77.4%,
            100% 67.2%,
            99.8% 51.2%,
            99.3% 17.3%,
            89.6% 4.5%,
            76.6% 4.6%,
            55.2% 9.1%,
            38.2% 0.5%,
            21.8% 9.4%
    );
    object-position: 15% center;
}

.symptoms__item:nth-child(4) .symptoms__image img {
    object-position: 54% center;
}

.symptoms__item:nth-child(5) .symptoms__image img {
    object-position: 40% center;
}

.symptoms__item:nth-child(2) .symptoms__image::after,
.symptoms__item:nth-child(5) .symptoms__image::after {
    clip-path: polygon(
            21.8% 9.4%,
            8.3% 18%,
            0.6% 34.8%,
            0.6% 38.5%,
            0.8% 52%,
            1.1% 78%,
            1.2% 82.4%,
            14.2% 89.9%,
            27.2% 99.7%,
            35.8% 99.6%,
            77.7% 94%,
            77.5% 77.4%,
            100% 67.2%,
            99.8% 51.2%,
            99.3% 17.3%,
            89.6% 4.5%,
            76.6% 4.6%,
            55.2% 9.1%,
            38.2% 0.5%,
            21.8% 9.4%
    );
    background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
    position: absolute;
    top: 4px;
    right: -5px;
    z-index: -1;
}

.symptoms__item:nth-child(3) .symptoms__image img {
    clip-path: polygon(
            17.25% 12.73%,
            29.9% 5.08%,
            51.76% 0.03%,
            58.63% 2.64%,
            75.25% 8.85%,
            86.83% 12.8%,
            91.9% 17.12%,
            95.28% 23.07%,
            94.91% 26.79%,
            94.21% 33.98%,
            93.26% 43.64%,
            96.73% 46.61%,
            99.66% 53.08%,
            99.15% 58.24%,
            98.35% 66.41%,
            98.5% 63.33%,
            90.76% 69.16%,
            80.72% 74.98%,
            80.92% 73%,
            80.65% 75.73%,
            79.58% 86.63%,
            76.64% 89.68%,
            70.14% 95.73%,
            67.71% 95.57%,
            65.29% 95.41%,
            59.54% 98.03%,
            56.97% 99.36%,
            54.48% 97.7%,
            48.12% 94.29%,
            42.54% 93.92%,
            34.66% 93.41%,
            21.32% 92.53%,
            17.41% 82.55%,
            22.97% 75.69%,
            1.61% 60.07%,
            1.93% 56.85%,
            2.42% 51.9%,
            3.8% 37.78%,
            4.75% 28.11%,
            16.37% 21.64%,
            17.25% 12.73%
    );
    object-position: 42% center;
}

.symptoms__item:nth-child(3) .symptoms__image::after {
    clip-path: polygon(
            17.25% 12.73%,
            29.9% 5.08%,
            51.76% 0.03%,
            58.63% 2.64%,
            75.25% 8.85%,
            86.83% 12.8%,
            91.9% 17.12%,
            95.28% 23.07%,
            94.91% 26.79%,
            94.21% 33.98%,
            93.26% 43.64%,
            96.73% 46.61%,
            99.66% 53.08%,
            99.15% 58.24%,
            98.35% 66.41%,
            98.5% 63.33%,
            90.76% 69.16%,
            80.72% 74.98%,
            80.92% 73%,
            80.65% 75.73%,
            79.58% 86.63%,
            76.64% 89.68%,
            70.14% 95.73%,
            67.71% 95.57%,
            65.29% 95.41%,
            59.54% 98.03%,
            56.97% 99.36%,
            54.48% 97.7%,
            48.12% 94.29%,
            42.54% 93.92%,
            34.66% 93.41%,
            21.32% 92.53%,
            17.41% 82.55%,
            22.97% 75.69%,
            1.61% 60.07%,
            1.93% 56.85%,
            2.42% 51.9%,
            3.8% 37.78%,
            4.75% 28.11%,
            16.37% 21.64%,
            17.25% 12.73%
    );
    background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
    position: absolute;
    top: 5px;
    right: -3px;
    z-index: -1;
}

.symptoms__content {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    align-items: flex-end;
}

.symptoms__attention {
    background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
}

.symptoms__text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.28px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.symptoms__text::before {
    content: '!';
    display: block;
    color: #ead134;
    font-size: 90px;
    font-weight: 700;
    line-height: 1.22;
}

@media screen and (min-width: 375px) {
    .symptoms__title {
        text-align: center;
    }

    .symptoms__image {
        max-width: 180px;
    }

    .symptoms__content {
        align-items: center;
    }
}

@media screen and (min-width: 640px) {
    .prices__title {
        font-size: 18px;
    }

    .symptoms__title {
        font-size: 30px;
    }

    .symptoms__list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .symptoms__item {
        max-width: 295px;
    }

    .symptoms__image {
        max-width: 230px;
    }

    .symptoms__text,
    .symptoms__item {
        font-size: 18px;
    }
}

@media screen and (min-width: 767px) {
    .symptoms__title {
        font-size: 34px;
        align-self: center;
    }

    .symptoms-section {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        linear-gradient(90deg, rgba(38, 78, 176, 0.8), rgba(88, 190, 214, 0.8)),
        url('../images/bg-2.webp');
        background-size: cover;
    }

    .symptoms__list {
        flex-direction: row;
        flex-wrap: wrap;

        padding-bottom: 0;
    }

    .symptoms__item {
        max-width: 300px;
        flex-direction: column;
        align-items: center;
    }

    .symptoms__item:first-child .symptoms__image::after,
    .symptoms__item:nth-child(2) .symptoms__image::after,
    .symptoms__item:nth-child(3) .symptoms__image::after,
    .symptoms__item:nth-child(4) .symptoms__image::after,
    .symptoms__item:nth-child(5) .symptoms__image::after {
        width: 99px;
        height: 109px;
    }

    .symptoms__image img {
        width: 99px;
        height: 109px;
    }

    .symptoms__item p {
        text-align: center;
    }

    .symptoms__content {
        margin-top: 25px;
        position: relative;
        padding-bottom: 0;
    }

    .symptoms__attention {
        background: none;
    }

    .flex {
        display: flex;
        flex-direction: column;
        align-items: end;
    }

    .symptoms__text {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 20px;
        position: relative;
        border-radius: 466.609px;
        background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
        padding: 10px 30px;
    }

    .symptoms-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .symptoms__image {
        max-width: 500px;
    }

    .symptoms-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .symptoms__list {
        justify-content: space-between;
    }

    .symptoms__item {
        max-width: 220px;
    }

    .symptoms__title {
        font-size: 36px;
    }

    .symptoms__text {
        font-size: 19px;
        padding: 10px 40px;
        max-width: 800px;
        margin: 0 auto;
    }

    .symptoms__item:first-child .symptoms__image::after,
    .symptoms__item:nth-child(2) .symptoms__image::after,
    .symptoms__item:nth-child(3) .symptoms__image::after,
    .symptoms__item:nth-child(4) .symptoms__image::after,
    .symptoms__item:nth-child(5) .symptoms__image::after {
        width: 129px;
        height: 139px;
    }

    .symptoms__image img {
        width: 129px;
        height: 139px;
    }

    .symptoms__item:first-child .symptoms__image::after,
    .symptoms__item:nth-child(4) .symptoms__image::after {
        top: 5px;
        right: -8px;
    }

    .symptoms__item:nth-child(2) .symptoms__image::after,
    .symptoms__item:nth-child(5) .symptoms__image::after {
        top: 8px;
        right: -8px;
    }

    .symptoms__item:nth-child(3) .symptoms__image::after {
        top: 8px;
        left: 8px;
    }
}

@media screen and (min-width: 1170px) {
    .symptoms__title {
        font-size: 38px;
        line-height: 1.18;
    }

    .symptoms-section {
        padding-top: 95px;
        padding-bottom: 86px;
    }

    .symptoms__title {
        margin-bottom: 42px;
    }

    .flex {
        padding-right: 100px;
    }

    .symptoms__list {
        gap: 30px;
        justify-content: center;
    }

    .symptoms__item {
        gap: 35px;
        max-width: 260px;
    }

    .symptoms__content {
        margin-top: 35px;
    }

    .symptoms__text {
        max-width: 800px;
        padding: 10px 50px 10px 25px;
        gap: 25px;
    }

    .symptoms__text::before {
        font-size: 95px;
    }

    .symptoms__item:first-child .symptoms__image::after,
    .symptoms__item:nth-child(2) .symptoms__image::after,
    .symptoms__item:nth-child(3) .symptoms__image::after,
    .symptoms__item:nth-child(4) .symptoms__image::after,
    .symptoms__item:nth-child(5) .symptoms__image::after {
        width: 155px;
        height: 180px;
    }

    .symptoms__image img {
        width: 155px;
        height: 180px;
    }
}

/* ----------------- Effects Section  --------------*/

.effects-section {
    background: radial-gradient(
            62.94% 63.69% at 63.06% 38.37%,
            rgba(246, 245, 239, 0.8) 0%,
            rgba(246, 245, 239, 0.8) 100%
    ),
    radial-gradient(
            50% 50% at 50% 50%,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(255, 255, 255, 0.02) 100%
    ),
    url('../images/3-mob.webp') lightgray 0px -0.209px / 100% 103.628% no-repeat;
    mix-blend-mode: multiply;
    background-attachment: fixed;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: cover, cover, cover;
    padding-top: 20px;
}

.effects__title,
.results__title,
.reviews__title,
.recommendations__title {
    font-family: 'Copperplate';
    font-size: 25px;
    font-weight: 700;
    line-height: 1.11;
    text-transform: uppercase;
    color: #2d1919;
    margin-bottom: 15px;
}

.effects__subtitle {
    color: #2d1919;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: 0.28px;
    margin-bottom: 15px;
}

.effects__text {
    color: #2d1919;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.36px;
    margin-bottom: 15px;
}

.effects__content {
    padding-bottom: 20px;
}

.effects__circulation {
    padding-bottom: 15px;
    border-bottom: 1px solid #2d1919;
}

.effects__genitourinary {
    padding-bottom: 15px;
}

.effects__balance {
    border-top: 1px solid #2d1919;
}

.effects__genitourinary,
.effects__balance {
    padding-top: 15px;
}

.genitourinary__title--accent,
.circulation__title--accent,
.effects__title--accent,
.results__title--accent,
.results__subtitle--accent,
.solutions__title--accent,
.balance__title--accent {
    background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.circulation__title,
.genitourinary__title,
.balance__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.circulation__content,
.genitourinary__content,
.balance__content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.circulation__list,
.genitourinary__list,
.solutions__list,
.balance__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.genitourinary__list li,
.balance__list li {
    font-weight: 700;
}

.circulation__item,
.genitourinary__item,
.solutions__item,
.balance__item {
    display: flex;
    gap: 10px;
}

.circulation__item::before,
.genitourinary__item::before,
.solutions__item::before,
.balance__item::before {
    content: '';
    width: 20px;
    height: 20px;
    background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
    border-radius: 50%;
    flex-shrink: 0;
}

.circulation__item::after,
.genitourinary__item::after,
.solutions__item::after,
.balance__item::after {
    content: '';
    width: 30px;
    height: 14px;
    background-image: url('../images/check-white.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
}

.circulation__image {
    max-width: 70px;
    flex-shrink: 0;
}

.genitourinary__image,
.balance__image {
    max-width: 70px;
    flex-shrink: 0;
}

.genitourinary__item {
    font-weight: 700;
}

.circulation__item,
.genitourinary__item,
.balance__item {
    font-size: 16px;
    color: #2d1919;
    line-height: 1.28;
    letter-spacing: 0.28px;
    font-weight: 500;
}

.circulation__item--bold,
.solutions__item--bold {
    font-weight: 700;
}

@media screen and (min-width: 375px) {
    .effects__title,
    .results__title,
    .reviews__title,
    .effects__subtitle,
    .effects__text,
    .circulation__title,
    .genitourinary__title,
    .balance__title {
        text-align: center;
    }
}

@media screen and (min-width: 640px) {
    .effects__title,
    .results__title,
    .reviews__title,
    .recommendations__title {
        font-size: 30px;
    }

    .effects__subtitle {
        font-size: 18px;
    }

    .effects__text {
        font-size: 20px;
    }

    .circulation__title,
    .genitourinary__title,
    .balance__title {
        font-size: 18px;
    }

    .effects__header {
        display: flex;
        align-items: baseline;
        gap: 15px;
    }

    .effects__circulation {
        padding-bottom: 0;
        border-bottom: none;
        border-right: 1px solid #2d1919;
        padding-right: 15px;
    }

    .balance__content {
        justify-content: center;
    }

    .effects__balance {
        border-top: none;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .effects__circulation,
    .effects__genitourinary {
        width: 50%;
    }
}

@media screen and (max-width: 766.9px) {
    .product {
        display: none;
    }
}

@media screen and (min-width: 767px) {
    .effects-section {
        padding-top: 30px;
    }

    .effects__header {
        align-items: center;
        gap: 10px;
        margin-bottom: 30px;
    }

    .effects__balance {
        position: relative;
        padding-top: 0;
    }

    .effects__content {
        align-items: center;
        padding-bottom: 30px;
    }

    .product {
        max-width: 130px;
        position: relative;
        z-index: 1;
        flex-shrink: 0;
    }

    .effects__circulation {
        padding-right: 0;
        border-right: none;
        position: relative;
        width: 44%;
        align-self: baseline;
    }

    .effects__subtitle {
        margin-bottom: 20px;
    }

    .effects__text {
        margin-bottom: 25px;
    }

    .circulation__content {
        flex-direction: row-reverse;
    }

    .circulation__title {
        text-align: right;
    }

    .genitourinary__title {
        text-align: left;
    }

    .effects__genitourinary {
        padding-top: 0;
    }

    .effects__title,
    .results__title,
    .reviews__title,
    .recommendations__title {
        font-size: 34px;
    }

    .effects__circulation::after {
        content: '';
        display: block;
        height: 1px;
        width: 240px;
        background-color: #2d1919;
        position: absolute;
        top: 124px;
        right: -188px;
    }

    .effects__balance::before {
        content: '';
        display: block;
        width: 1px;
        height: 60px;
        background-color: #2d1919;
        position: absolute;
        top: -60px;
        right: 388px;
    }

    .circulation__image,
    .genitourinary__image,
    .balance__image {
        position: relative;
        z-index: 1;
    }

    .product::before {
        width: 65px;
        height: 77px;
        font-size: 21px;
        top: -10px;
    }

    .circulation__item {
        flex-direction: row-reverse;
        text-align: right;
    }

    .circulation__item::after {
        right: -10px;
    }
}

@media screen and (min-width: 1024px) {
    .effects-section {
        background: radial-gradient(
                62.94% 63.69% at 63.06% 38.37%,
                rgba(246, 245, 239, 0.8) 0%,
                rgba(246, 245, 239, 0.8) 100%
        ),
        radial-gradient(
                50% 50% at 50% 50%,
                rgba(255, 255, 255, 0.1) 0%,
                rgba(255, 255, 255, 0.02) 100%
        ),
        url('../images/3.webp') lightgray 0px -0.209px / 100% 103.628% no-repeat;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .effects__title,
    .results__title,
    .reviews__title,
    .recommendations__title {
        font-size: 36px;
    }

    .effects__text {
        font-size: 22px;
        margin-bottom: 50px;
    }

    .circulation__title,
    .genitourinary__title,
    .balance__title {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .effects__header {
        align-items: flex-start;
    }

    .balance__title {
        margin-bottom: 0;
    }

    .circulation__item,
    .genitourinary__item,
    .balance__item {
        font-size: 18px;
        line-height: 1.22;
    }

    .effects__circulation {
        max-width: none;
        width: 50%;
    }

    .circulation__content,
    .genitourinary__content,
    .balance__content {
        gap: 30px;
    }

    .circulation__list {
        max-width: 215px;
    }

    .circulation__image,
    .genitourinary__image,
    .balance__image {
        max-width: 160px;
        flex-shrink: 0;
    }

    .product {
        max-width: 170px;
    }

    .effects__circulation::after {
        top: 200px;
        right: -220px;
    }

    .effects__content {
        align-items: flex-start;
    }

    .effects-section .form {
        background: none;
        padding: 0;
    }

    .effects__balance::before {
        right: 501px;
    }

    .effects-section .form__wrapper {
        border-radius: 466.609px;
        background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 25px;
        padding-left: 25px;
        justify-content: flex-start;
    }

    .effects-section .form__image {
        display: none;
    }

    .effects-section .form__block,
    .effects-section form {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .effects-section form {
        width: 100%;
    }

    .effects-section .prices__title {
        font-size: 16px;
    }

    .effects-section .prices__wrapper--old {
        border-right: 1px solid #fff;
        padding-right: 20px;
    }

    .effects-section .form__prices {
        gap: 20px;
        min-width: 260px;
        flex-shrink: 0;
    }

    .effects-section .prices__old {
        font-size: 32px;
    }

    .effects-section .prices__new {
        font-size: 34px;
    }

    .effects-section .form__block {
        flex-grow: 1;
        gap: 20px;
    }

    .effects__subtitle {
        font-size: 20px;
    }

    .product::before {
        width: 80px;
        height: 90px;
        font-size: 25px;
        top: -15px;
    }
}

@media screen and (min-width: 1170px) {
    .effects__title,
    .results__title,
    .reviews__title,
    .recommendations__title {
        font-size: 38px;
    }

    .effects__title {
        margin-bottom: 8px;
    }

    .effects__subtitle {
        margin-bottom: 22px;
    }

    .effects-section {
        padding-top: 85px;
        padding-bottom: 78px;
    }

    .effects__text {
        margin-bottom: 60px;
    }

    .circulation__content {
        max-width: 460px;
    }

    .circulation__title {
        margin-bottom: 35px;
        text-align: center;
    }

    .circulation__list {
        max-width: 240px;
    }

    .circulation__item {
        position: relative;
    }

    .effects__circulation {
        width: 50%;
    }

    .genitourinary__content {
        align-items: flex-start;
    }

    .product {
        left: -25px;
    }

    .effects__balance::before {
        right: 556px;
    }

    .effects__header {
        margin-bottom: 50px;
    }

    .effects__circulation::after {
        width: 340px;
        top: 160px;
    }

    .genitourinary__content {
        gap: 20px;
    }

    .genitourinary__list {
        max-width: 320px;
    }

    .genitourinary__item,
    .balance__item {
        gap: 18px;
    }

    .genitourinary__title {
        text-align: center;
        margin-bottom: 48px;
    }

    .genitourinary__image {
        max-width: 150px;
    }
}

/*----------------- History Section ------------ */

.history-section {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    linear-gradient(90deg, rgba(38, 78, 176, 0.8), rgba(88, 190, 214, 0.8)),
    url('../images/hero-bg-mob.webp');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: cover, cover, cover;
    padding-top: 20px;
    padding-bottom: 20px;
    background-attachment: fixed;
}

.history__title,
.components__title,
.call__title {
    font-family: 'Copperplate';
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.history__image {
    max-width: 345px;
    margin: 0 auto 20px;
}

.history__text:not(:last-child) {
    margin-bottom: 15px;
}

.history__text {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.28px;
}

.history__text--bullet {
    display: flex;
    gap: 10px;
}

.history__text--bullet::before {
    content: '';
    width: 9px;
    flex: 0 0 9px;
    height: 9px;
    background-color: #ead134;
    border-radius: 50%;
    margin-top: 6px;
    animation: pulse 1.8s ease-in-out infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(234, 209, 52, 0.7);
    }
    50% {
        transform: scale(1.3);
        box-shadow: 0 0 0 6px rgba(234, 209, 52, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(234, 209, 52, 0);
    }
}

.history__text span {
    font-weight: 700;
}

.history__text--accent {
    font-size: 16px;
    color: #ead134;
    font-weight: 700;
}

.history__text--accent span {
    text-transform: uppercase;
}

@media screen and (min-width: 375px) {
    .history__title,
    .components__title,
    .call__title,
    .results__subtitle {
        text-align: center;
    }

    .history__text {
        text-align: center;
    }

    .history__text--bullet {
        text-align: left;
        justify-content: center;
    }

    .history__text--bullet--one {
        max-width: 210px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 480px) {
    .form__image {
        max-width: 130px;
    }

    .form__block {
        min-width: 280px;
    }

    .form__prices {
        gap: 20px;
    }

    .form {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .form__image::before,
    .images-block__product::before,
    .call__image::before {
        width: 59px;
        height: 61px;
        top: 2px;
        font-size: 18px;
    }
}

@media screen and (min-width: 430px) {
    .history__text--bullet--one {
        max-width: 100%;
    }
}

@media screen and (min-width: 640px) {
    .history-section {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        linear-gradient(90deg, rgba(38, 78, 176, 0.8), rgba(88, 190, 214, 0.8)),
        url('../images/hero-bg.webp');
        background-size: cover;
    }


    .form__image {
        max-width: 130px;
    }

    .history__title,
    .components__title,
    .call__title {
        font-size: 30px;
    }

    .history__text {
        font-size: 18px;
    }

    .form__image::before,
    .images-block__product::before,
    .call__image::before {
        width: 60px;
        height: 68px;
        font-size: 19px;
        top: -5px;
    }

    .history__text--bullet::before {
        margin-top: 8px;
    }
}

@media screen and (min-width: 767px) {
    .history-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .form__image {
        max-width: 150px;
    }

    form {
        gap: 15px;
    }

    .history__title,
    .components__title,
    .call__title {
        font-size: 34px;
    }

    .history__wrapper {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 15px;
    }

    .history__image {
        flex-shrink: 0;
        margin-bottom: 0;
    }

    .history__text {
        text-align: left;
    }

    .form__image::before,
    .images-block__product::before,
    .call__image::before {
        width: 70px;
        height: 76px;
        font-size: 22px;
        top: 0;
    }

    .history__text--bullet {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1024px) {
    .history__title,
    .components__title,
    .call__title {
        font-size: 36px;
    }

    .form__image::before,
    .images-block__product::before,
    .call__image::before {
        width: 90px;
        height: 100px;
        font-size: 28px;
        top: -40px;
        right: -10px;
    }

    .history {
        position: relative;
    }

    .history-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .history__image {
        width: 100%;
        position: absolute;
        top: 165px;
        max-width: 475px;
    }

    .history__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .history__content {
        max-width: 500px;
        margin-right: auto;
    }
}

@media screen and (min-width: 1170px) {
    .form__image::before,
    .images-block__product::before,
    .call__image::before {
        width: 103px;
        height: 108px;
        font-size: 33px;
    }

    .history__title,
    .components__title,
    .call__title {
        font-size: 38px;
    }

    .history-section {
        padding-top: 82px;
        padding-bottom: 80px;
    }

    .history__title {
        margin-bottom: 25px;
    }

    .history__image {
        top: 210px;
        max-width: 470px;
    }

    .history__content {
        max-width: 610px;
    }
}

/* -------------------  Results Section ---------- */

.results-section {
    background: radial-gradient(
            62.94% 63.69% at 63.06% 38.37%,
            rgba(246, 245, 239, 0.8) 0%,
            rgba(246, 245, 239, 0.8) 100%
    ),
    radial-gradient(
            50% 50% at 50% 50%,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(255, 255, 255, 0.02) 100%
    ),
    url('../images/bg-2-mob.webp') lightgray 0px -0.209px / 100% 103.628% no-repeat;
    mix-blend-mode: multiply;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: cover, cover, cover;
    padding-top: 20px;
    background-attachment: fixed;
}

.results__subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.57;
    letter-spacing: 0.28px;
    color: #2d1919;
}

.results__list {
    padding-bottom: 20px;
}

.results__item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
}

.results__image {
    max-width: 100px;
    flex-shrink: 0;
}

.results__item:last-child {
    padding-bottom: 0;
}

.results__item:not(:last-child) {
    border-bottom: 1px solid #2d1919;
}

.solutions__title {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.solutions__item {
    font-size: 16px;
    color: #2d1919;
    line-height: 1.28;
    letter-spacing: 0.28px;
    font-weight: 500;
}

@media screen and (min-width: 375px) {
    .solutions__title {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 640px) {
    .results-section {
        background: radial-gradient(
                62.94% 63.69% at 63.06% 38.37%,
                rgba(246, 245, 239, 0.8) 0%,
                rgba(246, 245, 239, 0.8) 100%
        ),
        radial-gradient(
                50% 50% at 50% 50%,
                rgba(255, 255, 255, 0.1) 0%,
                rgba(255, 255, 255, 0.02) 100%
        ),
        url('../images/bg-2.webp') lightgray 0px -0.209px / 100% 103.628% no-repeat;
        background-size: cover;
    }

    .results__subtitle {
        font-size: 18px;
    }

    .solutions__title {
        font-size: 18px;
    }

    .solutions__item {
        font-size: 18px;
    }
}

@media screen and (min-width: 767px) {
    .results-section {
        padding-top: 30px;
    }

    .results__subtitle {
        margin-bottom: 25px;
    }

    .results__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 30px;
        gap: 20px;
        row-gap: 15px;
    }

    .results__item {
        align-items: center;
        max-width: 330px;
    }

    .results__item {
        padding-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .results__list {
        justify-content: space-between;
    }

    .results__item {
        flex: 1;
        gap: 15px;
        align-items: flex-start;
        position: relative;
    }

    .results__image {
        max-width: 100%;
    }

    .results__item:not(:last-child) {
        border-bottom: 0;
        padding-bottom: 0;
        border-right: 1px solid #2d1919;
        padding-right: 20px;
    }

    .results-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .results__subtitle {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .results-section .form {
        background: none;
        padding: 0;
    }

    .results-section .form__wrapper {
        border-radius: 466.609px;
        background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 25px;
        padding-left: 25px;
        justify-content: flex-start;
    }

    .results-section .form__image {
        display: none;
    }

    .results-section .form__block,
    .results-section form {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .results-section form {
        width: 100%;
    }

    .results-section .prices__title {
        font-size: 16px;
    }

    .results-section .prices__wrapper--old {
        border-right: 1px solid #fff;
        padding-right: 20px;
    }

    .results-section .form__prices {
        gap: 20px;
        flex-shrink: 0;
    }

    .results-section .prices__old {
        font-size: 32px;
    }

    .results-section .prices__new {
        font-size: 34px;
    }

    .results-section .form__block {
        flex-grow: 1;
        gap: 20px;
    }

    .solutions__title {
        position: absolute;
        bottom: 0;
        left: 18px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1170px) {
    .results-section {
        position: relative;
        padding-top: 100px;
        padding-bottom: 85px;
    }

    .results__subtitle {
        margin-bottom: 0;
    }

    .results__list {
        justify-content: center;
        padding-bottom: 55px;
    }

    .results__item {
        max-width: 345px;
        align-items: flex-start;
        gap: 35px;
    }

    .results__header {
        margin-bottom: 50px;
    }

    .results__list {
        gap: 25px;
    }

    .results__item:not(:last-child) {
        padding-right: 20px;
    }
}

/* -------------------------- Recommendations section -------------------- */

.recommendations-section {
    background: rgb(20, 45, 110);
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.recommendations__content {
    margin: 0px auto;
    padding: 18px 16px;
    background: linear-gradient(90deg, rgb(88, 190, 214) 0%, rgb(38, 78, 176) 100%);
    border-radius: 18px;
    position: relative;
    overflow: hidden;
}

.recommendations__content::before {
    content: '';

    position: absolute;
    top: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, #43d98433 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    animation: pulseGlow 4s ease-in-out infinite;
}

.recommendations__title {
    text-align: center;
    color: #fff;
}

.recommendations__highlight {
    border-left: 4px solid #ffffff;
    padding: 10px 12px;
    margin: 12px 0;
    font-size: 15px;
    line-height: 1.4;
    color: #ffffff;
    font-weight: 600;
}

.recommendations__dose {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;

    background: #ffffff;
    color: rgb(38, 78, 176);

    padding: 8px 12px;
    border-radius: 20px;

    margin-bottom: 8px;
}

.recommendations__dose::before {
    content: '';
    width: 32px;
    height: 32px;
    background: url('../images/remember.svg');
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    animation: dropBounce 2.5s ease-in-out infinite;
}

.recommendations__text {
    font-size: 16px;
    line-height: 1.4;
    color: #ffffff;
    margin-bottom: 8px;
}

@keyframes pulseGlow {
    0%,
    100% {
        opacity: 0.6;
        transform: scale(1);
    }

    50% {
        opacity: 0.9;
        transform: scale(1.15);
    }
}

@keyframes dropBounce {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}

@media screen and (min-width: 480px) {
    .recommendations__content {
        padding: 22px 20px;
    }

    .recommendations__highlight {
        font-size: 16px;
        padding: 12px 14px;
    }
}

@media screen and (min-width: 640px) {
    .recommendations__content {
        padding: 25px 24px;
        border-radius: 22px;
    }

    .recommendations__dose,
    .recommendations__text,
    .recommendations__highlight {
        font-size: 18px;
    }
}

@media screen and (min-width: 1024px) {
    .recommendations-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 1170px) {
    .recommendations-section {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}

/* --------------------- Components Section --------- */
.components-section {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    linear-gradient(90deg, rgba(38, 78, 176, 0.8), rgba(88, 190, 214, 0.8)),
    url('../images/1-mob.webp');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: cover, cover, cover;
    background-attachment: fixed;
    padding-top: 20px;
    padding-bottom: 20px;
}

.components__title {
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .components__title--small {
        font-size: 18px;
    }
}

.components__item {
    padding-bottom: 15px;
}

.components__item:first-child {
    padding-top: 0;
}

.components__item:last-child {
    padding-bottom: 0;
}

.components__item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.images-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

.images-block__product {
    max-width: 150px;
    position: relative;
}

.images-block__product::before {
    width: 67px;
    height: 76px;
    top: -15px;
    right: -18px;
    font-size: 22px;
    font-weight: 700;
}

.letters {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.letters__item {
    max-width: 60px;
}

@keyframes glow {
    0% {
        filter: drop-shadow(0 0 2px #ffd700);
    }
    50% {
        filter: drop-shadow(0 0 10px #ffd700);
    }
    100% {
        filter: drop-shadow(0 0 2px #ffd700);
    }
}

.letters__item {
    animation: glow 2s ease-in-out infinite;
}

.letters__item:nth-child(1) {
    animation-delay: 0s;
}

.letters__item:nth-child(2) {
    animation-delay: 0.2s;
}

.letters__item:nth-child(3) {
    animation-delay: 0.4s;
}

.letters__item:nth-child(4) {
    animation-delay: 0.6s;
}

.components__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.accordion__content {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.28px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease,
    opacity 0.4s ease;
    opacity: 0;
    padding-left: 90px;
    cursor: pointer;
}

.components__item.active .accordion__content {
    max-height: 200px;
    opacity: 1;
}

.accordion__toggle {
    flex: 0 0 24px;
    border: transparent;
    outline: transparent;
    background-color: #ead134;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
}

.accordion__toggle::after {
    width: 3px;
    height: 11px;
}

.accordion__toggle::before {
    width: 11px;
    height: 3px;
}

.accordion__toggle::after,
.accordion__toggle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
}

.accordion__toggle::after {
    transition: transform 0.3s ease;
}

.components__item.active .accordion__toggle::after {
    transform: translate(-50%, -50%) scaleY(0);
}

.accordion {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accordion__header {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media screen and (min-width: 640px) {
    .components-section {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        linear-gradient(90deg, rgba(38, 78, 176, 0.8), rgba(88, 190, 214, 0.8)),
        url('../images/1.webp');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .images-block__product {
        max-width: 170px;
    }

    .components__list {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: center;
        gap: 15px;
    }

    .components__item {
        max-width: 290px;
    }

    .images-block__product::before {
        width: 80px;
        height: 89px;
        top: -22px;
        right: -18px;
        font-size: 25px;
    }
}

@media screen and (min-width: 767px) {
    .components-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .components-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .images-block {
        gap: 40px;
        flex-shrink: 0;
        margin-bottom: 0;
    }

    .components__wrapper {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .images-block__product {
        max-width: 210px;
    }

    .components .letters {
        gap: 30px;
    }

    .components .letters__item {
        max-width: 70px;
    }

    .images-block__product::before {
        width: 90px;
        height: 100px;
        font-size: 28px;
        top: -40px;
        right: -10px;
    }
}

@media screen and (min-width: 1170px) {
    .components-section {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .components__title {
        margin-bottom: 60px;
    }

    .images-block__product {
        max-width: 270px;
    }

    .images-block {
        gap: 56px;
    }

    .components .letters__item {
        max-width: 100px;
    }

    .components__list {
        flex-direction: column;
    }

    .components__item {
        max-width: none;
        width: 100%;
    }

    .components__wrapper {
        gap: 70px;
    }

    .accordion__content {
        font-size: 18px;
    }

    .accordion__header {
        font-size: 19px;
        gap: 15px;
    }

    .images-block__product::before {
        width: 130px;
        height: 137px;
        font-size: 39px;
    }
}

/* --------------------   Reviews Section ---------- */
.reviews-section {
    background: radial-gradient(
            62.94% 63.69% at 63.06% 38.37%,
            rgba(246, 245, 239, 0.8) 0%,
            rgba(246, 245, 239, 0.8) 100%
    ),
    radial-gradient(
            50% 50% at 50% 50%,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(255, 255, 255, 0.02) 100%
    ),
    url('../images/bg-2-mob.webp') lightgray 0px -0.209px / 100% 103.628% no-repeat;
    mix-blend-mode: multiply;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: cover, cover, cover;
    padding-top: 20px;
    padding-bottom: 20px;
    background-attachment: fixed;
}

.reviews-slide {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 25px;
    height: auto;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    max-width: 500px;
    position: relative;
}

.reviews-slide::after {
    content: '';
    position: absolute;
    top: -24px;
    right: 25px;
    width: 50px;
    height: 50px;
    background: url('../images/quote.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.reviews-slide__header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.reviews-slide__footer {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.reviews__title {
    text-align: center;
    margin-bottom: 30px;
}

.reviews__avatar {
    filter: blur(2px);
    flex-shrink: 0;
}

.reviews__name {
    color: #2d1919;
    font-size: 20px;
    font-weight: 700;
}

.reviews__text {
    color: #2d1919;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.reviews__rating {
    width: 110px;
    height: 22px;
    background-image: url('../images/star.svg');
    background-repeat: repeat-x;
    background-size: 22px 22px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-reviews {
    overflow: visible;
    padding-bottom: 30px;
}

.swiper-scrollbar {
    border-radius: 10px;
    height: 7px !important;
    max-width: 200px;
    background: #fff;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
}

.swiper-scrollbar .swiper-scrollbar-drag {
    background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
}

.swiper-scrollbar {
    cursor: pointer;
}

@media screen and (min-width: 480px) {
    .swiper-scrollbar {
        max-width: 250px;
    }
}

@media screen and (min-width: 640px) {
    .reviews-section {
        background: radial-gradient(
                62.94% 63.69% at 63.06% 38.37%,
                rgba(246, 245, 239, 0.8) 0%,
                rgba(246, 245, 239, 0.8) 100%
        ),
        radial-gradient(
                50% 50% at 50% 50%,
                rgba(255, 255, 255, 0.1) 0%,
                rgba(255, 255, 255, 0.02) 100%
        ),
        url('../images/bg-2.webp') lightgray 0px -0.209px / 100% 103.628% no-repeat;
        background-size: cover;
    }

    .swiper-scrollbar {
        max-width: 280px;
    }
}

@media screen and (min-width: 767px) {
    .reviews-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .reviews__title {
        margin-bottom: 25px;
    }

    .swiper-reviews {
        padding-bottom: 40px;
    }

    .reviews-slide::after {
        top: -27px;
        width: 55px;
        height: 55px;
    }

    .reviews__title {
        margin-bottom: 40px;
    }

    .swiper-scrollbar {
        max-width: 300px;
    }
}

@media screen and (min-width: 1024px) {
    .reviews-slide::after {
        top: -31px;
        width: 65px;
        height: 65px;
    }

    .reviews-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .swiper-scrollbar {
        max-width: 328px;
    }
}

@media screen and (min-width: 1170px) {
    .reviews__text {
        font-size: 18px;
    }

    .reviews__name {
        font-size: 22px;
    }

    .reviews-section {
        padding-top: 85px;
        padding-bottom: 70px;
    }

    .reviews__title {
        margin-bottom: 45px;
    }

    .swiper-reviews {
        padding-bottom: 60px;
    }
}

/* --------------------- Call Section ------------ */
.call-section {
    background: url(../images/hero-bg-mob.webp) no-repeat center center;
    background-size: cover;
    padding-top: 20px;
}

.call__subtitle {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.28px;
    margin-bottom: 15px;
}

.call__title {
    margin-bottom: 25px;
}

.call__image {
    max-width: 185px;
    margin: 0 auto;
    position: relative;
}

.call__image::before {
    width: 67px;
    height: 76px;
    top: -3px;
    right: 150px;
    z-index: 2;
    font-size: 22px;
    font-weight: 700;
}

.call__content {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.call .letters__item {
    position: absolute;
    transform: rotate(-16deg);
}

.call .letters__item:first-child {
    top: 3px;
    right: 20px;
}

.call .letters__item:nth-child(2) {
    top: 36px;
    right: 46px;
}

.call .letters__item:nth-child(3) {
    top: 206px;
    left: 37px;
}

.call .letters__item:last-child {
    top: 210px;
    left: 7px;
}

.call__image img {
    animation: swing 3s ease-in-out infinite;
    transform-origin: bottom center;
}

@keyframes swing {
    0% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}

.call .form__wrapper {
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    margin: 0 auto;
    gap: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.call .form {
    margin-top: 25px;
}

.call form {
    width: 100%;
    margin-top: 10px;
}

.call .prices__title {
    font-size: 16px;
}

.call .prices__wrapper--old {
    border-right: 1px solid #fff;
    padding-right: 10px;
}

.footer {
    background: url('../images/hero-bg-mob.webp') no-repeat bottom center;
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer__text {
    font-size: 14px;
    text-align: center;
}

@media screen and (min-width: 375px) {
    .call__subtitle {
        text-align: center;
    }

    .call .prices__wrapper--old {
        padding-right: 15px;
    }
}

@media screen and (min-width: 480px) {
    .call .prices__wrapper--old {
        padding-right: 20px;
    }
}

@media screen and (min-width: 640px) {
    .footer {
        background: url('../images/hero-bg.webp') no-repeat bottom center;
        background-size: cover;
    }

    .call-section {
        background: url(../images/hero-bg.webp) no-repeat center center;
        background-size: cover;
    }

    .call__subtitle {
        font-size: 19px;
    }

    .call__image {
        max-width: 195px;
    }

    .call__title {
        margin-bottom: 45px;
    }

    .call .form {
        margin-top: 0;
        padding: 0;
        background: none;
    }

    .call .form__wrapper {
        background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
        padding: 20px;
        margin: 0;
        max-width: 320px;
        border-radius: 10px;
    }

    .call__container {
        position: relative;
    }

    .call__content {
        position: absolute;
        top: 170px;
        right: 0;
        max-width: 300px;
    }

    .call-section {
        padding-bottom: 10px;
    }

    .call .form__prices {
        gap: 10px;
    }

    .call .prices__wrapper--old {
        padding-right: 10px;
    }

    .call .prices__new {
        font-size: 27px;
    }

    .call .prices__old {
        font-size: 23px;
    }

    .call__image::before {
        width: 80px;
        height: 89px;
        font-size: 25px;
    }
}

@media screen and (min-width: 767px) {
    .call-section {
        padding-top: 30px;
    }

    .call .form__wrapper {
        max-width: 390px;
    }

    .call__content {
        max-width: 315px;
    }

    .call__image {
        max-width: 205px;
    }

    .call .prices__new {
        font-size: 29px;
    }

    .call .prices__old {
        font-size: 25px;
    }

    .call .form__prices {
        gap: 20px;
    }

    .call .prices__wrapper--old {
        padding-right: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .call .form__wrapper {
        background: none;
        padding: 0;
        max-width: none;
        align-items: flex-start;
    }

    .call form {
        border-radius: 466.609px;
        background: linear-gradient(90deg, rgb(38, 78, 176) 0%, rgb(88, 190, 214) 100%);
        padding: 15px 25px;
        flex-direction: row;
        padding-right: 200px;
        margin-top: 30px;
        width: 86%;
    }

    .call__subtitle {
        text-align: left;
        font-size: 24px;
        margin-bottom: 30px;
    }

    .call__title {
        text-align: left;
        font-size: 50px;
        margin-bottom: 50px;
    }

    .call__header {
        max-width: 460px;
    }

    .call .prices__title {
        font-size: 23px;
    }

    .call .prices__old {
        font-size: 44px;
    }

    .call .prices__new {
        font-size: 50px;
    }

    .call__image {
        margin: 0;
        max-width: 350px;
        z-index: 1;
    }

    .call__content {
        top: 103px;
        max-width: 408px;
    }

    .call .letters__item {
        max-width: 100px;
    }

    .call .letters__item:first-child {
        top: -15px;
        right: 25px;
    }

    .call .letters__item:last-child {
        left: -120px;
        top: 265px;
    }

    .call-section {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .call .prices__new {
        font-size: 38px;
    }

    .call .prices__old {
        font-size: 34px;
    }

    .call .form__prices {
        align-items: baseline;
        margin-bottom: 0;
    }

    .footer__text {
        font-size: 16px;
    }

    .call__image::before {
        width: 110px;
        height: 120px;
        font-size: 35px;
        right: 290px;
    }
}

@media screen and (min-width: 1170px) {
    .call-section {
        padding-top: 100px;
        padding-bottom: 48px;
    }

    .call__header {
        max-width: 555px;
    }

    .call__subtitle {
        font-size: 28px;
        margin-bottom: 50px;
    }

    .call__title {
        font-size: 60px;
        margin-bottom: 30px;
    }

    .call form {
        margin-top: 45px;
        width: 81%;
    }

    .call__image {
        max-width: 430px;
    }

    .call__content {
        top: 65px;
        max-width: 500px;
    }

    .call .letters__item {
        transform: rotate(0deg);
        max-width: 120px;
    }

    .call .letters__item:last-child {
        left: -80px;
        top: 375px;
    }

    .call__image::before {
        width: 130px;
        height: 137px;
        font-size: 39px;
        right: 355px;
        top: 10px;
    }

    .call .prices__new {
        font-size: 44px;
    }

    .call .prices__old {
        font-size: 40px;
    }

    .footer {
        padding-top: 42px;
        padding-bottom: 42px;
    }
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.2s ease-out,
    transform 1.2s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.ever-popup .prices__wrapper--old {
    border-right: 1px solid #fff;
    padding-right: 15px;
}

.ever-popup .form {
    padding: 0;
    border-radius: 10px;
}

.ever-popup .form__prices {
    gap: 0;
}

.prices__wrapper--new {
    padding-left: 15px;
}

.ever-popup .form__wrapper {
    padding: 20px;
}

.ever-popup .form__block {
    width: 100%;
    max-width: 320px;
}

.ever-popup .prices__old {
    font-size: 19px;
}

.ever-popup .prices__new {
    font-size: 22px;
}

@media screen and (max-width: 425px) {
    .ever-popup__inner {
        width: 290px !important;
    }
}

@media screen and (max-width: 639px) {
    .ever-popup .form__image {
        display: none;
    }
}

@media screen and (min-width: 640px) {
    .ever-popup .form__block {
        min-width: 260px;
    }

    .ever-popup__inner {
        width: 500px !important;
    }
}

@media screen and (min-width: 1024px) {
    .ever-popup .form__image {
        max-width: 200px;
    }

    .ever-popup__inner {
        width: 570px !important;
    }

    .ever-popup .form__wrapper {
        padding: 20px;
    }

    .ever-popup .form__image::before {
        width: 75px;
        height: 85px;
        top: -15px;
        font-size: 24px;
        top: 3px;
    }

    .ever-popup .prices__old {
        font-size: 26px;
    }

    .ever-popup .prices__new {
        font-size: 30px;
    }
}

html.lenis,
html.lenis body {
    height: auto !important;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain !important;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

.lenis.lenis-autoToggle {
    transition-property: overflow !important;
    transition-duration: 1ms !important;
    transition-behavior: allow-discrete !important;
}

.nowrap {
    white-space: nowrap;
}

@media (max-width: 425px) {
    .form__wrapper {
        flex-direction: column;
    }

    .form__image {
        max-width: 140px;
    }

    .form__block {
        width: 100%;
    }

    .form__prices {
        gap: 15px;
    }

    .form__image::before {
        top: 15px;
    }
}

@media screen and (max-width: 424px) {
    .ever-popup-build .form__image {
        display: none;
    }

}

.footer__container >*:not(:last-child) {
    margin-bottom: 10px;
}


.user--agreement159--hu {
    color: #2d1919;
    font-size: 16px;
    text-align: center;
    font-style: italic;
    margin-top: 30px;
}

@media screen and (min-width: 1170px) {

    .user--agreement159--hu {
        font-size: 18px;
    }
}