.search-form-wrap2 form{
margin: 0;
}
.search-hero{
    display: none;
}
.ten-into.about{
        background: transparent !important;
        color: black;
        margin-top: 7px;
}
.search-form-wrap2 .search-field{
border: 1px solid rgb(5 5 5);
    border-radius: 63px !important;
    padding: 11px 0px 11px 2px;
    padding-left: 14px;
    border-radius: 0px;
    width: 100%;
    /* border-top: 0; */
    /* border-left: 0; */
    /* border-right: 0; */
    font-size: 20px;
    font-weight: 400 !important;
    background: transparent;
}
.search-form-wrap2 form{
    position: relative;
}
.search-empty{
    text-align: center;
}
.search-empty .search-form {
    width: 100%;


}

.search-form-wrap2{
        max-width: 425px;
    margin: 49px auto;
}
.search-form-wrap2 .search-submit {
    background-image: url(../img/search.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    border: none;
    font-size: 0;
    width: 39px;
    height: 30px;
    position: absolute;
    right: 15px !important;
    top: 21px;
    right: 0;
    z-index: 2;
    background-color: transparent;
}
/* ==== десктопный блок по макету ==== */
.ten .about-desktop{
  display:grid;
  grid-template-columns: 1fr 632px;   /* левый текст + справа картинка фикс ширины */
  column-gap: 40px;
  align-items:start;
}
.two-onas-1 h2{
  font-family: Lato;
font-weight: 700;

font-size: 64px;

line-height: 66px;


}
.two-2-1 h3{
font-family: Montserrat;
font-weight: 600;

font-size: 20px;

line-height: 24px;

}
.two-onas-1{

}


.two-onas-1{
      padding-top: 63px;
}
.fin44 .six-into-1 {
       padding-bottom: 45px;
    border-bottom: 1px solid rgba(233, 234, 235, 1) !important;
}


.fin44 .page1 .six-into-1 {
    display: grid;
    grid-template-columns: 486px 689px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    height: 192px;
    padding-top: 36px;
} 

.fin44 .six-into-01 {
    padding-bottom: 45px;
    border-bottom: 2px solid rgba(233, 234, 235, 1);
}
.two-2-1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 63px;
    grid-row-gap: 10px;
    margin-top: 51px;
}
.two-2-1 p{
  color: rgba(83, 88, 98, 1);
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 30px;
  height: 129px;
}
.hilo h2{
    font-family: Lato;
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;

    padding-bottom: 39px;
}
.one-into-onas{
    display: grid;
    grid-template-columns: 644px 1fr;
    grid-column-gap: 28px;
    grid-row-gap: 10px;
}
.one-left-onas p{
line-height: 22px;
    margin-top: 37px;
    padding-right: 11px;
}

.fiks2{
    width: 652px;
    height: 436px;
}
.fiks{
width: 636px;
    height: 310px;
}

.hilo p{
line-height: 24px;
    border-top: 1px solid #ccc;
    padding-top: 33px;
}
.hilo{
    display: grid;
    grid-template-columns: 546px 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: baseline;
}


.zip98990 .bl-4-nine-lead strong{
font-family: Montserrat;
font-weight: 500;

font-size: 18px;

line-height: 25px;

}
.zip98990 .bl-4-nine-lead strong:nth-child(2){
  margin-top: 10px;
  display: block;
}
.zip98990{
    margin-top: 32px;
}
.dioptrii{
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  transition: opacity .42s !important;
}
.dioptrii img{
    position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  transform: translateZ(0) scale(1);
  transform-origin: center;
  transition: transform 0.35s cubic-bezier(.22,.61,.36,1) !important;
  will-change: transform;
  backface-visibility: hidden;
}
.dioptrii:hover img{
  transform: translateZ(0) scale(1.06); /* 1.04–1.10 на вкус */
}

