:root { color-scheme: light; }
  * { box-sizing: border-box; }
.oervag{
font-family: Montserrat;
font-weight: 600;

font-size: 14px;

line-height: 100%;

text-transform: uppercase;
}
.search-card__body time{
    position: relative;
    
    color: #959595;
}
.search-grid article{
    margin-bottom: 30px;
}
.search-card__title a:hover{
opacity: .7;
}
.search-card__body h5{
        margin-top: 6px ;
}
.search-page{
    padding-top: 155px;
    padding-bottom: 53px;
}
.error-wrar{
       display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 688px;
}
.site-main.search-page{
    
}
.search-card__title a{
        font-size: 22px;
    color: black;
}
footer h3{
font-family: Lato;
font-weight: 700;
font-style: Bold;
font-size: 18px;

line-height: 100%;

}
.footer-4>h4 {
    margin-bottom: 21px;
}
.fikse{
            margin-top: 32px;
    margin-bottom: 24px;
}
.footer-center p {
    line-height: 23px;
    padding-bottom: 8px;
}
.footer-center-2{
       
}

footer{
        background: rgba(0, 0, 0, 1);
    color: rgba(250, 250, 247, 1);
    padding-top: 68px;
    font-size: 14px;
}
footer h4{
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 0px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 9px;

}


.onas-wrap{
    border-top: 1px solid #d5d7da;
}
.faq-body strong{
    font-weight: 700;
    
}
.cats3 strong{
font-weight: 700;
}
.kb_sep{
        color: #717680;
        padding-left: 5px;
}
.glafi{
    margin-top: 65px;
}
.con44{
font-family: Montserrat;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    line-height: 50px;
}
.glaf{
 background-image: none !important;
}
.footer-4{
    margin-bottom: 25px;
}
.footer-into2{
    display: flex;
    justify-content: center;
}
.footer-right a{
    color: white;
    transition: all 0.3s ;
}
.soc-ico a{
    margin-right: 10px;
}
.soc-ico{
    margin-top: 35px;
}
.soc{
        margin-top: 35px;
}
.soc h3{
    margin-top: 23px;
}
.footer-right a:hover{
    opacity: .8;
}
.footer-right li{
    margin-top: 19px;
}
.btn-link{

}
.zelform{
   
    border-radius: 16px;
    width: 472px;
    padding: 33px 46px 41px;
    margin-top: 47px;
}

.mzal{
display: none;
}
.dzal{
    font-family: Lato;
font-weight: 500;
font-style: Medium;
font-size: 40px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;

}
.garantii{
        font-family: Montserrat;
    font-weight: 600;
  
    font-size: 14px;
 
    line-height: 100%;

    text-transform: uppercase;
}

.gr-b{
  display: none !important;
}
.serch-logo{
      display: flex
;
    justify-content: space-between;
}
.arrow{
    opacity: 0;
}

#main-menu .sub-menu .myactive2 { position: relative; }


.respos21gv-02.ter2{
  left: 156px;
    position: relative;
    top: 37px;
}
/* само подменю третьего уровня — сбоку вправо */
#main-menu .sub-menu .myactive2 > .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -4px;
    z-index: 1000;
    background: #FAFAFA;
}
#main-menu .sub-menu .myactive2 > .sub-menu{
  top: 0 !important;
  left: 100% !important;
}

.kr-2{
    display: block !important;
    position: relative;
    top: -4px;
    width: 49px;
}
.two-into-9 p{

    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    top: -7px;
}

.error3{
      display: flex
;
    position: absolute;
    background: red;
    color: white;
    width: 86%;
    padding: 4px;
}



.two-into-9 span{
  display: block;
}
.two-into-9{
    background-image: url(../img/Image1222.webp);
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
    height: 324px;
    display: flex
;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 45px;
}
.five-2 h2 span{
  display: block;
}
.catm33 h2{
font-family: Lato;
font-weight: 700;
font-style: Bold;
font-size: 64px;

line-height: 100%;

}



.catm33{
    background-color: rgba(250, 250, 250, 1);
    padding-top: 69px;
}
.cats3 {
  display: flex;
  gap: 0px;
  flex-wrap: wrap;
}
.cats3{
      font-size: 32px;
}


.cat-item3 {
    width: 433px;
    height: 410px;
    background: #fff;
    padding: 41px 42px;
    border-radius: 0px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
}
.catm33-into{
       margin-top: 56px;
    padding-bottom: 68px;
}

.tags3 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.tag3 {
    background: #15963e;
    color: #fff;
    font-size: 14px;
    padding: 10px 14px;
    border-radius: 999px;
    display: inline-block;
    font-weight: 500;
}

.cat-item3 h3 {
    font-size: 22px;
    margin: 35px 0 12px 0;
    color: #111;
    font-family: Lato;
    font-weight: 700;

    font-size: 32px;

}

.active-0 h3{
  color: white !important;
}
.active-0 p{
  color: white !important;
}
.active-0{

  background: url('../img/Image2123.webp');
  background-repeat: no-repeat;
  background-size: cover;
}
.cat-item3 p {
    color: #374151;
    font-size: 16px;
    margin: 27px 0 0px 0;

    font-family: Montserrat;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;

    line-height: 25px;
    letter-spacing: 0%;
}

.arrow {
  font-size: 24px;
  text-decoration: none;
  color: #111;
}

