@font-face {
    font-family: 'CygreMedium';
    src: url('assets/fonts/cygre-medium.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/cygre-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/cygre-medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/cygre-medium.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/cygre-medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/cygre-medium.svg#CygreMedium') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CygreRegular';
    src: url('assets/fonts/cygre-regular.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/cygre-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/cygre-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/cygre-regular.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/cygre-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/cygre-regular.svg#CygreMedium') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CygreSemiBold';
    src: url('assets/fonts/cygre-semibold.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/cygre-semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/cygre-semibold.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/cygre-semibold.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/cygre-semibold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/cygre-semibold.svg#CygreMedium') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('assets/fonts/CeraPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/CeraPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/CeraPro-Regular.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/CeraPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/CeraPro-Regular.svg#CygreMedium') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:root {
    --mobile: 3.125vw;
    --tablet: calc(10 / 8.34 * 1vw); /* 834px */
    --desktop: calc(10 / 14.4 * 1vw); /* 1440px */
    font-size: var(--mobile);
}

@media (min-width: 834px) {
    :root {
        font-size: var(--tablet);
    }
}

@media (min-width: 1200px) {
    :root {
        font-size: var(--desktop);
    }
}

html, body {
    overflow-x: hidden;
}
p {
    color: #545454;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
strong {
    font-family: 'CygreSemiBold';
}

* {
    box-sizing: border-box;
}

a:focus {
    outline: none;
}

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

#ast-scroll-top {
    display: none!important;
}

body {
    font-family: 'CygreMedium', sans-serif;
/*     -webkit-user-select: none;
    user-select: none; */
    overflow-x: hidden;
    background-color: #fafafa;
}

body.no-scroll {
    overflow: hidden;
}

a {
    text-decoration: none;
}
ol, ul {
    margin: 0;
}
.container {
    width: 128rem;
    margin: 0 auto;
}
header {
    background: #071B38;
    height: 8.3rem;
}
header .logo img{
    width: 23.6rem;
    height: 2rem;
}
header .wraper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 8.3rem;
    align-items: center;
} 
.nav-menu {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 1rem;
    width: 82.7rem;
    justify-content: space-between;
    padding-left: 10.8rem;
}
.nav-menu li a{
    color: #fff;
    font-size: 1.8rem;
}
/*head*/
.head {
    background: url('/wp-content/uploads/2025/05/Group-18.webp') no-repeat left top;
    background-size: 41rem auto;
}
.head .head__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.block__text {
    margin-top: 7.5rem;
}
.block__text .head__title {
    font-size: 11rem;
    color: #23264E;
    text-transform: uppercase;
    font-family: 'Cera Pro';
    font-weight: 400;
    line-height: 11rem;
}
.block__text .subttile {
    font-size: 3rem;
    font-weight: 600;
    color: #151515;
    margin: 1.9531rem 0;
    font-family: 'CygreRegular', sans-serif;
    text-transform: uppercase;
}
.block__text .description {
    font-size: 2rem;
    font-weight: 400;
    color: #151515;
    width: 62rem;
    margin-bottom: 4rem;
    font-family: 'CygreRegular';
}


.block__text .made {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0rem;
}

/* .button.head__button {
    background-color: transparent;
    border: 1px solid #E23838;
    border-radius: 5.4rem;
    font-family: 'CygreSemiBold', sans-serif;
    color: #23264E;
    font-size: 2rem;
    padding: 0!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    padding-top: 0px!important;
    padding-bottom: 8px!important;
} */
.button.head__button {
    line-height: 1.2;
    background-color: transparent;
    border: 1px solid #E23838;
    border-radius: 5.4rem;
    font-family: 'CygreSemiBold', sans-serif;
    color: #23264E;
    font-size: 2rem;
    height:5.4rem;
    display: inline-flex;
    align-items: anchor-center;
    margin-bottom: 4rem;
}



.menu.desktop-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.header-cta-button {
    background-color: #E23838;
    color: white;
    text-decoration: none;
    padding: 0.8rem 2rem;
    border-radius: 2.5rem;
    transition: background-color 0.2s ease;
    white-space: nowrap;
    margin-left: 4rem;
    max-width: 20.9rem;
    width: 100%;
    height: auto;
    max-height: 5rem;
    font-size: 1.8rem;
    font-family: 'CygreMedium', sans-serif;
    font-weight: 500;
}

    a.header-cta-button:hover,a.header-cta-button:focus {
        background-color: #c13a3a;
        color: #fff;
    }
    


.block__text .made img {
    width: 4.6rem;
    height: 4.6rem;
    margin-right: 1rem;
}
.block__text .made .text{
    font-size: 2rem;
    font-weight: 500;
    color: #151515;
}
.block__img {
    margin-top: 4rem;
    margin-right: 6rem;
}
.block__img img {
    width: 48rem;
}
.block__img .text__description {
    font-size: 1.6rem;
    font-weight: 500;
    color: #071B38;
    text-align: center;
    margin-top: -2rem;
}
.product-info-block {
    border-radius: 2rem;
    border: 1px solid #EDEEF3;
    background: #FAFAFA;
    margin-top: 5rem;
    height: auto;
    margin-bottom: 5rem;
    padding-bottom: 4rem;
}
.product-info-block .description {
    width: 86rem;
    margin: 0 auto;
    padding-top: 3rem;
	padding-bottom: 3rem;
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    color: #151515;
    line-height: 160%;
}
.product-info-block .herbs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.product-info-block .herbs .herb {
    display: flex;
    flex-direction: row;
    width: 58rem;
    align-items: center;
}
.herbs .herb__margin {
    margin-top: 2rem;
}
.product-info-block .herbs .plus-sign {
    align-items: center;
    display: flex;
    color: #151515;
    font-size: 4rem;
}
.product-info-block .herbs .herb .description{
    text-align: left;
    padding-right: 2rem;
}
.product-info-block .herbs .herb .description h3{
    font-weight: 600;
    font-size: 2.4rem;
    color: #151515;
}
.product-info-block .herbs .herb .description p{
    font-weight: 500;
    font-size: 2rem;
    color: #151515;
    line-height: 160%;
    font-family: 'CygreRegular';
}
.product-info-block .herbs .herb-img-1 {
    width: 50rem;
    height: 20rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}  
.product-info-block .herbs .herb-img-2 {
    width: 45rem;
    height: 20rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}  
.product-info-block .herbs .herb img{
    height: 22rem;
}
.product-info-block .icons {
    flex-direction: row;
    display: flex;
    width: 80rem;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 5rem;
}
.product-info-block .icons .icon{ 
    font-size: 2rem;
    font-weight: 500;
    color: #071B38;
}
.product-info-block .icon__border {
    border-left: 1px solid #071B38;
    border-right: 1px solid #071B38;
    padding-left: 6rem;
    padding-right: 6rem;
}
.product-info-block .icons .icon img{
    margin-right: 2.2rem;
    width: 5rem;
    height: 5rem;
}

