:root{
 --primary-color:#4361ee;
 --secondary-color:#3a0ca3;
 --accent-color:#f72585;
 --light-color:#f8f9fa;
 --dark-color:#212529;
}

/* GLOBAL */
body,html{
 margin:0;
 padding:0;
 font-family:'Poppins',sans-serif;
 overflow-x:hidden;
 background:#f5f7ff;
}

/* NAVBAR */
/*.navbar{*/
/* background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));*/
/* padding:12px 0;*/
/* box-shadow:0 4px 12px rgba(0,0,0,.1);*/
/*}*/
/*.nav-link{*/
/* font-weight:500;*/
/* padding:8px 15px!important;*/
/* margin:0 5px;*/
/* border-radius:8px;*/
/* transition:.3s;*/
/*}*/
/*.nav-link:hover{*/
/* background:rgba(255,255,255,.15);*/
/* transform:translateY(-2px);*/
/*}*/

/* MENU BUTTON */
.mobile-menu-btn{
 color:#fff;
 background:rgba(255,255,255,.2);
 border:none;
 border-radius:50%;
 width:40px;
 height:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 transition:.3s;
 margin-left:auto;
}
.mobile-menu-btn:hover{
 background:rgba(255,255,255,.3);
 transform:scale(1.1);
}

/* DESKTOP SLIDER */
.desktop-slider{
 margin-top:60px;
}
.desktop-slider .carousel{
 height:85vh;
 min-height:400px;
}
.desktop-slider .carousel-item{
 background-size:cover;
 background-position:center;
}

/* SLIDER CONTROLS */
.carousel-control-prev,
.carousel-control-next{
 width:50px;
 height:50px;
 background:rgba(0,0,0,.5);
 border-radius:50%;
 top:50%;
 transform:translateY(-50%);
 transition:.3s;
}
.carousel-control-prev:hover,
.carousel-control-next:hover{
 background:var(--accent-color);
 transform:translateY(-50%) scale(1.1);
}

/* INDICATORS */
.carousel-indicators button{
 width:12px;
 height:12px;
 border-radius:50%;
 background:rgba(255,255,255,.5);
 margin:0 8px;
 border:none;
 transition:.3s;
}
.carousel-indicators .active{
 background:var(--accent-color);
 transform:scale(1.2);
}

/* DESKTOP CAPTION */
.desktop-caption{
 bottom:20px;
 background:rgba(0,0,0,.45);
 padding:12px 15px;
 border-radius:6px;
 width:80%;
 margin:auto;
 text-align:center;
 animation:fadeUp .6s;
}
.desktop-caption h4{
 font-size:40px;
 color:#fff;
 font-weight:700;
 text-shadow:0 0 6px #000;
}
.desktop-caption p{
 font-size:18px;
 color:#eee;
}

@keyframes fadeUp{
 from{opacity:0;transform:translateY(15px);}
 to{opacity:1;transform:translateY(0);}
}

/* ------------------------------------
      MOBILE SLIDER CLEANED
------------------------------------ */
.mobile-slider{
 margin-top:55px;
 position:relative;
}

.mobile-slide-img,
.swiper-slide img{
 width:100%;
 height:230px!important;
 object-fit:cover;
 border-radius:10px;
 box-shadow:0 4px 8px rgba(0,0,0,.1);
}

/* TEXT OVER IMAGE */
.mobile-caption-new{
 position:absolute;
 bottom:20px;
 left:50%;
 transform:translateX(-50%);
 background:rgba(0,0,0,0.45);
 padding:6px 15px;
 border-radius:8px;
 backdrop-filter:blur(4px);
 text-align:center;
}
.mobile-caption-new h4{
 color:white;
 margin:0;
 font-size:18px;
 font-weight:600;
}

/* PRO BUTTONS */
.mobile-next,
.mobile-prev{
 width:40px!important;
 height:40px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 color:white!important;
 background:rgba(0,0,0,0.45);
 border-radius:50%;
 box-shadow:0 4px 10px rgba(0,0,0,0.25);
 backdrop-filter:blur(6px);
 transition:0.3s;
}
.mobile-next:hover,
.mobile-prev:hover{
 background:#4361ee;
 transform:scale(1.1);
}

/* PAGINATION */
.swiper-pagination-bullet{
 width:10px;
 height:10px;
 background:#fff;
 opacity:.6;
 transition:.3s;
}
.swiper-pagination-bullet-active{
 background:var(--accent-color);
 opacity:1;
 transform:scale(1.2);
}

/* SWIPER BASE FIX */
.swiper-container{
 width:100%!important;
 overflow:hidden!important;
}
.swiper-wrapper{
 display:flex!important;
}
.swiper-slide{
 flex-shrink:0!important;
 width:100%!important;
 position:relative!important;
}

/* RESPONSIVE */
@media(max-width:586px){
 .mobile-slide-img{height:220px!important;}
}
@media(min-width:992px){
 .mobile-slider{display:none;}
}
@media(max-width:991px){
 .desktop-slider{display:none;}
}