/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height {
  transition: height 500ms ease-in-out;
}

/* Core Owl Carousel CSS */
.owl-carousel { display: none; width: 100%; position: relative; z-index: 1; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; }
.owl-carousel .owl-item img { display: block; width: 100%; height: auto; object-fit: cover; }
.owl-carousel .owl-stage-outer { overflow: hidden; position: relative; }

/* Owl Carousel Navigation */
.owl-theme .owl-controls { display: block; text-align: center; margin-top: 15px; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  display: inline-block; margin: 0 10px; font-size: 25px; color: #898f9f; cursor: pointer; transition: all 0.3s ease;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { color: #f2be00; }
.owl-theme .owl-controls .owl-dots .owl-dot { display: inline-block; }
.owl-theme .owl-controls .owl-dots .owl-dot span {
  width: 12px; height: 12px; background: #222; display: block; margin: 0 5px; border-radius: 50%;
  transition: all 0.3s ease;
}
.owl-theme .owl-controls .owl-dots .owl-dot.active span { background: #cda274; }

/* Responsive Adjustments */
@media (max-width: 1200px) {
  .owl-carousel .owl-item img { height: 70vh; }
}
@media (max-width: 992px) {
  .owl-carousel .owl-item img { height: 60vh; }
  .owl-carousel h1 { font-size: 2rem; }
  .owl-carousel h5 { font-size: 1rem; }
  .owl-carousel p { font-size: 0.9rem; }
  .owl-carousel .btn { padding: 8px 16px; font-size: 0.85rem; }
}
@media (max-width: 768px) {
  .owl-carousel .owl-item img { height: 50vh; }
  .owl-carousel h1 { font-size: 1.5rem; }
  .owl-carousel p { font-size: 0.8rem; text-align: center; }
  .owl-carousel h5 { font-size: 0.9rem; text-align: center; }
  .owl-carousel .btn { padding: 6px 12px; font-size: 0.8rem; display: block; margin: 5px auto; }
}
@media (max-width: 576px) {
  .owl-carousel .owl-item img { height: 40vh; }
  .owl-carousel h1 { font-size: 1.2rem; }
  .owl-carousel p { font-size: 0.75rem; }
  .owl-carousel .btn { width: 90%; text-align: center; }
}