/*when-to-use*/
.when-to-use {
    margin-top: 10rem;
}
.when-to-use h2 {
    font-size: 5rem;
    font-weight: 600;
    color: #071B38;
    text-align: center;
    margin-bottom: 4rem;
    font-family: 'CygreSemiBold', sans-serif;
}
/*.when-to-use .cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem; 
}*/
.cards-grid .card {
    padding: 5rem;
    margin-bottom: 2rem;
    border-radius: 2rem;
}
.cards-grid .card p{
    font-size: 2.4rem;
    font-weight: 500;
    color: #071B38;
    padding-bottom: 3rem;
	margin-bottom: 0rem;
}
.cards-grid .card p:hover {
	cursor: pointer
}
.cards-grid .card .details,
.cards-grid .card .details p {
    font-size: 2rem;
    margin-top: 2rem;
    font-weight: 500;
    line-height: 160%;
}
.cards-grid {
    column-count: 2;
    column-gap: 2rem;
}
.cards-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

/* .cards-grid .card {
  width: calc(50% - 1rem);  
} */
.cards-grid .light {
    background: #FAFAFA;
    border: 1px solid #EDEEF3;
    min-height: 28rem;
}
.cards-grid .dark {
    background: #071B38;
    color: #fff;
    min-height: 28rem;
}
.cards-grid .red {
    background: #E23838;
    color: #fff;
}
.cards-grid .red p,
.cards-grid .dark p{
    color: #fff;
}
.cards-grid .card .text {
    margin-bottom: 1rem;
    width: 45rem;
}
.cards-grid .card-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}  
.cards-grid .card-content img{ 
    width: 7rem;
    height: auto;
}
.cards-grid .card .plus {
    font-size: 3rem;
    border-radius: 50%;
    color: #E23838;
    border: 1px solid #E23838;
    height: 3.5rem;
    width: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
 	display: flex;
	align-items: center;
	justify-content: center;
}

/* .cards-grid .card .details { 
    display: none;
} */
.wpcf7-response-output {
    display: none !important;
}
.card.red .plus svg,
.card.red .plus svg path{
  stroke: #ffffff;
}
.card.light .plus svg,.card.dark .plus svg {
  stroke: #E23838;
}
.cards-grid .card .details {
    overflow: hidden;
    height: 0;
    transition: height 0.4s ease;
    position: relative;
    will-change: height;
}

.cards-grid .card .details.open {
    max-height: 500px; /* Установите максимальную возможную высоту (или больше) */
}
.cards-grid .card .plus:hover {
    cursor: pointer;
}
.cards-grid .red  .plus {
    color: #fff;
    border: 1px solid #fff;
}

