.hero-slider {
  width: 100%;
  padding: 20px 0;
}

.hero-slider .swiper-slide {
  aspect-ratio: 280 / 130;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

.hero-slider .slide-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  z-index: 10;
}

.hero-slider .slide-content h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px;
  color: #fff;
}

.hero-slider .slide-content h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 10px;
  color:#07445f;
  text-shadow: -0.75px -0.75px 0 #fff, 0.75px -0.75px 0 #fff, -0.75px 0.75px 0 #fff, 0.75px 0.75px 0 #fff;
}

.hero-slider .slide-content p {
  font-size: 18px;
  margin: 0 0 15px;
  color: #fff;
}

.hero-slider .buttons {
  display: flex;
  gap: 10px;
}

.hero-slider .btn {
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  border: none;
}

.hero-slider .btn.primary {
  background: #007bff;
  color: #fff;
}

.hero-slider .btn.outline {
  background: #fff;
  color: #000;
  border: 1px solid #ddd;
}

@media (max-width: 767px) {
  .hero-slider, .swiper, .swiper-container {
    height: 250px !important;
    min-height: 250px !important;
  }
}