.bl-4-eight-onas { padding: 60px 0 80px; background:#fff; }
.zim1{
  width: 422px;
  height: 295px;
}
.five-right-91 h2{
font-size: 64px;
}
.five-right-91{
  color:rgba(0, 0, 0, 1);
}
.five-right-91{
font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 25px;
letter-spacing: 0%;
}
.dfgg{
      margin-top: 48px;
}
.weerr{
      margin-top: 35px;
}

.five-into-91{
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 43px;
    grid-row-gap: 10px;
}
.five-91{
      margin-top: 29px;
}
.five-91{
font-family: Lato;
font-weight: 700;
font-style: Bold;
font-size: 64px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
}



.diok{
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  transition: opacity .42s !important;
}
.diok img{
    position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  transform: translateZ(0) scale(1);
  transform-origin: center;
  transition: transform 0.35s cubic-bezier(.22,.61,.36,1) !important;
  will-change: transform;
  backface-visibility: hidden;
}
.diok:hover img{
  transform: translateZ(0) scale(1.06); /* 1.04–1.10 на вкус */
}
.xi1{
  width: 418px;
  height: 406px;
}
.xi12{
    width: 418px;
  height: 260px;
}
.a1992 p{
  color: rgba(19, 148, 64, 1) !important;
font-family: Montserrat;
font-weight: 500;

font-size: 160px;


}
.diopeee{
 width: 418px;
    margin-left: 129px;
    margin-top: -241px;
}

.a1992{
    font-family: Montserrat;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: right;
    text-transform: uppercase;
    color: rgba(19, 148, 64, 1) !important;
    position: relative;
    top: -81px;
}
.a1992 span{
  position: relative;
    top: 66px;
}
.zim2{
  width: 422px;
  height: 475px;
}
.zim3{
  width: 416px;
  height: 291px;
}
.bl-4-title {
  margin: 0 0 16px;
  font-size: 56px;
  line-height: 1.1;
  font-weight: 800;
  text-align: center;
}
/* контейнер */
.ten-onas{
    background-color: rgba(250, 250, 250, 1);
    padding-top: 63px;
    padding-bottom: 64px;
}
.ten--3{
  margin-top: 47px;
}
.ten--3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: baseline;
}
.zim3 {
    width: 416px;
    height: 291px;
    top: -185px;
    /* position: relative; */
}
.ten-onas h2{
font-family: Lato;
font-weight: 700;

font-size: 64px;

line-height: 70px;

text-align: center;
}
.div-h{
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  transition: opacity .42s !important;
}
.div-h img{
    position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  transform: translateZ(0) scale(1);
  transform-origin: center;
  transition: transform 0.35s cubic-bezier(.22,.61,.36,1) !important;
  will-change: transform;
  backface-visibility: hidden;
}
.div-h:hover img{
  transform: translateZ(0) scale(1.06); /* 1.04–1.10 на вкус */
}

.ten-into-3{
 margin-top: 33px;
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    line-height: 22px;
}

/* секция */
.bl-4-nine-onas {
    padding: 41px 0 45px;
    background: #fff;

}
.bl-4-nine-title {
    margin: 0 0 16px;
    font-weight: 800;
    font-size: clamp(36px, 5.5vw, 92px);
    line-height: 1.08;
    font-family: Lato;
    font-weight: 700;
    font-style: Bold;
    font-size: 64px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}
.bl-4-nine-lead {
 
font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 25px;
    letter-spacing: 0%;
    margin-top: 33px;



}

/* список преимуществ (flex-адаптив) */
.bl-4-nine-list {
  display: flex;
  flex-wrap: wrap;
  gap: 36px 40px;                 /* row x column */
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}

/* четыре колонки на десктопе */
.bl-4-nine-item {
  flex: 1 1 calc(25% - 30px);     /* 4 в ряд, можно варьировать */
  min-width: 250px;               /* чтобы красиво переносилось */
  max-width: 280px;               /* приблизительно как в макете */
}

.bl-4-nine-ico {
  display: inline-flex;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
  border-radius: 50%;

  align-items: center;
  justify-content: center;
}
.bl-4-nine-ico svg {
  width: 22px;
  height: 22px;
  fill: #8a8f98;
}

.bl-4-nine-sub {
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}
.bl-4-nine-text {
    margin: 0;
    color: #5b5f66;
    line-height: 21px;
    font-size: 16px;
}

/* адаптив флексами */
@media (max-width: 1100px) {
  .bl-4-nine-item { flex-basis: calc(50% - 24px); max-width: none; } /* 2 в ряд */
}
@media (max-width: 640px) {
  .bl-4-nine-item { flex-basis: 100%; }
  .bl-4-nine-title { font-size: 42px; }
}

.bl-4-lead {
  max-width: 1040px;
  margin: 0 auto 40px;
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  color:#333;
}

/* галерея 3 фиксированных карточек */
.bl-4-gallery {
  display: grid;
  grid-template-columns: 380px 380px 380px;
  gap: 30px;
  justify-content: space-between;
  align-items: start;
  margin-top: 10px;
}