/*why-nefroles*/
.why-nefroles {
    margin-top: 10rem;
}
.why-nefroles h2{
    text-align: center;
    font-size: 5rem;
    color: #071B38;
    font-family: 'CygreSemiBold', sans-serif;
    font-weight: 600;
    margin-bottom: 2rem;
}
.why-nefroles .intro {
    text-align: center;
    color: #151515;
    font-weight: 700;
    font-size: 2.4rem;
    max-width: 100rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    line-height: 160%;
}
.why-nefroles .description {
    text-align: center;
    color: #151515;
    font-weight: 400;
    font-size: 2.4rem;
    max-width: 100rem;
    margin: 0 auto;
    line-height: 160%;
}
.why-nefroles .content-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-top: 5rem;
}
.why-nefroles .content-row .image img{
    width: 40rem;
    height: 44rem;
}
.why-nefroles .content-row .advantages {
    margin-top: 4rem;
}
.why-nefroles .content-row .advantages li{
    font-size: 2.4rem;
    color: #151515;
    font-weight: 500;
    list-style: none;
    line-height: 5rem;
}
.why-nefroles .content-row .advantages li svg{
    width: 2rem;
    height: auto;
    margin-right: 1rem;
}
.why-nefroles .usage {
    background: #FAFAFA;
    padding: 3rem;
    border-radius: 2rem;
    margin-top: 7rem;
    margin-bottom: 3rem;
}
.why-nefroles .usage h4{
    font-size: 1.8rem;
    font-weight: 600;
    color: #151515;
    margin-bottom: 1rem;
}
.why-nefroles .usage .usage__text li {
    margin-left: 2rem;
}
.why-nefroles .usage .usage__text,
.why-nefroles .usage .usage__text p{
    color: #151515;
    font-size: 1.8rem;
    font-weight: 400;
    margin-left: 2rem;
    font-family: 'CygreRegular';
    margin-bottom: 0.8rem;
    margin-left: 0rem;
}
/*effects*/
.effects {
    margin-top: 8rem;
}
.effects h2{
    text-align: center;
    font-size: 5rem;
    font-weight: 600;
    color: #071B38;
    font-family: 'CygreSemiBold', sans-serif;
    margin-bottom: 3rem;
}
.effects .tags {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.effects .tags .tag{
    font-size: 2.4rem;
    font-weight: 600;
    color: #071B38;
    border: 2px solid #071B38;
    border-radius: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.effects .tags .tag_margin {
    margin-left: 12rem;
}
.effects .tags .tag_margin_rigth {
    margin-right: 10rem;
}
.effects .tags .tag svg{
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 1rem;
}
.effects .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 3rem;
}
.effects .content .kidney-img img {
    height: 28rem;
    width: auto;
}
.effects .content .kidney-img_mobile {
    display: none;
}
/* .effects .content .kidney-img {
    margin-right: 3rem;
    margin-left: -2rem;
} */
.effects .effects-list p{
    font-size: 2.4rem;
    font-weight: 500;
    color: #151515;
}
.effects .effects-list-one {
    text-align: left;
    margin-top: 3rem;
    width: 28rem;
    margin-left: 12rem;
    display: flex;
    flex-wrap: wrap;
}
.effects .effects-list-two {
    margin-top: 3.5rem;
    margin-left: 2rem;
}
.effects .effects-list-two-1 {
    width: 31rem;
}
.effects .effects-list-two p:nth-child(2) {
    margin-top: 9.5rem;
}
/*reviews*/
.reviews {
    position: relative;
    margin-top: 10rem;
    margin-bottom: 10rem;
}
.reviews h2 {
    text-align: center;
    font-size: 5rem;
    font-weight: 600;
    color: #071B38;
    margin-bottom: 2rem;
    font-family: 'CygreSemiBold', sans-serif;
}
.reviews .swiper-slide {
    background: #FAFAFA;
    /* height: 30rem; */
    height: auto;
    border-radius: 2rem;
    padding: 3.2rem;
}
.swiper-slide .testimonial-card .testimonial-card__author img {
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
    margin-right: 2rem;
}
.testimonial-card .testimonial-card__text {
    color: #151515;
    font-size: 1.6rem;
    font-style: normal;
    line-height: 2.2rem;
    font-weight: 400;
    font-family: 'CygreRegular';
}
.testimonial-card .testimonial-card__author {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.testimonial-card__author .testimonial-card__name {
    color: #151515;
    font-size: 2rem;
    font-weight: 600;
}
.testimonial-card__author .testimonial-card__position {
    color: #777777;
    font-size: 1.6rem;
    font-weight: 400
}
.testimonial-card .testimonial-card__read-more {
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.testimonial-card .testimonial-card__read-more a {
    color: #151515;
    font-size: 1.6rem;
    margin-top: 1rem;
    text-decoration: underline;
}
.reviews .swiper-reviews {
    overflow: hidden;
}
.reviews .swiper-button-next {
    top: 115%;
    left: 91%;
}
.reviews .swiper-button-prev {
    top: 115%;
    left: 86%;
}
.reviews .swiper-button-prev,
.reviews .swiper-button-next {
    color: #071B38;
    width: 4rem;
    height: 4rem;
    border: 0.2rem solid #EDEEF3;
    border-radius: 50%;
}
.reviews .swiper-button-next svg,
.reviews .swiper-button-prev svg {
    width: 2.5rem;
}
.reviews .swiper-button-next::after, 
.reviews .swiper-button-prev::after {
    display: none;
}
.reviews .swiper-reviews .swiper-pagination {
    left: 6%;
    width: 16%;
    top: 112%;
    text-align: left;
}
.reviews .swiper-reviews .swiper-pagination-bullet {
    width: 1.5rem;
    border-radius: 5rem;
    background: #ECEDF1;
}
.reviews  .swiper-reviews .swiper-pagination-bullet-active {
    width: 5.3rem;
    border-radius: 5rem;
    background: #071B38;
}
/*buy-section*/
.buy-section {
    padding-top: 10rem;
    background: url(/wp-content/uploads/2025/05/Group-181.webp) no-repeat right top;
    background-size: 30rem auto;
    height: auto;
    background-position: 100% 72%;
}
.buy-section h2 {
    text-align: center;
    font-size: 5rem;
    font-weight: 600;
    font-family: 'CygreSemiBold', sans-serif;
    color: #071B38;
}
.buy-section .buy-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.buy-content .buy-image img {
    width: 50rem;
    height: auto;
    margin-left: 18.1rem;
    position: relative;
    top: 6.5rem;    
}
.buy-section .buy-text {
    width: 55rem;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 3.8rem;
}
.buy-section .buy-text p {
    font-size: 2rem;
    font-weight: 500;
    color: #151515;
    line-height: 160%;
}
.buy-section .buy-text .buy-links p{
    color: #071B38;
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 2rem;
}
.buy-section .link-buttons a img {
    width: 21rem;
    height: 3rem;
}
.buy-section .link-buttons-liki a img {
    height: 4rem;
    margin-top: -0.5rem;
}
.buy-section .link-buttons{
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    height: 5.4rem;
}
.buy-section .link-buttons .btn-link {
    border: 2px solid #071B38;
    border-radius: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.buy-section .link-buttons .btn-link_margin {
    margin-top: 0.2rem;
}
/**/
.accordion {
    margin-bottom: 10rem;
}
.accordion h2 {
    font-size: 5rem;
    font-weight: 600;
    font-family: 'CygreSemiBold', sans-serif;
    color: #071B38;
    text-align: center;
    margin-bottom: 4rem;
}
.accordion-section {
    border: 1px solid #071B38;
    border-radius: 2rem;
    overflow: hidden;
    width: 93rem;
    margin: 0 auto;
    margin-bottom: 2rem;
}
.accordion-header {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    cursor: pointer;
    font-weight: 500;
    color: #071B38;
    font-size: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.accordion-content {
    display: none;
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: white;
}
.accordion-section.active .accordion-content {
    display: block;
    color: #151515;
    font-size: 1.8rem;
    font-weight: 400;
}
.accordion-section.active .accordion-content ul{
	margin-left: 2rem;
}
.arrow-icon {
    width: 3.4rem;
    height: 3.4rem;
    border: 0.2rem solid #dfe3e6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}
.arrow-icon svg {
    width: 1.5rem;
    height: 1.5rem;
}
.accordion-section.active .arrow-icon path {
    stroke: red;
}
.accordion-section .arrow-icon path {
    stroke: #111827;
}
.accordion-section.active .arrow-icon {
    transform: rotate(180deg);
}
/**/
.manufacturer-section h2 {
    text-align: center;
    font-size: 5rem;
    font-weight: 600;
    font-family: 'CygreSemiBold', sans-serif;
    color: #071B38;
}
.manufacturer-section .manufacturer-content {
    display: flex;
    flex-direction: row;
    margin-top: 3rem;
    background: #FAFAFA;
    padding: 3rem;
    border-radius: 2.5rem;
    flex-wrap: wrap;
    margin-bottom: 8rem;
}
.manufacturer-content .text-column {
    flex: 0 0 60%;  
    padding-right: 3rem;
}
.manufacturer-content .image-column {
    flex: 0 0 40%;  
    border-radius: 2.5rem;
}
.manufacturer-content .image-column img{
    width: 52rem;
}
.manufacturer-content .manufacturer-actions {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 4rem;
}
.manufacturer-content .text-column p{
    font-size: 1.8rem;
    font-weight: 400;
    font-family: 'CygreRegular';
    color: #151515;
    line-height: 2.4rem;
}
.manufacturer-actions .contact-btn {
    background: #E23838;
    border-radius: 2.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    width: 27rem;
    margin-bottom: 0.5rem;
}
.manufacturer-actions,
.manufacturer-actions p{
    color: #071B38;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.manufacturer-actions .features {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 0 0 57%;
    align-items: end;
}
.manufacturer-actions .features .feature {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 0.2rem solid #EDEEF3;
    border-radius: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    background: #fff;
    height: 6.6rem;
}
.manufacturer-actions .features .feature__number { 
    font-size: 5rem;
    font-weight: 600;
    color: #E23838;
    margin-right: 1rem;
	margin-bottom: 1rem;
}
.feature img {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 4.6rem;
}
/*footer*/
.footer {
    padding-top: 2rem;
    border: 0.2rem solid #EDEEF3;
}
.footer .logo img {
    width: 20rem;
}
.footer .menu a{
    color: #071B38;
}
.footer .wraper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.footer .footer__info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.footer .footer__info a,
.footer .footer__info {
    color: #777777;
    font-size: 1.8rem;
    font-weight: 400;
}
.footer .footer__item_email a{
    color: #071B38;
}
/* Reset */
.burger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}
.burger span {
    display: block;
    width: 2.5rem;
    height: 0.2rem;
    background: #FAFAFA;
    border-radius: 2px;
}
  
  /* Mobile menu */
.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 8px rgba(0,0,0,0.1);
    z-index: 1000;
    transition: right 0.3s ease;
}
.mobile-menu.active {
    right: 0;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
.mobile-menu-inner {
    text-align: left;
}
.mobile-menu .close {
    background: none;
    border: none;
    cursor: pointer;
	box-shadow: none;
}
.mobile-menu .close svg{
    width: 3rem;
    height: 3rem;
}
.mobile-menu nav {
    padding: 2rem;
    text-align: left;
}
.mobile-nav-menu {
    list-style: none;
}
.mobile-nav-menu li {
    margin-bottom: 2rem;
}
.mobile-nav-menu li a{
    color: #151515;
    line-height: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: 'CygreSemiBold';
}
.block__img .made__mobile { 
    display: none;
}
.tag__mobile {
    display: none;
}
.buy-image_mobile {
    display: none;
}
.manufacturer-actions__mobile {
    display: none;
}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-window {
    background: #fff;
    padding: 3rem;
    border-radius: 1rem;
    max-width: 62rem;
    width: 90%;
    position: relative;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.3);
    height: 92%;
}
.popup-window textarea{
    height: 10rem;
    padding-left: 0.5rem!important;
    border: none;;
    border-bottom: 0.2rem solid #EDEEF3;
    border-radius: 0;
}
.popup-window label {
    font-size: 1.8rem;
    font-weight: 400;
    color: #2E2D2C;
}
.popup-window label .red {
	color: #E23838;
}
.popup-window input {
    height: 4.6rem;
    margin-top: 0.5rem;
    padding-left: 0.5rem!important;
    border: none;;
    border-bottom: 0.2rem solid #EDEEF3;
    border-radius: 0;
}
.popup-window h3 {
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 3rem;
}
.popup-window input[type="submit"] {
    background: #E23838;
    border-radius: 2.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    width: 23rem;
    margin: 0 auto;
    text-align: center;
    display: flex;
    height: 5.5rem;
}
.popup-window input[type="submit"]:hover {
	border: none;
}
.popup-window .politica p {
    line-height: 1.5rem;
}
.popup-window .politica p,
.popup-window .politica a{
    font-family: 'CygreRegular';
    font-size: 1.4rem;
    font-weight: 400;
    color: #585858;
}
.popup-window input::placeholder,
.popup-window textarea::placeholder  {
    font-size: 1.6rem;
    color: #2E2D2C80;
}
.popup-window input,
.popup-window textarea  {
    font-size: 1.6rem;
}
.popup-window .politica a{
    text-decoration: underline;
}
.popup-close {
    position: absolute;
    top: 0.5rem;
    right: 1.5rem;
    font-size: 4rem;
    cursor: pointer;
    z-index: 999;
}
.popup-close svg {
    width: 3rem;
    height: 3rem;
}
.reviews-popup-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.reviews-popup-window {
    background: white;
    padding: 3rem;
    max-width: 60rem;
    width: 90%;
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
}
.reviews-popup-window .testimonial-card .testimonial-card__author {
    margin-bottom: 2rem;
}
.reviews-popup-window .testimonial-card .testimonial-card__text {
    height: 38rem;
    margin-bottom: 4rem;
    overflow-y: auto;
}
.reviews-popup-window .swiper-pagination {
    width: 50%!important;
    text-align: left;
    margin-left: 1rem;
}
.reviews-popup-window .swiper-pagination .swiper-pagination-bullet {
    width: 1.5rem;
    border-radius: 5rem;
    background: #ECEDF1;
}
.reviews-popup-window .swiper-pagination .swiper-pagination-bullet-active {
    width: 5.3rem;
    border-radius: 5rem;
    background: #071B38;
}
.reviews-popup-close {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    font-size: 3rem;
    cursor: pointer;
    z-index: 999;
}
.reviews-popup-close svg {
    width: 3rem;
    height: 3rem;
}
.popup-slider .swiper-slide {
    padding: 1rem;
}
.popup-slider .swiper-button-next svg, 
.popup-slider .swiper-button-prev svg{
    width: 2.5rem;
}
.popup-slider .swiper-button-prev {
    left: 78%;
}
.popup-slider .swiper-button-next, 
.popup-slider .swiper-button-prev{
    top: 95%;
    color: #071B38;
    width: 5rem;
    height: 5rem;
    border: 0.2rem solid #EDEEF3;
    border-radius: 50%;
}
.popup-slider .swiper-button-next::after, 
.popup-slider .swiper-button-prev::after {
    display: none;
}
.policy_page .title{
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 4.8rem;
    font-family: 'CygreSemiBold';
    text-align: center;
    color: #2E2D2C;
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.policy_page p{
    text-align: left;
    font-size: 1.6rem;
    line-height: 160%;
    color: #2E2D2C;
    font-family: 'CygreRegular';
}
.policy_page h1,
.policy_page h2,
.policy_page h3,
.policy_page h4,
.policy_page h5,
.policy_page h6 {
    font-size: 2.4rem;
    font-family: 'CygreRegular';
    line-height: 100%;
    color: #585858;
}

.homepage-promo-form {
    background-color: #FAFAFA;
    padding: 3.2rem 2.5rem;
    border-radius: 2.63rem;
    border: 1px solid #E9E9E9;
    width: 73.8rem;
    max-height: 50.3rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;

}
.homepage-promo-form__text {
    font-size: 1.65rem;
    color: #151515;
    font-family: 'CygreRegular';
}  
input.homepage-promo-form__input::placeholder {color:#15151580;}
input.homepage-promo-form__input {
    background-color: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px #E9E9E9;
    box-shadow: none;
    border-radius: 0;
}
.homepage-promo-form__content {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}
span.homepage-promo-form__required {
    font-size: 1.7rem;
    color: #FF0000;
}

.buy-section .buy-text p {
    font-size: 2.07rem;
    font-weight: 500;
    color: #151515;
    line-height: 160%;
    font-family: 'CygreSemiBold',sans-serif;
}

.homepage-promo-form__submit {
    background-color: #E23838;
    width: 100%;
    max-width: 22.2rem;
    max-height: 5.7rem;
    padding: 1rem 2.6rem;
    border-radius: 2.4rem;
}

.homepage-promo-form__submit-text {
    font-size: 2rem;
    text-align: center;
    color: #fff;
    font-family: 'CygreSemiBold', sans-serif;
    line-height: 160%;
    cursor: pointer;
}   
span.homepage-promo-form__privacy-text,span.homepage-promo-form__privacy-policy {
    font-size: 1.55rem;
    line-height: 100%;
    color: #585858;
}

.buy-links {
    display: flex;
    flex-direction: column;
    max-width: 128rem;
    justify-content: center;
    margin: auto;
    align-items: center;
    margin-top: 5.26rem;
    margin-bottom: 10.56rem;
}

.link-buttons.link-buttons-liki {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: center;
    gap: 3.16rem;
}

a.btn-link {
    width: 26.8rem;
    display: flex;
    justify-content: center;
    border: 1px solid #23264E;
    height: 5.79rem;
    border-radius: 4.21rem;
    padding: 0rem 2.1rem;
    cursor: pointer;
}

.buy-links p {
    font-family: 'CygreSemiBold',sans-serif;
    color: #23264E;
    font-size: 2.52rem;
}
.buy-section .buy-text p {
    text-align: left;
    margin-bottom: 4.38rem;
} 
p.buy-text-mobile{display: none;} 

.homepage-promo-text_bottom {
    font-size: 1.19rem;
    line-height: 100%;
}
span.homepage-promo-form__privacy-policy {
    text-decoration: underline;
}

/*Tablet*/
@media (max-width: 1199px) {
    .container {
        width: 75rem;
    }
    .menu {
        display: none;
    }
    .head .head__container {
        flex-direction: column
    }
    .why-nefroles h2,
    .when-to-use h2,
    .effects h2,
    .reviews h2,
    .buy-section h2,
    .accordion h2,
    .manufacturer-section h2 {
        font-size: 4rem;
    }
    .block__text .head__title,
    .block__text .subttile {
        text-align: center;
    }
    .block__text .description {
        margin: 0 auto 1.9rem;
        text-align: center; 
    }
    a.button.head__button {
        margin: 0 auto 2.9rem;
    }
    .description.second {
        font-family: 'CygreSemiBold', sans-serif;
    }
    .block__text .made {
        justify-content: center;
    }

    .menu.desktop-menu{
        display: none;
    }

    .header-cta-button {
        color: #E23838;
        text-decoration: none;
        padding: 0;
        border-radius: 0;
        transition: none;
        white-space: nowrap;
        margin-left: 2rem;
        max-width: 0;
        font-size: 1.6rem;
        font-family: 'CygreSemiBold',sans-serif;
        font-weight: 500;
        background-color:transparent;
    }

    a.header-cta-button:hover {
        background-color: #c13a3a;
        color: #fff;
    }

    .block__img {
        margin: 0 auto;
    }
    .product-info-block .description {
        width: 100%;
		padding-bottom: 1rem;
    }
    .product-info-block {
        height: auto;
        margin-top: 4.2rem;
    }
    .product-info-block .icons {
        width: 95%;
        margin-bottom: 2rem;
		padding-top: 0rem;
    }
    .product-info-block .herbs {
        flex-direction: column;
        align-items: center;
    }
    .when-to-use .cards-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .cards-grid .details p {
        margin-top: 2rem;
        font-size: 2rem;
        font-weight: 400;
    }
    .buy-section .buy-content .buy-image {
        display: none;
    }
    .block__text .subttile {
        margin: 1rem 0;
    }
    .effects .tags {
        display: none;
    }
    .effects h2 {
        margin-bottom: 2rem;
    }
    .effects .content {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 2rem;
    }
    .effects .content .kidney-img {
        margin: 2rem auto;
    }
    .effects .content .kidney-img_mobile {
        display: block;
    }
    .effects .content .kidney-img_pc {
        display: none;
    }
    .effects .content .effects-list,
    .effects .content .effects-list-two-1{
        width: 100%;
        margin: 0;
        text-align: left;
        gap: 1rem;
    }
    .effects .effects-list-two p:nth-child(2) {
        margin-top: 3rem;
    }
    .reviews .swiper-button-next {
        left: 88%;
    }
    .reviews .swiper-button-prev {
        left: 81%;
    }
    .reviews .swiper-reviews .swiper-pagination {
        width: 100%;
        top: 105%;
        text-align: center;
    }
    .accordion-section {
        width: 100%;
    }
    .manufacturer-actions, .manufacturer-actions p {
        font-size: 2rem;
    }
    .footer .footer__info {
        flex-direction: column;
        align-items: center;
        line-height: 4rem;
    }
    .footer .wraper .logo {
        margin: 0 auto;
    }
    .desktop-menu {
        display: none;
    }
    .burger {
        display: flex;
        position: absolute;
        right: 1rem;
    }
    .homepage-promo-form {
        width: 100%;
        margin-top: 0;
        gap: 3.15rem;
        padding: 2.1rem;
    } 
    .homepage-promo-form__submit {
        align-self: center;
    }     

    .buy-section .buy-content {
        display: flex;
        flex-direction: column;
    }
    .buy-section .buy-text {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2.73rem;
    } 
    .buy-image_mobile {
        display: flex;
        align-items: center;
        align-self: center;
        margin-top: 3.808rem;
    }    
    .buy-section .buy-text p {
        text-align: center;
        margin-bottom: 0;
    } 
    p.buy-text-mobile{display: none;} 
    .block__text {
        margin-top: 2rem;
        text-align: center;
    }
    .made.made__pc {
        display: none;
    }
    .block__img .made__mobile{
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: auto;
        align-self: center;
        justify-content: center;
        gap: 1.1rem;
        margin: 2.6rem 0 0 0;
    }
    .made.made__mobile img {
        width: 4.6rem;
        height: 4.6rem;        
    }
    .block__img .made__mobile .text {
        font-family: 'CygreMedium',sans-serif;
        font-size: 2rem;
        color: #151515;
    }

    .button.head__button {
        line-height: 1.4;
        display: block;
    }

}

.logo a {
    width: 23.6rem;
    display: block;
}
/*Mobile*/
@media (max-width: 833px) {
    .container {
        width: 30rem;
    }
    .header {
        height: 5rem;
    }
    header .wraper {
        height: 5rem;
    }
    .header .logo {
        margin: 0 auto;
    }
    .logo a {
        width: 17.2rem;
        display: block;
    }

    .header .logo img{
        width: 100%;
        height: auto;
    }
    .head {
        background: none;
    }
    .block__text {
        margin-top: 2rem;
        text-align: center;
    }
    .block__text .description {
        width: 100%;
        font-size: 1.4rem;
    }
    .block__text .head__title{line-height: 100%;margin-bottom: 2rem;}
    .block__text .made__pc {
        display: none;
    }
    .block__img .made__mobile img {
        width: 4.6rem;
        height: 4.6rem;
        margin-right: 1rem;
    }
    .block__img .made__mobile {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 2.05rem;
    }
    .block__img .made__mobile .text {
        font-size: 2rem;
        color: #151515;
    }
    .block__text .head__title {
        font-size: 5.5rem;
    }
    .block__text .subttile {
        font-size: 1.5rem;
    }
    .block__img img{
        width: 24rem;
    }
    .block__img .text__description {
        font-size: 1.2rem;
        color: #151515;
    }
    .cards-grid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
	.effects {
	  margin-top: 5rem;
	}
    .effects .effects-list p {
        font-size: 1.6rem;
        margin-bottom: 0rem;
    }
    .effects .content .kidney-img img {
        height: 20rem;
    }
    .effects .content .effects-list-two {
        margin-left: 2rem;
    }
    .effects .content .effects-list-two p{
        text-align: left;
    } 
    .effects .effects-list-two p:nth-child(2) {
        margin-top: 1rem;
    }
    .effects .content .kidney-img {
        margin: 0rem auto;
    }
    .content .tag__mobile {
        display: block;
        font-size: 1.8rem;
        font-weight: 600;
        color: #071B38;
        border: 2px solid #071B38;
        border-radius: 4rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 26rem;
        margin: auto;
        margin-bottom: 2rem;
    }
    .content .tag__mobile svg{
        width: 2.2rem;
        height: 1.6rem;
        margin-right: 0.5rem;
    }
	.when-to-use {
	  margin-top: 5rem;
	}
    .cards-grid .card-content { 
        flex-direction: column;
    }
    .cards-grid .card-content .text{
        order: 2;
        width: 100%;
    }
    .cards-grid .card-content .icon {
        order: 1;
        margin-bottom: 2rem;
    }
    .cards-grid .card-content img {
        width: auto;
        height: 5rem;
    }
    .cards-grid .card {
        padding: 2.5rem;
        min-width: 100%;
		margin-bottom: 1rem;
    }
    .product-info-block .description {
        font-size: 1.6rem;
    }
    .product-info-block .icons {
        flex-direction: column;
        margin-left: 7rem;
        width: 80%;
    }
    .product-info-block .icons .icon {
        margin-bottom: 2rem;
        font-size: 1.8rem;
    }
    .product-info-block .icon__border {
        border: none;
        padding: 0;
    }
	.product-info-block .herbs .herb-img-1 {
		width: 25rem; 
	}
	.product-info-block .herbs .herb-img-2 {
	 	width: 25rem;
	}
    .product-info-block .herbs .herb {
        width: 100%;
    }
	.herbs .herb__margin {
	  margin-top: 0rem;
	}
    .product-info-block .herbs .herb img {
        height: 12rem;
    }
    .product-info-block .herbs .herb .description h3 {
        font-size: 2rem;
    }
    .product-info-block .herbs .herb .description p {
        font-size: 1.6rem;
    }
    .product-info-block .icons .icon img {
        width: 4rem;
        height: 4rem;
    }
    .cards-grid .card p {
        font-size: 2rem;
    }
    .cards-grid .card .details p {
        font-size: 1.6rem;
    }
    .why-nefroles h2, 
    .when-to-use h2, 
    .effects h2, 
    .reviews h2, 
    .buy-section h2, 
    .accordion h2, 
    .manufacturer-section h2 {
        font-size: 2.8rem;
    }
    .why-nefroles .intro,
    .why-nefroles .description {
        font-size: 1.6rem;
    }
    .why-nefroles .content-row {
        margin-top: 1rem;
        grid-template-columns: repeat(1, 1fr);
    }
    .why-nefroles .content-row .image {
        margin: 0 auto;
    }
    .why-nefroles .content-row .image img{
        width: 22rem;
        height: auto;
    }
    .why-nefroles .content-row .advantages li {
        font-size: 1.6rem;
        line-height: 200%;
    }
    .why-nefroles .content-row .advantages li svg {
        width: 1.5rem;
        height: auto;
        margin-right: 0.5rem;
    }
	.reviews {
  		margin-top: 5rem;
	}
    .reviews .swiper-button-next {
        left: 81%;
        top: 118%;
    }
    .reviews .swiper-button-prev {
        left: 5%;
        top: 118%;
    }
    .testimonial-card .testimonial-card__text {
        margin-bottom: 1rem;
    }
    .buy-section {
        height: auto;
        padding-top: 5.26rem;
    }
    .buy-section .buy-text {
        margin-top: 2rem;
    }
    .buy-section .buy-content {
        grid-template-columns: repeat(1, 1fr);
    }
    .buy-section .buy-text {
        width: 100%;
        text-align: center;
    }
    .effects-list.effects-list-one p {
        margin-left: 2rem;
    }

    .buy-section .link-buttons {
        flex-direction: column;
    }
    .buy-section .link-buttons .btn-link {
        width: 80%;
        margin: auto;
        margin-bottom: 2rem;
        height: 5rem;
    }
    .buy-section .buy-image_mobile {
        display: block;
        margin-bottom: 2rem;
    }
    .buy-section .buy-text .buy-links p {
        font-size: 1.8rem;
    }
    .accordion h2 {
        margin-bottom: 3rem;
    }
    .accordion-header {
        font-size: 1.8rem;
    }
    .accordion-header span {
        width: 88%;
    }
	.accordion {
	  margin-bottom: 5rem;
	}
    .manufacturer-section .manufacturer-content {
        flex-direction: column;
        padding: 2rem;
    }
    .manufacturer-content .text-column {
        width: 100%;
        padding: 0;
    }
    .manufacturer-content .image-column {
        width: 100%;
    }
    .manufacturer-content .image-column img {
        width: 100%;
    }
    .manufacturer-content .manufacturer-actions {
        /* flex-direction: column;
        width: 100%; */
        display: none;
    }
    .manufacturer-actions__mobile {
        display: block;
    }
    .manufacturer-actions__mobile .feature__years p{
        margin-bottom: 0;
    }
    .manufacturer-actions__mobile .question {
        margin-top: 2rem;
    }
    .manufacturer-actions__mobile {
        width: 94%;
        margin: auto;
        margin-bottom: 3rem;
    }
    .manufacturer-section .manufacturer-content {
        margin-bottom: 2rem;
    }
    .manufacturer-actions .contact-btn {
        width: 100%;
    }
    .manufacturer-actions .features .feature__number {
        font-size: 4rem; 
    }
    .manufacturer-actions .features {
        flex-direction: column;
    }
    .manufacturer-actions .features .feature {
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        justify-content: center;
    }
    .manufacturer-content .text-column p { 
        font-size: 1.6rem;
    }
    .manufacturer-actions p {
        text-align: center;
        font-size: 1.6rem;
    }
    .feature img {
        margin-right: 0.5rem;
        margin-bottom: 1rem;
        width: 3rem;
    }
	.why-nefroles {
	  margin-top: 5rem;
	}
    .why-nefroles .usage {
        padding: 1rem;
		margin-top: 3rem;
    }
    .why-nefroles .usage h4 {
        font-size: 1.6rem;
    }
    .why-nefroles .usage .usage__text,
    .why-nefroles .usage .usage__text p {
        font-size: 1.6rem;
    }
    .footer .footer__info a, .footer .footer__info {
        font-size: 1.5rem;
    }
    .footer .wraper {
        flex-direction: column;
    }
    .footer .menu {
        display: block;
    }   
    .footer .nav-menu {
        padding: 0;
        width: 100%;
        justify-content: space-around;
        display: flex;
        flex-wrap: wrap;
    }
    .footer .nav-menu li a {
        font-size: 1.6rem;
        line-height: 230%;
    }
    .reviews-popup-window .testimonial-card .testimonial-card__author {
        align-items: start;
        flex-direction: column;
    }
    .reviews-popup-window .testimonial-card .testimonial-card__author img {
        margin-bottom: 1rem;
    }
    .reviews-popup-window .testimonial-card .testimonial-card__text {
        height: 30rem;
    }
    .reviews-popup-window .testimonial-card .testimonial-card__text p {
        line-height: 140%;
    }
    .reviews-popup-window {
        padding: 1rem;
    }
    .reviews-popup-window .swiper-pagination {
        width: 100% !important;
        text-align: center;
        margin-left: 0rem;
        bottom: 11%!important;
    }
    .popup-slider .swiper-button-prev {
        left: 3%;
        width: 3.5rem;
        height: 3.5rem;
    }
    .popup-slider .swiper-button-next { 
        width: 3.5rem;
        height: 3.5rem;
    }
    .popup-slider .swiper-button-prev svg,
    .popup-slider .swiper-button-next svg {
        width: 2rem;
        height: 2rem;
    }
    .reviews-popup-window .testimonial-card .testimonial-card__text {
        margin-bottom: 9rem;
    }
    .popup-window {
        padding: 2rem;
    }
    .popup-window h3 {
        font-size: 1.8rem;
        line-height: 160%;
    }
    .popup-window label {
        font-size: 1.6rem;
    }
    .popup-window input::placeholder,
    .popup-window textarea::placeholder  {
        font-size: 1.5rem;
        color: #15151580;
    }
    .popup-close {
        top: 0rem;
    }
    .popup-close svg {
        width: 2.5rem;
        height: 2.5rem;
    }
    .popup-window input[type="submit"] {
        width: 20rem;
        font-size: 1.8rem;
    }
    .popup-window input[type="submit"]:hover {
        border: none;
    }
    .popup-window .politica p {
        line-height: 160%;
    }
    .policy_page .title{
        font-size: 3rem;
        font-weight: 600;
        line-height: 140%;
    }
    .policy_page p{
        text-align: left;
        font-size: 1.6rem;
        line-height: 160%;
        color: #2E2D2C;
        font-family: 'CygreRegular';
    }
     
 	.cards-grid {
      display: flex;
      flex-direction: column;
    }
    p.buy-text-desktop{display: none;}
    p.buy-text-mobile{display:block;}
    .buy-section .buy-text p {
        font-size: 1.68rem;
    } 
    .buy-section .buy-text p {
        text-align: center;
        font-size: 1.33rem;
    } 
   
    .homepage-promo-form__submit-text {
        font-size: 1.73rem;
    }  
    span.homepage-promo-form__privacy-text,span.homepage-promo-form__privacy-policy {
        font-size: 1.19rem;
    } 
    
    span.homepage-promo-form__privacy-policy {
        text-decoration: underline;
    }
    .homepage-promo-text_bottom {
        font-size: 1.19rem;
        line-height: 100%;
    }
    .column {
      display: contents;
    }

    .link-buttons.link-buttons-liki {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }    

    .buy-links {
        width: 30rem;
        margin-top: 2.19rem;
        margin-bottom: 4.38rem;
    }

    .buy-links p {
        font-size: 1.39rem;
        text-align: center;
        width: 22rem;
    }    

    .column-left .card:nth-child(1) { order: 1; }
    .column-right .card:nth-child(1) { order: 2; }
    .column-left .card:nth-child(2) { order: 3; }
    .column-right .card:nth-child(2) { order: 4; }
}


@media (min-width:1200px) {
    /* Стили для модального окна */
    .modal-overlay, .order-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    }


    #orderModal .how-to-buy-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.9531rem;
    position: relative;
    width: 100%;
    height: auto;
    justify-content: space-between;
    padding: 0;
    border: none;
    margin-top: 1.95rem;
    }
    input.how-to-buy-input-2::placeholder,textarea.how-to-buy-input-2.how-to-buy-textarea::placeholder {
        font-size: 1.5625rem;
    }
    input.how-to-buy-input-2 {
        padding: 0px 0.9765rem;
    }
    span.how-to-buy-required {
        color: #FF0000;
    }
    .orderModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 60.3515rem;
    background-color: #fff;
    padding: 1.5rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 1001;
    border-radius: 1.5625rem;
    overflow: hidden;
    min-height: 39.4375rem;
    }


    .orderModal h2 {
    font-size: 24px;
    text-align: left;
    line-height: 2.04625rem;
    }


    #orderModal .modal-content {
    width: 100%;
    max-width: 100%;
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1.25rem;
    }

    #orderModal .how-to-buy-submit-text {
        background-color: #E23838;
        border: 0.0625rem solid #E23838;
        border-radius: 2.44rem;
        color: #fff;
        transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
        cursor: pointer;
        width: 100%;
        height: 100%;
        font-size: 1.7578rem;
        font-weight: 600;
        font-family: 'CygreMedium', sans-serif;
        min-width: 21.6794rem;
        min-height: 5.2734rem;
        text-align: center;
        align-content: center;
    }
    .how-to-buy-submit {
        align-self: center;
    }   

    .error-message-container {
    display: flex;
    align-items: center;
    gap: 5px;
    color: red;
    font-size: 14px;
    margin-top: 5px;
    }

    .error-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .input-error {
    border-bottom: 1px solid red !important;
    }
  .modal-content .div-10 {
    width: 0.625rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1.25rem;
  }

.successModal {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 1rem;
  }
  .successModal.show {
  display: flex!important; 
}
  
.successModal .modal-content {
    background-color: #fff;
    margin: auto;
    padding: 2rem;
    border: 1px solid #ddd;
    border-radius: 1.5rem;
    width: 100%;
    text-align: left;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 60rem;
    height: auto;
    display: flex;
    flex-direction: column;
    min-height: fit-content;
}
  
.successModal .modal-content h2 {
    color: #E23838;
    font-size: 2.4rem;
    margin-bottom: 0rem;
    line-height: 100%;
    font-weight: 500;
    text-align: center;
    position: relative;
    top: -2.4rem;
}
  
  .successModal .modal-content p {
    font-size: 1rem;
    color: #333;
  }
    
  .successModal .close:hover,
  .successModal .close:focus {
    color: #000;
    text-decoration: none;
  }

  .infoModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 37.5rem;
    background: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    padding: 1.5rem;
    text-align: left;
    max-height: 43.75rem;
    overflow-x: auto;
    .modal-content {
      position: relative;
      height: 43.75rem;
    }
  
    .modal-content h2 {
        font-size: 1.125rem;
        font-weight: 600;
        color: #F8238C;
        line-height: 2.04625rem;
      }
  
    h3 {
      font-size: 0.875rem;
      font-weight: 600;
      margin-top: 1.25rem;
    }
  
    p {
      font-size: 0.875rem;
      line-height: 1.6;
      margin-top: 0.625rem;
    }
  
    ol {
      counter-reset: list-counter;
      padding-left: 1.25rem;
      margin-top: 1rem;
      
      li {
        position: relative;
        margin-bottom: 0.625rem;
        font-size: 0.875rem;
        list-style: none;
        
        .list-number {
          font-weight: bold;
          
          margin-right: 0.3125rem;
        }
      }
    }
  
    .close {
      position: absolute;
      top: -0.3125rem;
      right: 0;
      font-size: 1.5rem;
      cursor: pointer;
    }
  }
  
  .modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
  
  .modal-content ol strong {
    font-weight: 600;
  }

  .how-to-buy-input-2 {
    color: #2E2D2C;
}
.how-to-buy-input-2.placeholder-active {
  color: #2E2D2C80;
}

.modal-overlay, .order-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}


