/* START RESET */
/* Указываем box sizing */
        *,
        *::before,
        *::after {
          box-sizing: border-box;
        }
        
        /* Убираем внутренние отступы */
        ul[class],
        ol[class] {
          padding: 0;
        }
        
        /* Убираем внешние отступы */
        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        ul[class],
        ol[class],
        li,
        figure,
        figcaption,
        blockquote,
        dl,
        dd {
          margin: 0;
        }
        
        /* Выставляем основные настройки по-умолчанию для body */
        body {
          min-height: 100vh;
          scroll-behavior: smooth;
          text-rendering: optimizeSpeed;
          line-height: 1.5;
        }
        
        /* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
        ul[class],
        ol[class] {
          list-style: none;
        }
        
        /* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
        a:not([class]) {
          text-decoration-skip-ink: auto;
        }
        
        /* Упрощаем работу с изображениями */
        img {
          max-width: 100%;
          display: block;
        }
        
        /* Указываем понятную периодичность в потоке данных у article*/
        article > * + * {
          margin-top: 1em;
        }
        
        /* Наследуем шрифты для инпутов и кнопок */
        input,
        button,
        textarea,
        select {
          font: inherit;
        }
        
        /* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
        @media (prefers-reduced-motion: reduce) {
          * {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
            scroll-behavior: auto !important;
          }
        }
/* END RESET */


   
    .container{
        max-width: 1200px;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    @media (max-width: 991px) {
        .container{
            max-width: 720px;
            padding-right: 20px;
            padding-left: 20px;
            width: 100%;
            margin-right: auto;
            margin-left: auto;
        }
    }
    
    /* START Text styles */
    body{
        font-family: Jost, sans-serif;
        color:#000;
    }
    .grey-400{
        color: #95908E;
    }
    .grey-500{
        color: #5C5857;
    }
    .grey-600{
        color: #403C3B;
    }
    


    .text-center{
        text-align: center;
    }
    h2,.h2{
        font-family: Jost, sans-serif;
        font-size: 45px;
        font-style: normal;
        font-weight: 400;
        line-height: 50px;
        letter-spacing: -0.45px;
    }
    h3,.h3{
        font-family: Jost, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px; 
        letter-spacing: -0.15px;
    }
    h4,.h4{
        font-family: Jost, sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; 
    }
    h5,.h5{
        font-family: Jost, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; /* 138.889% */
    }
    h6,.h6{
        font-family: Jost, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;    
        line-height: 20px; 
    }
    .subtitle_1{
        font-family: Jost, sans-serif;;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; 
    }
    .subtitle_2{
        font-family: Jost, sans-serif;;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; 
    }
    .subtitle_3{
        font-family: Jost, sans-serif;;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; 
    }
    
    p,.body_text{
        font-family: Inter, sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; /* 166.667% */
    } 
    
    .small-text{
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;  
    }
    
    @media (max-width: 991px) {
    h2,.h2{
        font-family: Jost, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px; 
        letter-spacing: -0.15px;
    }
    h3,.h3{
        font-family: Jost, sans-serif;;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; 
    }
    h4,.h4{
        font-family: Jost, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; /* 138.889% */
    }
        
   
        
        .subtitle_1{
            font-family: Jost, sans-serif;;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px; 
        }
        .subtitle_3,.subtitle_2{
            font-family: Jost, sans-serif;;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px; 
        }

    }
     /* END Text styles */
    
    .button-style{
        display: flex;
        min-width:240px;
        height: 50px;
        padding: 10px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border:0px;
        border-radius: 50px;
        text-align: center;
        font-family: Jost;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; 
        letter-spacing: 0.7px;
        text-transform: uppercase;
        text-decoration:none;
        cursor:pointer;
    }
    
    .button-black{
        background: #282524;
        color: #FFF;
    }
    .button-green{
        background: #8B9B78;
        color: #FFF;
    }
    @media (max-width: 992px) {
        .button-style{
            width:100%;
            max-width:400px;
            margin: 0 auto;
        }
    }
    /*  START HEADER  */
    
    .container.header_container{
    display: flex;
    height: 105px;
    max-width: 1200px;
    padding: 28px 15px 32px 15px;
    justify-content: flex-start;
    align-items: center;
}
.header_container .logo{
    display: flex;
    align-items: center;
    gap: 9px;
}
.header_container .logo img{
    height:30px;
    }
@media (max-width: 991px) {
    .container.header_container{
        display: flex;
        height: 60px;
        max-width: 1200px;
        padding: 5px 15px 5px 15px;
        justify-content: flex-start;
        align-items: center;
    }
    .header_container .logo{
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .header_container .logo img{
        height:21px;
        }
}    
    
    /*  END HEADER */
    
    /*  START BANNER  */
    
     .container.top_banner_container{
        margin-bottom:90px;
        padding:15px;
        max-width:1170px;
        border-radius: 30px;
        background-size:cover;
        background-position:center right;
        background-color: #C8C4B5;
    }
    .top_banner_body{
        display: flex;
        width: 50%;
        height: 430px;
        padding: 90px 60px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 45px;
        flex-shrink: 0;
        border-radius: 15px;
        border: 1px solid #FFF;
        background: rgba(254, 253, 252, 0.75);
    }

    @media (max-width: 755px) {
        .container.top_banner_container{
            margin-bottom:40px;
            padding:78vw 15px 15px 15px;
            background-size: 100%;
            background-position:top center;
            background-repeat:no-repeat;
            border-radius: 15px;
            background-color: #C8C4B5;
        }

        .top_banner_body{
            display: flex;
            width: 100%;
            height:auto;
            padding: 30px;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 15px;
            /*background: rgba(254, 253, 252, 0.75);*/
            background: linear-gradient(90deg, #f1eeea 0%, #eae5dc 100%);
        }         
    }
    
    /*  END BANNER  */
    
    /*  START PLANS  */
    
    .subscription_plans_wrapper{
    background-size:contain;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}
.subscription_plans_head{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    align-self: stretch;
    margin-bottom:60px;
    text-align: center;
}
.subscription_plans_head .h4,.subscription_plans_head .h2{
    text-align: center;
}

.subscription_plans_items{
    display: flex;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
   
}

.subscription_plans_item_content{
    display: flex;
    position:relative;
    width: 100%;
    padding: 45px;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    
    background: #FFF; 
    border-radius: 15px;
    border-top: 5px solid #E7C4B9;
    background: #FFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06), 0 10px 30px 0 rgba(0, 0, 0, 0.06);
}

.subscription_plans_item_btn.button-style.button-black{
    width:100%;
    min-width:auto;
}
.subscription_plans_item_img{
    width:76%;
    margin:0 auto;
    aspect-ratio:20/7;
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:contain;
}
.subscription_plans_item2 .subscription_plans_item_content{
    border-top: 5px solid #B3BFA4;
}
.subscription_plans_item_popular{
    position:absolute;
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    top:-18px;
    border-radius: 30px;
    background: #8B9B78;
    color:  #FFF;
    font-family: Jost;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}
.subscription_plans_item_description ul{
    padding-left:20px;
}
.subscription_plans_item_description ul li{
    color: #000;
    font-family: Inter, sans-serif;;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom:15px;
}

.swiper-nav-custom{
    display:none;
}
.subscription_plans_item_description{
    min-height:180px;
}
.container.subscription_plans_container{
    padding:0px 0px;
    max-width:1210px;
}
.swiper.subscription_swiper{
        padding: 0px 20px 30px 20px;
}
@media (max-width: 1200px) {
  .subscription_plans_item_content{
    padding: 25px;
    }  
}
@media (max-width: 991px) {
    .subscription_plans_wrapper{
        background-image:none!important;
    }
    .subscription_plans_item_price_per_delivery{
        font-size: 14px;
        line-height: 20px;
    }
    .subscription_plans_item_img{
        padding:0px 0px;
        width:100%;
    }
    .swiper.subscription_swiper{
        padding: 0px 5px 30px 5px;
    }
    .subscription_plans_item_description ul li{
        font-size: 14px;
        line-height: 20px;
        margin-bottom:10px;
    }
    .subscription_plans_items{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        align-self: stretch;
    }
    .subscription_plans_head{
        margin-bottom:0px;
        padding:0px 15px;
        align-items: flex-start;
    }
        .subscription_plans_head .h4,.subscription_plans_head .h2{
            text-align: left;
        }
    .subscription_plans_item_content{
        padding: 30px;
        gap: 10px;
    }
    
    .container.subscription_plans_container{
        padding:0px 0px 0px 0px;
        max-width:100%;
    }
    .subscription_plans_item_description{
        min-height:190px;
    }
    .swiper-nav-custom{
        display: flex;
        padding: 15px 15px 0px 15px;
        align-items: center;
        justify-content: space-between;
    }
    .swiper-pagination-custom{
        width:auto!important;
    }
    .swiper-button-prev-custom,.swiper-button-next-custom{
        display: flex;
        min-width: 50px;
        min-height: 50px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 50px;
        border: 2px solid  #E6E5E5;
        cursor:pointer;
    }
    .swiper-pagination-bullet{
        width:6px!important;
        height:6px!important;
        margin:3px!important;
        background-color:#E6E5E5!important;
        opacity:1!important;
    }
    .swiper-pagination-bullet-active{
        background-color:#B3BFA4!important;
    }
}

    /*  END PLANS  */    
    
    /*  START STEPS */
    .steps_container{
        margin-top:90px;
        margin-bottom:90px;
        display: flex;
        width: 100%;
        align-items: stretch;;
    }
    .steps_img{
        width:47%;
        aspect-ratio: 1/1;
        overflow: hidden;
        border-radius: 15px;
        display: flex;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; 
    }
    .steps_body{
        display: flex;
        padding-left: 90px;
        flex-direction: column;
        align-items: flex-start;
        gap: 45px;
        flex: 1 0 0;
    }
    .steps_item{
        display: flex;
        padding-bottom: 45px;
        align-items: flex-start;
        gap: 45px;
        align-self: stretch;
        position:relative;
    }
    .steps_item:not(:last-child)::before{
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        left: 19px;
        top: 20px;
        background: #DBE3D0;
        z-index:-1;
    }
    .steps_item_text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 15px;
        flex: 1 0 0;
    }
    .index_item{
        display: flex;
        width: 40px;
        height: 40px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        aspect-ratio: 1/1;
        border-radius: 60px;
        border: 2px solid var(--Brand-Accent-Lighter, #DBE3D0);
        background: var(--Brand-Accent-Lighter, #DBE3D0);
        font-family: Jost;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.7px;
        text-transform: uppercase;
    }
    
@media (max-width: 991px) {
    .steps_container{
        margin-top:40px;
        margin-bottom:40px;
        flex-direction: column;
        gap:20px;
    }
    .steps_img{
        width:100%;
        aspect-ratio: 3/2;
        overflow: hidden;
        border-radius: 15px;
        display: flex;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; 
    }
    .steps_body{
        display: flex;
        padding-left: 0px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        flex: 1 0 0;
    }
    .steps_item{
        padding-bottom: 20px;
        gap: 15px;
    }
    .steps_item:not(:last-child)::before{
        content: "";
        left: 14px;
    }
    .steps_item_text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 15px;
        flex: 1 0 0;
    }
    .index_item{
        width: 30px;
        height: 30px;
        gap: 10px;
        aspect-ratio: 1/1;
    }
}
    /* END STEPS */
    
    /*  START CORPORATE  */
    
        .corporate_container{
        border-radius: 30px;
        background: #F8F7F7;
        margin-top:90px;
        margin-bottom:90px;
        background-position: right;
        background-size: contain;
        background-repeat: no-repeat;
        
        padding:30px;
    }
    
    .corporate_benefit_item_body{
        min-height:30px;
        padding-left:45px;
        background-repeat:no-repeat;
        background-size:30px 30px;
        background-position: center left;
        display: flex;
        align-items: center;
    }
    .corporate_body{
        width:55%;
        padding:60px 0px 90px 60px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .corporate_body .corporate_text{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .corporate_body .corporate_text p{
        font-size: 20px;
        line-height: 30px;
    }
    .corporate_benefits{
        display: flex;
        width: 100%;
        padding: 0px;
        align-items: stretch;
        gap: 30px;
    }
    .corporate_benefit_item{
        display: flex;
        padding: 30px;
        align-items: center;
        gap: 15px;
        flex: 1 0 0;
        border-radius: 15px;
        border: 1px solid #FFF;
        background: #FFF;
    }
@media (max-width: 991px) {
    .corporate_container{
        margin-top:40px;
        margin-bottom:40px;
        background-position: right bottom;
        background-size: 540px;
        padding:40px 20px;
    }
    .corporate_body{
        width:100%;
        padding:0px 10px 0px 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .corporate_body .corporate_text p{
        font-size: 18px;
        line-height: 25px;
    }
    .corporate_button.button-black{
        width:100%;
        max-width:400px;
    }
    .corporate_benefits{
        flex-direction: column;
        height:510px;
        padding: 0px;
        align-items: stretch;
        gap: 10px;
        justify-content: flex-end;
    }
    .corporate_benefit_item{
        display: flex;
        padding: 15px 20px;
        align-items: center;
        width:100%;
        flex: 0 1 0;
    }
    
}  
@media (max-width: 540px) {
    .corporate_container{
        background-position: center bottom;
    }
}  
    
    /* END CORPORATE  */
    
    /*  START WA  */
    .wa_block_container{
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    align-items: center;
    border-radius: 30px;
    background: rgba(179, 191, 164, 0.10);
    overflow:hidden;
    padding:0px;
    margin-top:90px;
    margin-bottom:90px;
}
.wa_block_image{
    display: flex;
    padding: 15px;
    align-items: stretch;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    aspect-ratio: 1/1;
    max-width: 40%;
}
.wa_block_image img{
    aspect-ratio: 1/1;
    border-radius: 15px;
}
.wa_block_body{
    display: flex;
    padding: 90px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    flex: 1 0 0; 
}
.wa_block_text{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.wa_block_text.subtitle_2 p {
    font-family: Jost;
    font-size: 18px;
    line-height: 25px; 
}

@media (max-width: 991px) {
    .wa_block_container{
    flex-direction: column;
    margin-top:40px;
    margin-bottom:40px;
}
.wa_block_image{
    padding: 10px;
    width: 100%;
    max-width: 100%;
}
.wa_block_image img{
    aspect-ratio: 1/1;
    border-radius: 20px;
}
.wa_block_body{
    padding: 40px;
    gap: 20px;
}
.wa_block_text{
    gap: 20px;
}
.wa_block_text.subtitle_2 p {
    font-family: Jost;
    font-size: 16px;
    line-height: 25px; 
}
}
    /*  END WA  */
    /*   START PHOTO GALLERY  */
    
    .photo_gallery_container{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 45px;
    margin-top:60px;
    margin-bottom:90px;
}

.photo_gallery_container .h2{
    text-align:center;
}
.photo_gallery_items{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    align-self: stretch;
    flex-wrap: wrap;
}
.photo_gallery_items .photo_gallery_item {
    width:calc(25% - 8px);
    cursor:pointer;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    
}
.photo_gallery_items .photo_gallery_item img{
    width:100%;
    aspect-ratio: 3/4;
    border-radius: 15px;
}

/* Псевдоэлемент для кружка с плюсиком */
.photo_gallery_item::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* SVG плюсик в кружке */
.photo_gallery_item::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H12.75V20.25C12.75 20.4489 12.671 20.6397 12.5303 20.7803C12.3897 20.921 12.1989 21 12 21C11.8011 21 11.6103 20.921 11.4697 20.7803C11.329 20.6397 11.25 20.4489 11.25 20.25V12.75H3.75C3.55109 12.75 3.36032 12.671 3.21967 12.5303C3.07902 12.3897 3 12.1989 3 12C3 11.8011 3.07902 11.6103 3.21967 11.4697C3.36032 11.329 3.55109 11.25 3.75 11.25H11.25V3.75C11.25 3.55109 11.329 3.36032 11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967C12.671 3.36032 12.75 3.55109 12.75 3.75V11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  opacity: 0;
  transition: all 0.35s ease;
}

/* При наведении */
.photo_gallery_item:hover::after {
  opacity: 1;
}

.photo_gallery_item:hover::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 991px) {
   .photo_gallery_container{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
    margin-top:40px;
    margin-bottom:40px;
}

.photo_gallery_container .h2{
    text-align:left;
}

.photo_gallery_items .photo_gallery_item {
    width:calc(50% - 5px);
    cursor:pointer;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    
}
.photo_gallery_items .photo_gallery_item img{
    width:100%;
    aspect-ratio: 1/1;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
} 
}
    
    /*   END PHOTO GALLERY  */
    
    /*   START CONTENT   */
    .content_container{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        align-self: stretch;
        margin-top:90px;
        margin-bottom:90px;
    }
    .content_container h2:first-of-type {
            margin-bottom: 15px;
        }

    @media (max-width: 991px) {
        .content_container{
            gap: 20px;
            margin-top:40px;
            margin-bottom:40px;
        }
        .content_container h2:first-of-type {
            margin-bottom: 10px;
        }
    }
    /*   END CONTENT   */
   
   /*   START FAQ  */
   
   .faq_container{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 45px;
    margin-top:90px;
    margin-bottom:90px;
}
.faq_container .h2{
    text-align:center;
}
.faq_items{
    display: flex;
    width: 100%;
    align-items: flex-start;
    align-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

.faq_item{
    width:calc(50% - 15px);
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
    border-radius: 15px;
    background: #F8F7F7;
}
@media (max-width: 991px) {
    .faq_container{
        gap: 20px;
        margin-top:40px;
        margin-bottom:40px;
    }
.faq_container .h2{
    text-align:left;
}
.faq_items{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}

.faq_item{
    width:100%;
    padding: 20px;
}
.faq_item .h4{
    font-size: 22px;
    line-height: 30px; 
}
}

   
   /*  END FAQ  */
   
    
    /* START MAP  */
    
    .map_container{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 45px;
    margin-top:90px;
    margin-bottom:90px;
}
.map_container h2{
    text-align: center;
}
.map_body{
    display: flex;
    width:100%;
    align-items: stretch;
    align-content: flex-end;
    gap: 30px;
    flex-wrap: wrap;
}
.map_body_img{
    width:calc(50% - 15px);
    overflow:hidden;
    border-radius:15px;
    display: flex;   
    min-height: 420px;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.map_body_text{
    border-radius:15px;
    width:calc(50% - 15px);
    display: flex;
    min-height: 420px;
    padding: 60px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    background: #EDF2E6;
}
.map_body_text .h4{
    min-height:110px;
}

@media (max-width: 991px) {
    .map_container{
    gap: 20px;
    margin-top:40px;
    margin-bottom:40px;
}
.map_container h2{
    text-align: left;
}
.map_body{
    width:100%;
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
}
.map_body_img{
    width:100%;
    overflow:hidden;
    border-radius:15px;
    max-height: 420px;
    min-height: auto;
    aspect-ratio: 1 / 1;
}

.map_body_text{
    width:100%;
    min-height: auto;
    padding: 30px;
    gap: 30px;

}
.map_body_text .h4{
    min-height:auto;
}
}
    
    /*  END MAP*/
    
    /* START VIDEO GALLERY  */
    
    .subscription_video_title {
        padding:0px 15px 45px 15px;
        margin-top:60px;
    }
    .subscription_video_title .h2{
        text-align:center;
    }
.subscription_video_wrapper{
    padding:0px 15px;
    margin-bottom:90px;
}
.subscription_video_item_img{
    width:100%;
    aspect-ratio: 370 / 495;
    overflow:hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
    position:relative;
}
.subscription_video_item_img_bg{
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.subscription_video_item_text_wrapper{
    display: flex;
    padding: 15px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
}


.subscription_video_item_text_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.subscription_video_item_name{
    color: #000;
    font-family: Jost;
    font-size: 18px;
    line-height: 25px;
}
.subscription_video_item_text{
    color: #403C3B;
    font-family: Inter;
    font-size: 15px;
    line-height: 25px; 
}

@media (max-width: 991px) {
    .subscription_video_title {padding:0px 20px 20px 20px;margin-top:10px;}
    .subscription_video_title .h2{
        text-align:left;
    }
    .subscription_video_wrapper{
        margin-bottom:40px;
        padding:0px 0px;
        max-width:100%;
    }
    .subscription_video_item_text_wrapper{
        gap: 10px;
    }
    .subscription_video_item_text_wrapper .h3{
        font-size: 18px;
        line-height: 25px;
    }
}
    
    .subscription_video_v2{
        display:flex;
        gap:20px;
        width:100%;
    }
    
    .subscription_video_card_v2{
        border-radius:10px;
        overflow:hidden;
        cursor:pointer;
    }
    .subscription_video_card_price{position: absolute;
        bottom: -1px;
        background-color: #ffffffbb;
        left: 0px;
        right: 0px;
        display:flex;
        flex-direction: column;
        gap:10px;
        padding: 10px;}
    
    .subscription_video_card_v2_btn{
        display: flex;
        height: 40px;
        padding: 10px 30px 10px 15px;
        width: 100%;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        border-radius: 50px;
        background: #627F48;
        color: #FFF;
        text-align: center;
        font-size: 16px;
        cursor:pointer;
    }
    .subscription_video_card_v2_btn span{
        display:block;
        width:100%;
        text-align:center;
    }
    
    .product__card-video{
        width:100%;
        height:100%;
        position:relative;
    }
    
    .product__card-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* видео заполнит весь блок, сохранив пропорции и обрезав лишнее */
    object-position: center;
    z-index:1;
}
    
    .subscription_video_modal_swiper .subscription_video_item_text_wrapper{
        position:absolute;
        bottom:0px;
        padding:15px 20px;
        background:#ffffff77;
            z-index:2;
            width:100%;
    }
    
.subscription_video_card_label_v2 {
    position: absolute;
    display: flex;
    gap: 4px;
    background: #fff;
    border-radius: 8px;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 10px 2px 5px;
    z-index: 2;
    font-size: 14px;
    align-items: center;
    color: #000;
    width: max-content;
}
    
@media (max-width: 991px) {
    .subscription_video_v2 .subscription_video_card_v2_btn{
        height: 30px;
        padding: 6px 20px 6px 10px;
        gap: 10px;
        font-size: 14px;
    }
    .subscription_video_v2 .subscription_video_card_price{
    gap:5px;
    padding: 6px;}
}    

.no-scroll_last-delivery{
    height: 100%;
    overflow: hidden;
    padding-right: 15px;
}
.subscription_video_modal{display:none;}
.subscription_video_modal.active{display:block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10500;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.subscription_video_modal_bg{
    display:block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10600;
    width: 100%;
    height: 100%;
    background-color: #000000bb;
}
.subscription_video_modal_btn_close{
    display: flex;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 10950;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    background-color: #00000099;
    border-radius:10px;
    cursor:pointer;
}

.subscription_video_modal_btn_mute{
    display: flex;
    position: fixed;
    top: 75px;
    right: 15px;
    z-index: 10950;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    background-color: #00000099;
    border-radius:10px;
    cursor:pointer;
}

.swiper.subscription_video_modal_swiper {
    z-index: 10700;
    width: 90vw;
    max-width:700px;
    height: 100vh;
}
    
.swiper-slide.subscription_video_card_v2{
        height:300px;
        border-radius:10px;
        overflow:hidden;
        min-height:300px;
        cursor:pointer;
        overflow:hidden;
    }
    
.swiper_subscription_video_card_price{
    position: absolute;
    bottom: 5px;
    background-color: #ffffffcc;
    left: 5px;
    right: 5px;
    border-radius: 5px;
    padding: 10px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    /* Начальное состояние (скрыто) */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
    
.swiper-slide-active .swiper_subscription_video_card_price{
    /* Показываем с анимацией */
    opacity: 1;
    visibility: visible;
}    
    
.swiper_subscription_video_card_price .subscription_video_card_v2_btn{
        max-width:180px;
    }
    .subscription_video_card_v2_btn span{
        display:block;
        width:100%;
        text-align:center;
    }
    
    
.swiper-slide-active{ opacity:1;}
    
.swiper-slide.subscription_video_card_v2 .product__card-img{height:100%;} 
@media (max-width: 768px) {
  .swiper.subscription_video_modal_swiper {
    z-index: 10700;
    width: 98vw;
    height: 100dvh;
}  
}
    
    /*  END VIDEO GALLERY  */
    
    
    footer{
        margin-top:90px;
        padding-bottom:90px;
    }
    @media (max-width: 991px) {
        footer{
            margin-top:40px;
            padding-bottom:20px;
        }
    }
    
/* SATRT Sticky Whatsapp  */    
.sticky_whatsapp_button {
    position: fixed;
    font-size: 24px;
    right: 30px;
    bottom: 30px;
    transform: translate(0%, 0%);
    background: #25D366;
    border: 0px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    z-index: 99;
    display: flex;
    width: 56px;
    height: 56px;
    line-height: 53px;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.sticky_whatsapp_button:before, .sticky_whatsapp_button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate2 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}
@keyframes animate2 {
0% {transform: scale(0.5);opacity: 0;}
50% {opacity: 1;}
100% {transform: scale(0.8);opacity: 0;}
}

@media (max-width: 960px) {
    .sticky_whatsapp_button {
        right: 10px;
        bottom: 10px;
    }
}
/* END Sticky Whatsapp  */