body{
font-family:Segoe UI;
overflow-x:hidden;
}

.custom-nav{
background:linear-gradient(
90deg,
#38BDF8,
#0EA5E9
);

padding:15px 0;

box-shadow:0 2px 15px rgba(14,165,233,.15);
}

.navbar-brand{
font-size:28px;
font-weight:bold;
}

.hero{
position:relative;
width:100%;
height:100vh;
overflow:hidden;
}

.swiper{
width:100%;
height:100%;
}

.swiper-slide{
    position:relative;
}

.swiper-slide img{
    width:100%;
    height:700px;
    object-fit:cover;
    display:block;
}

/* Dark overlay */
.swiper-slide::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
    z-index:1;
}

.slide-content{
    position:absolute !important;
    top:50% !important;
    left:8% !important;
    transform:translateY(-50%) !important;
    z-index:9999 !important;
    max-width:700px !important;
}

.slider-title{
    color:#FFFFFF !important;
    font-size:52px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    text-shadow:3px 3px 15px rgba(0,0,0,0.7) !important;
}

.slider-subtitle{
    color:#FFD700 !important;
    font-size:30px !important;
    font-family:Georgia, serif !important;
    font-style:italic !important;
    font-weight:bold !important;
}

.slider-text{
    color:#FFFFFF !important;
    font-size:22px !important;
}

.swiper-button-next,
.swiper-button-prev{
color:white;
}

.swiper-pagination-bullet{
background:white;
}

.section-title{
color:#0EA5E9;
font-weight:700;
}

.room-card{
border:none;
border-radius:15px;
overflow:hidden;
box-shadow:0 5px 25px rgba(14,165,233,.15);
}

.room-card:hover{
transform:translateY(-8px);
box-shadow:0 10px 35px rgba(14,165,233,.3);
}
.footer{
background:#38BDF8;
color:white;
padding:50px 0;
margin-top:50px;
}

.btn-primary{
background:#0EA5E9;
border:none;
}

.btn-primary:hover{
background:#0284C7;
}

.btn-primary:hover{
background:#0056b3;
}

.about-section{
padding:80px 0;
}

.services-box{
background:#F0F9FF;
border:1px solid #BAE6FD;
transition:.4s;
}

.services-box:hover{
transform:translateY(-10px);
box-shadow:0 10px 30px rgba(56,189,248,.25);
}

.gallery img{
width:100%;
border-radius:10px;
}

.contact-box{
background:#f7f7f7;
padding:30px;
border-radius:15px;
}
.hero{
position:relative;
}



.hero-content{
color:white;
max-width:800px;
padding:20px;
}

.hero-content h1{
font-size:70px;
font-weight:700;
}

.hero-content h3{
margin-bottom:20px;
}

.cta-section{
background:linear-gradient(
135deg,
#38BDF8,
#0EA5E9
);
color:white;
padding:80px 0;
}

.whatsapp-btn{
position:fixed;
bottom:20px;
right:20px;
width:65px;
height:65px;
background:#25D366;
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
text-decoration:none;
z-index:9999;
box-shadow:0 4px 20px rgba(0,0,0,.3);
}

.room-card img{
height:250px;
object-fit:cover;
}

.nav-tabs .nav-link.active{
background:#003366;
color:white;
}
.navbar-nav .nav-link.active{

background:white;

color:#0EA5E9 !important;

font-weight:700;

}

.nav-tabs .nav-link{
color:#003366;
font-weight:600;
}
.navbar-nav .nav-link{

color:white !important;

font-size:16px;

font-weight:600;

padding:10px 18px !important;

border-radius:30px;

transition:all .3s ease;

}
.navbar-nav .nav-link:hover{

background:rgba(255,255,255,.25);

color:white !important;

transform:translateY(-2px);

}



.navbar .btn-warning{

background:white;

color:#0EA5E9;

border:none;

font-weight:700;

padding:10px 22px;

border-radius:30px;

transition:.3s;

}

.navbar .btn-warning:hover{

background:#E0F7FF;

color:#0284C7;

transform:translateY(-2px);

}
@media(max-width:991px){

.navbar-collapse{

background:#38BDF8;

padding:15px;

border-radius:10px;

margin-top:10px;

}
}