/* при ширине меньше 1200px — горизонтальная прокрутка */
@media (max-width: 1200px) {
  .cats3 {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .cats3::-webkit-scrollbar { display: none; }
}




.wrap-page{

}
.green_l{
  color: var(--green);
}
  /* ===== FAQ (container-3 seven2) ===== */

  /* Layout */
  .container-3.seven2 { width: 100%; }
  .seven2-into {

    margin: 0 auto;
  
    display: grid;
    grid-template-columns: 1fr 2fr; /* ~33% / 67% */
    gap: 56px;
  }

  /* Left column */
  .faq-left h2{
    font-size: 56px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 16px 0;
    color: #1f2937;
  }
  .faq-left p{
    font-size: 16px;
    line-height: 1.75;
    color: #6b7280;
    margin: 0;
    max-width: 340px;
  }

  /* Right column */
  .faq-right{
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* Item */
  .faq-item{ padding: 3px 0 10px; }
  .faq-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    padding: 12px 0; /* зона клика побольше */
  }
  .faq-head h2{
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    color: #111827;
  }
  .faq-head:hover h2{ color: #0f172a; }

  /* Content */
  .faq-body{ display: none; padding-top: 0px; }
  .faq-body p{
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #6b7280;
    max-width: 720px;
  }

  /* Divider */
  .faq-divider{
    height: 1px;
    background: rgba(243, 246, 249, 1);
    margin-top: 16px;
  }

  /* ----- Chevron: V (closed) -> ^ (open), одна линия без крестика ----- */
  .chev{
    width: 24px;
    height: 24px;
    position: relative;
    flex: 0 0 24px;
  }
  .seven2{
        margin-top: 65px;
    padding-bottom: 61px;
  }
  .chev::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;               /* длина усиков */
    height: 10px;              /* длина усиков */
    border-right: 2px solid #111827;
    border-bottom: 2px solid #111827;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(43deg); /* V (вниз) по умолчанию */
    transition: transform .2s ease;
  }
  /* открыто: ^ вверх */
  .faq-item.open .chev::before{
    transform: translate(-50%, -50%) rotate(222deg);
  }

  /* Open state */
  .faq-item.open .faq-body{ display: block; }

  /* Responsive */
  @media (max-width: 1024px){
    .seven2-into{ grid-template-columns: 1fr; gap: 32px; }
    .faq-left h2{ font-size: 44px; }
    .faq-left p{ max-width: 100%; }
  }
  @media (max-width: 640px){
    .seven2-into{ padding: 28px 16px; }
    .faq-left h2{ font-size: 20px; }
    .faq-head h2{ font-size: 18px; }
    .faq-body p{ font-size: 15px; }
  }

.page1 h4 {
    font-family: Lato;
    font-weight: 700;
    font-size: 32px;
    line-height: 43px;
    letter-spacing: 0%;
    color: rgba(25, 25, 25, 1);
}
.six.page-six{
padding-top: 0px;
}

.page1 .six-into-1 {
display: grid
;
    grid-template-columns: 596px 494px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    height: 192px;
    padding-top: 56px;
}
.into-page-2 .rozpax {
    display: flex
;
    align-items: center;
    width: 221px;
    justify-content: center;
    border-radius: 8px;
    height: 45px;
    color: white !important;
    background-color: rgba(19, 148, 64, 1);
    font-weight: 500;
}

.tel-pafe{
    display: flex
;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
}
.tel-pafe a{
      color: rgba(0, 0, 0, 1) !important;
    font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 25px;
    letter-spacing: 0%;
}
.into-page-1 .gh32{
  margin-top: 0px;
}
.wrap-page{
  display: grid;
  grid-template-columns: 1110px 1fr;

}
.six-into-01.page h2 {
    font-family: Lato;
    font-weight: 700;
   

    line-height: 66px;

    margin-top: 11px;
    padding-right: 0%;
}
.into-page-1 h2{
  font-size: 48px;
}

    .six_grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 1fr;
      gap: 18px;
    }

    /* Карточка */
    .six_card {
    border: 1px solid #e6e7ea;
    border-radius: 32px;
    padding: 22px 22px 20px;
    background: #ffffff;
    }
.six-2 h2{
    font-family: Lato;
    font-weight: 700;

    font-size: 64px;
  
    margin-top: 11px;
    margin-bottom: 28px;
}



.six-2{
      margin-top: 74px;
}
    /* Иконка-контейнер и пустой img */
    .six_icon {
width: 36px;
    height: 36px;

    margin-bottom: 14px;
    overflow: hidden;
    }
    .six_icon img {

      display: block;
      object-fit: contain;
    }

    /* Заголовок и текст */
    .six_title {
      display: inline-block;
      font-weight: 700;
      font-size: 18px;
      line-height: 1.3;
      margin-bottom: 8px;
      color: #0f172a;
    }
    .six_text {
      margin: 0;
      color: #475569;
      font-size: 14px;
      line-height: 1.55;
    }

  /* Горизонтальная лента — нативный скролл */
  .cats-wrap2 {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;   /* инерция iOS */
    touch-action: pan-x;                 /* жесты по оси X */
    overscroll-behavior-x: contain;      /* без резинки */
    backface-visibility: hidden;         /* анти-мерцание iOS */
    transform: translateZ(0);
    will-change: scroll-position;
    contain: content;
  }

  /* Ряд — теперь тоже div */
  .cats-row {
    display: flex;
    gap: 0;
  }

  /* Включаем scroll-snap только НЕ на iOS — меньше дёрганий */
  @supports not (-webkit-touch-callout: none) {
    .cats-row { scroll-snap-type: x proximity; }
    .cat-item { scroll-snap-align: start; }
  }

  .cat-item {
    flex: 0 0 auto;
    padding: 4px 6px; /* зона хвата вокруг карточки */
  }

.head-h2{

}

  /* Пример содержимого: «карточка» */
  .cat-card {
 
  }

  /* Ховеры/фокусы для кликабельных дивов (если нужно) */
  .cat-card[role="button"] {
    outline: none;
    border: 1px solid #e5e7eb;
    background: #fff;
    transition: background-color .2s, color .2s, border-color .2s, transform .15s;
  }
  .cat-card[role="button"]:hover {
    background: #111827; color:#fff; border-color:#111827;
  }
  .cat-card[role="button"]:active {
    transform: translateY(1px);
  }

  /* Скрываем скроллбар кроссбраузерно */
  .cats-wrap2 { scrollbar-width: none; -ms-overflow-style: none; }
  .cats-wrap2::-webkit-scrollbar { width: 0; height: 0; }
  
  /*скрол*/
  /* Одноразовое пошатывание — с префиксом */
@keyframes anim_wobble-left{
    0%   { transform: translateY(6px) rotate(0deg); opacity:0 }
    10%  { opacity:1 }
    25%  { transform: translateX(-6px) rotate(-4deg) }
    45%  { transform: translateX( 2px) rotate( 1.5deg) }
    65%  { transform: translateX(-3px) rotate(-1.5deg) }
    85%  { transform: translateX( 1px) rotate( 0.8deg) }
    100% { transform: translateX( 0)   rotate( 0deg) }
  }

  /* Правый рывок (зеркально) */
  @keyframes anim_wobble-right{
    0%   { transform: translateY(6px) rotate(0deg); opacity:0 }
    10%  { opacity:1 }
    25%  { transform: translateX( 6px) rotate( 4deg) }
    45%  { transform: translateX(-2px) rotate(-1.5deg) }
    65%  { transform: translateX( 3px) rotate( 1.5deg) }
    85%  { transform: translateX(-1px) rotate(-0.8deg) }
    100% { transform: translateX( 0)   rotate( 0deg) }
  }

  /* Карточка + базовые стили */
  .anim_card{

    overflow:hidden;
  
    display:inline-block;
  }


  /* Запуск анимации сразу, общие параметры */
  .anim_wobble-now{
    animation-duration: 900ms;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    transform-origin: 50% 50%;
    backface-visibility: hidden;
    will-change: transform, opacity;
  }
  /* Направление задаём отдельным классом */
  .anim_wobble-left  { animation-name: anim_wobble-left; }
  .anim_wobble-right { animation-name: anim_wobble-right; }

 /* Одноразовое пошатывание — с префиксом */
