/* Adjust Slick Slides */
.slick-slide {
  margin: 0 8px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

@media (min-width: 992px) {
  .slick-slide {
    margin: 0 16px;
  }
}

/* Fix the slider alignment */
.slick-list {
  margin: 0 -8px;
  overflow: visible;
}

.slick-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Highlight the active slide */
.slick-slide.slick-center {
  transform: scale(1.05); /* Slightly enlarge the active slide */
  opacity: 1; /* Fully visible */
}

.slick-slide:not(.slick-center) {
  opacity: 0.5; /* Dim inactive slides */
}

/* Positioning the arrows */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 24px; /* Adjust the size of the chevron */
  color: #000; /* Customize the arrow color */
  z-index: 10;
  cursor: pointer;
}

.slick-prev {
  left: -50px; /* Adjust distance from the left */
}

.slick-next {
  right: -50px; /* Adjust distance from the right */
}

/* Hover effect */
.slick-prev:hover,
.slick-next:hover {
  color: #555; /* Change color on hover */
}

.slick-carousel .fas {
  font-size: 30px;
  color: #232565;
}

@media (max-width: 575.98px) {
  .slick-carousel .slick-arrow {
    display: none !important;
  }
}

.slick-arrow:before {
  display: none;
}

@media (min-width: 1200px) {
  .slick-arrow.slick-prev {
    left: -75px;
  }

  .slick-arrow.slick-next {
    right: -75px;
  }
}