.custom-nav{

background:rgba(56,189,248,.92);

backdrop-filter:blur(12px);

-webkit-backdrop-filter:blur(12px);

}

.page-banner{
background:linear-gradient(
135deg,
#38BDF8,
#0EA5E9
);

color:white;
padding:120px 0 70px;
text-align:center;
}

.page-banner h1{
font-size:48px;
font-weight:700;
}

.gallery img{
height:280px;
width:100%;
object-fit:cover;
transition:.4s;
border-radius:10px;
}

.gallery img:hover{
transform:scale(1.05);
}

.services-box{
transition:.4s;
box-shadow:0 5px 15px rgba(0,0,0,.1);
}

.services-box:hover{
transform:translateY(-10px);
}

.room-card ul{
padding-left:20px;
}

.room-card ul li{
margin-bottom:5px;
}
.booking-card{

background:white;
padding:40px;

border-radius:15px;

box-shadow:
0 5px 25px rgba(0,0,0,.15);

}

.booking-card label{

font-weight:600;
margin-bottom:5px;

}

.booking-card .form-control{

height:50px;

}
.booking-card{
background:#FFFFFF;
border-top:5px solid #38BDF8;
padding:40px;
border-radius:15px;
box-shadow:0 10px 30px rgba(14,165,233,.15);
}

.booking-card label{

font-weight:600;
margin-bottom:5px;

}

.booking-card .form-control{

height:50px;

}
.hotel-logo{
    height:75px;
    width:auto;
    margin-right:15px;
}

.brand-area{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.brand-name{
    font-size:34px;
    font-weight:700;
    color:#0EA5E9;
    line-height:1;
    margin-bottom:5px;
}

.brand-tagline{
    display:block !important;
    font-family:Georgia, serif !important;
    font-style:italic !important;
    font-size:20px !important;
    font-weight:bold !important;
    color:#FFD700 !important;
    text-shadow:
        1px 1px 2px rgba(0,0,0,0.4),
        0 0 5px rgba(255,215,0,0.4);
}


.footer-social{
    font-size:34px;
    margin-left:18px;
    color:#FFD700;
    text-shadow:0 0 10px rgba(255,215,0,.5);
    transition:all .3s ease;
}
.footer-social .fa-facebook-f{
     color:#1877F2;
}

/* Instagram */
.footer-social .fa-instagram{
    color:#E4405F;
}

/* YouTube */
.footer-social .fa-youtube{
    color:#FF0000;
}

.footer-social:hover{
   transform:translateY(-4px) scale(1.1);
}
.welcome-tagline{
    color:#D4AF37 !important;
    font-size:18px !important;
    font-style:italic !important;
    font-family:'Playfair Display', serif !important;
    font-weight:500 !important;
    margin-bottom:20px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.slider-features{
    list-style:none;
    padding-left:0;
    margin:25px 0;
}

.slider-features li{
    color:#FFD700;
    font-size:30px;
    font-weight:700;
    font-family:'Playfair Display', serif;
    margin-bottom:15px;
    text-shadow:
        2px 2px 10px rgba(0,0,0,0.7);
}

.slider-features li::before{
    content:"✓";
    color:#FFD700;
    font-size:28px;
    font-weight:bold;
    margin-right:15px;
}
.slider3-title{
    color:#FFFFFF;
    font-size:42px;
    font-weight:600;
    font-family:'Playfair Display', serif;
    margin-bottom:25px;
    text-shadow:2px 2px 12px rgba(0,0,0,0.7);
}

.slider3-features{
    list-style:none;
    padding-left:0;
    margin:20px 0 30px;
}

.slider3-features li{
    color:#FFD700;
    font-size:30px;
    font-weight:700;
    margin-bottom:15px;
    font-family:'Playfair Display', serif;
    text-shadow:2px 2px 10px rgba(0,0,0,0.7);
}

.slider3-features li::before{
    content:"◆";
    color:#FFD700;
    margin-right:12px;
    font-size:22px;
}