.div99-right{
  display: grid;
  grid-template-columns: 300px 1fr 300px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
 /* Класс, который запускает анимацию сразу */
.prog_z-media{
  display:inline-block;           /* чтобы размер подстраивался под изображение */
  overflow:hidden;                /* прячем выходящие края */
  border-radius:12px;             /* по желанию – скругление */
}
.ter2.an75 img{
        width: 323px;
    right: 10px;
    top: -1px;
}
.prog_z-list strong{
font-weight: 700;
}
.div99-right img{
     position: absolute;
    right: -24px;
    top: -22px;
}
.ter3{
      max-width: 360px;
    top: 52px;
    left: -34px;
    position: relative;
}
.ter1{
    left: -73px;
    top: 68px;
    position: relative;
}


.ter2{
     left: 62px;
    position: relative;
    top: 37px;
}

.div99-right{
  position: relative;
}

/* Само фото: плавная анимация и точка масштабирования */
.prog_z-media img{
  display:block;
  width:100%;
  height:auto;
  transform-origin:center center; /* масштаб из центра */
  transition:transform 300ms ease;/* плавность */
}

/* Увеличение при наведении мышью */
.prog_z-media:hover img,
.prog_z-media:focus-within img{   /* и при фокусе с клавиатуры */
  transform:scale(1.06);
}
.prog_z-card{
  padding-top: 0px;
}
.main{
    display: grid
;
    grid-template-columns: 661px 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.head-h2{
 padding-top: 68px;
}
   

.ghkk h1{
font-family: Lato;
    font-weight: 500;
    line-height: 55px;
    font-size: 49px;
    text-transform: uppercase;

}
.ghkk{
        padding-top: 55px;
}
header{
        padding-bottom: 9px;
}
.main-t{
 
}

.ghkk h2{
    font-family: Lato;
    font-weight: 400;
    font-size: 32px;
    margin-top: 29px;

}
.three-right-2{
      padding-left: 62px;
}
.rozpax{
    display: flex;
    align-items: center;
    width: 221px;
    justify-content: center;
    border-radius: 8px;
    height: 45px;
    color: white;
   background-color: rgba(19, 148, 64, 1);
}
.zamov{
    border: 1px solid rgba(29, 29, 27, 1);
    width: 254px;
    height: 45px;
    display: flex
;
    border-radius: 8px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: rgba(29, 29, 27, 1);
}
.giop2{
       display: flex
;
    width: 506px;
    justify-content: space-between;
    margin-top: 41px;
}
.main-text{
    font-family: Montserrat;
    font-weight: 400;
  
    font-size: 16px;
   
   
    letter-spacing: 0%;

    line-height: 21px;
}
.two-2{
        background-color: rgba(250, 250, 250, 1);
    padding-top: 70px;
    padding-bottom: 70px;
}
.two-left-2{
    margin-bottom: 30px;
}
.two-left-2{
    line-height: 22px;
}
.two-right-2{
    line-height: 22px;
}
.two-into-2{
        margin-top: 31px;
}
.container-4{
    max-width: 1301px;
    margin: 0 auto;
}
.main-t {
   
    padding-bottom: 130px;
}


.three-left-2-wrap{
  display:grid;
  grid-template-columns: 280px 1fr;  /* слева фикс, справа — гибкая */
  grid-auto-rows: minmax(120px, auto);
  gap:16px;
}

/* размещение по линиям */
.zela    { grid-column: 1; grid-row: 1; }
.dama    { grid-column: 1; grid-row: 2;position: relative; }
.trminal { grid-column: 2; grid-row: 1 / span 2; } /* на две строки справа */
.dama a{
    width: 216px;
    height: 42px;
    justify-content: center;
    display: flex
;
    align-items: center;
    font-weight: 700;
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 50%;
    bottom: 31px;
    border-radius: 10px;
    transform: translate(50%, 0%);
    background-color: var(--green);


}
.four-into-2{
    display: grid;
    grid-template-columns: 589px 589px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.three-into-2{
display: grid
;
    grid-template-columns: 689px 1fr;
    
    grid-column-gap: 90px;
    grid-row-gap: 10px;
    margin-top: 66px;
}

/* оформление (пример) */
.zela{         background: #0a8a43;
    color: #fff;
    border-radius: 0px;
    padding: 18px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    height: 292px; }

.dama img{       width: 100%;
    height: 100%;
    max-height: 520px;
    object-fit: contain;
    width: 282px;  }
.trminal{     background: #f5f5f5;
    border-radius: 0px;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 12px;
 }
 .three-right-2 h2{
    font-family: Lato;
    font-weight: 700;
    font-style: Bold;
    font-size: 38px;
    leading-trim: NONE;
    line-height: 46px;
    letter-spacing: 0%;
 }
 .ico-wrap{
font-family: Montserrat;
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color: rgba(0, 0, 0, 1);

 }


.god{
        padding-right: 16px;
}
.ico-wrap{
    display: grid
;
    grid-template-columns: 281px 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 62px;
    margin-top: 56px;
}

.trminal img{  height:100%; max-height:520px; object-fit:contain; }


.three-into-2{
  display: grid;
  grid-template-columns: 1fr 1fr; /* у вас может быть своё — не критично */
  gap: 32px;
}

/* важно: у левой колонки будет min-height из JS */
.three-left-2{ position: relative; }

/* сам «прилипающий» блок */
.three-left-2-wrap{
  position: sticky;
  top: 20px;                /* отступ от верха окна (можно менять) */
  will-change: transform;   /* более плавно в некоторых браузерах */
}

  :root{
  

    --_007-bg:#fff;

    --_007-border:#e6ecef;
    --_007-accent:#3fb27f;

    --_007-track:#00000010;      /* дорожка скролла */
  
  }

.respo21{
font-family: Lato;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 25px;
    letter-spacing: 0%;
    text-transform: uppercase;
    margin-top: 72px;
}
.four-2{
      padding-bottom: 66px;
}

  ._007-wrap{

  }

  ._007-card{
    width:630px;
    height:830px;
    background:var(--_007-bg);
    border-radius:var(--_007-radius);
    box-shadow:var(--_007-shadow);
    display:flex;                /* чтобы тело заняло высоту и скроллилось */
    flex-direction:column;
  }

  ._007-card__head{
    padding:20px 24px 10px;
  }
  ._007-card__title{
margin: 0;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid var(--green);
    padding-top: 0px;
    font-family: Lato;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    padding-bottom: 12px;
  }
  ._007-card__underline{

  }
  ._007-row h4{
    font-family: Lato;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    line-height: 21px;

  }
  
    .four-2 h2 {
      font-weight: 700;
    font-size: 48px;
    line-height: 44px;
    margin-top: 16px;
    }

._007-card__head{
    border-radius: 20px;
    padding-top: 33px;
}
  ._007-card__body{
    padding:0 24px 18px;
    flex:1;                      /* занимает всё оставшееся от высоты 830 */
    display:flex;
    min-height:0;                /* важен для корректного flex+overflow */
  }

  /* прокручиваемая часть */
  ._007-scrollbox{
    flex:1;
    overflow:auto;               /* скролл только при переполнении */
    padding-right:10px;          /* место под ползунок */
    -webkit-overflow-scrolling: touch;
    position:relative;
    min-height:0;
  }

  /* Контент: две колонки в строке, как в макете */
  ._007-list{ margin:0; padding:0; list-style:none; width:100%; }
  ._007-row{
    display: grid
;
    grid-template-columns: 191px 1fr;
    gap: 38px;
    padding: 18px 0;
    font-family: Lato;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 22px;
    letter-spacing: 0%;

  }
._007-row li{
position: relative;
}
._007-row li::before{
content: '';
    background: rgba(113, 118, 128, 1);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    top: 9px;
    left: -14px;
    border-radius: 20px;
}

  ._007-row + ._007-row{ border-top:1px solid var(--_007-border); }
  ._007-row h4{ margin:0; font-size:16px; }
  ._007-row ul{ margin:0; padding-left:18px; }
  ._007-row li{     margin: 6px 0;
    color: rgba(113, 118, 128, 1); }
  ._007-row li::marker{ color:#97a6b2; }

  /* Маски (видны только при переполнении) */
  ._007-scrollbox._007-has-scroll::before,
  ._007-scrollbox._007-has-scroll::after{
    content:"";
    position:sticky; left:0; right:0; height:16px;
    pointer-events:none; z-index:2;
  }
  ._007-scrollbox._007-has-scroll::before{ top:0;    background:linear-gradient(#fff,#ffffff00); }
  ._007-scrollbox._007-has-scroll::after { bottom:0; background:linear-gradient(#ffffff00,#fff); }

  /* Скроллбар — Chrome/Edge/Safari */
  ._007-scrollbox::-webkit-scrollbar{ width:8px; }
  ._007-scrollbox::-webkit-scrollbar-track{ background:var(--_007-track); border-radius:8px; }
  ._007-scrollbox::-webkit-scrollbar-thumb{
    background:var(--_007-thumb);
    border-radius:8px;
    border:2px solid transparent;
    background-clip:content-box;
  }
  ._007-scrollbox::-webkit-scrollbar-thumb:hover{ background:var(--_007-thumb-hover); }
  /* Firefox */
  ._007-scrollbox{ scrollbar-width:thin; scrollbar-color:var(--_007-thumb) var(--_007-track); }

  /* адаптив — на узких экранах строки становятся одной колонкой */
/* override scrollbar colors */
._007-scrollbox{
  scrollbar-color: #d5d7da #f5f5f5; /* Firefox: thumb track */
}
._007-scrollbox::-webkit-scrollbar-track{
  background:#f5f5f5;              /* дорожка */
}
._007-scrollbox::-webkit-scrollbar-thumb{
  background:#d5d7da;              /* ползунок */
}
._007-scrollbox::-webkit-scrollbar-thumb:hover{
  background:#c8cacf;              /* наведение */
}
._007-card{
    background-color: rgba(250, 250, 250, 1);
    border-radius: 27px;
}


/* контейнер с карточками */
.prog_z-list{
    display: grid
;
    gap: 56px;
    margin-top: 59px;
}

/* карточка: 2 колонки */
.prog_z-card{
  display: grid;
  grid-template-columns: 1.02fr 1fr;
  gap: 28px;
  align-items: start;
}
.prog_z-card--reverse{ grid-template-columns: 1fr 1.02fr; }
.prog_z-card--reverse .prog_z-media{ order: 2; }
.prog_z-card--reverse .prog_z-content{ order: 1; }

/* медиа */
.prog_z-media{
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(0,0,0,.08);
}
.prog_z-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit: cover;
}

/* контент */
.prog_z-content{ padding-top: 0px; }
.prog_z-title{
margin: 0px 0 26px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 800;
}
.prog_z-text{
    margin: 0px 0 39px;
    color: rgba(0, 0, 0, 1);
    line-height: 24px;
    font-size: 16px;
}

/* кнопки */
.prog_z-actions{ display:flex; flex-wrap:wrap; gap:12px; }
.prog_z-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 18px; border-radius:10px; text-decoration:none;
  font-weight:600; transition:all .18s ease;
}
.prog_z-btn--primary{
  background:#2aa75a; color:#fff; border:1px solid #2aa75a;
}
.prog_z-btn--primary:hover{ filter: brightness(0.95); }
.prog_z-btn--ghost{
  background:#fff; color:#1b1f23; border:1px solid #cfd6dd;
  box-shadow:0 2px 0 rgba(0,0,0,.02);
}
.prog_z-btn--ghost:hover{ background:#f7f9fb; }

.pageeight{
    background: url(../img/BackgroundImage44.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0px !important;
}
.osnova-cat a{
text-decoration: none !important;
}
.pageeight.osnova-cat{
    background: url(../img/FooterImag453.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0px !important;
}
.pageeight h3{
    font-family: Lato;
    font-weight: 300;
    font-size: 36px;
    vertical-align: middle;
    padding-right: 42px;

}

.pageeight .eight-left p{
      padding-right: 71px;
}

/* адаптив */


@media (max-width: 1342px) { 
  ._007-card {
    width: 588px;
    height: 830px;


    flex-direction: column;
}
.ter2 {
    left: 93px;
    position: relative;
    top: 37px;
}
.container-3{
  max-width: 1201px;
}
.faq-left h2 {
    font-size: 48px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 16px 0;
    color: #1f2937;
}
  .anim_card img{    display: block;
    width: 228px;
    height: auto;}
    .ter2.an75 img {
    width: 284px;
    right: 10px;
    top: 7px;
}
.an74 img{
        width: 219px;
}
.seven2{
      margin-top: 60px;
}
.container-4{
  max-width: 1201px;
}
.main {
    display: grid
;
    grid-template-columns: 570px 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.wrap-page {
        display: grid
;
        grid-template-columns: 836px 1fr;
        gap: 142px;
}
.six-into-01.page h2 {
    font-family: Lato;
    font-weight: 700;
    line-height: 55px;
    margin-top: 11px;
    padding-right: 0%;
}
.trminal img {
    width: 124%;
    height: 100%;
    max-height: 520px;
    object-fit: contain;
}
.three-into-2 {
    display: grid
;
    grid-template-columns: 595px 1fr;
    gap: 32px;
}
.tel-pafe img{
  width: auto !important;
}
.into-page-2{
      display: flex
;
    flex-direction: column;
    justify-content: space-between;
}

 }

  @media (max-width: 1228px) {

.page1 .six-into-1 {
    display: grid
;
    grid-template-columns: 423px 494px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    height: 192px;
    padding-top: 56px;
}
    .three-into-2 {
        display: grid
;
        grid-template-columns: 556px 1fr;
        gap: 32px;
    }
    .anim_card img {
        display: block;
        width: 189px;
        height: auto;
    }
    .an77{
            max-width: 360px;
    top: 85px !important;
    left: 21px!important;
    }
        .ter2.an75 img {
        width: 227px;
        right: 45px;
        top: 27px;
    }
    .an74 img{
width: 173px;
    right: 3px;
    top: 10px;
    }
 

.into-page-1 h2 {
    font-size: 48px;
}
.wrap-page {
        display: grid
;
        grid-template-columns: 804px 1fr;
        gap: 0px;
    }
    ._007-card {
        width: 501px;
        height: 830px;
        flex-direction: column;
    }
    ._007-row {
    display: grid
;
    grid-template-columns: 119px 1fr;
    gap: 38px;
    padding: 18px 0;
    font-family: Lato;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 22px;
    letter-spacing: 0%;
}
    .ter1 {
    left: 75px;
    top: 68px;
    position: relative;
}
.six.page-six {
    padding-top: 91px;
}
.ghkk {
    padding-top: 47px;
}
.ghkk h1 {
    font-family: Lato;
    font-weight: 500;
    line-height: 47px;
    font-size: 40px;
    text-transform: uppercase;
}
.main {
        display: grid
;
        grid-template-columns: 572px 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
}
.respos21gv-02.ter2 {
    left: 258px;
    position: relative;
    top: 37px;
}



    .ter2 .respos21gv-0022 {
        width: 343px !important;
    }
        .respos21gv-02.ter2 {
        left: 301px;
        position: relative;
        top: 37px;
    }
.container-3{
  max-width: 1026px;
}
.container-4{
  max-width: 1050px;
}
.div99-right {
    position: relative;
    left: -158px;
}
.six_grid {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 18px;
}
    .ter2 {
        left: 175px;
        top: 57px;
        z-index: 2;
    }
.ter3 {
    max-width: 360px;
    top: 33px;
    left: 2px;
    position: relative;
}
.three-right-2 {
    padding-left: 0px;
}

  }

   @media (max-width: 1054px) { 
    .ghkk h1 {
        font-family: Lato;
        font-weight: 500;
        line-height: 42px;
        font-size: 37px;
        text-transform: uppercase;
    }
#main-menu .sub-menu .myactive2 > .sub-menu {
    top: 0 !important;
    left: 2% !important;
}
        .wrap-page {
        display: grid
;
        grid-template-columns: 658px 1fr;
        gap: 0px;
    }
   .an75 img {
        width: 249px !important;
    }
.four-2 {
    padding-bottom: 24px;
}
.five34 .block-five h2 {
    font-size: 45px;
}
    .five34 .block-five h2 {
        font-size: 45px;
        line-height: 54px;
    }
    .faq-left h2 {
        font-size: 35px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: -0.02em;
        margin: 0 0 16px 0;
        color: #1f2937;
    }
.four-2 h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 66px;
}
.two-into-9 {
    background-image: url(../img/Image1222.webp);
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
    height: 324px;
    display: flex
;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 22px;
    padding-right: 22px;
}
.two-into-9 h2{
      font-size: 38px;
    line-height: 45px;
}

    .eight-left.glaf3 {
        padding-top: 15px !important;
        padding-left: 35px !important;
    }
.glaf3 .ozns{
    padding-top: 29px !important;
}

.two-into-9 p {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    position: relative;
    top: -7px;
}
    .two-into-9 h2 {
        font-size: 30px;
        line-height: 35px;
    }

  ._007-card {
        width: 438px;
        height: 830px;
        flex-direction: column;
    }
    .catm33 h2 {
    font-family: Lato;
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    line-height: 100%;
}
.menu-1{
  display: none;
}
.menu-2{
  display: block !important;
}

.catm33 {
    background-color: rgba(250, 250, 250, 1);
    padding-top: 42px;
}
.cat-item3 {
    width: 380px;
    min-height: 350px;

    padding: 28px 33px;
    border-radius: 0px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
}
.page1 h4 {
font-family: Lato;
        font-weight: 700;
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0%;
        color: rgba(25, 25, 25, 1);
}
.page1 .six-into-1 {
        display: grid
;
        grid-template-columns: 332px 439px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 10px;
        height: 192px;
        padding-top: 56px;
    }
    ._007-row {
        display: grid
;
        grid-template-columns: 1fr;
        gap: 0px;
        padding: 18px 0;
        font-family: Lato;
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 22px;
        letter-spacing: 0%;
    }
    .into-page-1 h2 {
    font-size: 40px;
}
.glafi {
    margin-top: 22px !important;
}
.container-3{
  max-width: 881px;
}
.container-4{
  max-width: 881px;
}
.ghkk h2 {
    font-family: Lato;
    font-weight: 400;
    font-size: 28px;
    margin-top: 3px;
}
    .ter2 {
        left: 226px;
        position: relative;
        top: -7px;
        z-index: 2;
    }
        .main {
        display: grid
;
        grid-template-columns: 408px 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
.two-2 h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
}
   .respos21gv-00 .respos21gv-02 img{
    width: 334px !important;
}
    .respos21gv-02.ter2 {
        left: 267px;
        position: relative;
        top: 37px;
    }
   }
        @media (max-width: 1054px) {
 .div99-right img {
    position: absolute;
    right: 0;
 
}

      .ter3 img {
        width: 217px;
    }
    .ter1 img {
              width: 256px;
    }
    .ter2 {
          left: 218px;
        position: relative;
        top: 63px;
        z-index: 2;
    }
        .ter2 img {
        width: 334px !important;
    }
.ter2 img {
        width: 190px !important;
    }
        .ghkk h2 {
        font-family: Lato;
        font-weight: 400;
        font-size: 24px;
        margin-top: 3px;
        line-height: 30px;
    }
        .two-2 h2 {
        font-weight: 700;
        font-size: 32px;
        line-height: 39px;
    }
.main-t {
   
    padding-bottom: 87px;
    overflow: hidden;
}
.ico-wrap {
    display: grid
;
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    margin-top: 16px;
}
.three-right-2 h2 {
    font-family: Lato;
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 33px;
    letter-spacing: 0%;
    margin-bottom: 31px;
}
.five-2 h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 41px;
}

.dama img {
    width: 100%;
    height: 100%;
    max-height: 520px;
    object-fit: contain;
    width: 240px;
}
.three-left-2-wrap {
    display: grid
;
    grid-template-columns: 241px 1fr;
    grid-auto-rows: minmax(120px, auto);
    gap: 16px;
}
.three-into-2 {
display: grid
;
        grid-template-columns: 438px 1fr;
        gap: 32px;
}
    .ter3 {
        top: 33px;
        left: 21px;
        position: relative;
}
.six-2 h2 {
    font-family: Lato;
    font-weight: 700;
    font-size: 48px;
    margin-top: 11px;
    margin-bottom: 28px;
}
.ter1 {
           left: 151px;
        top: 75px;
        position: relative;
    }
    .ghkk h2 {
        font-family: Lato;
        font-weight: 400;
        font-size: 26px;
        margin-top: 13px;
    }
    .ter2.an75 img {
        width: 227px;
        right: 12px;
        top: 27px;
    }
        .an77 {
        max-width: 360px;
        top: 85px !important;
        left: 67px !important;
    }
    .ghkk h1 {
        font-family: Lato;
        font-weight: 500;
        line-height: 42px;
        font-size: 35px;
        text-transform: uppercase;
    }
     } 
   @media (max-width: 980px){

    .wrap-page {
        display: grid
;
        grid-template-columns: 524px 1fr;
        gap: 0px;
    }
      .page .rozpax {
         margin-bottom: 0px; 
    }
    .page.six-into-01 {
    padding-bottom: 15px;
    border-bottom: 2px solid;
}
        .six-into-01.page h2 {
        font-family: Lato;
        font-weight: 700;
        line-height: 42px;
        margin-top: 11px;
        padding-right: 0%;
    }
        .into-page-1 h2 {
        font-size: 34px;
    }
        .page1 .six-into-1 {
        display: grid
;
        grid-template-columns: 257px 409px 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 10px;
        height: 192px;
        padding-top: 56px;
    }

    .zelform.glaf4 {

    margin-top: 21px;
}
        .page1 h4 {
        font-family: Lato;
        font-weight: 700;
        font-size: 23px;
        line-height: 34px;
        letter-spacing: 0%;
        color: rgba(25, 25, 25, 1);
    }
      .four-2 h2 {
        font-weight: 700;
        font-size: 40px;
        line-height: 44px;
    }
        .six.page-six {
        padding-top: 65px;
    }
  .prog_z-card,
  .prog_z-card--reverse{
    grid-template-columns: 1fr;
  }
  .prog_z-card--reverse .prog_z-media,
  .prog_z-card--reverse .prog_z-content{
    order: initial;
  }
}

  @media (max-width: 926px) { 

.an74 img {
       width: 157px !important;
    }
        .ter1.an77 img {
        width: 171px !important;
    }
    .ter3.an74 img {
        width: 156px !important;
    }
        .an75.ter2  img {
        width: 219px !important;
    }
        .an77 {
        max-width: 360px;
        top: 85px !important;
        left: 136px !important;
    }
    .rozpax {
    display: flex
;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-radius: 8px;
    height: 45px;
    color: white;
    background-color: rgba(19, 148, 64, 1);
}
.zamov {
    border: 1px solid rgba(29, 29, 27, 1);
    width: 100%;
    height: 45px;
    display: flex
;
    border-radius: 8px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: rgba(29, 29, 27, 1);
    margin-top: 19px;
}

    .ghkk {
        padding-top: 20px;
    }
        .ghkk h2 {
        font-family: Lato;
        font-weight: 400;
        font-size: 20px;
        margin-top: 10px;
    }
        .main {


    }
    .giop2 a{
      position: relative;
      z-index: 22;
    }
        .div99-right {
    display: grid
;
    grid-template-columns: 167px 1fr 300px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
    .prog_z-list {
    display: grid
;
    gap: 56px;
    margin-top: 13px;
}
.prog_z-content {
    padding-top: 0px;
}
.prog_z-title {
    margin: 0px 0 10px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 800;
}
.head-h2 {
    padding-top: 41px;
}
.prog_z-media {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .08);
    width: 509px;
}
.prog_z-list {
    display: grid
;
    gap: 56px;
    margin-top: 26px;
}
    .prog_z-list {
        display: grid
;
        gap: 34px;
        margin-top: 26px;
    }
.prog_z-text {
    margin: 0px 0 15px;
    color: rgba(0, 0, 0, 1);
    line-height: 24px;
    font-size: 16px;
}
    .main-text {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0%;
    line-height: 21px;
    margin-top: 22px;
}
.rozpax {
  margin-bottom: 25px;
}
.giop2 {
        display: flex
;
        width: 100%;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 31px;
}
.serch-wt.active{
    display: flex
;
    flex-direction: column;
}
/* Базовое состояние: скрыто */
.serch-wt {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px);
  transition: 
    opacity 0.3s ease,
    transform 0.3s ease,
    visibility 0.3s ease;
}

/* Когда появляется класс .active */
.serch-wt.active {
  display: flex;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}


@keyframes serchFadeIn{
  from{ opacity:0; transform: translateY(6px); }
  to  { opacity:1; transform: translateY(0); }
}

/* уважение к уменьшению анимации */



.kr-2 {
    display: block !important;
    position: relative;
    top: -12px;
    width: 49px;
}
.container-4{
  max-width: 720px;
}
.container-3{
  max-width: 720px;
}
.ghkk h1 {
        font-family: Lato;
        font-weight: 500;
        line-height: 38px;
        font-size: 28px;
        text-transform: uppercase;
    }
    .main {
     display: grid;
        grid-template-columns: 357px 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
        .ter3 {
        top: 33px;
        left: 58px;
        position: relative;
    }
    .ter2.an75 img {
        width: 227px;
        right: -11px;
        top: 27px;
    }
        .an77 {
        max-width: 360px;
        top: 85px !important;
        left: 143px !important;
    }
 }

@media (max-width: 750px) {
    .an78{
            margin-left: 15px;
    }
        .an77 {
        max-width: 360px;
        top: -23px !important;
        left: 51px !important;
    }

    .page.six-into-01 {
        padding-bottom: 5px;
        border-bottom: 2px solid;
    }
      .three-left-2-wrap {
        display: grid
;
        grid-template-columns:  1fr !important;
        grid-auto-rows: minmax(95px, auto);
        gap: 0px !important;
    }
      .main {
        display: flex
;
        flex-direction: column;
        grid-template-columns: flex;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
    .respos21gv-02.ter2 {
left: 301px;
        position: static;
        margin-left: -80px;
        margin-top: -18px;

    }
    .zela {
    grid-column: 1;
    grid-row: 2;
}
.dama {
    grid-column: 1;
    grid-row: 3;
    position: relative;
}
    .ter2 .respos21gv-0022 {
        width: 306px !important;
    }
.imgd2{
  display: none;
}
.imgd1{
  display: block !important;
}
footer h4 {

    margin-bottom: 0px;

}
.footer-5 .wrap-000{
  display: none;
}
footer h4 {
    border-bottom: 1px solid transparent;

}
.trminal {
    grid-column: 1;
    grid-row: 1;
}
    .div99-right img {
    position: static;
    right: 0;
    top: -11px;
}
    .ter2 {
        left: 111px;
        position: relative;
        top: 36px;
        z-index: 2;
    }
    .ter3 {
        top: 33px;
        left: -38px;
        position: relative;
    }
    .wrap-00 p {
     display: none;
}
.footer-center-2 {
    padding-top: 10px;
}
    .ter1 img {
        width: 227px;
        position: relative !important;
        left: -19px;
        top: 33px;
    }
    .ico-wrap {
        display: grid
;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 20px;
        margin-top: 16px;
    }
        .six_grid {
        display: grid
;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 1fr;
        gap: 18px;
    }
        .div99-right {
        position: relative;
        left: auto;
    }
    .div99-right {
        display: grid !important
;
   
    }
    .footer-5{
      border-bottom: 1px solid;
}
    .div99-right {
        display: grid;
        grid-template-columns: 182px 153px 168px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
        .ter2 img {
               width: 166px !important;
        margin-left: 13px;
    }
    .ter3 img {
        width: 181px;
    }
        .ter1 {
         position: relative;
        left: 57px;
        top: -2px;
    }
        .ter2 {
        left: 111px;
        position: static;
        top: 36px;
        z-index: 2;
    }
    .ter3 {
        top: 33px;
        left: -38px;
        position: static;
    }
          .two-into-9 p {
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        position: relative;
        top: -7px;
    }
        .two-into-9 {
        background-image: url(../img/Image1222.webp);
        color: white;
        background-repeat: no-repeat;
        background-size: cover;
        height: 277px;
        display: flex
;
        border-radius: 20px;
        flex-direction: column;
        justify-content: space-evenly;
        padding-left: 22px;
        padding-right: 22px;
    }
        .five34 .block-five h2 {
        font-size: 35px;
        line-height: 54px;
    }
        .block-five {
        padding-top: 29px;
    }
    .six-2 {
    margin-top: 49px;
}
.two {
    margin-top: 25px;
}
    .five {
    background-color: rgba(25, 25, 25, 1);

}
.six-into-1 p {
          font-family: Montserrat;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 0%;
        color: rgba(100, 100, 99, 1);
        padding-left: 0px;
        padding-right: 0px;
    }
      .wrap-page {
        display: grid
;
        grid-template-columns: 1fr;
        gap: 0px;
    }
.omas-f{
    padding-top: 43px;
}

    .page1 .six-into-1 {
        display: grid
;
        grid-template-columns: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 10px;
        height: auto;
        padding-top: 20px;
    }
        .catm33 h2 {
        font-family: Lato;
        font-weight: 700;
        font-style: Bold;
        font-size: 24px;
        line-height: 100%;
    }
    .cat-item3 h3 {
   
    margin: 35px 0 12px 0;
    color: #111;
    font-family: Lato;
    font-weight: 700;
    font-size: 24px;
}
    .catm33-into {
    margin-top: 34px;
    padding-bottom: 36px;
}
    .page1  .six-into-1 > h4 {
        grid-row: 1;
        grid-column: 1;
        align-self: stretch;
        margin: 0;
        font-size: 20px;
        line-height: 26px;
    }
  .six-2 h2 {
        font-family: Lato;
        font-weight: 700;
        font-size: 32px;
        margin-top: 11px;
        margin-bottom: 7px;
    }
        .six-2 h2 {
        font-family: Lato;
        font-weight: 700;
        font-size: 32px;
        margin-top: 11px;
        margin-bottom: 7px;
        padding-top: 0;
        margin-top: 0;
    }

  .six_card {
    border: 1px solid #e6e7ea;
    border-radius: 32px;
    padding: 14px 22px 12px;
    background: #ffffff;
}
      .six_grid {
        display: grid
;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
        gap: 18px;
    }
      .prog_z-media {
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 14px 36px rgba(0, 0, 0, .08);
        width: 100%;
    }
        .prog_z-title {
        margin: 0px 0 10px;
        font-size: 22px;
        line-height: 1.2;
        font-weight: 800;
    }
    .prog_z-btn {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    width: 100%;
    transition: all .18s 
ease;
}
.prog_z-actions {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
}
    .head-h2{
          font-size: 26px !important;
    line-height: 42px;
    } 
    .head-h2{
      font-size: 40px;
    line-height: 35px;
    }
  .three-left-2-wrap {
    display: grid
;
    grid-template-columns: 218px 1fr;
    grid-auto-rows: minmax(95px, auto);
    gap: 16px;
}
.three-right-2 h2 {
        font-family: Lato;
        font-weight: 700;
        font-style: Bold;
        font-size: 22px;
    
        line-height: 29px;

        margin-bottom: 31px;
    }
    .seven2-into {
        grid-template-columns: 1fr;
        gap: 6px;
    }
.dama a {
    width: 190px;
    height: 34px;
    justify-content: center;
    display: flex
;
    align-items: center;
    font-weight: 700;
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 50%;
    bottom: 15px;
    border-radius: 10px;
    transform: translate(50%, 0%);
    background-color: var(--green);
}
.zela {
    background: #0a8a43;
    color: #fff;
    border-radius: 0px;
    padding: 18px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    height: 173px;
}
.faq-left h2 {
        font-size: 24px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: -0.02em;
        margin: 0 0 16px 0;
        color: #1f2937;
    }
    .container-3.fon-1{
 
    }
        .faq-head h2 {
        font-size: 20px ;
    }
    .seven2 {
        margin-top: 23px;
    }
    .faq-item {
    padding: 4px 0;
}
.wrap-page .tel-pafe {
    display: flex
;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
    margin-top: 2px;
}
    .page.six-into-01 h2

 {
        font-family: Lato;
        font-weight: 700;
        font-style: Bold;
        font-size: 24px !important;
        line-height: 49px;
        letter-spacing: 0%;
        margin-top: 5px !important;
        padding-right: 0%;
        line-height: 26px;
    }

  .three-into-2 {
        display: grid
;
        grid-template-columns: 1fr;
        gap: 32px;
    }

.dama img {
        width: 100%;
        height: 100%;
        max-height: 520px;
        object-fit: contain;
        width: 100%;
    }

  .main-t {
     
        padding-bottom: 0px;
        overflow: hidden;
    }
    .container-4 {
        max-width: 446px !important;
        padding: 0 15px;
    }

.eight.pageeight{
   margin-bottom: 0px !important;
}
    .two-into-2 {
    margin-top: 20px;
}
.two-2 {
    background-color: rgba(250, 250, 250, 1);
    padding-top: 31px;
    padding-bottom: 32px;
}
.footer-4>h4 {
    margin-bottom: 0px;
}
    ._007-card {
        width: 338px;
        height: 830px;
        flex-direction: column;
    }
    .ghkk h2 {
        font-family: Lato;
        font-weight: 400;
        font-size: 20px;
        margin-top: 10px;
        line-height: 24px;
    }
    .pageeight h3 {
    font-family: Lato;
    font-weight: 700;
    font-size: 23px;
    vertical-align: middle;
    padding-right: 0px;
    line-height: 29px;
}
    .four-2 h2 {
         font-weight: 700;
        font-size: 26px !important;
        line-height: 41px;
        margin-top: 0px !important;
    }
    .respo21 {
font-family: Lato;
        font-weight: 600;
        font-size: 19px;
        line-height: 25px;
        letter-spacing: 0%;
        text-transform: uppercase;
        margin-top: 56px;
        margin-bottom: 7px;
}
    .two-2 h2 {
        font-weight: 700;
        font-size: 20px;
        line-height: 39px;
        line-height: 28px;
    }
    .ghkk h1 {
        font-family: Lato;
        font-weight: 500;
        line-height: 30px;
        font-size: 24px;
        text-transform: uppercase;
    }
    .container-3{
        max-width: 580px !important;
        
}
    .container-4{
  max-width: 580px !important;
  overflow: hidden;
}
.trminal img {
        width: 147%;
        height: 100%;
        max-height: 520px;
        object-fit: contain;
        width: 218px !important;
}
.three-into-2 {

    margin-top: 39px;
}
    .six {
    
        padding-bottom: 33px !important;
    }
.zela p{
line-height: 22px;
}
.cats-row {
    display: flex
;
    flex-direction: column;
    gap: 0;
}
    ._007-card {
        width: 100%;
        height: 830px;
        flex-direction: column;
    }
    .cat-item{
      margin-bottom: 10px;
    }
}
@media (max-width: 522px) { 
   .an78{
            margin-left: 0px;
    }
    .div99-right.an78 {
        position: relative;
        left: 0% !important;
    }
 }
@media (max-width: 494px) { 
    .ico-wrap {
        display: grid
;
        grid-template-columns: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 20px;
        margin-top: 16px;
    }
        .six_grid {
        display: grid
;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
        gap: 18px;
    }

 }


@media (max-width: 466px) {
  
      .glafi {
        margin-top: 1px !important;
    }
.sl-wrap {
        max-width: 343px;
    }
    .six-into-1 p {

        padding-right: 35px;
    }
 }
@media (max-width: 433px) {
  

    .six-into-1 p {

        padding-right: 0px;
    }
 }
    @media (max-width: 412px) { 
    ._007-card {
     
        height: 830px;
        flex-direction: column;
    }
     }

     @media (max-width: 522px) { 
    .div99-right {
        position: relative;
       
        left: -48px !important;
    }
    .div99-right {
        display: grid;
        grid-template-columns: 162px 118px 161px !important;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: center !important;
        justify-items: center;
    }
    .respos21gv-03 {
        left: -34px;
        top: 58px;
        margin-left: -77px;
        margin-top: 6px;
    }
    .respos21gv-02.ter2 {
        left: 34px !important;
        position: relative;
        top: 21px;
    }
      }

      @media (max-width: 436px) { 
.div99-right {
        position: relative;
        left: -56px !important;
    }
       }
             @media (max-width: 406px) { 
.div99-right {
        position: relative;
        left: -56px !important;
    }
        .ter1.respos21gv-01 {
        left: 26px !important;
        top: 28px;
        position: relative;
    }
        .ter2 img {
        width: 166px !important;
        margin-left: 23px;
    }
       }
                    @media (max-width: 395px) { 
    .div99-right {
        position: relative;
        left: -72px !important;
    }
       }
                           @media (max-width: 380px) { 
.ter1 img {
        width: 227px;
        position: relative !important;
        left: -10px;
        top: 24px;
    }
        .div99-right {
        position: relative;
        left: -96px !important;
    }
       }