.bl-4-card {
  width: 380px;
  height: 260px;
  border-radius: 16px;
  overflow: hidden;              /* обрезаем края при зуме */
  background: #eee;
  position: relative;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

.bl-4-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform .45s ease; /* плавное увеличение */
  will-change: transform;
}

.bl-4-card:hover img {
  transform: scale(1.08);
}

.ten .about-d__title{
  margin:0 0 38px;
font-family: Lato;
font-weight: 700;
font-style: Bold;
font-size: 64px;



  line-height: 1.05;

}
.sl-wrap-outer-desk {
    text-align: center;
    margin-top: 44px;
}
.sl-wrap-outer-desk{
      text-align: center;
}
.sl-wrap-outer-desk img{
      width: 100%;
}
.card {
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0 10px 24px rgba(0, 0, 0, .08); */
    padding: 15px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    opacity: 0;
    transform: translateY(12px);
    transition: .4s 
ease;
}
.rokiv{
    font-family: Montserrat;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    height: 28px;
    border-top: 1px solid #E9EAEB;
    padding-top: 13px;

}
.onas-card{
  box-shadow: none;
}
.nine-90{
    padding-bottom: 26px;
    margin-top: 34px;
}
.card {

}
.about-d__media{
width: 633px;
height: 388px;

}


/* --- ТЕКСТ: без «растягивания строк» --- */
.ten .about-d__text p{
  margin: 0 0 31px;
  max-width: 680px;

  /* компактно и корректно */
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0;         /* 0 — корректно, 0% не надо */

  /* чтобы не было «растяжки» как при justify */
  text-align: left;          /* если где-то стоит justify — перебьём */
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word; /* перенос длинных слов */
  hyphens: auto;             /* по желанию, если включены переносы */
  /* Удаляем невалидные:
     leading-trim, font-style: Regular */
}

/* --- КАРТИНКА: плавное увеличение --- */

/* Контейнер — без transform-анимаций */
.ten .about-d__media{
  position: relative;
  overflow: hidden;
  border-radius: 24px;

  /* если где-то есть transition: all — перебиваем, оставляем только opacity */
  transition: opacity .42s !important;
  /* (опционально) зафиксируй геометрию, чтобы исключить скачки высоты:
     aspect-ratio: 16 / 9;  или фиксированную высоту под макет */
  /* aspect-ratio: 798 / 534; */
}
.ten .about-desktop {
    display: grid;
    grid-template-columns: 1fr 632px;
    column-gap: 40px;
    align-items: start;
    margin-top: 19px;
}

/* Картинка — анимируем ТОЛЬКО её */
.ten .about-d__media img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  transform: translateZ(0) scale(1);
  transform-origin: center;
  transition: transform 0.35s cubic-bezier(.22,.61,.36,1) !important;
  will-change: transform;
  backface-visibility: hidden;
}

/* Ховер */
.ten .about-d__media:hover img{
  transform: translateZ(0) scale(1.06); /* 1.04–1.10 на вкус */
}

    .stats.onas{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      position:relative;z-index:1;
    
  
    }
.onas>div span{
font-family: Montserrat;
font-weight: 600;
font-style: SemiBold;
font-size: 82px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;

}
/* ====== GRID ЛЕЙАУТ ====== */
.nine-cards{
  display: grid;
  gap: 80px;                            /* расстояние между рядами */
}

.nine-card{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 56px;
}

/* Зеркальный порядок для второго ряда */
.nine-card--reversed{
  direction: rtl;
}
.nine-card--reversed > *{ direction: ltr; }

/* ====== ТЕКСТ ====== */
.nine-card__title{
  margin: 0 0 20px;
  font-size: 64px;
  line-height: 1.1;
}

.nine-card__text p{
    margin: 0 0 18px;
    max-width: 680px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: left;
    overflow-wrap: break-word;
    margin-top: 51px;
}

/* ====== МЕДИА: плавный зум + подпись ====== */
.nine-card__media{
  text-align: center;
  margin: 0;                            /* управляем из родителя */
}

.nine-09{
      margin-top: 57px;
          padding-bottom: 60px;
}

