.section-clients,
.acf-block-preview .section-clients {
  transition: background-color 0.3s linear; }
  .theme-light .section-clients, .theme-light
  .acf-block-preview .section-clients {
    background-color: #f5f5f5; }
  .theme-night .section-clients, .theme-night
  .acf-block-preview .section-clients {
    background-color: #02202e; }
  .section-clients__content,
  .acf-block-preview .section-clients__content {
    position: relative; }
    .section-clients__content::before, .section-clients__content::after,
    .acf-block-preview .section-clients__content::before,
    .acf-block-preview .section-clients__content::after {
      content: "";
      position: absolute;
      z-index: 2;
      top: 0;
      height: 100%;
      width: 10rem;
      pointer-events: none;
      -webkit-mask-image: linear-gradient(90deg, black 25.99%, rgba(0, 0, 0, 0) 100%);
      mask-image: linear-gradient(90deg, black 25.99%, rgba(0, 0, 0, 0) 100%);
      transition: background-color 0.3s linear; }
      .theme-light .section-clients__content::before, .theme-light .section-clients__content::after, .theme-light
      .acf-block-preview .section-clients__content::before, .theme-light
      .acf-block-preview .section-clients__content::after {
        background-color: #f5f5f5; }
      .theme-night .section-clients__content::before, .theme-night .section-clients__content::after, .theme-night
      .acf-block-preview .section-clients__content::before, .theme-night
      .acf-block-preview .section-clients__content::after {
        background-color: #02202e; }
    .section-clients__content::before,
    .acf-block-preview .section-clients__content::before {
      left: 0; }
    .section-clients__content::after,
    .acf-block-preview .section-clients__content::after {
      right: 0;
      transform: rotate(180deg); }
    @media (max-width: 1279.5px) {
      .section-clients__content,
      .acf-block-preview .section-clients__content {
        position: static; } }
    @media (max-width: 767.5px) {
      .section-clients__content::before, .section-clients__content::after,
      .acf-block-preview .section-clients__content::before,
      .acf-block-preview .section-clients__content::after {
        width: 6rem; } }
  .section-clients__slider .swiper-wrapper,
  .acf-block-preview .section-clients__slider .swiper-wrapper {
    transition-timing-function: linear !important; }
  @media (max-width: 1279.5px) {
    .section-clients__slider,
    .acf-block-preview .section-clients__slider {
      overflow: visible; } }
  .section-clients__slide,
  .acf-block-preview .section-clients__slide {
    width: 20rem;
    height: 10rem; }
    @media (max-width: 767.5px) {
      .section-clients__slide,
      .acf-block-preview .section-clients__slide {
        width: 16rem;
        height: 8rem; } }
  .section-clients__link,
  .acf-block-preview .section-clients__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    filter: grayscale(1);
    transition: opacity 0.3s linear, filter 0.3s linear; }
    .section-clients__link:hover, .section-clients__link:focus,
    .acf-block-preview .section-clients__link:hover,
    .acf-block-preview .section-clients__link:focus {
      opacity: 1;
      filter: grayscale(0); }
  .section-clients__logo-wrap,
  .acf-block-preview .section-clients__logo-wrap {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1.2rem 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s linear; }
    .theme-light .section-clients__logo-wrap:last-child, .theme-light
    .acf-block-preview .section-clients__logo-wrap:last-child {
      opacity: 0; }
    .theme-night .section-clients__logo-wrap:first-child, .theme-night
    .acf-block-preview .section-clients__logo-wrap:first-child {
      opacity: 0; }
    .section-clients__logo-wrap svg,
    .acf-block-preview .section-clients__logo-wrap svg {
      width: 100%;
      height: 100%;
      object-fit: contain; }