/* Start:/local/templates/cesar/components/bitrix/news.list/they_trust_us/styles.css?17854276964115*/
.clients_slider.swiper.clients_mobile {
  display: none;
}

/* Цвет шторок = фон секции; на серых экранах переопределяется ниже */
.clients {
  --clients-slider-edge: #fff;
  --clients-slider-fade-width: clamp(40px, 7vw, 96px);
}

.main-index .clients {
  --clients-slider-edge: #f1f1f1;
}

.clients_desktop_slider {
  display: block;
  position: relative;
  isolation: isolate;
}

.clients_desktop_slider::before,
.clients_desktop_slider::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--clients-slider-fade-width);
  z-index: 3;
  pointer-events: none;
}

.clients_desktop_slider::before {
  left: 0;
  background: linear-gradient(
    to right,
    var(--clients-slider-edge) 0%,
    color-mix(in srgb, var(--clients-slider-edge) 18%, transparent) 55%,
    transparent 100%
  );
}

.clients_desktop_slider::after {
  right: 0;
  background: linear-gradient(
    to left,
    var(--clients-slider-edge) 0%,
    color-mix(in srgb, var(--clients-slider-edge) 18%, transparent) 55%,
    transparent 100%
  );
}

@supports not (background: color-mix(in srgb, red, blue)) {
  .clients_desktop_slider::before {
    background: linear-gradient(
      to right,
      var(--clients-slider-edge),
      transparent
    );
  }
  .clients_desktop_slider::after {
    background: linear-gradient(
      to left,
      var(--clients-slider-edge),
      transparent
    );
  }
}

.clients_items.clients_desktop {
  display: none;
}

.clients_actions.clients_desktop {
  display: none;
}

.clients_container.clients-expanded .clients_desktop_slider {
  display: none;
}

.clients_container.clients-expanded .clients_items.clients_desktop {
  display: grid;
}

.clients_container.clients-expanded .clients_actions.clients_desktop {
  display: flex;
}

.clients_desktop_slider .swiper-pagination {
  margin-top: 24px;
}

.clients_desktop_slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

@media (max-width: 478px) {
  .clients_desktop {
    display: none !important;
  }
  .clients_slider.swiper.clients_mobile {
    display: block;
    --clients-slider-fade-width: clamp(28px, 10vw, 56px);
    position: relative;
    isolation: isolate;
  }

  .clients_slider.swiper.clients_mobile::before,
  .clients_slider.swiper.clients_mobile::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--clients-slider-fade-width);
    z-index: 3;
    pointer-events: none;
  }

  .clients_slider.swiper.clients_mobile::before {
    left: 0;
    background: linear-gradient(
      to right,
      var(--clients-slider-edge) 0%,
      color-mix(in srgb, var(--clients-slider-edge) 18%, transparent) 55%,
      transparent 100%
    );
  }

  .clients_slider.swiper.clients_mobile::after {
    right: 0;
    background: linear-gradient(
      to left,
      var(--clients-slider-edge) 0%,
      color-mix(in srgb, var(--clients-slider-edge) 18%, transparent) 55%,
      transparent 100%
    );
  }

  @supports not (background: color-mix(in srgb, red, blue)) {
    .clients_slider.swiper.clients_mobile::before {
      background: linear-gradient(
        to right,
        var(--clients-slider-edge),
        transparent
      );
    }
    .clients_slider.swiper.clients_mobile::after {
      background: linear-gradient(
        to left,
        var(--clients-slider-edge),
        transparent
      );
    }
  }
}

.clients_container .title_actions {
  justify-content: center;
  align-items: center;
}

.clients_container .title_actions .btn-third {
  color: var(--cspat-primary-black);
  text-align: center;
  font-family: "Onest";
  font-style: normal;
  font-weight: 700;
  line-height: var(--cspat-line-height);
  text-transform: uppercase;
  padding: 12px 20px;
  transition: all 0.3s ease;
}

.clients_container .clients_title,
.clients_container .title_text {
  justify-content: center;
  align-items: center;
  width: 100%;
  color: var(--cspat-primary-black);
  text-align: center;
  font-family: "Onest";
}

.clients_container .title_text p {
  color: var(--cspat-primary-black);
}

/* End */
/* /local/templates/cesar/components/bitrix/news.list/they_trust_us/styles.css?17854276964115 */