/* само изображение — анимируем только его */
.nine-card__img{

}
.nine-card__frame:hover img{
  transform: translateZ(0) scale(1.06); /* 1.04–1.10 на вкус */
}
.nine-card__frame{
 position: relative;
    overflow: hidden;
    transition: opacity .42s !important;
    width: 633px;
    height: 350px;
    border-radius: 30px;
}
.nine-card__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: translateZ(0) scale(1);
    transform-origin: center;
    transition: transform 0.35s 
cubic-bezier(.22, .61, .36, 1) !important;
    will-change: transform;
    backface-visibility: hidden;
}
.one-onas{
  margin-top: 27px;
}

/* Уважение системной настройки «уменьшенные анимации» */
@media (prefers-reduced-motion: reduce){
  .nine-card__img{ transition: none; }
}


/* Системная настройка «уменьшенные анимации» */
@media (prefers-reduced-motion: reduce){
  .ten .about-d__media img{ transition: none; }
}




@media (max-width: 1342px) { 
  .hilo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: baseline;
}
  .zim1 {
    width: 337px;
    height: 295px;
}
.fin44 .page1 .six-into-1 {
    display: grid;
    grid-template-columns: 409px 689px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    height: 192px;
    padding-top: 36px;
}

.fiks {
        width: 502px;
        height: 310px;
    }
.one-into-onas {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 81px;
        grid-row-gap: 10px;
        margin-top: 30px;
}
.fiks2 {
        width: 531px;
        height: 429px;
}
.zim2 {
    width: 336px;
    height: 475px;
}
.zim3 {
    width: 333px;
    height: 287px;
    top: -185px;
    /* position: relative; */
}
.sm-blue li:nth-child(2){
    width: 121px;
}
.wr-er h1 {
    font-family: Lato;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 250px !important;
    line-height: 100%;
    text-align: center;
}
    .r4044 img {
        width: 351px !important;
        margin-left: 55px;
        /* margin-top: 10px; */
        position: relative;
        top: -34px;
    }
.wr-er {
    position: relative;
    top: -342px !important;
}
.erorrr1 {
    font-family: Lato;
    font-weight: 500;
    font-style: Medium;
    font-size: 56px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 5px !important;
}
.bl-4-nine-list {
    display: flex;
    flex-wrap: wrap;
    gap: 36px 8px;
    list-style: none;
    margin: 40px 0 0;
    padding: 0;
    justify-content: space-between;
}
.two-2-1 img{
width: 90%;
}
.two-2-left h3{
height: 49px;
}
.two-2-1 p{
  color: rgba(83, 88, 98, 1);
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 30px;
  height: auto;
}
.ero1 {
    max-width: 360px;
    margin-left: 0px !important;
    margin-top: 93px;
}
.error-wrar {

    height: 530px;
}
 }


.sl-wrap-outer{
  display: none;
}
  @media (max-width: 1228px) {
.ero1 {
    max-width: 360px;
    margin-left: 0px !important;
    margin-top: 93px;
}

    .fin44 .page1 .six-into-1 {
        display: grid;
        grid-template-columns: 409px 626px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 10px;
        height: 192px;
        padding-top: 36px;
    }

        .one-into-onas {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 23px;
        grid-row-gap: 10px;
        margin-top: 30px;
    }
        .hilo {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 26px;
        grid-row-gap: 10px;
        align-items: baseline;
    }
.fiks2 {
        width: 503px;
        height: 429px;
    }
    .one-left-onas p {
    line-height: 22px;
    margin-top: 37px;
    padding-right: 0px;
}
    .xi12 {
    width: 262px;
    height: 239px;
}
    .xi1{
    width: 262px;
    height: 356px;
}
.sl-wrap-outer{
  display: block;
}
.sl-wrap-outer-desk{
  display: none;
}
.a1992 p {
    color: rgba(19, 148, 64, 1) !important;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 120px;
}
.fin44 .six-into-1 {
    padding-bottom: 45px;
    border-bottom: 1px solid rgba(233, 234, 235, 1) !important;
}
.fin44 .page1 .six-into-1 {
        display: grid;
        grid-template-columns: 312px 626px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 10px;
        height: auto;
        padding-top: 36px;
    }
.dfgg {
    margin-top: 24px;
}
.sl-wrap-outer .slick-slider{

}

.nine-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 56px;
    justify-content: right;
    justify-items: flex-end;
}
.nine-card__frame {
    position: relative;
    overflow: hidden;
    transition: opacity .42s !important;
    width: 492px;
    height: 361px;
    border-radius: 20px;
}
.a1992 {
    font-family: Montserrat;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: right;
    text-transform: uppercase;
    color: rgba(19, 148, 64, 1) !important;
    position: relative;
    top: -81px;
    left: -148px;
}
.five-into-91 {
    display: grid;
    grid-template-columns: 401px 1fr;
    grid-column-gap: 43px;
    grid-row-gap: 10px;
}
.sm-blue li:nth-child(2){
    width: auto;
}
    .about-d__media {
        width: 447px;
        height: 388px;
    }
    .ten .about-desktop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    align-items: start;
    margin-top: 19px;
    justify-items: flex-end;
}
.bl-4-nine-sub {
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
    padding-right: 27px;
}
  }
