/* 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 */


/* Start:/local/templates/cesar/components/bitrix/news.list/more_reviews/style.css?17788310436064*/
.reviews_container .title-section {
  width: 100%;
  justify-content: center;
  align-items: center;
}

.reviews_container .title_text {
  text-align: center;
}

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

.reviews_container_actions {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.reviews_container .btn-third {
  color: var(--cspat-primary-black);
  padding: 12px 19px;
  font-size: clamp(12px, 3vw, 14px);
  border-radius: 8px;
}
.reviews .swiper_nav-prev {
  left: -32px;
}

.reviews .swiper_nav-next {
  right: -32px;
}

.reviews_item_name {
  color: var(--cspat-primary-black);
  font-size: clamp(16px, 3vw, 20px);
  font-weight: 700;
  line-height: var(--cspat-line-height);
}

.reviews_item_logo {
  max-width: 300px;
  height: 61px;
  object-fit: scale-down;
}

/* Одна высота слайдов Swiper: нижний ряд (кнопка + цифры) всегда у низа карточки */
.reviews .swiper-slide.reviews_item {
  align-self: stretch;
  grid-template-rows: 1fr;
  align-items: stretch;
}

.reviews .reviews_item_content {
  min-height: 0;
  height: 100%;
}

.reviews .reviews_swiper .swiper-pagination.hero-redesign_pagination {
  position: static;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.reviews .hero-redesign_pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 100px;
  margin: 0;
  background: #c8cad4;
  opacity: 1;
  transition:
    width 0.3s ease,
    background 0.3s ease;
}

.reviews .hero-redesign_pagination .swiper-pagination-bullet-active {
  width: 16px;
  background: #5b5d68;
}

.reviews_item_more {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-top: auto;
  flex-shrink: 0;
  color: var(--cspat-primary-black);
}
.reviews_item_more .btn-third {
  padding: 12px 10px;
  font-size: 12px;
  white-space: nowrap;
}

.reviews_item_more .details {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.reviews_item_more .details li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.reviews_item_number {
  color: var(--cspat-primary-red);
  text-align: center;
  font-family: "Onest";
  font-size: clamp(14px, 3vw, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--cspat-line-height);
  text-transform: uppercase;
}

.reviews_item_text {
  color: var(--cspat-primary-black);
  leading-trim: both;
  font-family: "Onest";
  font-size: var(--cspat-text-size);
  font-style: normal;
  font-weight: 600;
  line-height: var(--cspat-line-height);
}

.reviews_item_content .reviews_item_text p {
  color: var(--cspat-primary-black);
  font-style: normal;
  font-weight: 400;
}

.reviews_item_profile {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 24px;
}
.reviews_item_profile_text {
  color: var(--cspat-primary-black);
  font-family: "Onest";
  font-size: clamp(12px, 3vw, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--cspat-line-height);
  text-align: left;
}
@media screen and (min-width: 768px) {
  .reviews_item_name {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1700px) {
  .reviews_items.container {
    padding: 0 50px;
  }
  .reviews .swiper_nav-prev {
    left: 4px;
  }
  .reviews .swiper_nav-next {
    right: 4px;
  }
}

@media only screen and (max-width: 480px) {
  .reviews_container .reviews_mobile_nav.cspat-mobile-swiper-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 12px;
  }

  .reviews .reviews_items .swiper_nav {
    display: none;
  }

  .reviews .swiper-slide.reviews_item {
    grid-template-columns: 1fr;
    padding: 24px 20px 32px;
    border: 1px solid #d0d2dc;
    border-radius: 8px;
    gap: 16px;
  }

  .reviews .reviews_item_content {
    gap: 16px;
  }

  .reviews_item_logo {
    max-width: 140px;
    height: 68px;
    width: 100%;
    object-fit: contain;
  }

  .reviews_item_profile {
    gap: 10px;
  }

  .reviews_item_head {
    gap: 4px;
  }

  .reviews_item_name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: var(--cspat-line-height);
  }

  .reviews_item_position {
    font-size: 12px;
    font-weight: 600;
    line-height: var(--cspat-line-height);
  }

  .reviews_item_stars.stars {
    display: flex;
    gap: 4px;
  }

  .reviews_item_stars.stars .stars_item {
    width: 12px;
    height: 12px;
  }

  .reviews_item_text {
    font-size: 14px;
    line-height: var(--cspat-line-height);
  }

  .reviews_item_more {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }

  .reviews_item_more .btn-third {
    padding: 10px 16px 10px;
  }

  .reviews_item_more .details {
    gap: 20px;
  }

  .reviews_item_more .details li {
    gap: 6px;
    align-items: flex-end;
  }

  .reviews_item_number {
    font-size: 16px;
    line-height: var(--cspat-line-height);
  }

  .reviews_item_more .reviews_item_text {
    font-size: 14px;
    font-weight: var(--cspat-text-font-weight);
    line-height: var(--cspat-line-height);
  }

  .reviews_items.container {
    padding: 0;
  }

  .reviews_item:nth-child(1) {
    margin-left: 20px;
  }
}

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