.carousel-caption{

    z-index:20;

}
.carousel-item::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:28px;

    background:

    linear-gradient(

        120deg,

        rgba(5,22,45,.82),

        rgba(13,110,253,.30),

        rgba(5,22,45,.70)

    );

}

.carousel-caption h1{

    font-size:4rem;

    font-weight:800;

    line-height:1.15;

    color:white;

    letter-spacing:-1px;

    animation:slideUp 1.2s ease;

}

.carousel-caption p{

    font-size:1.15rem;

    max-width:620px;

    line-height:1.9;

    color:#edf5ff;

    animation:fadeIn 2s ease;

}

.carousel-caption .btn{

    padding:15px 36px;

    border-radius:50px;

    font-size:18px;

    font-weight:700;

    transition:.4s;

    box-shadow:

    0 18px 45px

    rgba(0,0,0,.25);

}

.carousel-caption .btn:hover{

    transform:

    translateY(-5px)

    scale(1.04);

}

.hero-section{

    position:relative;

    overflow:hidden;

}

.hero-stats>div{

    padding:18px;

    border-radius:20px;

    text-align:center;

    background:rgba(255,255,255,.85);

    backdrop-filter:blur(14px);

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

}

.hero-stats{

display:flex;

gap:45px;

margin-top:45px;

flex-wrap:wrap;

}

.hero-stats h2{

color:white;

font-size:2rem;

font-weight:800;

margin-bottom:4px;

}

.hero-stats span{

color:#dbeafe;

font-size:15px;

}

.hero-image{

    height:560px;

    width:100%;

    object-fit:cover;

    border-radius:30px;

    animation:heroZoom 18s linear infinite alternate;

    position:relative;

    z-index:1;

}

.hero-glass{

    display:inline-block;

    max-width:700px;

    padding:35px;

    border-radius:25px;

    background:rgba(255,255,255,.10);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.15);

    box-shadow:0 20px 60px rgba(0,0,0,.18);

}

.book-btn{

    background:linear-gradient(
        135deg,
        #0d6efd,
        #38bdf8
    );

    border:none;

    border-radius:50px;

    padding:16px 42px;

    font-size:18px;

    font-weight:700;

    transition:.45s;

    box-shadow:0 20px 45px rgba(13,110,253,.30);

}

.book-btn:hover{

    transform:

        translateY(-5px)

        scale(1.05);

    box-shadow:

        0 28px 55px rgba(13,110,253,.45);

}

.scroll-indicator{

    position:absolute;

    left:50%;

    bottom:28px;

    transform:translateX(-50%);

    color:white;

    animation:bounce 2s infinite;

    text-align:center;

    z-index:20;

}

.scroll-indicator i{

    display:block;

    font-size:24px;

}
/*==========================
 Floating Elements
===========================*/

.floating-elements{

    position:absolute;

    inset:0;

    z-index:25;

    pointer-events:none;

    overflow:hidden;

}

.glass-circle,
.modal-bubble{

    pointer-events:auto;

    cursor:pointer;

}

.burst-particle{

    position:fixed;

    width:10px;

    height:10px;

    border-radius:50%;

    background:rgba(255,255,255,.85);

    pointer-events:none;

    z-index:999999;

    animation:particleBurst .8s ease forwards;

}

.float{

    position:absolute;

}

.shirt{

    top:18%;

    right:10%;

    font-size:55px;

    color:rgba(255,255,255,.18);

    animation:floatY 6s ease-in-out infinite;

}

.basket{

    bottom:15%;

    right:18%;

    font-size:60px;

    color:rgba(255,255,255,.15);

    animation:floatY 8s ease-in-out infinite;

}

.sparkle{

    top:28%;

    left:12%;

    font-size:34px;

    color:#FFD43B;

    animation:twinkle 2s infinite;

}/*==========================
 Floating Glass Icons
==========================*/

.glass-circle{

    position:absolute;

    z-index:30;

    pointer-events:auto;

    cursor:pointer;

    width:80px;

    height:80px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    backdrop-filter:blur(12px);

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.25);

    box-shadow:

    0 10px 35px rgba(0,0,0,.15);

    animation:float 6s ease-in-out infinite;

}

.one{

    top:12%;

    right:10%;

}

.two{

    bottom:18%;

    left:8%;

    animation-delay:2s;

}

.three{

    top:50%;

    right:4%;

    animation-delay:1s;

}

.four{

    right:28%;

    top:30%;

    animation-delay:3s;

}

.five{

    left:15%;

    top:6%;

    animation-delay:5s;

}

.bubble{

    position:absolute;

    inset:0;

    bottom:-40px;

    border-radius:50%;

    background:rgba(255,255,255,.28);

    animation:rise linear infinite;

}

.bubble1,
.bubble2{

    width:20px;

    height:20px;

    border-radius:50%;

    background:rgba(255,255,255,.35);

}

.bubble1{

    left:18%;

    bottom:18%;

    animation:bubbles 7s linear infinite;

}

.bubble2{

    left:24%;

    bottom:10%;

    animation:bubbles 9s linear infinite;

}

/*==============================
    Glass Carousel Arrows
==============================*/

.glass-arrow{

    width:55px;

    height:55px;

    top:50%;

    transform:translateY(-50%);

    border-radius:50%;

    background:rgba(255,255,255,.15);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.25);

    opacity:1;

    transition:.35s;

}

.carousel-control-prev{

    left:18px;

}

.carousel-control-next{

    right:18px;

}

.glass-arrow:hover{

    background:rgba(255,255,255,.28);

    transform:translateY(-50%) scale(1.08);

}

.glass-arrow span{

    width:22px;

    height:22px;

}

.ripple{

    position:fixed;

    width:30px;

    height:30px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.7);

    pointer-events:none;

    animation:ripple .7s ease forwards;

    z-index:99999;

}