@media (max-width: 1089px) { 
        .ero2 {
    margin-left: 0px !important;
}
    .bl-4-nine-list {
        display: flex;
        flex-wrap: wrap;
        gap: 36px 28px;
        list-style: none;
        margin: 40px 0 0;
        padding: 0;
        justify-content: space-between;
    }
 }
   @media (max-width: 1054px) { 


.error-wrar {

    height: 490px;
}

    .fin44 .page1 .six-into-1 {
        display: grid;
        grid-template-columns: 244px 539px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 10px;
        height: auto;
        padding-top: 36px;
    }
        .zim1 {
        width: 255px;
        height: 216px;
    }


    .onas-wrap h2{
font-family: Lato;
font-weight: 700;

font-size: 48px !important;


    }
    .zim2 {
        width: 253px;
        height: 339px;
    }
        .zim3 {
        width: 247px;
        height: 209px;
        top: -128px;
        /* position: relative; */
    }
        .bl-4-nine-list {
        display: flex;
        flex-wrap: wrap;
        gap: 36px 38px;
        list-style: none;
        margin: 40px 0 0;
        padding: 0;
        justify-content: space-between;
    }
.nine-card__frame {
        position: relative;
        overflow: hidden;
        transition: opacity .42s !important;
        width: 415px;
        height: 361px;
        border-radius: 20px;
    }
.onas>div span {
    font-family: Montserrat;
    font-weight: 600;

    font-size: 64px;
   
    line-height: 140%;

}
    .nine-card__frame {
        position: relative;
        overflow: hidden;
        transition: opacity .42s !important;
        width: 377px;
        height: 361px;
        border-radius: 20px;
    }
.rokiv {
    font-family: Montserrat;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    height: 64px;
    border-top: 1px solid #E9EAEB;
    padding-top: 13px;
}
.stats.onas {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-column-gap: 8px;
        grid-row-gap: 16px;
        position: relative;
        z-index: 1;
        justify-content: space-between;
}
.ten .about-desktop {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 11px;
        align-items: start;
        margin-top: 19px;
        justify-items: flex-end;
    }
.ten .about-d__title {
    margin: 0 0 38px;
    font-family: Lato;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    line-height: 1.05;
}
    .fiks {
        width: 437px;
        height: 310px;
    }
.about-d__media {
        width: 391px;
        height: 390px;
    }
        .fiks2 {
        width: 427px;
        height: 464px;
    }
    .onas-wrap h2 {
        font-family: Lato;
        font-weight: 700;
        font-size: 48px !important;
        line-height: 53px;
        margin-bottom: 34px;
    }
.fiks2 {
        width: 343px;
        height: 464px;
    }
    .fiks {
        width: 333px;
        height: 256px;
    }
        .ten-onas h2 {
    font-family: Lato;
    font-weight: 700;
    font-size: 48px !important;
    line-height: 70px;
    text-align: center;
}
.ten-onas {
    background-color: rgba(250, 250, 250, 1);
    padding-top: 36px;
    padding-bottom: 49px;
}
   }
  @media (max-width: 926px) { 
.error-wrar{
    overflow: hidden;
}
.wr-er h1 {
        font-family: Lato;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 191px !important;
        line-height: 100%;
        text-align: center;
    }

    .fin44 .page1 .six-into-1 {
        display: grid;
        grid-template-columns: 206px 426px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 10px;
        height: auto;
        padding-top: 36px;
    }
.six-into-01.page h2 {
        font-family: Lato;
        font-weight: 700;
        margin-top: 11px !important;
        padding-right: 0%;
        margin-bottom: 19px;
    }
        .wrap-onas h2{
font-family: Lato;
font-weight: 700;

font-size: 32px !important;


    }
.zim1 {
        width: 255px;
        height: 187px;
    }
    .zim2 {
        width: 221px;
        height: 339px;
    }
    .zim3 {
        width: 222px;
        height: 209px;
        top: -128px;
 
    }

.fff34et{
  left: -39px !important;
}
    .nine-card__img {
        position: absolute;
        inset: 0;
        width: 403px;
        height: 100%;
        object-fit: cover;
        top: 1px;
        display: block;
        transform: translateZ(0) scale(1);
        transform-origin: center;
        transition: transform 0.35s 
cubic-bezier(.22, .61, .36, 1) !important;
        will-change: transform;
        backface-visibility: hidden;
    }
    .nine-card__title {
    margin: 0px 0 0px;
    font-size: 48px;
    line-height: 1.1;
}
.nine-card__text p {
    margin: 0 0 18px;
    max-width: 680px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: left;
    overflow-wrap: break-word;
    margin-top: 29px;
}

        .nine-card__frame {
        position: relative;
        overflow: hidden;
        transition: opacity .42s !important;
        width: 318px;
        height: 361px;
        border-radius: 20px;
    }
    .nine-card__img {
    position: absolute;
    inset: 0;
    width: 403px;
    height: 100%;
    object-fit: cover;
    top: 1px;
    display: block;
    transform: translateZ(0) scale(1);
    transform-origin: center;
    transition: transform 0.35s 
cubic-bezier(.22, .61, .36, 1) !important;
    will-change: transform;
    backface-visibility: hidden;
}
    .onas>div span {
        font-family: Montserrat;
        font-weight: 600;
        font-size: 48px;
        line-height: 140%;
    }
    .about-d__media {
        width: 334px;
        height: 390px;
    }
    .two-onas-1 {
    padding-top: 42px;
}
    .two-2-1 {

    margin-top: 25px;
}
.card {
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0 10px 24px rgba(0, 0, 0, .08); */
    padding: 0px !important;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0px;
    opacity: 0;
    transform: translateY(12px);
    transition: .4s 
ease;
}
.five-into-91 {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 43px;
        grid-row-gap: 10px;
    }
    .a1992 {
        font-family: Montserrat;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 25px;
        letter-spacing: 0%;
        text-align: right;
        text-transform: uppercase;
        color: rgba(19, 148, 64, 1) !important;
        position: relative;
        top: -81px;
        left: 144px;
    }
    .xi12 {
        width: 500px;
        height: 256px;
        left: 92px;
    }
    .five-right-91 {
    font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 25px;
    letter-spacing: 0%;
    margin-top: 24px;
}
        .xi12 {
        width: 500px;
        height: 256px;
    }
    .xi1 {
        width: 506px;
        height: 370px;
    }
.nine-90 {
    padding-bottom: 26px;
    margin-top: 0px;
}
    .about-d__media {
        width: 334px;
        height: 371px;
    }
        .stats.onas {
display: grid;
        grid-column-gap: 31px;
        grid-row-gap: 0px;
        position: relative;
        z-index: 1;
        justify-content: space-between;
    }
 }

