body{
font-family:Segoe UI;
overflow-x:hidden;
}
.custom-nav::before{

content:'';

position:absolute;

top:0;
left:0;

width:100%;
height:50%;

background:linear-gradient(
to bottom,
rgba(255,255,255,0.15),
rgba(255,255,255,0)
);

pointer-events:none;

}

.custom-nav{

position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;

background:linear-gradient(
135deg,
rgba(45,30,20,0.92),
rgba(70,50,35,0.88),
rgba(25,18,15,0.92)
);

backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);

border-bottom:1px solid rgba(212,175,55,0.20);

box-shadow:
0 8px 25px rgba(0,0,0,0.40),
0 1px 0 rgba(255,255,255,0.08) inset;

padding:15px 0;

overflow:hidden;

}

.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;

    filter:
        blur(1.5px)
        brightness(70%);

    transform:scale(1.08);

}

/* Dark overlay */
.swiper-slide::before{
background:linear-gradient(
to bottom,
rgba(0,0,0,.55),
rgba(0,0,0,.45),
rgba(0,0,0,.75)
);
}
.slide-content{

    animation:fadeUp 1.8s ease forwards;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(50px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.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{
font-family:'Playfair Display', serif;
font-size:35px;
font-weight:500;
color:white;
line-height:1.1;
text-shadow:3px 3px 25px rgba(0,0,0,.7);
}

.slider-subtitle{
color:#D4AF37 !important;
font-size:22px !important;
font-family:'Playfair Display', serif !important;
font-style:italic !important;
 font-weight:800 !important;

    letter-spacing:1px;

    
text-transform:uppercase;
}

.slider-text{
    color:#FFFFFF !important;
    font-size:18px !important;
}
/* Subtitle Animation */
.slider-subtitle{
    animation:slideUpSubtitle 2.5s ease forwards;
    animation-delay:0.7s;
    opacity:0;
}

.slider-text{
    animation:slideUpText 3s ease forwards;
    animation-delay:1.2s;
    opacity:0;
}

/* Subtitle */
@keyframes slideUpSubtitle{

    from{
        opacity:0;
        transform:translateY(60px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* Description */
@keyframes slideUpText{

    from{
        opacity:0;
        transform:translateY(80px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}
.swiper-button-next,
.swiper-button-prev{
color:white;
}

.swiper-pagination-bullet{
background:white;
}

.section-title{
font-family:'Playfair Display', serif;
font-size:32px;
font-weight:600;
color:#1A1A1A;
position:relative;
}
.section-title::after{
content:'';
display:block;
width:80px;
height:3px;
background:#D4AF37;
margin-top:10px;
}

.room-card{
border:none;
border-radius:0;
overflow:hidden;
background:white;

box-shadow:
0 15px 35px rgba(0,0,0,.08);
}


.room-card:hover{
transform:translateY(-8px);
box-shadow:0 10px 35px rgba(14,165,233,.3);
}
.luxury-section{
background:#111111;
color:white;
}
.footer{

background:linear-gradient(
135deg,
#2C1F14,
#4E342E,
#2C1F14
);

color:#FFFFFF;

padding:50px 0;

margin-top:50px;

border-top:1px solid rgba(212,175,55,.25);

}

.btn-primary{
background:#D4AF37;
border:none;
color:#111;
font-weight:600;
padding:14px 30px;
border-radius:4px;
}

.btn-primary:hover{
background:#C49A25;
color:#111;
}

.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:linear-gradient(
135deg,
#D4AF37,
#FFD700
);

color:#2C1F14 !important;

font-weight:700;

box-shadow:
0 4px 15px rgba(212,175,55,.4);

}
.navbar-nav .nav-link{
color:#F5F5F5 !important;
font-size:15px;
font-weight:500;
letter-spacing:1px;
text-transform:uppercase;
}

.nav-tabs{
border-bottom:none;
}

.nav-tabs .nav-link{

color:#5A3E2B;

font-weight:600;

font-family:'Playfair Display', serif;

border:none;

padding:12px 25px;

margin:0 5px;

border-radius:30px;

transition:.3s;

background:#F8F4E8;

}

.nav-tabs .nav-link:hover{

background:#D4AF37;

color:#FFFFFF;

transform:translateY(-2px);

}
.navbar-nav .nav-link:hover{
color:#D4AF37 !important;
background:transparent;
transform:none;
}
.tab-content{

background:#FFFDF8;

border:1px solid rgba(212,175,55,.20);

border-radius:15px;

box-shadow:
0 5px 20px rgba(0,0,0,.08);

}



.navbar .btn-warning{

background:#D4AF37;

color:#111;

font-weight:600;

border:none;

border-radius:4px;

padding:10px 24px;

}

.navbar .btn-warning:hover{

background:#C49A25;

color:#111;

}
.navbar .btn-warning:hover{

background:#E0F7FF;

color:#0284C7;

transform:translateY(-2px);

}
@media(max-width:991px){

.navbar-collapse{

background:linear-gradient(
135deg,
#2C1F14,
#4E342E,
#2C1F14
);

padding:15px;

border-radius:12px;

margin-top:10px;

box-shadow:0 8px 25px rgba(0,0,0,.35);

border:1px solid rgba(212,175,55,.20);

}
.navbar-nav .nav-link{

color:#F8F4E8 !important;

font-weight:600;

padding:12px 15px !important;

}

.navbar-nav .nav-link:hover{

background:rgba(212,175,55,.15);

color:#D4AF37 !important;

}
.navbar-toggler{

border:1px solid #D4AF37 !important;

}

.navbar-toggler-icon{

filter: brightness(0) saturate(100%) invert(75%) sepia(51%) saturate(632%) hue-rotate(7deg) brightness(93%) contrast(90%);

}

}


.page-banner{

background:linear-gradient(
135deg,
#2C1F14,
#4E342E,
#2C1F14
);

color:white;

padding:120px 0 70px;

text-align:center;

position:relative;

overflow:hidden;

}

color:white;
padding:120px 0 70px;
text-align:center;
}

.page-banner h1{

color:#D4AF37;

font-family:'Playfair Display', serif;

font-size:48px;

font-weight:700;

text-shadow:
2px 2px 10px rgba(0,0,0,.4);

}
.page-banner::before{

content:'';

position:absolute;

top:0;
left:0;

width:100%;
height:45%;

background:linear-gradient(
to bottom,
rgba(255,255,255,.12),
rgba(255,255,255,0)
);

pointer-events:none;

}
.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:#FFFDF8;

    border:2px solid #C49A25;

    border-top:5px solid #C49A25;

    padding:40px;

    border-radius:15px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

}

.booking-card label{

font-weight:600;
margin-bottom:5px;

}

.booking-card .form-control{

height:50px;

}




.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{
    color:#F8F4E8;
    font-family:'Playfair Display', serif;
    font-size:23px;
    font-weight:700;
    letter-spacing:2px;
    line-height:1;
    text-shadow:2px 2px 8px rgba(0,0,0,.4);
}

.brand-tagline{

    color:#C49A25 !important;

    font-family:'Cormorant Garamond', serif !important;

    font-style:italic !important;

    font-size:18px !important;

    font-weight:600 !important;

    letter-spacing:1px;

}
.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:25px;
    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:32px;
    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:25px;
    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;
}
.ayodhya-strip{
    background:linear-gradient(135deg,#FFD700,#F5C542);
    color:#000;
    padding:25px 0;
    text-align:center;
}

.ayodhya-strip h2{
    font-size:34px;
    font-weight:700;
    margin-bottom:10px;
}
.ayodhya-ribbon{
    position:absolute;
    top:120px;
    right:20px;
    background:#FFD700;
    color:#000;
    padding:12px 25px;
    font-weight:700;
    border-radius:30px;
    z-index:9999;
}
.banquet-img{
    width:100%;
    height:400px;
    object-fit:cover;
    border-radius:15px;
    transition:.4s;
}

.banquet-img:hover{
    transform:scale(1.03);
}
.attraction-card{
    border:none;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.12);
    transition:.4s;
}

.attraction-card:hover{
    transform:translateY(-10px);
    box-shadow:0 10px 30px rgba(14,165,233,.25);
}

.attraction-card img{
    height:250px;
    object-fit:cover;
}
.vision-section{

background:linear-gradient(
135deg,
#2C1F14,
#4E342E,
#2C1F14
);

color:#FFFFFF;

padding:80px 0;

position:relative;

overflow:hidden;

border-radius:0;

}

/* Glossy Effect */

.vision-section::before{

content:'';

position:absolute;

top:0;
left:0;

width:100%;
height:45%;

background:linear-gradient(
to bottom,
rgba(255,255,255,.12),
rgba(255,255,255,0)
);

pointer-events:none;

}

/* Heading */

.vision-section h2{

color:#FFD700;

font-family:'Playfair Display', serif;

font-size:42px;

font-weight:700;

text-align:center;

margin-bottom:25px;

}

/* Text */

.vision-section p{

color:#F8F4E8;

font-size:18px;

line-height:1.8;

text-align:center;

max-width:900px;

margin:auto;

}

.vision-section h2{
    color:#FFD700;
    font-size:42px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:25px;
}

.vision-text{
    max-width:900px;
    margin:auto;
    font-size:20px;
    line-height:1.8;
}
.heritage-section{
    background:url('../images/ayodhya-banner.jpg') center center/cover no-repeat;
    min-height:450px;
    position:relative;
    border-radius:20px;
    overflow:hidden;
    margin:60px 0;
}

.heritage-overlay{
    background:rgba(0,0,0,0.55);
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:50px;
}

.heritage-title{
    animation: glow 3s infinite alternate;
}

@keyframes glow{
    from{
        text-shadow:
        0 0 10px #FFD700,
        0 0 20px #FFD700;
    }
    to{
        text-shadow:
        0 0 20px #FFD700,
        0 0 40px #FFD700;
    }
}
.heritage-subtitle{
    color:#FFFFFF;
    font-size:24px;
    max-width:900px;
    margin:auto;
    line-height:1.8;
    text-shadow:
        2px 2px 10px rgba(0,0,0,0.8);
}
.footer-brand{
    text-align:left;
}

.footer-hotel-name{
    font-size:26px;
    font-weight:700;
    letter-spacing:2px;
    color:#FFFFFF;
    text-transform:uppercase;
    font-family:'Playfair Display', serif;
    text-shadow:
        2px 2px 10px rgba(0,0,0,0.4);
}

.footer-tagline{
    margin-top:8px;
    font-size:16px;
    font-family:'Playfair Display', serif;
    font-style:italic;
    font-weight:600;
    color:#FFD700;
    letter-spacing:1px;

    text-shadow:
        0 0 8px rgba(255,215,0,0.6),
        0 0 15px rgba(255,215,0,0.4);
}
.footer-tagline::before{
    content:"✦ ✦ ✦";
    display:block;
    color:#FFD700;
    font-size:10px;
    letter-spacing:6px;
    margin-bottom:6px;
}
/* Luxury Royal Brown-Black Section */

.luxury-section,
.luxury-cta{

background:linear-gradient(
135deg,
#2C1F14,
#4E342E,
#2C1F14
);

color:#FFFFFF;

position:relative;

overflow:hidden;

}

/* Glossy Effect */

.luxury-section::before,
.luxury-cta::before{

content:'';

position:absolute;

top:0;
left:0;

width:100%;
height:45%;

background:linear-gradient(
to bottom,
rgba(255,255,255,0.12),
rgba(255,255,255,0)
);

pointer-events:none;

}

/* Headings */

.luxury-section h2,
.luxury-cta h2{

font-family:'Playfair Display', serif;

font-weight:700;

color:#FFD700;

text-shadow:
2px 2px 8px rgba(0,0,0,.4);

}

/* Text */

.luxury-section h5,
.luxury-section p,
.luxury-cta p{

color:#F8F4E8;

}

/* Icons */

.luxury-section i{

color:#FFD700;

}
.cta-section .btn-warning,
.luxury-cta .btn-warning{

background:linear-gradient(
135deg,
#FFD700,
#D4AF37
);

color:#2C1F14;

font-weight:700;

border:none;

padding:12px 30px;

border-radius:30px;

box-shadow:
0 4px 15px rgba(212,175,55,.4);

}
.luxury-banner{

background:linear-gradient(
135deg,
#2C1F14,
#4E342E,
#2C1F14
);

color:#FFFFFF;

padding:120px 0 70px;

text-align:center;

position:relative;

overflow:hidden;

}

.luxury-banner::before{

content:'';

position:absolute;

top:0;
left:0;

width:100%;
height:50%;

background:linear-gradient(
to bottom,
rgba(255,255,255,0.12),
rgba(255,255,255,0)
);

pointer-events:none;

}

.luxury-banner h1{

font-family:'Playfair Display', serif;

font-size:52px;

font-weight:700;

color:#F8F4E8;

text-shadow:
2px 2px 10px rgba(0,0,0,.4);

}
.assistance-box{

background:linear-gradient(
135deg,
#2C1F14,
#4E342E,
#2C1F14
);

color:#FFFFFF;

padding:40px;

border-radius:15px;

position:relative;

overflow:hidden;

box-shadow:
0 8px 25px rgba(0,0,0,.25);

border:1px solid rgba(212,175,55,.20);

}

.assistance-box::before{

content:'';

position:absolute;

top:0;
left:0;

width:100%;
height:45%;

background:linear-gradient(
to bottom,
rgba(255,255,255,.12),
rgba(255,255,255,0)
);

pointer-events:none;

}

.assistance-box h3,
.assistance-box h4{

color:#FFD700;

font-family:'Playfair Display', serif;

font-weight:700;

}

.assistance-box p{

color:#F8F4E8;

}
.text-gold{
color:#D4AF37 !important;
}
.banquet-section{

background:linear-gradient(
135deg,
#2C1F14,
#4E342E,
#2C1F14
);

color:#FFFFFF;

padding:80px 0;

position:relative;

overflow:hidden;

border-radius:15px;

box-shadow:
0 10px 30px rgba(0,0,0,.25);

border:1px solid rgba(212,175,55,.20);

}

/* Glossy Effect */

.banquet-section::before{

content:'';

position:absolute;

top:0;
left:0;

width:100%;
height:45%;

background:linear-gradient(
to bottom,
rgba(255,255,255,.12),
rgba(255,255,255,0)
);

pointer-events:none;

}

.banquet-section h2,
.banquet-section h3{

color:#FFD700;

font-family:'Playfair Display', serif;

font-weight:700;

}

.banquet-section p{

color:#F8F4E8;

font-size:17px;

line-height:1.8;

}
.banquet-section img{

width:100%;

border-radius:15px;

box-shadow:
0 10px 30px rgba(0,0,0,.30);

transition:.4s;

}

.banquet-section img:hover{

transform:scale(1.03);

}
.banquet-section i{
color:#D4AF37;
}
.reveal{

    opacity:0;

    transform:translateY(120px);

    transition:
        all 1.5s cubic-bezier(.22,.61,.36,1);

}
.reveal.active{

    opacity:1;

    transform:translateY(0);

}
.btn-primary.luxury-btn{

    animation:slideUpButton 3.5s ease forwards;

    opacity:0;

    animation-delay:1.8s;

}

@keyframes slideUpButton{

    from{
        opacity:0;
        transform:translateY(100px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}
.luxury-btn{

    padding:9px 20px !important;

    font-size:13px !important;

    min-width:120px;

    border-radius:25px;

}
/* Initially hidden */

.slider-features,
.slide2-btn,
.slider3-features,
.slide3-btn{

    opacity:0;

}

/* Slide 2 Features */

.swiper-slide-active .slider-features{

    animation:slideUp 2s ease forwards;

}

/* Slide 2 Button */

.swiper-slide-active .slide2-btn{

    animation:slideUp 3s ease forwards;

}

/* Slide 3 Features */

.swiper-slide-active .slider3-features{

    animation:slideUp 2s ease forwards;

}

/* Slide 3 Button */

.swiper-slide-active .slide3-btn{

    animation:slideUp 3s ease forwards;

}

/* Common Animation */

@keyframes slideUp{

    from{

        opacity:0;

        transform:translateY(100px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}