.orderModal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 60.35rem;
  background-color: #fff;
  padding: 2.34375rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  z-index: 1001;
  border-radius: 1.5625rem;
  overflow: hidden;
  min-height: 39.4375rem;
}


.orderModal h2 {
    font-size: 2.34375rem;
    line-height: 2.04625rem;
    color: #2E2D2C;
    text-align: center;
    font-weight: 500;
    font-family: 'CygreMedium';
}


.orderModal .close {
    top: -2.34375rem;
    cursor: pointer;
    position: absolute;
    right: -0.9765rem;
}


#orderModal .modal-content {
  width: 100%;
  max-width: 100%;
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  overflow: hidden;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.25rem;
}

.how-to-buy-textarea {
  width: 100%;
  resize: none;
  padding: 12px 10px;
  border-bottom: solid 1px #E9E9E9;
  border-radius: 0;
  height: auto;
  border-top: none;
  border-left: none;
  border-right: none;
}

.error-message-container {
  display: flex;
  align-items: center;
  gap: 5px;
  color: red;
  font-size: 14px;
  margin-top: 5px;
}

.error-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.modal-content svg {
    position: relative;
    top: 2.2rem;
    width: 2.4rem;
    height: 2.4rem;
    right: 0.8rem;
}

.successModal {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 1rem;
  }
  .successModal.show {
  display: flex!important; 
}
   