@media (max-width: 750px) { 
  .fin44 .page1 .six-into-1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 10px;
        height: auto;
        padding-top: 36px;
    }
  .zip98990 {
    margin-top: 18px;
}
.fin44 .six-into-01 {
    padding-bottom: 13px;
    border-bottom: 2px solid rgba(233, 234, 235, 1);
}
.fin44 .page1 .six-into-1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 10px;
        height: auto;
        padding-top: 16px;
    }
        .six.page-six {
        padding-top: 46px;
    }
    .wr-er h1 {

    font-size: 120px !important;

}
.wr-er a{
    position: relative;
    z-index: 23;

}
.error-wraper.container-3{
    position: relative;
}
.ero2 {
        margin-left: 0px !important;
        width: 161px !important;
        position: absolute;
        right: 26px;
        top: -5px;
        z-index: 0;
    }
        .anim_card img {
        display: block;
        width: 170px !important;
        height: auto;
    }
        .wr-er {
        position: relative;
        top: -342px !important;
        left: -64px;
        z-index: 3;
    }
.r4044 {
position: absolute;
right: 50%;

transform: translate(50%, 0%);
}
    .r4044 img {
           width: 209px !important;
        margin-left: 0px;
        /* margin-top: 10px; */
        position: relative;
        top: -108px;
        left: -38px;
    }
    .r4044 {
    position: relative;
    top: 207px !important;
    left: -98px;
}
.ero1{
    width: 163px !important;
}
.wr-er p {
    font-family: Lato;
    font-weight: 400;

    font-size: 21px !important;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 23px;
    margin-bottom: 37px;
}
.erorrr1 {
    font-family: Lato;
    font-weight: 500;
    
    font-size: 45px !important;

    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 56px;
}
  .one-onas {
    margin-top: 0px;
}
    .one-left-onas p {
        line-height: 22px;
        margin-top: 37px;
        padding-right: 0px;
        padding-bottom: 20px;
    }
  .container-3{
    padding: 0 14px;
  }
      .fiks {
        width: 281px;
        height: 256px;
    }
        .fiks2 {
        width: 277px;
        height: 464px;
    }
