.client-slider-section {
  background: #ffffff;
  padding: 80px 0;
  overflow: hidden;
}
.client-slider-section h2 {
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 900;
  color: var(--dark-green);
  margin-bottom: 14px;
}
.client-slider-section p {
  max-width: 760px;
  margin: 0 auto 45px;
  font-size: 17px;
  line-height: 1.7;
  color: #1d2b22;
}
.client-slider-section .client-logo-slider {
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
  padding: 12px 0 18px;
}
.client-slider-section .client-logo-slider::before, .client-slider-section .client-logo-slider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
.client-slider-section .client-logo-slider::before {
  left: 0;
  background: linear-gradient(to right, #ffffff, transparent);
}
.client-slider-section .client-logo-slider::after {
  right: 0;
  background: linear-gradient(to left, #ffffff, transparent);
}
.client-slider-section .client-logo-track {
  display: flex;
  align-items: center;
  gap: 38px;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
.client-slider-section .client-logo-card {
  flex: 0 0 190px;
  height: 105px;
  background: #fffdf2;
  border: 1px solid rgba(11, 61, 34, 0.12);
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  box-shadow: 0 12px 10px rgba(11, 61, 4, 0.08);
  transition: 0.35s ease;
}
.client-slider-section .client-logo-card img {
  max-width: 100%;
  max-height: 65px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.75;
  transition: 0.35s ease;
}
.client-slider-section .client-logo-card:hover {
  transform: translateY(-8px);
  border-color: var(--primary-color);
  box-shadow: 0 18px 40px rgba(1, 127, 64, 0.16);
  z-index: 5;
  cursor: pointer;
}
.client-slider-section .client-logo-card:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

@media (max-width: 991px) {
  .client-slider-section {
    padding: 65px 0;
  }
  .client-slider-section .client-logo-track {
    gap: 24px;
  }
  .client-slider-section .client-logo-card {
    flex-basis: 160px;
    height: 95px;
  }
}
@media (max-width: 575px) {
  .client-slider-section {
    padding: 55px 0;
  }
  .client-slider-section p {
    font-size: 15px;
    padding: 0 18px;
  }
  .client-slider-section .client-logo-slider::before, .client-slider-section .client-logo-slider::after {
    width: 55px;
  }
  .client-slider-section .client-logo-card {
    flex-basis: 135px;
    height: 82px;
    padding: 16px;
  }
  .client-slider-section .client-logo-card img {
    max-height: 50px;
  }
}/*# sourceMappingURL=client-slider.css.map */