.mobile-menu {
     transition: all 0.3s ease-in-out;
 }

 .mobile-menu.hidden {
     transform: translateX(-100%);
     opacity: 0;
 }

 .mobile-menu.show {
     transform: translateX(0);
     opacity: 1;
 }

 .swiper-pagination-bullet {
     background: rgba(255, 255, 255, 0.5);
     opacity: 1;
     width: 12px;
     height: 12px;
 }

 .swiper-pagination-bullet-active {
     background: #148BAC;
 }

 .swiper-button-next,
 .swiper-button-prev {
     color: white;
     width: 44px;
     height: 44px;
 }

 .swiper-button-next::after,
 .swiper-button-prev::after {
     font-size: 20px;
 }

 /* Hide navigation buttons on mobile */
 @media (max-width: 768px) {

     .swiper-button-next,
     .swiper-button-prev {
         display: none;
     }
 }

 .hero-bg-1 {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 }

 .hero-bg-2 {
     background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
 }

 .hero-bg-3 {
     background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
 }

 .hero-bg-4 {
     background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
 }

 .hero-bg-5 {
     background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
 }

 .hero-bg-6 {
     background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
 }

 /* Ensure slides cover full viewport */
 .swiper-slide {
     height: 100vh;
 }

 /* Mobile overlay */
 @media (max-width: 768px) {
     .mobile-overlay {
         background: rgba(0, 0, 0, 0.4);
     }
 }