.feature-slider,
.capabilities-slider {
  margin: 0 -10px;
}

.feature-card {
  min-height: 230px;
  margin: 0 8px;
  padding: 1.5rem;
}

.feature-card i {
  margin-bottom: 1rem;
  color: var(--accent);
  font-size: 2rem;
}

.feature-card h3 {
  font-size: 1.15rem;
}

.feature-card p {
  color: var(--text-muted);
}

.capabilities-slider .slick-list {
  overflow: visible;
}

.capabilities-slider .slick-track {
  display: flex;
  padding: 12px 0 20px;
}

.capabilities-slider .slick-slide {
  height: inherit;
}

.capabilities-slider .slick-slide > div,
.capabilities-slider .capability-card {
  height: 100%;
}

.slick-prev,
.slick-next {
  z-index: 3;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(103, 207, 249, 0.2);
  border-radius: 50%;
  background: rgba(8, 24, 35, 0.86);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(12px);
  transition: border-color 250ms ease, background 250ms ease, transform 250ms ease;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  border-color: rgba(103, 207, 249, 0.55);
  background: rgba(25, 92, 122, 0.8);
  transform: scale(1.05);
}

.slick-prev {
  left: -13px;
}

.slick-next {
  right: -13px;
}

.slick-prev::before,
.slick-next::before {
  color: #dff7ff;
  font-family: "Font Awesome 6 Free";
  font-size: 0.9rem;
  font-weight: 900;
  opacity: 1;
}

.slick-prev::before {
  content: "\f060";
}

.slick-next::before {
  content: "\f061";
}

.slick-dots {
  bottom: -38px;
}

.slick-dots li button::before {
  color: #fff;
}