.logo-carousel-slide a {
  display: block;
  text-align: center;
  border-bottom: none;
  background: none;
}

.logo-carousel-slide a img {
  margin: 0 auto;
}

.js-logo-carousel {
  padding: 0 52px;
}
.js-logo-carousel .slick-track {
  display: flex;
  align-items: center;
  justify-content: center;
}

.js-logo-carousel .slick-arrow {
  top: 50%;
  bottom: unset;
  transform: translate(0, -50%);
}

.js-logo-carousel .slick-arrow:before {
  font-size: 26px;
}

.js-logo-carousel .slick-next {
  left: unset;
  right: 0;
}

.js-logo-carousel .slick-prev {
  left: 0;
}

.logo-carousel .btn {
  margin: 40px auto 0;
  display: table;
}

.logo-carousel {
  margin: 80px 0 110px;
}

.logo img {
  max-width: 156px;
}

.logo-carousel h2 {
  color: #003c71;
  font-size: 48px;
  margin: 0 0 61px;
}

.js-logo-carousel {
  margin-inline: auto;
 
}

.logo-carousel-slide a:hover {
  opacity: 0.8;
}

/* .js-logo-carousel .slick-slide {
  visibility: hidden;
}

.js-logo-carousel .slick-slide.active-slide {
  visibility: visible;
} */
.logo-carousel:has(+ .bg-white),
.logo-carousel:has(+ .bg-white) .logo-carousel {
  margin-bottom: 0;
}
.js-logo-carousel .slick-slide > div ,
.js-logo-carousel .logo-carousel-slide.fx-slide {
  display: flex !important ;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .logo-carousel h2 {
    margin: 0 0 28px;
  }

  .js-logo-carousel {
    padding: 0 55px 0 80px;
  }

  .js-logo-carousel .slick-slide {
    margin: 0 30px;
    vertical-align: bottom;
  }

  .logo-carousel {
    margin: 100px 0;
  }

  .logo img {
    min-width: 150px;
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
}

@media (min-width: 1200px) {
 

  .logo-carousel {
    margin: 100px 0;
  }

  .logo img {
    max-width: 150px;
    height: auto;
  }

  .js-logo-carousel .slick-slide {
    margin: 0 30px;
  }

  .js-logo-carousel .slick-arrow {
    width: 38px;
    height: 38px;
    border: 2px solid #003c71;
    border-radius: 50px;
    margin-top: 0;
  }

  .js-logo-carousel .slick-arrow:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }

  .js-logo-carousel .slick-arrow:hover {
    border-color: #ff6720;
  }

  .logo-carousel h2 {
    margin: 0 0 22px;
  }
}

@media (min-width: 1600px) {
  .js-logo-carousel .slick-slide {
    margin: 0 40px;
  }
}

@media (max-width: 600px) {
  .slick-active .logo-carousel-slide.logo img {
    margin-inline: auto;
    height: auto;
  }
}