.modal-content svg {
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
}
span.close {
    text-align: end;
    position: relative;
    top: -1.6rem;
    z-index: 2;
}
  
.successModal .modal-content p {
    font-size: 1.7578rem;
    color: #2E2D2C;
    margin-bottom: 0;
    font-weight: 400;
    font-family: 'CygreRegular';
    line-height: 2.2rem;
}
  
 
  .successModal .close:hover,
  .successModal .close:focus {
    color: #000;
    text-decoration: none;
  }

  button#infoModalQuastions {
    color: #fff;
    background-color: #E23838;
    width: 100%;
    max-width: 26.6rem;
    height: 100%;
    max-height: 5.2734rem;
    border-radius: 2.44rem;
    font-size: 1.9531rem;
    font-family: 'CygreSemiBold';
    font-weight: 600;
}
div#orderModal svg {
    width: 24px;
    height: 24px;
}
.how-to-buy-form-field {
    width: 100%;
}
.how-to-buy-form-content, .how-to-buy-form-text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1.7578rem;
    font-family: 'CygreRegular';
    line-height: 100%;
    color: #2E2D2C;
    font-weight: 400;
    margin-bottom: 0.78125rem;
}
input.how-to-buy-input-2 {
    border: none;
}
.error-message-container svg {
    position: relative;
    top: -0.02rem;
    left: 0;
}
input.how-to-buy-input-2.placeholder-active.input-error,input.how-to-buy-input-2.input-error {
    border-radius: 0px;
}

}




