/**

 * Hero Block Styles

 *

 * @package UltraLite_BS_ACF

 * @since 1.0.0

 */

/* ================================
   Affiliations Slider (Slick)
   ================================ */

.affiliations-slider {
  position: relative;
  overflow: hidden;
}

@media (min-width: 992px) {
  .affiliations-slider .slick-list {
    padding-right: 44px;
  }
}

.affiliations-slider .slick-track {
    display: flex !important;
    justify-content: space-around;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
}



/* Individual slide */
.affiliations-slider .slick-slide {
  height: auto !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  width: auto !important;
}

/* Tablet – 40px gap */
@media (max-width: 991px) {
  .affiliations-slider .slick-slide {
    margin: 0 20px;
  }
  .affiliations-slider .slick-list {
    margin: 0 -20px;
  }
}

/* Mobile – 20px gap */
@media (max-width: 767px) {
  .affiliations-slider .slick-slide {
    margin: 0 10px;
  }
  .affiliations-slider .slick-list {
    margin: 0 -10px;
  }
}

/* ================================
   Logo Styling
   ================================ */

.img-fluid.affiliates {
  display: block;
  width: auto;               /* Required for auto-width slides */
  max-width: 100%;
  max-height: 80px;
  height: auto;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

/* Hover effect */
.img-fluid.affiliates:hover {
  filter: grayscale(0%);
}