/* Custom styles for Owl Carousel navigation */
.owl-nav {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
}

.owl-prev,
.owl-next {
  background: rgba(0, 0, 0, 0.5) !important;
  color: white !important;
  border: none !important;
  padding: 10px 15px !important;
  font-size: 18px !important;
  cursor: pointer !important;
  /* border-radius: 4px !important; */
}

.owl-prev:hover,
.owl-next:hover {
  background: rgba(0, 0, 0, 0.8) !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .owl-nav {
    top: 33.33% !important;
  }

  .owl-prev,
  .owl-next {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 480px) {
  .owl-prev,
  .owl-next {
    padding: 4px 8px !important;
    font-size: 10px !important;
  }
}