/* Hero slider responsiveness */



.swiper-button-next,
.swiper-button-prev {
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  color: var(--primary-color);
  background: linear-gradient(145deg, #e2e8ec, #ffffff);
  /* box-shadow:  .5rem .5rem 1.5rem #D1D9E6, -0.5rem -.5rem 1.5rem #ffffff; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: opacity 0.3s;

}

.swiper-button-prev:after, .swiper-button-next:after{
    font-size: 1rem;
}




.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 0.8;
}

@media (min-width: 320px){

.swiper-button-next,
.swiper-button-prev {
width: 2rem;
height: 2rem;
}

}
/* @media (max-width: 991px) {
  .hero-slider {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .hero-slider {
    height: 500px;
  }
} */

/* Button styles for better visibility */
.theme-btn {
  background-color: #ffffff;
  color: #1d4ed8;
  padding: 12px 32px;
  border: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.theme-btn:hover {
  background-color: #1d4ed8;
  color: #ffffff;
}