:root {
    --main-color: #d3a221;
    --main-text-color: #fefefe;
    --second-color: #0a0a0a;
    --second-color-light: #181c21;
    --main-light: #fff;
    --main-graycolor: #757778;
}


@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}




*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto";
}

html {
    font-size: 62.5%;
    /* 1rem = 10px */
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img,
picture,
video,
canvas,
svg {

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

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

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

ul,
ol {
    list-style: none;
}

button {
    background: none;
    border: none;
    cursor: pointer;
}

.container {
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

body {
    background: var(--second-color-light);
    overflow-x: hidden;
}

.section-title {
    color: var(--main-text-color);
    font-family: Montserrat;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.section-text {
    color: var(--main-text-color);
    font-family: "Roboto";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

@media (max-width: 750px) {
    .section-title {
        font-size: 32px;
    }
}

.main-button {
    display: block;
    padding: 20px 40px;
    border-radius: 90px;
    border: 2.583px solid var(--main-color);
    background: var(--second-color);
    max-width: 375px;
    text-align: center;
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.main-button:hover {
    background: var(--main-color);
    border: 2.583px solid var(--second-color);
    color: var(--second-color);
}

/* main START */
.main {
    position: relative;
}

.gradient5 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(211, 162, 33, 0.5) 20%, rgba(211, 162, 33, 0.5) 70%);
    filter: blur(200px) brightness(1.1);
    /* Increased blur and brightness */
    transform: translate(-95%, -50%);
    z-index: -1;
    animation: glow5 6s infinite alternate;
}

@keyframes glow5 {
    0% {
        opacity: 0.8;
        /* Increased opacity */
        transform: translate(-60%, -50%) scale(1);
    }

    25% {
        opacity: 1;
        /* Peak brightness */
        transform: translate(calc(-60% + 100px), calc(-50% + 50px)) scale(1.05);
    }

    50% {
        opacity: 1;
        /* Peak brightness */
        transform: translate(calc(-60% - 100px), calc(-50% + 100px)) scale(1.1);
    }

    75% {
        opacity: 0.9;
        /* Slight fade */
        transform: translate(calc(-60% - 50px), calc(-50% - 100px)) scale(1.05);
    }

    100% {
        opacity: 0.8;
        /* Return to initial glow */
        transform: translate(calc(-60% + 100px), calc(-50% - 50px)) scale(1.1);
    }
}

.main__frame-container {
    position: relative;
    width: 346.612px;
    height: 720px;
    /* margin: 40px auto; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.main__phone-video {
    position: absolute;
    top: 13.389px;
    /* (720 - 693.223) / 2 for vertical centering */
    left: 13.389px;
    /* (346.612 - 319.835) / 2 for horizontal centering */
    width: 319.835px;
    height: 693.223px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 40.909px;
    z-index: 1;
}

.main__phone-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 346.612px;
    height: 720px;
    border-radius: 54.298px;
    border: 0.744px solid rgba(0, 0, 0, 0.15);
    background: var(--second-color-light);
    box-shadow: 0px 74.38px 59.504px 0px rgba(0, 0, 0, 0.03),
        0px 27.15px 21.72px 0px rgba(0, 0, 0, 0.02), 0px 13.181px 10.545px 0px rgba(0, 0, 0, 0.02),
        0px 6.461px 5.169px 0px rgba(0, 0, 0, 0.01), 0px 2.555px 2.044px 0px rgba(0, 0, 0, 0.01);
    pointer-events: none;
}

.main__content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 80px;
}

.main__texts-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 944px;
}

.main__title {
    color: var(--main-light);

    /* Heading desktop */
    font-family: 'Montserrat';
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 62.4px */
    text-transform: uppercase;
}

.main__title-highlight {
    color: var(--main-color);
    /* H1 */
    font-family: Montserrat;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 76.8px */
    text-transform: uppercase;
    margin-bottom: 42px;
}

.main__prducts-text {
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 355px;
    margin-bottom: 42px;
}

.main__button {
    display: block;
    padding: 20px 20px;
    border-radius: 90px;
    border: 2.583px solid var(--main-color);
    background: var(--second-color);
    max-width: 375px;
    text-align: center;
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.main__button:hover {
    background: var(--main-color);
    border: 2.583px solid var(--Gold, #0a0a0a);
    color: var(--second-color);
    transition: all 0.3s ease;
}

@media (max-width: 1360px) {
    .main__frame-container {
        position: relative;
        min-width: 346.612px;
        height: 720px;
    }

    .main__title {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .main__title {
        font-size: 26px;
    }

    .main__title-highlight {
        font-size: 40px;
    }

    .main__prducts-text {
        font-size: 18px;
    }

    .main__content-wrapper {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .main__content-wrapper {
        flex-direction: column-reverse;
        align-items: center;
    }

    .main__texts-wrapper {
        align-items: flex-start;
    }

    .main__titles-wrapper {
        padding: 12px 16px;
        border-radius: 8px;
        border: 1px solid #757778;
        background: var(--second-color);
        margin-bottom: 22px;
    }

    .main__title-highlight {
        margin-bottom: 0;
    }

    .main__content-wrapper {
        gap: 0;
    }

    .main__frame-container {
        max-width: 320px;
        height: 664.721px;
        z-index: -1;
    }

    .main__title {
        font-size: 22px;
    }

    .main__content-wrapper {
        padding-top: 120px;
    }

    .main__titles-wrapper {
        margin-top: -115px;
    }

    .main__title-highlight {
        font-size: 32px;
    }

    .main__button {
        margin: 0 auto;
        width: 100%;
    }

    .main__prducts-text {
        font-size: 18px;
        margin-bottom: 22px;
    }
}

/* Sound Icon Styles */
.main__sound-icon {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    color: var(--main-light);
}

.main__sound-icon:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: scale(1.1);
}

.main__sound-icon svg {
    width: 20px;
    height: 20px;
}

/* Mobile responsive adjustments for sound icon */
@media (max-width: 768px) {
    .main__sound-icon {
        top: 30px;
        right: 30px;
        width: 35px;
        height: 35px;
    }

    .main__sound-icon svg {
        width: 18px;
        height: 18px;
    }
}

/* main END */

/* banner START */
.banner {
    width: 100%;
    padding-top: 160px;
    overflow: hidden;
}

.banner__wrapper {
    background-image: url('../images/banner/bannerbg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 0 30px 210px;
    border-radius: 22px;
}

.banner__text {
    margin-top: 12px;
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    max-width: 745px;
}

.main__limit-wrapper {
    display: flex;
    align-items: center;
    gap: 0px;
    margin-top: 70px;
}

.banner__amount {
    color: var(--main-color);
    font-family: Montserrat;
    font-size: 185.629px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 222.755px */
    text-transform: uppercase;
    position: relative;
    left: 30px;
}

.banner__text-wrapper {
    width: 100%;
    padding: 22px 0 22px 60px;
    border-radius: 50px 0px 0px 50px;
    border: 1.5px solid var(--main-color);
    border-right: none;
    background: var(--second-color);
}

.banner__limit-text {
    color: var(--main-color);
    font-family: Montserrat;
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width: 1200px) {
    .banner__wrapper {
        padding-left: 20px;
    }

    .banner__amount {
        font-size: 100px;
    }
}

@media (max-width: 768px) {
    .banner__wrapper {
        padding: 50px 0 30px 20px;
    }

    .banner-text {
        font-size: 18px;
        padding-right: 20px;
    }

    .main__limit-wrapper {
        margin-top: 92px;
    }

    .banner__text-wrapper {
        padding: 22px 0 22px 20px;
    }

    .banner__limit-text {
        font-size: 26px;
    }

    .banner__amount {
        margin-top: -130px;
        margin-right: -110px;
    }

    .banner {
        padding-top: 100px;
    }
}

/* main END */

/* process START */
.process {
    padding-top: 160px;
    position: relative;
    /* overflow: hidden; */
}

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

.process__text {
    margin-top: 22px;
    color: var(--main-text-color);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

.process__items-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 62px;
    margin-bottom: 62px;
}

.process__item {
    position: relative;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 20px;
    border: 2px solid var(--main-light);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12.5px);
    transition: all 0.3s ease;
}

.item__number {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 104px;
    z-index: -1;
    width: auto;
    transition: all 0.5s ease;
}

.item__title {
    color: var(--second-color-light);
    /* heading 2 */
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 36px */
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.item__text {
    color: var(--second-color-light);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    transition: all 0.3s ease;
}

.process__item:hover {
    border-radius: 20px;
    border: 2px solid var(--main-color);
    background: var(--second-color);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12.5px);
    transition: all 0.3s ease;
}

.process__item:hover .item__title {
    color: var(--main-text-color);
    transition: all 0.3s ease;
}

.process__item:hover .item__text {
    transition: all 0.3s ease;
    color: var(--main-text-color);
}

.process__item:hover .item__number {
    height: 220px;
    transition: all 0.5s ease;
}

@media (max-width: 1400px) {
    .process__items-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .process__item {
        padding: 20px;
        overflow: hidden;
    }

    .item__number {
        height: 100px;
    }

    .process__item:hover .item__number {
        height: 130px;
        transition: all 0.5s ease;
    }
}

@media (max-width: 768px) {
    .process {
        padding-top: 100px;
    }

    .process__items-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .process__items-wrapper {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .process__item {
        padding: 32px;
    }
}

/* process END */

/* tretments START */
.treatments {
    padding-top: 160px;
}

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

.tretments__items-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 42px;
    margin-top: 42px;
    margin-bottom: 42px;
}

.tretments__item {
    /* max-width: 680px; */
    display: flex;
    align-items: center;
}

.tretments__item--left {
    flex-direction: row-reverse;
}

.tretments__left-wrapper {
    border-radius: 20px;
    border: 2px solid var(--main-color);
    background: var(--second-color);
    padding: 32px 40px 32px 100px;
    height: 206px;
    width: 490px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.treatment__item-title {
    color: var(--main-text-color);
    /* heading 2 */
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 36px */
    text-transform: uppercase;
}

.treatment__item-text {
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 10px;
}

.treatment__img-circle {
    border-radius: 249.548px;
    border: 1.514px solid var(--main-color);
    background: var(--second-color);
    padding: 50px;
}

.treatment_img {
    min-width: 106px;
    min-height: 106px;
    max-width: 106px;
    max-height: 106px;
}

.tretments__item--right {
    flex-direction: row;
}

.tretments__right-wrapper {
    border-radius: 20px;
    border: 2px solid var(--main-color);
    background: var(--second-color);
    padding: 32px 100px 32px 40px;
    height: 206px;
    width: 490px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.treatment__img-circle--left {
    position: relative;
    /* left: 65px; */
    margin-right: -65px;
}

.treatment__img-circle--right {
    position: relative;
    margin-left: -65px;
}

@media (max-width: 1400px) {
    .tretments__items-wrapper {
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .treatments {
        padding-top: 100px;
    }

    .tretments__left-wrapper,
    .tretments__right-wrapper {
        width: 290px;
        padding: 32px;
        height: auto;
    }

    .treatment__item-title {
        font-size: 22px;
    }

    .treatment__item-text {
        font-size: 20px;
    }

    .tretments__item--left {
        flex-direction: row;
    }

    .treatment_img {
        min-width: 37.689px;
        min-height: 37.689px;
        max-width: 37.689px;
        max-height: 37.689px;
    }

    .treatment__img-circle--left {
        position: relative;
        /* left: 65px; */
        margin-right: 0;
        margin-left: 0;
    }

    .treatment__img-circle--right {
        position: relative;
        margin-right: 0;
        margin-left: 0;
    }

    .treatment__img-circle {
        padding: 21px;
        position: absolute;

        right: -38px;
        top: 5px;
    }

    .tretments__item {
        position: relative;
    }

    .tretments__items-wrapper {
        gap: 22px;
    }

    .tretments__item {
        position: relative;
        left: -20px;
    }

    .tret_button {
        padding: 20px 0;
        width: 100%;
    }
}

/* tretments END */

/* whoochoose START */
.whochoose {
    padding-top: 160px;
    overflow-x: hidden;
}

.whochoose__container {
    /* container inherits styles from .container */
}

.whochoose__title {
    margin: 0 auto;
    text-align: center;
}

.whochoose__subtitle {
    color: var(--main-color);
    text-align: center;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: 22px;
    margin-bottom: 22px;
}

.whochoose__description {
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    margin: 0 auto;
    text-align: center;
    max-width: 750px;
}

.whochoose__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 47px;
    margin-bottom: 62px;
    margin-top: 62px;
}

.whochoose__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 32px;
    border-radius: 20px;
    border: 2px solid var(--main-color);
    background: var(--second-color);
}

.whochoose__image {
    width: 68px;
    height: 68px;
    margin-bottom: 32px;
}

.whochoose__item-title {
    color: var(--main-text-color);
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.whochoose__item-text {
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

.whochoose__button {
    display: block;
    padding: 20px 60px;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 1360px) {
    .whochoose__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .whochoose__items {
        gap: 20px;
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .whochoose__items::-webkit-scrollbar {
        display: none;
    }

    .whochoose__items {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .whochoose__item {
        padding: 22px;
        min-width: 335px;
    }

    .whochoose {
        padding-top: 100px;
    }
}

/* whoochoose END */

/* prices START */
.gradient6 {
    left: 0;
}

/* prices END */

/* header START */
.header {
    width: 100%;
    height: 108px;
    position: sticky;
    top: 0;
    z-index: 100;
    transition: all 0.3s;
    background: var(--second-color);
    background-image: url('../images/global/stroke.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}

.header__wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1460px;
    width: 100%;
    margin: 0 auto;
}

.header__navbar {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0;
}

.header__burger-stick {
    display: block;
    width: 30px;
    height: 3px;
    margin: 6px auto;
    background-color: var(--main-light);
    transition: 0.2s;
}

.header__logo-wrapper {
    cursor: pointer;
    z-index: 100;
}

.header__logo {
    width: 158px;
    height: auto;
}

.header__logo--color {
    width: 158px;
    z-index: 100;
}

.header__logo--hide {
    display: none;
}

.header__burger {
    display: none;
}

.header__popup {
    display: none;
}

.noscroll {
    overflow: hidden;
}

.header__menu {
    display: flex;
    gap: 78px;
    height: 100%;
    align-items: center;
}

.header__menu-item {
    display: block;
    position: relative;
    text-decoration: none;
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.3s;
    cursor: pointer;
    padding-bottom: 8px;
}

.header__drop-icon {
    max-height: 32px;
    transition: 0.4s;
}

.header__menu-item--drop-down {
    position: relative;
    display: flex;
    grid-template-columns: 1fr max-content;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.header__drop-down-wrapper {
    position: absolute;
    display: none;
    top: 32px;
    left: 0;
    width: 100%;
    padding-top: 15px;
}

.header__menu-item--drop-down:hover .header__drop-down-wrapper {
    display: block;
}

.header__drop-down {
    display: grid;
    width: 100%;
    border: 8px;
    border: 1px solid var(--main-color);
    border-radius: 6px;
    background-color: var(--second-color);
}

.header__drop-donw-link {
    display: block;
    padding: 8px;
    text-align: left;
}

.header__drop-donw-link:hover,
.header__drop-donw-link:focus {
    background-color: var(--main-color);
    color: var(--main-text-color);
}

.header__menu-item--drop-down:hover .header__drop-icon {
    transform: rotate(180deg);
    transform-origin: center;

}

.header__menu-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: var(--main-color);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.header__menu-item:hover {
    transition: 0.3s;
    color: rgb(254, 254, 254, .8);
    text-decoration: none;
}

.header__menu-item:hover::after {
    width: 100%;
}

.header__button {
    padding: 20px 80px;
    border-radius: 90px;
    border: 2.583px solid var(--main-color, #d3a221);
    color: #f5a302;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

.header__button:hover {
    background: var(--main-color);
    border: 2.583px solid var(--main-color);
    color: var(--second-color);
    transition: all 0.3s ease;
}

@media (max-width: 1620px) {
    .header__wrapper {
        padding: 16px 20px;
    }
}

@media (max-width: 1200px) {
    .header__wrapper {
        padding: 16px 20px 16px 20px;
    }
}

@media (max-width: 1366px) {
    .header__menu {
        gap: 30px;
    }
}

@media (max-width: 1100px) {
    .header__navbar {
        padding: 0;
    }

    .header__menu {
        display: none;
    }

    .header__burger {
        display: flex;
        align-items: center;
        z-index: 100;
    }

    .header__burger-stick {
        display: block;
        width: 32px;
        height: 3px;
        margin: 5px auto;
        background-color: var(--main-color);
        transition: 0.2s;
        border-radius: 3px;
    }

    .header__burger-space {
        padding: 10px 0;
        cursor: pointer;
    }

    .header__logo-wrapper {
        padding: 10px 0px;
    }

    .header__popup {
        position: absolute;
        right: 100%;
        width: 100%;
        height: calc(100svh - 64px);
        top: 108px;
        z-index: 50;
        display: none;
        overflow: hidden;
        justify-content: flex-end;
        background-color: var(--second-color-light);
    }

    .header__popup.open {
        position: fixed;
        left: 0;
        display: flex;
        animation-duration: 0.3s;
        animation-name: fadein;
        animation-timing-function: linear;
    }

    @keyframes fadein {
        from {
            background-color: rgba(243, 241, 240, 0);
        }

        to {
            background-color: var(--second-color-light);
        }
    }

    .header__popup-textblock {
        position: absolute;
        left: 100%;
        width: 100%;
        background-color: var(--second-color-light);
        overflow: auto;
        display: flex;
        flex-direction: column;
        background: url('../img/main/mobbgmenu.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position-y: bottom;
    }

    .header__popup-bg {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .header__menu-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding-top: 50px;
        gap: 20px;
        margin-bottom: 80px;
        list-style: disc;
        margin-left: 25px;
        max-width: 200px;
        padding-left: 20px;
    }

    li::marker {
        color: #f4b301;
        font-size: 26px;
    }

    .header__menu-item-mobile {
        display: block;
        padding-left: 5px;
        padding-bottom: 8px;
        text-decoration: none;
        font-size: 24px;
        font-weight: 600;
        line-height: 125%;
        letter-spacing: 1px;
        color: var(--Charcoal-gray, #fefefe);
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .header__menu-item-mobile::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 1px;
        background-color: var(--main-color);
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

    .header__menu-item-mobile:hover {
        background-color: gray;
        color: var(--main-text-color);
    }

    .header__menu-item-mobile:hover::after {
        width: 100%;
    }

    .header__popup-textblock.slidein {
        position: relative;
        display: flex;
        left: 0;
        animation-duration: 0.3s;
        animation-name: slidein;
        animation-timing-function: linear;
    }

    @keyframes fadelogoin {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fadelogoout {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes slidein {
        from {
            left: 100%;
        }

        to {
            left: 0;
        }
    }

    @keyframes fadeout {
        from {
            background-color: var(--second-color-light);
        }

        to {
            background-color: rgba(243, 241, 240, 0);
        }
    }

    @keyframes slideout {
        from {
            left: 0;
        }

        to {
            left: 100%;
        }
    }
}

.header__popup.close {
    background-color: #f3f1f0;
    animation-name: fadeout;
    animation-duration: 0.3s;
    animation-timing-function: linear;
}

.header__popup-textblock.slideout {
    left: 100%;
    animation-name: slideout;
    animation-duration: 0.3s;
    animation-timing-function: linear;
}

.header__burger-space.active .header__burger-stick:nth-child(2) {
    opacity: 0;
}

.header__burger-space.active .header__burger-stick:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.header__burger-space.active .header__burger-stick:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

@media (max-width: 600px) {
    .header__button {
        display: none;
    }

    .header__logo {
        height: 45px !important;
        transition: all 2s;
        width: auto;
    }

    .header__logo--color {
        height: 45px;
        width: auto;
        transition: all 2s;
    }

    .header {
        height: 77px;
    }

    .header__popup {
        top: 77px;
    }

    .header__button--mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 300px;
        text-align: center;
        margin: 0 20px 0 0;
    }

    .mob_menu_button {
        margin: 0 auto;
        margin-bottom: 0;
    }

    .fly_space {
        top: 64px;
        height: calc(100svh - 124px);
    }

    .header__button-pair--mobile {
        border-top: 1px solid var(--main-graycolor);
        border-bottom: 1px solid var(--main-graycolor);
        background: var(--second-color-light);
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

/* header end */

/* sermorelin-main START */
.hero {
    position: relative;
    width: 100vw;
    height: calc(100vh - 108px);
    min-height: 60vh;
    max-height: 900px;
    margin: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0;
}

.hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
}

.hero__video {
    width: 85vw;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top center;
       object-position: top center;
    display: block;
}

.hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) 15%,
            rgba(0, 0, 0, 0) 60%);
}

.gradient5 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(211, 162, 33, 0.5) 20%, rgba(211, 162, 33, 0.5) 70%);
    filter: blur(200px) brightness(1.1);
    /* Increased blur and brightness */
    transform: translate(-95%, -50%);
    z-index: -1;
    animation: glow5 6s infinite alternate;
}

@keyframes glow5 {
    0% {
        opacity: 0.8;
        /* Increased opacity */
        transform: translate(-60%, -50%) scale(1);
    }

    25% {
        opacity: 1;
        /* Peak brightness */
        transform: translate(calc(-60% + 100px), calc(-50% + 50px)) scale(1.05);
    }

    50% {
        opacity: 1;
        /* Peak brightness */
        transform: translate(calc(-60% - 100px), calc(-50% + 100px)) scale(1.1);
    }

    75% {
        opacity: 0.9;
        /* Slight fade */
        transform: translate(calc(-60% - 50px), calc(-50% - 100px)) scale(1.05);
    }

    100% {
        opacity: 0.8;
        /* Return to initial glow */
        transform: translate(calc(-60% + 100px), calc(-50% - 50px)) scale(1.1);
    }
}

.container.hero__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 0;
}

.hero__title {
    color: var(--main-light);

    font-family: Montserrat;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 55.2px */
    text-transform: uppercase;
    max-width: 470px;
    margin-bottom: 32px;
}

.hero__subtitle {
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 52px;
    max-width: 480px;
}

.main_cta_button:hover {
    background: var(--main-color);
    color: #222;
    border-color: var(--main-color);
}

@media (max-width: 600px) {
    .hero__btn {
        display: block;
    }
}

@media (max-width: 768px) {
    .hero {
        min-height: 500px;
        width: 100vw;
        flex-direction: column;
    }

    .main_content {
        max-width: 100vw;
        margin-top: -120px;
        /* margin-left: 5vw; */
    }

    .hero__title {
        font-size: 32px;
        margin-bottom: 22px;
    }

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

    .hero__background {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        display: flex;
    }

    .hero__overlay {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: linear-gradient(0deg,
                rgba(24, 28, 33, 1) 0%,
                rgba(24, 28, 33, 1) 15%,
                rgba(24, 28, 33, 0) 60%);
    }

    .hero__video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: top center;
           object-position: top center;
        display: block;
    }

    .hero__title {
        border-radius: 8px;
        border: 1px solid #757778;
        background: var(--second-color);
        padding: 12px 16px;
        padding-right: 50px;
    }
}

/* sermorelin-main END */

/* sermorelin-therapy START */
.sermorelin-therapy {
    padding: 250px 0 0;
}

.sermorelin-therapy__container {
    max-width: 1420px;
    margin: 0 auto;
    background-image: url('../images/theraphy/therapy-bcg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.sermorelin-therapy__text-wrap {
    max-width: 660px;
}

.sermorelin-therapy__title {
    color: #FEFEFE;
    font-size: 52px;
    font-style: normal;
    font-family: "Montserrat";
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.sermorelin-therapy__container-wrap {
    display: grid;
    grid-template-columns: 250px 1fr;
    align-items: center;
    padding: 95px 0;
    gap: 50px;
    max-width: 1014px;
    margin: 0 auto;
}

.sermorelin-therapy__text {
    color: #FEFEFE;
    font-family: "Roboto";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

@media (max-width: 750px) {
    .sermorelin-therapy__container-wrap {
        grid-template-columns: 1fr;
        grid-template-rows: 200px 1fr;
        padding: 20px;
    }

    .sermorelin-therapy__text-wrap {
        position: relative;
        z-index: 1;
    }

    .sermorelin-therapy__container {
        background-image: url('../images/theraphy/therapy-bcg-mobile.png');
    }

    .sermorelin-therapy__title {
        max-width: 250px;
        font-size: 32px;
        margin-bottom: 12px;
    }

    .sermorelin-therapy__text {
        font-size: 18px;
    }

    .sermorelin-therapy {
        padding: 50px 8px 0;
    }

    .sermorelin-therapy__img {
        width: 202px;
        transform: translate(104px, 60px);
    }
}

/* sermorelin-therapy END */

/* banner START */
.sermorelin-banner {
    width: 100%;
    padding-top: 160px;
}

.sermorelin-banner__wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 0;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sermorelin-banner__title {
    color: var(--main-text-color);
    font-family: Montserrat;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.sermorelin-banner__text {
    margin-top: 12px;
    color: var(--main-text-color);
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    max-width: 1000px;
    text-align: center;
}

.sermorelin-banner_button {
    align-self: center;
}

.sermorelin-banner__items-wrapper {
    margin: 42px 0 50px;
}

.sermorelin-banner__item-grid {
    display: grid;
    gap: 60px;
}

.sermorelin-banner__item-grid--1 {
    grid-template-columns: 581px 1fr;
}

.sermorelin-banner__item-grid--2 {
    grid-template-columns: 430px 1fr;
    gap: 77px;
}

.sermorelin-banner__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sermorelin-banner__item-img {
    width: 130px;
    height: 130px;
    margin-right: -90px;
    z-index: 3;
}

.sermorelin-banner__item-text-wrapper {
    padding: 16px 40px 16px 100px;

    border-radius: 20px;
    border: 2px solid var(--main-color);
    background: var(--second-color);
}

.sermorelin-banner__item-title {
    color: var(--main-text-color);
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.sermorelin-banner__item-text {
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.sermorelin-banner__items-wrapper {
    display: grid;
    gap: 40px;
    max-width: 1100px;
}

.sermorelin-banner__item--single {
    max-width: 580px;
    justify-self: center;
}

.sermorelin-banner__container {
    max-width: 1100px;
}

@media (max-width: 1440px) {
    .sermorelin-banner__wrapper {
        padding: 50px 50px;
    }
}

@media (max-width: 1200px) {

    .sermorelin-banner__item-text-wrapper {
        padding: 32px;
    }

    .sermorelin-banner__item-grid,
    .sermorelin-banner__items-wrapper {
        gap: 20px;
    }

    .sermorelin-banner__item {
        flex-direction: row-reverse;
        align-items: flex-start;
    }

    .sermorelin-banner__item-img {
        margin-right: initial;
        margin-left: -40px;
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }

    .sermorelin-banner__item-title {
        font-size: 22px;
    }

    .sermorelin-banner__item-text {
        font-size: 20px;
    }

    .sermorelin-banner__wrapper {
        padding: 50px 20px;
    }
}

@media (max-width: 1100px) {
    .sermorelin-banner__item-grid {
        grid-template-columns: 1fr;
    }

    .sermorelin-banner__item-text-wrapper {
        width: 100%;
    }

    .sermorelin-banner__item--single {
        max-width: 100%;
        width: 100%;
    }

    .sermorelin-banner__item-img {
        margin-left: -26px;
        margin-top: 6px;
    }
}

@media (max-width: 768px) {
    .sermorelin-banner__title {
        font-size: 32px;
    }

    .sermorelin-banner {
        padding-top: 70px;
    }

    .sermorelin-banner__title {
        text-align: center;
    }

    .sermorelin-banner__container {
        padding: 0;
    }

    .sermorelin-banner__text {
        margin-bottom: 22px;
    }
}

/* banner END */

/* transform START */
.transform {
    padding: 160px 0 0 0;
}

.transform__sub-text {
    color: var(--main-color, #d3a221);
    text-align: center;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    max-width: 1100px;
    text-align: center;
    margin: 0 auto 60px;
}

.transform__sub-text--trt {
    max-width: 1200px;
}

.transform__title {
    text-align: center;
    margin-bottom: 22px;
}

.transform__text {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 62px;
    max-width: 774px;
}

.transform__items-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 44px;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 82px;
}

.transform__item {
    position: relative;
    max-width: 442px;
    min-height: 320px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 32px 32px 22px 32px;
    border-radius: 20px;
    border: 2px solid var(--main-color);
    background: var(--second-color);
    overflow: hidden;
}

.transform__item-img {
    position: absolute;
    bottom: -50px;
    right: 0;
    max-width: 350px;
    max-height: 350px;
}

.transform__item:nth-child(3) .transform__item-img,
.transform__item:nth-child(5) .transform__item-img {
    bottom: 0;
}

.transform__item:nth-child(1) .transform__item-text {
    max-width: 80%;
}

.transform__item-title {
    color: var(--main-text-color);
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.transform__item-text {
    color: var(--main-text-color);
    /* body text desktop */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

.transform__button {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 356px;
    padding: 20px 20px;
}

@media (max-width: 768px) {
    .transform {
        padding: 100px 0 0 0;
    }

    .transform__title {
        margin-bottom: 16px;
    }

    .transform__sub-text {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .transform_text {
        font-size: 16px;
        margin-bottom: 32px;
    }

    .transform__items-wrapper {
        margin-bottom: 32px;
        gap: 32px;
    }

    .transform__item {
        padding: 22px 20px;
    }

    .transform__item-img {
        right: -70px;
        bottom: -70px;
    }

    .transform__item {
        min-height: 150px;
    }
}

/* transform END */

/* bottles START */
.bottles {
    padding: 160px 0 0 0;
    position: relative;
    overflow-x: visible;
    overflow: visible;
}

.bottles__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1150px;
    margin: 0 auto;
}


.bottles_img {
    max-width: 650px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.bottles__prices-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.bottles__wrapper--trt {
    display: grid;
    grid-template-columns: 450px 1fr;
    gap: 16px;
    max-width: 100%;
}

.bottles__prices-wrapper--trt {
    justify-content: center;
    justify-self: flex-end;
}

.bottles__subtitle {
    color: var(--second-color-light);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width: 1440px) {
    .bottles__wrapper {
        justify-content: center;
    }

    .bottles__prices-wrapper {
        justify-content: center;
    }

    .bottles__wrapper--trt {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .bottles__img {
        max-width: 450px;
    }

    .bottles__prices-wrapper--trt {
        justify-self: center;
    }
}

@media (max-width: 768px) {
    .bottles {
        padding: 100px 0 0 0;
    }
}

/* bottles END */

/* steps START */
.steps {
    padding: 160px 0 0 0;
}

.steps__wrapper {
    display: flex;
    flex-direction: row;

    align-items: flex-start;
    justify-content: space-between;
    gap: 50px;
}

.steps__items-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    width: 62%;
}

.steps__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

.steps__number {
    width: 99px;
    height: 99px;
    margin-right: -50px;
    -o-object-fit: contain;
       object-fit: contain;
    z-index: 1;
}

.steps__img {
    position: absolute;
    bottom: -30px;
    right: 110px;
}

.steps__text-wrapper {
    width: 100%;
    position: relative;
    padding: 31px 42px 31px 84px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.step__title {
    color: var(--Black-New, #221f1f);
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    display: block;
    z-index: 3;
}

.steps-mobile-pagination {
    opacity: 0;
}

@media (max-width: 1200px) {
    .steps_wrapper {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .steps__items-wrapper {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .steps {
        padding: 100px 0 0 0;
    }

    .steps__items-wrapper {
        display: none;
    }

    .steps_mob_wrapper {
        display: block;
        margin-top: 22px;
    }

    .steps-mobile-swiper {
        width: 100%;
        padding-bottom: 40px;
    }

    .steps__mob-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 16px;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
        margin: 0 10px;
        width: 100%;
        overflow: hidden;
    }

    .steps__mob-number {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
        -o-object-fit: contain;
           object-fit: contain;
    }

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

    .steps__mob-title {
        position: relative;
        display: block;
        z-index: 3;
        color: var(--Black-New, #221f1f);
        font-family: Montserrat;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .steps__mob-img {
        z-index: 0;
        position: absolute;
        bottom: -80px;
        right: -40px;
    }

    .steps-mobile-pagination {
        opacity: 1;
        position: absolute;
        bottom: 0;
        left: 50%;
        /* transform: translateX(-50%); */
    }

    .steps-mobile-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #d9d9d9;
        opacity: 1;
        border-radius: 50%;
        transition: all 0.3s;
        margin: 0 4px;
    }

    .steps-mobile-pagination .swiper-pagination-bullet-active {
        width: 32px;
        height: 8px;
        background: var(--main-color);
        border-radius: 8px;
        transition: all 0.3s;
    }

    .steps-mobile-swiper .swiper-pagination-bullet {}

    .steps-mobile-swiper .swiper-pagination-bullet-active {}

    .steps-mobile-swiper .swiper-pagination {
        position: static;
        margin-top: 12px;
        text-align: center;
    }
}

@media (min-width: 769px) {
    .steps__mob-wrapper {
        display: none;
    }
}

/* steps END */

/* founter START */
.founder {
    padding-top: 160px;
    overflow-x: hidden;
}

.founder__wrapper {
    display: flex;
    align-items: center;
    gap: 100px;
}

.founder__photo {
    max-width: 520px;
    width: 100%;
    height: auto;
}

.founder__info {
    display: flex;
    flex-direction: column;
}

.founder__text {
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    margin-top: 12px;
}

.founder__signature {
    margin-top: 62px;
    max-width: 627px;
    width: 100%;
    height: auto;
}

.founder__mob-photo {
    display: none;
}

.founder__img-wrap,
.founder__img-wrap-mob {
    max-width: 520px;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    position: relative;
    margin: 0 auto;
}

.founder__img-wrap-mob {
    display: none;
}

.founder__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: box-shadow 0.3s, background 0.3s, transform 0.3s;
    z-index: 2;
}

.founder__play-btn::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 28px solid #ffd600;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    margin-left: 6px;
    transition: border-left-color 0.3s;
}

.founder__play-btn:hover {
    background: rgba(255, 214, 0, 0.8);
    box-shadow: 0 0 24px 8px rgba(255, 214, 0, 0.4);
    transform: translate(-50%, -50%) scale(1.1);
}

.founder__play-btn:hover::before {
    border-left-color: #222;
}

.process_bg {
    position: absolute;
    bottom: -185px;
    left: 50%;
    transform: translateX(-50%);
    width: 170%;
    height: auto;
    z-index: -1;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.8s ease-out;
}

.process_bg.animate {
    clip-path: inset(0 0 0 0);
}

@media (max-width: 1100px) {
    .founder__img-wrap {
        display: none;
    }

    .founder__img-wrap-mob {
        display: block;
    }

    .founder__photo {
        display: none;
    }

    .founder_mob_photo {
        display: block;
        margin: 0 auto;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .process_bg {
        display: none;
    }

    .founder {
        padding-top: 100px;
    }

    .founder__signature {
        margin-top: 22px;
    }

    .founder__img-wrap {
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
    }

    .founder__play-btn {
        width: 56px;
        height: 56px;
    }

    .founder__play-btn::before {
        border-left: 20px solid #ffd600;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        margin-left: 4px;
    }
}

.founder-video-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.founder-video-modal.show {
    display: flex;
}

.founder-video-modal-backdrop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.founder-video-modal-content {
    position: relative;
    z-index: 2;
    background: transparent;
    border-radius: 12px;
    padding: 0;
    max-width: 90vw;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.founder-video-modal-close {
    font-size: 2.5rem;
    color: var(--main-light);
    cursor: pointer;
    margin: 8px 16px 0 0;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
}

.founder-video-modal video {
    display: block;
    max-width: 80vw;
    max-height: 70vh;
    border-radius: 12px;
    background: var(--second-color);
}

/* founter END */

/* reviews START */
.reviews {
    padding-top: 160px;
    overflow-x: hidden;
}

.reviews .swiper-wrapper {
    height: auto !important;
}

.reviews__title {
    margin: 0 auto;
    text-align: center;
}

.reviews__items-wrapper {
    margin-top: 100px;
}

.reviews__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 30px;
    border: 1px solid var(--main-color);
    background: var(--main-text-color);
    padding: 60px 22px 32px 22px;
    position: relative;
    height: 100%;
}

.reviews__item-img {
    position: absolute;
    top: -53px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
}

.reviews__item-name {
    color: var(--second-color-light);
    text-align: center;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.reviews__item-title {
    color: var(--second-color-light);
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.reviews__item-text {
    color: var(--second-color-light);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

.reviews-swiper {
    width: 100%;
    padding-bottom: 50px;
    overflow: visible !important;
}

.reviews-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.reviews-swiper .swiper-slide {
    height: auto !important;
    display: flex;
    /* overflow: visible; */
}

.reviews-swiper .swiper-pagination {
    bottom: 0;
}

.reviews-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #d9d9d9;
    opacity: 1;
    border-radius: 50%;
    transition: all 0.3s;
    margin: 0 4px;
}

.reviews-swiper .swiper-pagination-bullet-active {
    width: 32px;
    height: 8px;
    background: var(--main-color);
    border-radius: 8px;
    transition: all 0.3s;
}

.reviews-swiper .swiper-pagination {
    position: static;
    margin-top: 12px;
    text-align: center;
}

.reviews-swiper .swiper-wrapper {
    overflow: visible !important;
}

@media screen and (max-width: 1360px) {
    .reviews__items-wrapper {
        display: block;
    }

    .reviews-swiper {
        display: block;
    }

    .reviews__item {
        margin: 0 auto;
        max-width: 400px;
    }

    .reviews {
        padding-top: 100px;
    }
}

/* reviews END */

/* faq START */
.faq {
    padding-top: 160px;
    overflow: visible;
    position: relative;
}

.gradient7 {
    right: 10%;
    top: 50%;
    z-index: -2;
}

.faq_wrapper {
    padding-left: 224px;
    margin-right: 253px;
    position: relative;
    min-height: 800px;
}

.faq__title {
    color: var(--main-text-color);
    font-family: Montserrat;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.faq__img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    z-index: -1;
    max-width: 632.001px;
    max-height: 616px;
}

.faq__item {
    max-width: 963px;
    padding: 32px;
    padding-left: 0;
    padding-right: 0;
}

.faq__question-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.faq__question {
    color: var(--main-text-color);
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.faq__circle-wrapper {
    color: var(--main-color);
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
    color: var(--main-light);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.faq__plus-minus-icon {
    font-family: 'Montserrat', sans-serif;
    color: var(--main-text-color);
    font-size: 60px;
    font-weight: 200;
    transition: transform 0.3s ease;
}

.separator {
    background: linear-gradient(182deg, #f5a302 22.8%, #f4b301 52.71%, #fed154 75.74%);
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.faq__answer-wrapper {
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease, opacity 0.3s ease;
}

.answer {
    color: var(--main-text-color);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

.active .faq__question {
    color: var(--main-color, #d3a221);
}

.active .faq__plus-minus-icon {
    content: '-';
    transform: rotate(180deg);
    transition: all 0.3s;
}

.active+.faq__answer-wrapper {
    opacity: 1;
}

.active+.faq__answer-wrapper .separator {
    opacity: 1;
}

@media (max-width: 750px) {
    .faq_wrapper {
        margin: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .faq__item {
        padding: 0;
        margin-bottom: 32px;
    }

    .faq__question {
        font-size: 16px;
    }

    .faq__circle-wrapper {
        width: 20px;
        height: 20px;
    }

    .circle-img {
        width: 20px;
        height: 20px;
    }

    .answer {
        font-size: 16px;
        line-height: 140%;
    }

    .separator {
        margin-top: 12px;
        margin-bottom: 12px;
        background-color: #00e0ff;
    }

    .faq__plus-minus-icon {
        font-size: 25px;
    }

    .faq__title {
        margin-left: 0;
        margin-bottom: 26px;
        font-size: 26px;
    }

    .faq {
        padding-top: 100px;
    }

    .faq_wrapper {
        min-height: auto;
    }
}

@media (max-width: 1700px) {
    .faq_wrapper {
        padding-left: 100px;
        margin-right: 100px;
    }
}

@media (max-width: 1450px) {
    .faq_wrapper {
        padding-left: 50px;
        margin-right: 50px;
    }
}

@media (max-width: 1080px) {
    .faq_wrapper {
        padding-left: 20px;
        margin-right: 0;
        padding-right: 20px;
    }

    .faq__img {
        display: none;
    }
}

/* faq END */

/* prices START */
.gradient6 {
    left: 0;
}

.prices {
    padding-top: 160px;
}

.prices-item {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 20px;
    border: 2px solid var(--main-light);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12.5px);
    max-width: 420px;
}

.price-item__discount {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 130px;
    height: 130px;
}

.prices__title {
    color: var(--second-color-light);
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
}

.prices-item__wrap {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    margin-bottom: 14px;
}

.prices__sub-text {
    color: var(--main-light);
    margin-top: 50px;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.prices__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-direction: row;
    max-width: 1000px;
    margin: 0 auto;
}

.price__item-wrapper {
    width: 100%;
    background-image: url('/images/prices/bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 0 30px 0;
    border-radius: 22px;
}

.prices-item__price {
    color: var(--main-color, #d3a221);

    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 57.6px */
    text-transform: uppercase;
}

.prices-item__time {
    color: var(--dark-blue, #071867);

    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    top: -5px;
}

.price-item__check svg {
    min-width: 24px;
}

.prices-item__button {
    display: flex;
    padding: 12px 90px;
    flex-direction: column;
    align-items: center;
    gap: 8.611px;
    width: 100%;
    border-radius: 90px;
    border: 2.583px solid var(--main-color);
    background: var(--main-text-color);
    color: var(--second-color);
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 32px;
    margin-top: 15px;
    transition: all 0.3s ease;
}

.price-item__checks-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    width: 100%;
}

.price-item__check {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--dark-blue, #071867);
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.prices-item__button:hover {
    background: var(--main-color, #d3a221);
    color: var(--main-text-color);
    transition: all 0.3s ease;
}

@media (max-width: 1076px) {
    .prices {
        padding-top: 100px;
    }
}

@media (max-width: 750px) {
    .prices__wrapper {
        flex-direction: column;
        align-items: center;
    }
}

/* prices END */

/* contact END */
.contact {
    padding-top: 160px;
}

.contact__wrapper {
    display: flex;
    flex-direction: column;
    padding: 52px 48px 51px 49px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid var(--main-color);
    background: var(--main-text-color);
}

@media (max-width: 768px) {
    .contact {
        padding-top: 100px;
    }
}

.contact__title {
    color: var(--second-color-light);
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 48px */
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .contact__title {
        font-size: 32px;
    }

    .contact__wrapper {
        padding: 52px 0 32px 0;
    }
}

/* contact END */

/* banner-trt START */
.banner-trt {
    width: 100%;
    padding-top: 250px;
}

.banner-trt__container {
    padding: 0;
}

.banner-trt__wrapper {
    background-image: url('../images/banner/bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 150px;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner-trt__text {
    margin-top: 12px;
    color: var(--Light, #fefefe);
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    line-height: 160%;
    max-width: 1000px;
}

.banner-trt__button {
    align-self: center;
    margin-top: 22px;
}

.banner-trt__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 42px;
    margin-top: 42px;
}

.banner-trt__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-trt__item-img {
    width: 130px;
    height: 130px;
    margin-right: -90px;
    z-index: 3;
}

.banner-trt__item-content {
    padding: 28px 40px 28px 100px;
    border-radius: 20px;
    border: 2px solid var(--Gold, #d3a221);
    background: var(--Dark, #0a0a0a);
}

.banner-trt__item-content--small {
    padding: 16px 40px 16px 100px;
}

.banner-trt__item-title {
    color: var(--Light, #fefefe);
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.banner-trt__item-text {
    color: var(--Light, #fefefe);
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    line-height: 120%;
}

/* Сітка на великі екрани */
.banner-trt__item:nth-child(1),
.banner-trt__item:nth-child(2),
.banner-trt__item:nth-child(4),
.banner-trt__item:nth-child(5) {
    grid-column: span 1;
}

.banner-trt__item:nth-child(3),
.banner-trt__item:nth-child(6),
.banner-trt__item:nth-child(7) {
    grid-column: span 2;
}

/* Адаптив */

@media (max-width: 1440px) {
    .banner-trt__wrapper {
        padding: 50px 50px;
    }
}

@media (max-width: 1200px) {
    .banner-trt__item {
        flex-direction: row-reverse;
        align-items: flex-start;
    }

    .banner-trt__item-img {
        margin-right: 0;
        margin-left: -40px;
        margin-top: 20px;
        width: 80px;
        height: 80px;
    }

    .banner-trt__item-content {
        padding: 32px;
    }

    .banner-trt__item-title {
        font-size: 22px;
    }

    .banner-trt__item-text {
        font-size: 20px;
    }

    .banner-trt__items {
        gap: 22px;
    }

    .banner-trt__item {
        grid-column: span 2 !important;
    }

    .banner-trt__wrapper {
        padding: 50px 20px;
    }
}

@media (max-width: 768px) {
    .banner-trt {
        padding-top: 70px;
    }

    .banner-trt__button {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .banner-trt__text {
        margin-bottom: 22px;
    }
}

/* banner-trt END */

/* footer START */
footer {
    padding: 200px 200px 100px;
}

.footer__wrapper {
    position: relative;
    border-radius: 30px;
    background-color: var(--second-color);
    width: 100%;
    margin: 0 auto;
    padding: 70px 150px 70px 150px;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 124px;
}

.footer__wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--main-color);
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: linear-gradient(var(--main-light) 0 0) content-box, linear-gradient(var(--main-light) 0 0);
    mask: linear-gradient(var(--main-light) 0 0) content-box, linear-gradient(var(--main-light) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.footer__info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-right: auto;
    gap: 31px;
}

.footer__logo {
    height: 58px;
    width: auto;
}

.footer__phone {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 9px;
    text-decoration: none;
    transition: all 0.3s;
}

.footer__phone-icon {
    width: 25px;
    height: 25px;
}

.footer__phone-number {
    color: var(--main-text-color);
    max-width: 182px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 140%;
}

.footer__phone:hover {
    opacity: 0.6;
    transition: all 0.3s;
    text-decoration: none;
}

.footer__icons {
    display: flex;
    align-self: center;
    gap: 32px;
}

.footer__icon-link {
    text-decoration: none;
    transition: all 0.3s;
}

.footer__icon-link:hover {
    text-decoration: none;
    opacity: 0.6;
    transition: all 0.3s;
}

.footer__icon-img {
    height: 28px;
}

.footer__nav {
    display: flex;
    flex-direction: column;
}

.footer__nav-title {
    color: var(--main-text-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.footer__nav-link {
    color: var(--main-text-color);
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 8px;
    transition: all 0.3s;
}

.footer__nav-link:hover {
    color: var(--main-text-color);
    opacity: 0.6;
    text-decoration: none;
    transition: all 0.3s;
}

.footer__hours {
    display: flex;
    flex-direction: column;
}

.footer__hours-day {
    color: var(--main-text-color);
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.footer__hours-time {
    color: var(--main-text-color);
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    margin-bottom: 15px;
}

.footer__pharm {
    display: flex;
    flex-direction: column;
    max-width: 244px;
    align-items: flex-start;
}

.footer__pharm-link {
    align-self: center;
}

.footer__pharm-img {
    margin-top: 40px;
    align-self: center;
    max-width: 120px;
    height: auto;
}

.footer__phone--mob {
    display: none;
}

.footer__right-side-m {
    margin-bottom: 24px;
}

@media (max-width: 1875px) {
    .footer__wrapper {
        gap: 75px;
    }
}

@media (max-width: 1700px) {
    footer {
        padding-left: 100px;
        padding-right: 100px;
    }

    .footer__wrapper {
        gap: 50px;
    }
}

@media (max-width: 1450px) {
    footer {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1350px) {
    .footer__wrapper {
        padding-left: 50px;
        padding-right: 50px;
        flex: 50%;
    }
}

@media (max-width: 1210px) {
    .footer__wrapper {
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
    }

    .footer__pharm {
        width: 50%;
    }

    .footer__info {
        align-self: initial;
        margin-right: initial;
    }
}

@media (max-width: 1080px) {
    footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1260px) {
    .footer__wrapper {
        padding-left: 60px;
        padding-right: 60px;
        gap: 60px;
    }
}

@media (max-width: 836px) {
    /* .footer__nav {
    display: none;
  } */
}

@media (max-width: 650px) {
    footer {
        padding-top: 100px;
    }

    .footer__wrapper {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 64px;
    }

    .footer__info {
        margin-right: initial;
    }

    .footer__hours-day {
        text-align: center;
    }

    .footer__hours-time {
        text-align: center;
    }

    /* .footer__phone--desk {
    display: none;
  } */
    /* .footer__phone--mob {
    display: flex;
  } */
    .footer__nav {
        display: none;
    }

    .footer__pharm {
        width: initial;
    }

    .footer__hours {
        order: 3;
    }

    .footer__pharm {
        order: 2;
    }

    .footer__info {
        order: 1;
    }

    .footer__phone-number {
        font-size: 20px;
    }

    .footer__pharm {
        align-items: center;
    }

    .footer__right-side-m {
        align-self: flex-start;
        padding-left: 20px;
    }

    .footer__phone {
        align-self: flex-start;
        padding-left: 20px;
    }

    .footer__wrapper {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .footer__icon-img {
        height: 38px;
    }
}

/* footer END */

/* thankyou END */
.thankyou {
    min-height: calc(100vh - 108px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
}

.thankyou__img {
    height: 100px;
}

.thankyou__title {
    color: var(--Light, #fefefe);
    text-align: center;
    font-family: Montserrat;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 62.4px */
    text-transform: uppercase;
}

.thankyou__text {
    color: var(--Gold, #d3a221);
    text-align: center;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin: 16px 0 20px;
}

.thankyou a:hover {
    background: var(--Gold, #d3a221);
    transition: background 0.3s;
}

@media (max-width: 768px) {
    .thankyou__title {
        font-size: 32px;
    }

    .thankyou__text {
        font-size: 24px;
    }
}

/* thankyou END */

/* privacy-policy START */
.policy {
    position: relative;
    border-radius: 30px;
    background-color: var(--second-color-light);
    width: 100%;
    margin: 0 auto;
    padding: 50px 100px;
    z-index: 1;
    overflow: hidden;
    color: white;
}

.policy__title {
    color: var(--main-text-color);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.policy__upd {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;
}

.container--policy {
    display: grid;
    gap: 20px;
    background-color: var(--second-color);
    border-radius: 20px;
    padding: 40px;
    border: 1px solid var(--main-color);
}

.policy__title-sec {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 500;
}

.policy ul {
    padding-left: 0;
    margin-left: 25px;
    list-style-position: outside;
}

.policy li {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 5px;
    list-style-type: disc;
}

/* privacy-policy END */
/*# sourceMappingURL=style.css.map */