/* Start:/local/templates/main/css/about-page.css?179183519424850*/
/* /o-kompanii/ — оболочка .about; подключается через SetAdditionalCSS(?v=filemtime). */

/* ── Оболочка страницы: полная колонка сайта (body max 1920 + боковые отступы) ── */
.about {
  width: 100%;
  max-width: none;
  margin: 0;
  /* хлебные крошки уже дают mb 24px — как на Брендах: заголовок сразу под крошками */
  padding: 0 0 56px;
  box-sizing: border-box;
  color: var(--color-black, #423B38);
}

/* Повторяет .section-list--brands .brands-listing-head */
.about__head {
  margin: 8px 0 24px;
  padding: 0;
}

/* Метрики h1 как у всего сайта (тот же каскад, что у «Бренды») */
.about h1.about__title,
.about__title {
  margin: 0;
  padding: 0;
  font-size: var(--font-xl, 56px);
  font-weight: 600;
  line-height: 110%;
  color: var(--color-black, #423B38);
}

/* ── Ровный вертикальный ритм: один отступ между крупными блоками ── */
.about__section {
  margin: 0 0 48px;
  padding: 0;
}

.about__section:last-child {
  margin-bottom: 0;
}

.about__h2 {
  margin: 0 0 17px; /* +5% к прежним 16px */
  padding: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.15;
  text-align: left;
  color: var(--color-black, #423B38);
}

.about__section:first-of-type .about__h2,
.about__section--benefits > .about__h2 {
  margin-top: 0;
}

.about__section--social .about__h2 {
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.25;
  margin-bottom: 16px;
  text-align: center;
}

.about p,
.about__lead p,
.about__lead-line,
.about__closing,
.about__step p {
  margin: 0 0 12px;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: var(--color-black, #423B38);
}

.about__lead {
  margin: 0 0 48px;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid var(--color-darkgrey, #E7E5E4);
  border-radius: 9px;
  box-sizing: border-box;
}

.about__lead p:last-child {
  margin-bottom: 0;
}

.about__lead-line {
  margin-bottom: 10px;
}

.about__closing {
  margin-top: 24px;
  margin-bottom: 0;
}

/* ── Преимущества: карточки в 3 колонки с воздухом ── */
.about__benefits {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.about__benefit {
  margin: 0;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  min-height: 100px;
  background: #fff;
  border: 1px solid var(--color-darkgrey, #E7E5E4);
  border-radius: 9px;
  border-top: 3px solid var(--color-orange, #FCD9C2);
  font-size: 15px;
  line-height: 1.45;
  color: var(--color-black, #423B38);
  box-sizing: border-box;
  transition: box-shadow 0.2s ease;
}

.about__benefit:hover {
  box-shadow: 0 6px 18px rgba(66, 59, 56, 0.08);
}

/* ── Как мы работаем: карточки в 2 колонки ── */
.about__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
  align-items: stretch;
}

.about__step {
  background: #fff;
  border-radius: 9px;
  padding: 18px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-darkgrey, #E7E5E4);
  transition: box-shadow 0.2s ease;
}

.about__step:hover {
  box-shadow: 0 6px 18px rgba(66, 59, 56, 0.08);
}

.about__step p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.about__step a {
  color: var(--color-red, #8C0014);
  font-weight: 600;
  text-decoration: underline;
}

/* ── Сертификаты: без подложки; каждая карточка — отдельная плитка 9:16 ── */
.about__certs {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}

.about .certificate_slider,
.about .photo_slider,
.about .about__photos {
  position: relative;
  overflow: visible; /* стрелки снаружи, как .slider-nav на главной */
  margin: 0;
  padding: 0 0 4px;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

.about .certificate_slider .slick-list,
.about .photo_slider .slick-list {
  overflow: hidden;
  margin: 0 -6px;
}

.about .photo_slider .slick-track {
  display: flex !important;
  align-items: stretch;
}

.about .photo_slider .slick-slide {
  height: auto;
  display: flex !important;
  padding: 0 6px;
  box-sizing: border-box;
}

.about .photo_slider .slick-slide > div {
  display: flex;
  width: 100%;
}

.about .certificate_slider .slick-track {
  display: flex !important;
  align-items: flex-start; /* плитки не растягиваем — подписи остаются под картинкой */
}

.about .certificate_slider .slick-slide {
  height: auto;
  display: flex !important;
  padding: 0 6px;
  box-sizing: border-box;
  min-height: 0;
}

.about .certificate_slider .slick-slide > div {
  display: flex;
  width: 100%;
  height: 100%;
}

/* Slider arrows — как на главной (.slider-nav_prev/next): тонкий шеврон, без круга */
.about .certificate_slider .slick-arrow:before,
.about .photo_slider .slick-arrow:before,
.about .certificate_slider .slick-arrow:after,
.about .photo_slider .slick-arrow:after,
.about .certificate_slider .cert_slider_prev:before,
.about .photo_slider .cert_slider_prev:before,
.about .certificate_slider .cert_slider_next:before,
.about .photo_slider .cert_slider_next:before,
.about .certificate_slider .cert_slider_prev:after,
.about .photo_slider .cert_slider_prev:after,
.about .certificate_slider .cert_slider_next:after,
.about .photo_slider .cert_slider_next:after {
  content: none !important;
  display: none !important;
}

.about .certificate_slider .cert_slider_prev,
.about .photo_slider .cert_slider_prev,
.about .certificate_slider .cert_slider_next,
.about .photo_slider .cert_slider_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 14px;
  height: 26px;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  overflow: visible;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.about .certificate_slider .cert_slider_prev,
.about .photo_slider .cert_slider_prev {
  left: -40px; /* в боковой padding body, как -50px у хитов */
}

.about .certificate_slider .cert_slider_next,
.about .photo_slider .cert_slider_next {
  right: -40px;
}

.about .certificate_slider .cert_slider_prev:hover,
.about .photo_slider .cert_slider_prev:hover,
.about .certificate_slider .cert_slider_next:hover,
.about .photo_slider .cert_slider_next:hover,
.about .certificate_slider .cert_slider_prev:focus,
.about .photo_slider .cert_slider_prev:focus,
.about .certificate_slider .cert_slider_next:focus,
.about .photo_slider .cert_slider_next:focus {
  background: transparent;
  border: none;
  box-shadow: none;
  transform: translateY(-50%);
  opacity: 0.85;
}

.about .certificate_slider .cert_slider_prev.slick-disabled,
.about .photo_slider .cert_slider_prev.slick-disabled,
.about .certificate_slider .cert_slider_next.slick-disabled,
.about .photo_slider .cert_slider_next.slick-disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.about .certificate_slider .cert_slider_prev svg,
.about .certificate_slider .cert_slider_next svg,
.about .photo_slider .cert_slider_prev svg,
.about .photo_slider .cert_slider_next svg {
  width: 14px;
  height: 26px;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

.about .certificate_slider .cert_slider_prev:hover svg path,
.about .photo_slider .cert_slider_prev:hover svg path,
.about .certificate_slider .cert_slider_next:hover svg path,
.about .photo_slider .cert_slider_next:hover svg path {
  stroke: #fcd9c2;
}

/* Карточки сертификатов: отдельные плитки 9:16, без белой рамки */
.about .cert_item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  height: auto !important;
  min-height: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.about .cert_item:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0 8px 16px rgba(66, 59, 56, 0.12));
}

.about .cert_item img {
  order: 1;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 9 / 16;
  height: auto;
  max-height: none;
  min-height: 0;
  /* cover заполняет 9:16 — при contain под сканом оставалась пустая полоса, подпись казалась далеко */
  object-fit: cover;
  object-position: center top;
  display: block;
  flex: 0 0 auto;
  background: transparent;
  border: none;
  border-radius: 4px;
}

.about .cert_title {
  order: 2;
  display: block;
  margin: 8px 0 0 !important;
  padding: 0;
  font-size: clamp(13px, 1.2vw, 16px);
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  color: var(--color-black, #423B38);
}

/* ── Фото салонов ── */
.about .photo_item {
  width: 100% !important;
  max-width: none;
  height: auto !important;
  max-height: none !important;
  padding: 2px 4px !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.about .photo_item img,
.about .photo_item img.img-fluid {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* оригиналы салонов 16:9 */
  object-fit: cover;
  object-position: center;
  border-radius: 9px;
  display: block;
  border: 1px solid var(--color-darkgrey, #E7E5E4);
  transition: box-shadow 0.2s ease;
}

.about .photo_item:hover img {
  box-shadow: 0 6px 18px rgba(66, 59, 56, 0.08);
}

/* ── CTA ── */
.about .about__cta-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0 0;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 2;
  clear: both;
}

.about__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 65px;
  padding: 25px 43px;
  box-sizing: border-box;
  background: linear-gradient(135deg, #FCD9C2 0%, #f5c4a0 100%);
  border: none;
  border-radius: 14px;
  color: var(--color-black, #423B38);
  font-weight: 600;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: 0.01em;
  text-decoration: none;
  box-shadow: 0 4px 0 rgba(66, 59, 56, 0.08), 0 10px 24px rgba(252, 217, 194, 0.55);
  transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.about__cta:hover,
.about__cta:focus {
  background: linear-gradient(135deg, var(--color-red, #8C0014) 0%, #a30018 100%);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 0 rgba(66, 59, 56, 0.12), 0 14px 28px rgba(140, 0, 20, 0.28);
  transform: translateY(-3px);
}

.about__cta:active {
  transform: translateY(-1px);
  box-shadow: 0 2px 0 rgba(66, 59, 56, 0.1), 0 6px 14px rgba(140, 0, 20, 0.2);
}

/* ── Ряд иконок соцсетей ── */
.about__socials,
.about .iconset {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.about__socials a,
.about .iconset a {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 9px;
  background: #fff;
  border: 1px solid var(--color-darkgrey, #E7E5E4);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}

.about__socials a:hover,
.about__socials a:focus,
.about .iconset a:hover,
.about .iconset a:focus {
  background: var(--color-orange, #FCD9C2);
  border-color: var(--color-darkgrey, #E7E5E4);
  box-shadow: 0 6px 18px rgba(66, 59, 56, 0.08);
}

.about__socials a img,
.about__socials a svg,
.about .iconset a img,
.about .iconset a svg {
  width: 28px;
  height: 28px;
  display: block;
  flex-shrink: 0;
}

/* Повторяет общие брейкпоинты h1 из style.css (только размер — отступы задаются в .about__head) */
@media (max-width: 1536px) {
  .about h1.about__title,
  .about__title {
    font-size: var(--font-lg, 48px);
  }
}

@media (max-width: 1280px) {
  .about h1.about__title,
  .about__title {
    font-size: var(--font-md, 36px);
  }

  .about__h2 {
    font-size: 28px;
  }
}

/* ── ≤1199 ── */
@media (max-width: 1199px) {
  .about__benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about__benefit {
    min-height: 90px;
  }

  .about__h2 {
    font-size: 28px;
  }

  .about .cert_item {
    min-height: 0;
  }

  .about .certificate_slider .slick-slide {
    min-height: 0;
  }

  .about .cert_item img {
    max-height: none;
    min-height: 0;
  }
}

/* ── ≤991: в столбик + отступ под мобильный футер ── */
@media (max-width: 991px) {
  /* Горизонтальный отступ — только у body, как у каталога (H1 на x=12/36). */
  .about {
    padding: 16px 0 120px;
  }

  .about h1.about__title,
  .about__title {
    font-size: var(--font-md, 36px);
    margin: 0;
  }

  .about__head {
    margin: 8px 0 20px;
  }

  .about__h2 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 14px;
  }

  .about__section--social .about__h2 {
    font-size: clamp(18px, 4.6vw, 22px);
  }

  .about__section {
    margin-bottom: 40px;
  }

  .about p,
  .about__lead p,
  .about__lead-line,
  .about__closing,
  .about__step p {
    font-size: 15px;
    line-height: 1.45;
  }

  .about__lead {
    padding: 16px 16px;
    margin-bottom: 40px;
  }

  .about__benefits,
  .about__steps {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .about__benefit {
    padding: 14px 16px;
    font-size: 14px;
    min-height: 0;
  }

  .about__step {
    padding: 16px;
  }

  .about__cta {
    width: 100%;
    max-width: 520px;
    font-size: var(--font-18, 18px);
    min-height: 54px;
    padding: 16px 25px;
    border-radius: 14px;
  }

  .about__closing {
    margin-top: 24px;
  }

  .about .certificate_slider,
  .about .photo_slider,
  .about .about__photos {
    padding: 0 24px 4px;
  }

  .about .cert_item {
    padding: 6px;
    min-height: 360px;
  }

  .about .certificate_slider .slick-slide {
    min-height: 0;
  }

  .about .cert_item img {
    max-height: none;
    min-height: 0;
  }

  .about .photo_item {
    padding: 2px !important;
  }

  .about .photo_item img,
  .about .photo_item img.img-fluid {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .about__socials a,
  .about .iconset a {
    width: 40px;
    height: 40px;
  }

  .about__socials a img,
  .about__socials a svg,
  .about .iconset a img,
  .about .iconset a svg {
    width: 24px;
    height: 24px;
  }
}

/* ── ≤767: один сертификат ── */
@media (max-width: 767px) {
  .about .cert_item {
    min-height: 0;
  }

  .about .certificate_slider .slick-slide {
    min-height: 0;
  }

  .about .cert_item img {
    max-height: none;
    min-height: 0;
  }
}

@media (max-width: 479px) {
  .about {
    padding: 8px 0 120px;
  }

  .about .certificate_slider,
  .about .photo_slider,
  .about .about__photos {
    padding: 0 20px 4px; /* место под стрелки на узких */
  }

  .about .certificate_slider .cert_slider_prev,
  .about .photo_slider .cert_slider_prev {
    left: 0;
  }

  .about .certificate_slider .cert_slider_next,
  .about .photo_slider .cert_slider_next {
    right: 0;
  }

  .about .certificate_slider .cert_slider_prev,
  .about .photo_slider .cert_slider_prev,
  .about .certificate_slider .cert_slider_next,
  .about .photo_slider .cert_slider_next {
    width: 14px;
    height: 26px;
  }

  .about .photo_item img,
  .about .photo_item img.img-fluid {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .about .cert_item {
    padding: 4px;
    min-height: 340px;
  }

  .about .certificate_slider .slick-slide {
    min-height: 0;
  }

  .about .cert_item img {
    max-height: none;
    min-height: 0;
  }

  .about .cert_title {
    font-size: 13px;
  }
}

/* desk-scale: начало (сгенерировано .tools/desk-scale, руками не править) */
@media (min-width: 992px) {
    .about {
        padding: 0 0 47.6px
    }
    .about__head {
        margin: 6.8px 0 20.4px;
        padding: 0
    }
    .about h1.about__title, .about__title {
        margin: 0;
        padding: 0;
        font-size: var(--font-xl, 47.6px)
    }
    .about__section {
        margin: 0 0 40.8px;
        padding: 0
    }
    .about__section:last-child {
        margin-bottom: 0
    }
    .about__h2 {
        margin: 0 0 14.45px;
        padding: 0;
        font-size: 27.2px
    }
    .about__section:first-of-type .about__h2, .about__section--benefits > .about__h2 {
        margin-top: 0
    }
    .about__section--social .about__h2 {
        font-size: clamp(17px, 1.87vw, 23.8px);
        margin-bottom: 13.6px
    }
    .about p, .about__lead p, .about__lead-line, .about__closing, .about__step p {
        margin: 0 0 10.2px;
        padding: 0;
        font-size: 13.6px
    }
    .about__lead {
        margin: 0 0 40.8px;
        padding: 17px 20.4px;
        border-radius: 7.65px
    }
    .about__lead p:last-child {
        margin-bottom: 0
    }
    .about__lead-line {
        margin-bottom: 8.5px
    }
    .about__closing {
        margin-top: 20.4px;
        margin-bottom: 0
    }
    .about__benefits {
        margin: 13.6px 0 0;
        padding: 0;
        gap: 13.6px
    }
    .about__benefit {
        margin: 0;
        padding: 13.6px 15.3px;
        min-height: 85px;
        border: 1px solid var(--color-darkgrey, #E7E5E4);
        border-radius: 7.65px;
        border-top: 2.55px solid var(--color-orange, #FCD9C2);
        font-size: 12.75px
    }
    .about__benefit:hover {
        box-shadow: 0 5.1px 15.3px rgba(66, 59, 56, 0.08)
    }
    .about__steps {
        gap: 13.6px;
        margin-top: 13.6px
    }
    .about__step {
        border-radius: 7.65px;
        padding: 15.3px 17px;
        border: 1px solid var(--color-darkgrey, #E7E5E4)
    }
    .about__step:hover {
        box-shadow: 0 5.1px 15.3px rgba(66, 59, 56, 0.08)
    }
    .about__step p {
        margin: 0;
        font-size: 11.9px
    }
    .about__certs {
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0
    }
    .about .certificate_slider, .about .photo_slider, .about .about__photos {
        margin: 0;
        padding: 0 0 3.4px
    }
    .about .certificate_slider .slick-list, .about .photo_slider .slick-list {
        margin: 0 -5.1px
    }
    .about .photo_slider .slick-slide {
        padding: 0 5.1px
    }
    .about .certificate_slider .slick-slide {
        padding: 0 5.1px;
        min-height: 0
    }
    .about .certificate_slider .cert_slider_prev, .about .photo_slider .cert_slider_prev, .about .certificate_slider .cert_slider_next, .about .photo_slider .cert_slider_next {
        width: 11.9px;
        height: 22.1px;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        font-size: 0 !important
    }
    .about .certificate_slider .cert_slider_prev, .about .photo_slider .cert_slider_prev {
        left: -34px
    }
    .about .certificate_slider .cert_slider_next, .about .photo_slider .cert_slider_next {
        right: -34px
    }
    .about .certificate_slider .cert_slider_prev:hover, .about .photo_slider .cert_slider_prev:hover, .about .certificate_slider .cert_slider_next:hover, .about .photo_slider .cert_slider_next:hover, .about .certificate_slider .cert_slider_prev:focus, .about .photo_slider .cert_slider_prev:focus, .about .certificate_slider .cert_slider_next:focus, .about .photo_slider .cert_slider_next:focus {
        border: none;
        box-shadow: none
    }
    .about .certificate_slider .cert_slider_prev svg, .about .certificate_slider .cert_slider_next svg, .about .photo_slider .cert_slider_prev svg, .about .photo_slider .cert_slider_next svg {
        width: 11.9px;
        height: 22.1px
    }
    .about .cert_item {
        width: 100%;
        padding: 0;
        margin: 0;
        height: auto !important;
        min-height: 0;
        border: none;
        border-radius: 0;
        box-shadow: none
    }
    .about .cert_item:hover {
        transform: translateY(-1.7px);
        filter: drop-shadow(0 6.8px 13.6px rgba(66, 59, 56, 0.12))
    }
    .about .cert_item img {
        width: 100%;
        height: auto;
        min-height: 0;
        border: none;
        border-radius: 3.4px
    }
    .about .cert_title {
        margin: 6.8px 0 0 !important;
        padding: 0;
        font-size: clamp(11.05px, 1.02vw, 13.6px)
    }
    .about .photo_item {
        width: 100% !important;
        height: auto !important;
        padding: 1.7px 3.4px !important
    }
    .about .photo_item img, .about .photo_item img.img-fluid {
        width: 100%;
        height: auto;
        border-radius: 7.65px;
        border: 1px solid var(--color-darkgrey, #E7E5E4)
    }
    .about .photo_item:hover img {
        box-shadow: 0 5.1px 15.3px rgba(66, 59, 56, 0.08)
    }
    .about .about__cta-wrap {
        margin: 13.6px 0 0;
        padding: 0
    }
    .about__cta {
        gap: 8.5px;
        min-height: 55.25px;
        padding: 21.25px 36.55px;
        border: none;
        border-radius: 11.9px;
        font-size: 18.7px;
        box-shadow: 0 3.4px 0 rgba(66, 59, 56, 0.08), 0 8.5px 20.4px rgba(252, 217, 194, 0.55)
    }
    .about__cta:hover, .about__cta:focus {
        box-shadow: 0 5.1px 0 rgba(66, 59, 56, 0.12), 0 11.9px 23.8px rgba(140, 0, 20, 0.28);
        transform: translateY(-2.55px)
    }
    .about__cta:active {
        transform: translateY(-1px);
        box-shadow: 0 1.7px 0 rgba(66, 59, 56, 0.1), 0 5.1px 11.9px rgba(140, 0, 20, 0.2)
    }
    .about__socials, .about .iconset {
        gap: 10.2px;
        margin: 0;
        padding: 0
    }
    .about__socials a, .about .iconset a {
        margin: 0;
        width: 37.4px;
        height: 37.4px;
        border-radius: 7.65px;
        border: 1px solid var(--color-darkgrey, #E7E5E4)
    }
    .about__socials a:hover, .about__socials a:focus, .about .iconset a:hover, .about .iconset a:focus {
        box-shadow: 0 5.1px 15.3px rgba(66, 59, 56, 0.08)
    }
    .about__socials a img, .about__socials a svg, .about .iconset a img, .about .iconset a svg {
        width: 23.8px;
        height: 23.8px
    }
    @media (max-width: 1536px) {
        .about h1.about__title, .about__title {
            font-size: var(--font-lg, 40.8px)
        }
    }
    @media (max-width: 1280px) {
        .about h1.about__title, .about__title {
            font-size: var(--font-md, 30.6px)
        }
        .about__h2 {
            font-size: 23.8px
        }
    }
    @media (max-width: 1199px) {
        .about__benefit {
            min-height: 76.5px
        }
        .about__h2 {
            font-size: 23.8px
        }
        .about .cert_item {
            min-height: 0
        }
        .about .certificate_slider .slick-slide {
            min-height: 0
        }
        .about .cert_item img {
            min-height: 0
        }
    }
}
/* desk-scale: конец */

/* End */
/* /local/templates/main/css/about-page.css?179183519424850 */