@media (max-width:1199px) {
    /* Стили для модального окна */
    .modal-overlay, .order-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    }
.how-to-buy-form-content, .how-to-buy-form-text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1.7578rem;
    font-family: 'CygreRegular';
    line-height: 100%;
    color: #2E2D2C;
    font-weight: 400;
    margin-bottom: 0.78125rem;
}
    input.how-to-buy-input-2 {
        border: none;
    }
    input.how-to-buy-input-2::placeholder,input.how-to-buy-input-2.placeholder-active.input-error::placeholder,.how-to-buy-input-2::placeholder {
        font-size: 1.5625rem;
    }
    .how-to-buy-input-2::placeholder,input.how-to-buy-input-2.placeholder-active::placeholder {
        font-size: 1.5625rem!important;
    }

    

    input.how-to-buy-input-2 {
        padding: 0px 0.9765rem;
    }
    p.how-to-buy-privacy {
        font-size: 1.3671rem;
    }
    .how-to-buy-form-field {
        width: 100%;
    }
    span.how-to-buy-required {
        color: #FF0000;
    }
    input.how-to-buy-input-2.placeholder-active.input-error,input.how-to-buy-input-2.input-error {
        border-radius: 0px;
    }
    #orderModal .how-to-buy-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.9531rem;
    position: relative;
    width: 100%;
    height: auto;
    justify-content: space-between;
    padding: 0;
    border: none;
    margin-top: 1.95rem;
    }
    .error-message-container svg {
        position: relative;
        top: 0;
        left: 0;
    }
    .orderModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 94%;
    background-color: #fff;
    padding: 1.5rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 1001;
    border-radius: 1.5625rem;
    overflow: hidden;
    min-height: 39.4375rem;
    }


    .orderModal h2 {
    font-size: 24px;
    text-align: left;
    line-height: 2.04625rem;
    }


    .orderModal .close {
        position: absolute;
        top: -2.50rem;
        right: -0.9765rem;
        font-size: 1.875rem;
        cursor: pointer;
        color: #333;
    }



    #orderModal .modal-content {
    width: 100%;
    max-width: 100%;
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1.25rem;
    }

    #orderModal .how-to-buy-submit-text {
        background-color: #E23838;
        border: 0.0625rem solid #E23838;
        border-radius: 2.44rem;
        color: #fff;
        transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
        cursor: pointer;
        width: 100%;
        height: 100%;
        font-size: 1.7578rem;
        font-weight: 600;
        font-family: 'CygreMedium', sans-serif;
        min-width: 21.6794rem;
        min-height: 5.2734rem;
        text-align: center;
        align-content: center;
    }
    .how-to-buy-submit {
        align-self: center;
    }  


    .error-message-container {
    display: flex;
    align-items: center;
    gap: 5px;
    color: red;
    font-size: 14px;
    margin-top: 5px;
    }

    .error-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .input-error {
    border-bottom: 1px solid red !important;
    }
  .modal-content .div-10 {
    width: 0.625rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1.25rem;
  }

