/* Start:/local/templates/redisign/assets/css/about-company.css?17928423869047*/
/* ============================================================
   about-company.css — страница /o-nas/o-kompanii-markdzhet/ под redisign
   (lift-and-shift из main). Общие примитивы (утилиты/слайдеры/типографика)
   — в migrate-base.css. Здесь только классы этой страницы.
   Блок цифр (.num .val) использует ТОЧЕЧНЫЙ шрифт Advanced Dot Digital-7 —
   на всех страницах кроме главной цифры точечные (на главной — сплошные).
   ============================================================ */

/* ---------- Точечный шрифт цифр ---------- */
@font-face {
  font-family: "Advanced Dot Digital-7";
  src: url("/local/templates/redisign/assets/css/../fonts/AdvancedDotDigital-7.woff2") format("woff2"), url("/local/templates/redisign/assets/css/../fonts/AdvancedDotDigital-7.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---------- Утилиты видимости (доп. к migrate-base) ---------- */
@media (min-width: 768px) { .show-md { display: none !important; } }
@media (min-width: 992px) { .show-lg { display: none !important; } }
@media (max-width: 767px) { .hide-md { display: none !important; } }

/* ---------- Список с маркерами ---------- */
.about-brands ul.styled { margin: 0; padding: 0; list-style: none; }
.about-brands ul.styled li { position: relative; padding-left: 21px; margin-bottom: 1em; }
.about-brands ul.styled li:last-child { margin-bottom: 0; }
.about-brands ul.styled li::before {
  content: ""; display: block; width: 6px; height: 6px; position: absolute;
  z-index: 0; left: 0; top: 0.5em; background: #00A8EB; border-radius: 50%;
}

/* ---------- Hero: синий блок + фото ---------- */
.company-hero { position: relative; z-index: 1; }
@media (max-width: 1199px) { .company-hero { margin-bottom: 200px; } }
@media (max-width: 767px) { .company-hero { margin-bottom: 110px; } }
@media (min-width: 1200px) {
  .company-hero::after {
    content: ""; display: block; width: 228px; height: 228px;
    position: absolute; z-index: -1; right: 0; bottom: -10px;
    background: url("/local/templates/redisign/assets/css/../img/dots_2.svg") no-repeat 50% 50% / contain;
    filter: brightness(0);
  }
}
.company-hero .inner {
  max-width: 1044px; padding: 55px 218px 55px 70px;
  background-color: #00A8EB; border-radius: 5px; color: #fff;
}
@media (max-width: 1400px) { .company-hero .inner { padding-right: 260px; } }
@media (max-width: 1199px) { .company-hero .inner { padding: 50px 50px 300px; } }
@media (max-width: 767px) { .company-hero .inner { padding: 30px 15px 218px; } }
.company-hero .inner .title { font-weight: 400; }
.company-hero .inner-img {
  width: 486px; max-width: 35%; height: 370px;
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  border-radius: 5px; overflow: hidden;
}
@media (max-width: 1199px) {
  .company-hero .inner-img {
    width: auto; max-width: 100%; right: auto; top: auto;
    left: 50px; bottom: 0; transform: translateY(30%);
  }
}
@media (max-width: 767px) { .company-hero .inner-img { height: 252px; left: 0; } }

/* ---------- Текст «о компании» с двумя фото ---------- */
.company-text { margin-top: 67px; }
@media (max-width: 1199px) { .company-text { margin-top: 50px; } }
@media (max-width: 767px) { .company-text { margin-top: 35px; } }
.company-text .data-row { flex-direction: row-reverse; }
@media (max-width: 1199px) { .company-text .data-row { display: block; } }
.company-text .data-images { width: 49.286%; display: flex; justify-content: space-between; }
@media (max-width: 1199px) { .company-text .data-images { width: 100%; padding: 0 50px; } }
@media (max-width: 767px) { .company-text .data-images { padding: 0; } }
.company-text .data-img {
  width: calc(50% - 10px); height: 212px;
  background-color: #F3F6F8; border-radius: 5px; overflow: hidden;
}
@media (max-width: 767px) { .company-text .data-img { width: calc(50% - 7px); height: 105px; } }
.company-text .data-img-2 { padding: 40px 30px; }
@media (max-width: 767px) {
  .company-text .data-img-2 { padding: 0; box-shadow: 0 10px 25px 6px rgba(112, 119, 138, .1); }
}
.company-text .data-img-2 div {
  width: 100%; height: 130px; padding: 20px; background-color: #fff; border-radius: 5px;
}
@media (max-width: 767px) { .company-text .data-img-2 div { height: 100%; padding: 30px; } }
.company-text .data-col {
  flex: 1 0 0; max-width: 100%; margin-right: 25px; padding: 14px 20px 10px 70px;
}
@media (max-width: 1199px) { .company-text .data-col { margin: 50px 0 0; padding: 0 50px; } }
@media (max-width: 767px) { .company-text .data-col { margin-top: 30px; padding: 0; } }

/* ---------- Карта-геометка ---------- */
.geo-img { height: 312px; overflow: hidden; padding-left: 20px; position: relative; z-index: -1; }
.geo-img .img { width: 560px; max-width: 560px; height: 100%; }

/* ---------- Слайдер цифр ---------- */
/* overflow — на всех ширинах: на 993–1199 видно 3 слайда из 4, и четвёртый вылезал за край */
.company .nums-slider { margin-top: 100px; margin-bottom: 100px; overflow: hidden; }
@media (max-width: 767px) { .company .nums-slider { margin-top: 15px; margin-bottom: 30px; } }
@media (max-width: 767px) {
  .nums-slider { width: calc(100% + 30px); margin-left: -15px; padding-top: 10px; }
}
/* в main слайды обрезал глобальный .swiper-container { overflow: hidden }, в redisign его нет —
   без этого слайды за краем (цифры, логотипы брендов) растягивают страницу на мобильном.
   Только до 992px: выше логотипы — сетка с отрицательным отступом, обрезка срезала бы край */
@media (max-width: 992px) { .company .swiper-container { overflow: hidden; } }
.nums-slider .swiper-slide { height: auto; border-right: 2px solid #000; }
.nums-slider .swiper-slide:last-child { border-right: none; }
.nums-slider .num { height: 100%; width: 100%; }
@media (max-width: 767px) { .nums-slider .num { padding-top: 5px; } }
.nums-slider .num:first-child { padding-left: 45px; }
@media (max-width: 767px) { .nums-slider .num:first-child { padding-left: 20px; } }

.num { width: 25%; padding: 0 25px 60px 45px; border-bottom: 2px solid #000; border-right: 2px solid #000; }
@media (max-width: 1199px) { .num { padding-bottom: 40px; } }
@media (max-width: 767px) { .num { padding: 0 20px 28px 20px; } }
.num:first-child { padding-left: 0; }
.num:last-child { border-right: none; }
.num .val {
  font: 70px/1.7 "Advanced Dot Digital-7", sans-serif;
  margin-bottom: 60px;
  background: linear-gradient(180deg, #00A8EB 0%, #46D5CC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 1199px) { .num .val { font-size: 60px; margin-bottom: 40px; } }
@media (max-width: 767px) { .num .val { font-size: 50px; margin-bottom: 28px; } }

/* ---------- Логотипы брендов (порядок как в main: до .about-brands) ---------- */
@media (max-width: 767px) { .brands__slider .swiper-slide { max-width: 138px; } }
@media (min-width: 992px) {
  .brands__slider .swiper-wrapper { margin: 0 -10px; }
  .brands__slider .swiper-slide { margin-bottom: 20px; padding: 0 10px; width: 16.66666%; }
  /* .swiper-mobile: на десктопе слайдер не инициализируется — держим сетку */
  .brands__slider.swiper-mobile .swiper-wrapper { flex-wrap: wrap; transform: none !important; }
}
.brands .item { height: 130px; padding: 30px 45px; background: #F3F6F8; border-radius: 5px; }
@media (max-width: 1199px) { .brands .item { padding: 15px 20px; } }
@media (max-width: 991px) { .brands .item { padding: 25px; } }
@media (max-width: 767px) { .brands .item { height: 84px; } }
.brands .item img { mix-blend-mode: darken; background-blend-mode: multiply; }

/* ---------- Блок «о брендах» (grid) ---------- */
.about-brands { margin: 80px 0; }
@media (max-width: 767px) { .about-brands { margin: 35px 0 50px; } }
.about-brands .grid { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }
@media (max-width: 991px) { .about-brands .grid { display: block; } }
.about-brands .column { padding: 30px; }
@media (max-width: 767px) { .about-brands .column { padding: 25px 20px; } }
.about-brands .brands { margin: 0 0 -20px; }
@media (max-width: 991px) { .about-brands .brands { margin: 40px 0 0; } }
@media (max-width: 767px) { .about-brands .brands { margin-top: 30px; } }
@media (min-width: 992px) { .about-brands .swiper-slide { width: 33.3333%; } }
.about-brands .w-50 { margin-top: 60px; }
@media (max-width: 767px) { .about-brands .w-50 { margin-top: 30px; } }
@media (min-width: 992px) { .w-50 { max-width: 50%; } }
/* .bg-gray — общий утилити, вынесен в migrate-base.css */

/* End */
/* /local/templates/redisign/assets/css/about-company.css?17928423869047 */