.two-2-1 p {
    color: rgba(83, 88, 98, 1);
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 30px;
}
.sl-wrap-outer{
        padding-left: 37px;
        overflow: hidden;
}
    .two-2-1 {
display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 63px;
        grid-row-gap: 10px;
        margin-top: 32px;
}
.two-2-1 img {
        width: 100%;
    }
      .a1992 {
        font-family: Montserrat;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 25px;
        letter-spacing: 0%;
        text-align: right;
        text-transform: uppercase;
        color: rgba(19, 148, 64, 1) !important;
        position: relative;
        top: -81px;
        left: 0px;
    }
        .xi12 {
        width: 319px;
        height: 256px;
    }
  .five-into-91{
    position: relative;
  }
      .nine-card__img {
        position: static;
        inset: 0;
        width: 100%;
        height: auto;
        object-fit: cover;
        top: 1px;
        display: block;
        transform: translateZ(0) scale(1);
        transform-origin: center;
        transition: transform 0.35s 
cubic-bezier(.22, .61, .36, 1) !important;
        will-change: transform;
        backface-visibility: hidden;
    }
        .onas-wrap h2{
font-family: Lato;
font-weight: 700;

font-size: 32px !important;


    }
    .div-h img {
    position: static !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: translateZ(0) scale(1);
    transform-origin: center;
    transition: transform 0.35s 
cubic-bezier(.22, .61, .36, 1) !important;
    will-change: transform;
    backface-visibility: hidden;
}
    .onas-wrap h2 {
        font-family: Lato;
        font-weight: 700;
        font-size: 32px !important;
        line-height: 41px;
    }
    .zim1 {
        width: 100%;
     height: 95%;
    }
        .zim2 {
        width: 100%;
       height: 95%;
    }
        .zim3 {
        width: 100%;
        height: 95%;
    }
    .zim3 {
  
        top: auto;
    }
    
    .ten--3 {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: self-start;
}
    .nine-cards {
    display: grid;
    gap: 33px;
}
    .nine-card__frame {
        position: relative;
        overflow: hidden;
        transition: opacity .42s !important;
        width: 100%;
        height: auto !important;
        height: max-content;
        border-radius: 20px;
    }
      .nine-card {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 6px;
        justify-content: right;
        justify-items: flex-end;
    }
      .stats.onas {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 79px !important;
        grid-row-gap: 0px !important;
        position: relative;
        z-index: 1;
        justify-content: space-between;
    }
  .card {
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0 10px 24px rgba(0, 0, 0, .08); */
    padding: 15px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0px;
    opacity: 0;
    transform: translateY(12px);
    transition: .4s 
ease;
}
      .onas>div span {
        font-family: Montserrat;
        font-weight: 600;
        font-size: 48px;
        line-height: 140%;
    }
      .ten .about-desktop {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 11px;
        align-items: start;
        margin-top: 19px;
        justify-items: flex-end;
    }
        .about-d__media {
        width: 100%;
        height: auto;
    }
    .ten .about-d__media img {
    position: static;}
    .stats.onas {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 79px !important;
        grid-row-gap: 0px !important;
        position: relative;
        z-index: 1;
        justify-content: space-between;
        margin-top: 22px;
    }