.successModal {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 1rem;
  }
  .successModal.show {
  display: flex!important; 
}
  
.successModal .modal-content {
    background-color: #fff;
    margin: auto;
    padding: 1.9531rem;
    border: 1px solid #ddd;
    border-radius: 1.5rem;
    width: 100%;
    text-align: left;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 60rem;
    height: auto;
    display: flex;
    flex-direction: column;
}
  
.successModal .modal-content h2 {
    color: #E23838;
    font-size: 2.34375rem;
    margin-bottom: 2rem;
    line-height: 100%;
    font-weight: 500;
    text-align: center;
    position: relative;
    top: -2.4rem;
}
  
  .successModal .modal-content p {
    font-size: 1rem;
    color: #333;
  }
    
  .successModal .close:hover,
  .successModal .close:focus {
    color: #000;
    text-decoration: none;
  }

  .infoModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 37.5rem;
    background: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    padding: 1.5rem;
    text-align: left;
    max-height: 43.75rem;
    overflow-x: auto;
    .modal-content {
      position: relative;
      height: 43.75rem;
    }
  
    .modal-content h2 {
        font-size: 1.125rem;
        font-weight: 600;
        color: #F8238C;
        line-height: 2.04625rem;
      }
  
    h3 {
      font-size: 0.875rem;
      font-weight: 600;
      margin-top: 1.25rem;
    }
  
    p {
      font-size: 0.875rem;
      line-height: 1.6;
      margin-top: 0.625rem;
    }
  
    ol {
      counter-reset: list-counter;
      padding-left: 1.25rem;
      margin-top: 1rem;
      
      li {
        position: relative;
        margin-bottom: 0.625rem;
        font-size: 0.875rem;
        list-style: none;
        
        .list-number {
          font-weight: bold;
          
          margin-right: 0.3125rem;
        }
      }
    }
  
    .close {
      position: absolute;
      top: -0.3125rem;
      right: 0;
      font-size: 1.5rem;
      cursor: pointer;
    }
  }
  
  .modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
  
  .modal-content ol strong {
    font-weight: 600;
  }

  .how-to-buy-input-2 {
    color: #2E2D2C;
}
.how-to-buy-input-2.placeholder-active {
  color: #2E2D2C80;
}

