.audience-logos-section {
  background: white;
  padding: 30px 0;

  .logos-container {
    position: relative;
    max-height: 175px;
    max-width: 1400px;
    margin: 0 auto;
  }

  .logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
    position: relative;
    padding: 0 75px;
    max-height: 175px;

    .slick-arrow {
      width: 50px;
      height: 50px;
      background-color: transparent !important;
      color: transparent !important;
      border: none !important;
      position: absolute;
      top: calc(50% - 25px);
    }

    .slick-track {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .slick-prev {
      left: 15px;
      background-image: url("../../../assets/images/circlearrow_L.png");

      &:hover {
        background-image: url("../../../assets/images/circlearrow_L.png");
      }
    }

    .slick-next {
      right: 15px;
      background-image: url("../../../assets/images/circlearrow_R.png");

      &:hover {
        background-image: url("../../../assets/images/circlearrow_R.png");
      }
    }
  }

  .logo-item {
    padding: 10px 30px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;

    img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
      transition: all 0.3s ease;
    }
  }

  @media (max-width: 991px) {
    padding: 20px 0;

    .logo-item {
      padding: 0;
    }

    .logos {
      .slick-prev,
      .slick-next {
        width: 50px;
        height: 50px;
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: center;
      }

      .slick-prev {
        background-image: url("../../../assets/images/circlearrow_L.png");
      }

      .slick-next {
        background-image: url("../../../assets/images/circlearrow_R.png");
      }
    }
  }
}