.search-empty p{
    line-height: 21px;
}
.search-form-wrap2 {
    max-width: 425px;
    margin: 26px auto;
}

}
@media (max-width: 596px) { 
    .hilo {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 26px;
        grid-row-gap: 10px;
        align-items: baseline;
    }
        .one-into-onas {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 23px;
        grid-row-gap: 10px;
        margin-top: 30px;
    }
    .dioptrii img {
    position: static !important;

}
    .fiks {
        width: 100%;
        height: auto;
    }
        .fiks2 {
        width: 100%;
        height: auto;
    }
    .hilo h2 {

    padding-bottom: 5px;
}


    
}
@media (max-width: 572px) { 
  
      .xi1 {
        width: 88%;
        height: 370px;
    }
    .ten .about-d__title {
        margin: 0 0 24px;
        font-family: Lato;
        font-weight: 700;
        font-style: Bold;
        font-size: 32px;
        line-height: 1.05;
    }
    .nine-card__title {
        margin: 0px 0 0px;
        font-size: 32px;
        line-height: 1.1;
    }
    .nine-09 {
    margin-top: 27px;
}
 }
 @media (max-width: 561px) {
.diopeee {
    width: 418px;
    margin-left: 86px;
    margin-top: -241px;
}
  }
   @media (max-width: 526px) {

.diopeee {
        width: 418px;
        margin-left: 63px;
        margin-top: -241px;
    }
  }
     @media (max-width: 505px) {
.diopeee {
        width: 418px;
        margin-left: 22px;
        margin-top: -241px;
    }
.diopeee {
    width: 418px;
    margin-left: 23px !important;
    margin-top: -241px !important;
}
     }

@media (max-width: 500px) { 

.xi12 {
        width: 261px;
        height: 256px;
    }
    .diopeee {
        width: 100%;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
        .a1992 {
        font-family: Montserrat;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 25px;
        letter-spacing: 0%;
        text-align: right;
        text-transform: uppercase;
        color: rgba(19, 148, 64, 1) !important;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .error-wrar {
        height: 392px;
    }
    .ero1{
        position: absolute;
    }
    .wr-er {
    position: relative;
    top: 0px !important;
}
    .wr-er {
          position: relative;
        top: 162px !important;
        left: 0px;
        z-index: 3;
    }
        .r4044 img {
        width: 209px !important;
        margin-left: 0px;
        /* margin-top: 10px; */
        position: absolute;
        top: 196px;
        left: 20px;
    }
    .error-wrar .r4044{
position: absolute !important;
        right: 50%;
        bottom: 230px;
        transform: translate(50%, 0%);
        left: auto !important;
        top: auto !important;
    }
        .error-wrar {
        height: 333px;
    }
        .wr-er {
        position: relative;
        top: 222px !important;
        left: 0px;
        z-index: 3;
    }
    .xi12 {
        width: 261px;
        height: 256px;
        position: absolute;
        right: 0;
    }
    .xi12 {
    
        left: auto !important;
    }
        .xi12 {
        width: 261px;
        height: 256px;
        position: absolute;
        right: 0;
        top: 124px;
    }
    .five-right-91 {
        font-family: Montserrat;
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
 
        line-height: 25px;

        margin-top: 102px;
    }
 }

@media (max-width: 470px) { 
    .stats.onas {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 52px !important;
        grid-row-gap: 0px !important;
        position: relative;
        z-index: 1;
        justify-content: space-between;
        margin-top: 22px;
    }
.anim_card img {
        display: block;
        width: 130px !important;
        height: auto;
    }
    .r4044 img {
        width: 180px !important;
        margin-left: 0px;
        /* margin-top: 10px; */
        position: absolute;
        top: 196px;
        left: 36px;
    }
.ero2 {
        margin-left: 0px !important;
        width: 118px !important;
        position: absolute;
        right: 0px;
        top: -5px;
        z-index: 0;
    }
    .error-wraper{
        overflow: hidden;
    }
    .anim_card img {
        display: block;
        width: 115px !important;
        height: auto;
    }
    .r4044 img {
        width: 161px !important;
        margin-left: 7px;
        /* margin-top: 10px; */
        position: absolute;
        top: 275px;
        left: 36px;
    }
        .erorrr1 {
        font-family: Lato;
        font-weight: 500;
        font-size: 38px !important;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 56px;
    }
    .wr-er p {
        font-family: Lato;
        font-weight: 400;
        font-size: 18px !important;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 23px;
        margin-bottom: 37px;
    }
 }
 @media (max-width: 398px) { 
    .stats.onas {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px !important;
        grid-row-gap: 0px !important;
        position: relative;
        z-index: 1;
        justify-content: space-between;
        margin-top: 22px;
    }
 }