.modal-overlay, .order-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.orderModal h2 {
  font-size: 24px;
  text-align: left;
  line-height: 2.04625rem;
}


#orderModal .modal-content {
  width: 100%;
  max-width: 100%;
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  overflow: hidden;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.25rem;
}

.how-to-buy-textarea {
  width: 100%;
  resize: none;
  padding: 12px 10px;
  border-bottom: solid 1px #E9E9E9;
  border-radius: 0;
  height: auto;
  border-top: none;
  border-left: none;
  border-right: none;
}

.error-message-container {
  display: flex;
  align-items: center;
  gap: 5px;
  color: red;
  font-size: 14px;
  margin-top: 5px;
}

.error-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.modal-content svg {
    position: relative;
    top: 2.2rem;
    width: 2.4rem;
    height: 2.4rem;
    right: 0.8rem;
}






.successModal {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 1rem;
  }
  .successModal.show {
  display: flex!important; 
}
  

  

.modal-content svg {
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
}
span.close {
    text-align: end;
    position: relative;
    top: -1.6rem;
    z-index: 2;
}
  
.successModal .modal-content p {
    font-size: 1.7578rem;
    color: #2E2D2C;
    margin-bottom: 0;
    font-weight: 400;
    font-family: 'CygreRegular';
    line-height: 2.2rem;
}
  
 
  .successModal .close:hover,
  .successModal .close:focus {
    color: #000;
    text-decoration: none;
  }

  button#infoModalQuastionsMob {
    color: #fff;
    background-color: #E23838;
    width: 100%;
    height: 5.4rem;
    min-height: 5.2734rem;
    border-radius: 2.44rem;
    font-size: 1.9531rem;
    font-family: 'CygreSemiBold';
    font-weight: 600;
    line-height: 1.4;
    display: block;
    align-items: center;
    justify-content: center;
    align-items: anchor-center;
}

.error-message-container {
    display: flex;
    align-items: center;
    gap: 5px;
    color: red;
    font-size: 14px;
    margin-top: 5px;
}
.homepage-promo-form__input.input-error {
    border-bottom: 1px solid red !important;
}
    justify-content: center;
    align-items: anchor-center;
}
}