/* =========================
   CREATORS GROUP V2.0
   PART 1
========================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    scroll-padding-top:90px;
}

body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    color:#111827;
    background:#fff;
    text-rendering:optimizeLegibility;
}

img{
    max-width:100%;
    display:block;
}

video{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

section{
    padding:90px 8%;
}

/*==================================
        PREMIUM GLASS NAVBAR
==================================*/

.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:82px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 7%;

    z-index:1000;

    background:rgba(15,23,42,.35);

    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);

    border-bottom:1px solid rgba(255,255,255,.10);

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

    transition:
        background .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}
.header.scrolled{

    background:rgba(12,18,30,.92);

    backdrop-filter:blur(26px);

    box-shadow:
        0 12px 35px rgba(0,0,0,.28),
        0 2px 0 rgba(255,213,74,.08);

    border-bottom:1px solid rgba(255,255,255,.08);
}
.logo{
    display:flex;
    align-items:center;
}
.nav-logo{
height:50px;
    width:auto;
display:block;
    transition:.3s ease;
}

.nav-logo:hover{

    transform:translateY(-2px) scale(1.05);

    filter:drop-shadow(0 8px 20px rgba(255,213,74,.25));
}

nav{

    display:flex;

    align-items:center;
}

.nav-links{

    display:flex;

    align-items:center;

    gap:42px;
}

.nav-links a{

    position:relative;

    color:#fff;

    font-size:16px;

    font-weight:600;

    letter-spacing:.3px;

    transition:.3s ease;
}

.nav-links a:hover{

    color:#FFD54A;

    text-shadow:
        0 0 10px rgba(255,213,74,.35),
        0 0 20px rgba(255,213,74,.15);
}

.nav-links a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#FFD54A;

    transition:.3s;
}

.nav-links a:hover::after{

    width:100%;
}

/* =========================
MENU
========================= */

.menu-toggle{

    display:none;

    flex-direction:column;

    gap:6px;

    cursor:pointer;
}

.menu-toggle span{

    width:30px;

    height:3px;

    border-radius:30px;

    background:#fff;

    transition:.3s;
}

/*==================================
        PREMIUM HERO V2
==================================*/

.hero{
    position:relative;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    overflow:hidden;
    padding:140px 20px 100px;
    isolation:isolate;
    margin-top:-82px;
    padding-top:180px;
}

.hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:-2;
    pointer-events:none;
    animation:heroZoom 18s ease-in-out infinite alternate;
}
.hero-video::-webkit-media-controls{
    display:none !important;
}

.hero-video::-webkit-media-controls-start-playback-button{
    display:none !important;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
linear-gradient(
180deg,
rgba(8,12,20,.45) 0%,
rgba(10,15,25,.60) 40%,
rgba(5,8,15,.82) 100%
);
    z-index:-1;
}

@keyframes heroZoom{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.08);
    }
}

.hero-content{
    width:100%;
    max-width:900px;
    margin:auto;
    color:#fff;
    position:relative;
    z-index:5;

    transform:translateY(-45px);
}

.hero-content h1{

    font-size:clamp(3.5rem,8vw,6.5rem);
    font-weight:900;

    letter-spacing:-2px;

    line-height:1.05;

    margin-bottom:20px;

    text-shadow:
0 18px 45px rgba(0,0,0,.55);

    opacity:0;

    transform:translateY(40px);

    animation:fadeUp 1s ease forwards;
}

.hero-content p{

    font-size:clamp(1.2rem,2vw,1.6rem);

    line-height:1.8;

    color:#f3f4f6;

    margin-bottom:42px;

    opacity:0;

    transform:translateY(40px);

    animation:fadeUp 1s .25s forwards;
}

.hero-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    opacity:0;

    transform:translateY(40px);

    animation:fadeUp 1s .55s forwards;
}

@keyframes fadeUp{

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

    to{
        opacity:1;
        transform:translateY(0);
    }
}
.btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:220px;
    padding:20px 42px;

    border-radius:60px;

    background:#ffffff;
    color:#111827;

    font-size:18px;
    font-weight:700;

    transition:all .35s ease;

    box-shadow:
        0 15px 35px rgba(0,0,0,.25),
        0 0 0 rgba(255,213,74,0);
}

.btn:hover{

    transform:translateY(-6px) scale(1.03);

    box-shadow:
        0 22px 45px rgba(0,0,0,.35),
        0 0 25px rgba(255,213,74,.28);
}

.secondary-btn{

    background:transparent;

    color:#fff;

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

.secondary-btn:hover{

    background:#fff;

    color:#111827;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:992px){

.nav-links{

    position:fixed;

    top:82px;

    right:-100%;

    width:280px;

    height:calc(100vh - 82px);

    background:rgba(15,23,42,.96);

    backdrop-filter:blur(25px);

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:50px;

    transition:.4s;
}

.nav-links.active{

    right:0;
}

.menu-toggle{

    display:flex;
}
}

@media(max-width:768px){

.header{

    padding:0 20px;

}

.nav-logo{

height:44px;
}

.hero h1{

    font-size:44px;

}

.hero p{

    font-size:20px;

}

.btn{

    display:block;

    max-width:260px;

    margin:12px auto;

}

.secondary-btn{

    margin-left:auto;

}
.about{

    grid-template-columns:1fr;

    gap:45px;

    text-align:center;
}

.about-list{

    grid-template-columns:1fr;
}

}
/* =========================
   OUR IMPACT
========================= */

.stats{
    padding:100px 8%;
    background:#0f172a;
    color:#fff;
    text-align:center;
}

.stats-heading{
    margin-bottom:60px;
}

.stats-heading h2{
    font-size:clamp(2.5rem,5vw,3.8rem);
    font-weight:800;
    margin-bottom:15px;
    color:#fff;
}

.stats-heading p{
    font-size:20px;
    color:#cbd5e1;
}

.stats-container{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    max-width:900px;
    margin:auto;
}

.stat-box{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    padding:45px 25px;
    backdrop-filter:blur(18px);
    transition:all .35s ease;
}
.stats-heading span{
    display:inline-block;
    color:#FFD54A;
    letter-spacing:3px;
    font-size:.9rem;
    font-weight:700;
    margin-bottom:15px;
}

.stat-box i{
    font-size:42px;
    color:#FFD54A;
    margin-bottom:20px;
}

.stat-box:hover i{
    transform:scale(1.15);
    transition:.3s;
}

.stat-box:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.12);
}

.stat-box h3{
    font-size:48px;
    color:#FFD700;
    margin-bottom:12px;
}

.stat-box p{
    font-size:18px;
}
/*==================================
        ABOUT V2
==================================*/

.about{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

    padding:120px 8%;

    background:#fafafa;
}

.about-image{

    overflow:hidden;

    border-radius:28px;
}

.about-image img{

    width:100%;
    aspect-ratio:4/3;

    object-fit:cover;

    border-radius:28px;

    transition:.6s ease;

    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.about-image:hover img{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(106,27,154,.15);
}

.section-tag{

    display:inline-block;

    padding:10px 20px;

    background:#f3e8ff;

    color:#6A1B9A;

    border-radius:40px;

    font-weight:700;

    margin-bottom:24px;

    letter-spacing:.5px;
}

.about-content h2{

    font-size:clamp(2.2rem,4vw,3.5rem);

    line-height:1.2;

    margin-bottom:24px;

    color:#111827;
}

.about-content p{

    font-size:18px;

    line-height:1.9;

    color:#555;

    margin-bottom:35px;
}

.about-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:40px;
}

.about-list div{
    display:flex;
    align-items:center;
    gap:15px;

    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:18px 22px;

    font-weight:600;

    transition:.35s ease;

    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.about-list div:hover{

    transform:translateY(-8px);

    border-color:#6A1B9A;

    background:#6A1B9A;

    color:#fff;

    box-shadow:0 20px 40px rgba(106,27,154,.18);
}

.about-list i{

    font-size:22px;

    color:#6A1B9A;

    transition:.35s ease;

    width:28px;

    text-align:center;
}

.about-list div:hover i{

    color:#FFD54A;

    transform:scale(1.15);
}
.about .btn{
    margin-top:10px;
    min-width:240px;
}
/* =========================
   WHY
========================= */

.why{
    background:linear-gradient(180deg,#ffffff,#f8fafc);
    padding:100px 8%;
}

.why-heading{
    text-align:center;
    margin-bottom:60px;
}

.why-heading h2{
    font-size:46px;
    margin-bottom:15px;
}

.why-heading p{
    color:#64748b;
    font-size:20px;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.why-card{
    background:#fff;
    border-radius:22px;
    padding:30px;
    min-height:320px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.why-card:hover{
    transform:translateY(-12px);
    border:1px solid #6A1B9A;
}
.icon{
    font-size:52px;
    color:#6A1B9A;
    margin-bottom:20px;
}

.why-card h3{
    margin-bottom:15px;
    font-size:24px;
}

.why-card p{
    color:#555;
    line-height:1.8;
}
@media (max-width:768px){

.stats-container{
    grid-template-columns:1fr;
}

.about{
    flex-direction:column;
    text-align:center;
    gap:40px;
}

.about-list{
    grid-template-columns:1fr;
}

.why-grid{
    grid-template-columns:1fr;
}

.stats-heading h2,
.about-content h2,
.why-heading h2{
    font-size:34px;
}

.stats-heading p,
.why-heading p{
    font-size:18px;
}

}
/* =========================
   EVENTS
========================= */

.events{
    padding:100px 8%;
    background:#f8fafc;
}

.events-heading{
    text-align:center;
    margin-bottom:60px;
}

.events-heading h2{
    font-size:46px;
    margin-bottom:15px;
}

.events-heading p{
    font-size:20px;
    color:#64748b;
}

.event-card{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.event-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.event-content{
    padding:45px;
}

.event-date{
    display:inline-block;
    background:#6A1B9A;
    color:#fff;
    padding:10px 18px;
    border-radius:30px;
    margin-bottom:20px;
    font-size:14px;
}

.event-content h3{
    font-size:34px;
    margin-bottom:20px;
}

.event-content p{
    line-height:1.8;
    color:#555;
}

.event-content ul{
    margin:25px 0;
    padding-left:20px;
}

.event-content li{
    margin-bottom:12px;
}
/* =========================
   ACHIEVEMENTS
========================= */

.achievements{
    padding:100px 8%;
    background:#fff;
}
.achievements-heading{
    text-align:center;
    margin-bottom:60px;
}

.achievements-heading h2{
    font-size:48px;
    margin-bottom:15px;
    color:#111827;
}

.achievements-heading p{
    font-size:20px;
    color:#64748b;
}
.achievements-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.achievement-card{
    background:#fff;
    border-radius:24px;
    padding:50px 25px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid transparent;
    min-height:340px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.achievement-card:hover{
    transform:translateY(-12px);
    border-color:#6A1B9A;
    box-shadow:0 20px 45px rgba(106,27,154,.18);
}

.achievement-icon{
    width:75px;
    height:75px;
    margin:0 auto 25px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:50%;

    background:#f3e8ff;

    color:#6A1B9A;

    font-size:32px;

    transition:.3s;
}

.achievement-card:hover .achievement-icon{
    background:#6A1B9A;
    color:#fff;
    transform:scale(1.12);
}
.achievement-card h3{
    font-size:54px;
    line-height:1.1;
    font-weight:700;
    color:#6A1B9A;
    margin-bottom:10px;

    
}

.achievement-card p{
    color:#555;
}
/* ===== PREMIUM LUXURY CAR SLIDER ===== */

.luxury-car{
    padding:100px 8%;
    background:#fff;
}

.luxurySwiper{
    width:100%;
    padding:20px 0 70px;
    overflow:hidden;
}

.luxurySwiper .swiper-slide{
    width:700px;
    transition:all .5s ease;
    transform:scale(.90);
    opacity:.65;
    filter:blur(1px);
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.luxurySwiper .swiper-slide-active{
    transform:scale(1.08);
    opacity:1;
    filter:none;
}

.luxurySwiper .swiper-slide img{
    width:100%;
    height:420px;
    object-fit:contain;
    display:block;
    background:#fff;
    padding:20px;
    border-radius:25px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.luxurySwiper .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#6A1B9A;
    opacity:.4;
}

.luxurySwiper .swiper-pagination-bullet-active{
    opacity:1;
    transform:scale(1.3);
}
.tourSwiper img{
    height:360px;
    object-fit:cover;
    border-radius:20px;
}
@media(max-width:768px){

.event-card{
    grid-template-columns:1fr;
}

.achievements-grid{
    grid-template-columns:1fr;
}

.events-heading h2,
.achievements-heading h2{
    font-size:34px;
}

.event-content{
    padding:30px;
}

}
/*==========================
LUCKY DRAW
==========================*/

.lucky-draw{
    padding:100px 8%;
    background:linear-gradient(135deg,#111827,#1e293b);
    color:#fff;
    text-align:center;
}

.tag{
    display:inline-block;
    background:#FFD700;
    color:#111827;
    padding:8px 20px;
    border-radius:50px;
    font-weight:700;
    margin-bottom:20px;
}

.lucky-draw h2{
    font-size:48px;
    margin-bottom:20px;
}

.lucky-draw p{
    max-width:750px;
    margin:0 auto 35px;
    line-height:1.8;
    font-size:18px;
    color:#e5e7eb;
}

.btn-register{
    display:inline-block;
    padding:18px 45px;
    border-radius:50px;
    background:#FFD700;
    color:#111827;
    font-weight:700;
    transition:.3s;
}

.btn-register:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(255,215,0,.35);
}
/*==========================
CONTACT
==========================*/

.contact{
    padding:100px 8%;
    background:#f8fafc;
}

.contact-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    max-width:1200px;
    margin:auto;
}

.contact-card{

    position:relative;
    overflow:hidden;

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

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

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

    border-radius:28px;

    padding:50px 35px;

    text-align:center;

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

    transition:all .4s ease;
}

.contact-card:hover{

    transform:translateY(-12px);

    border-color:#FFD54A;

    box-shadow:
        0 25px 55px rgba(0,0,0,.12),
        0 0 35px rgba(255,213,74,.18);

}

.contact-card i{

    font-size:46px;

    color:#6A1B9A;

    margin-bottom:20px;

}

.contact-card h3{

    margin-bottom:15px;

}

.contact-card a{

    color:#6A1B9A;

    font-weight:600;

}
/*==========================
FOOTER
==========================*/

.footer{

    background:#111827;

    color:#fff;

    padding:70px 8% 25px;

}

.footer-container{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    gap:50px;

}

.footer-logo{

    width:150px;

    margin-bottom:20px;

}

.footer p{

    color:#cbd5e1;

    line-height:1.8;

}

.footer h3{

    margin-bottom:20px;

}

.footer a{

    display:block;

    margin-bottom:12px;

    color:#cbd5e1;

    transition:.3s;

}

.footer a:hover{

    color:#FFD700;

}

.copyright{

    margin-top:50px;

    padding-top:20px;

    text-align:center;

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

    color:#94a3b8;

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

.contact-wrapper{

    grid-template-columns:1fr;

}

.footer-container{

    grid-template-columns:1fr;

    text-align:center;

}

.footer-logo{

    margin:auto auto 20px;

}

.lucky-draw h2{

    font-size:34px;

}

}
.stat-box,
.why-card,
.achievement-card,
.contact-card{
    transition:all .35s ease;
}

.stat-box:hover,
.why-card:hover,
.achievement-card:hover,
.contact-card:hover{
    transform:translateY(-10px);
}
.event-image img,
.swiper-slide img,
.about-image img{  
    transition:transform .5s ease;
}

.event-image:hover img,
.swiper-slide:hover img,
.about-image:hover img{
    transform:scale(1.05);
}

.btn,
.btn-register{
    transition:all .3s ease;
}

.btn:hover,
.btn-register:hover{
    transform:translateY(-4px);
}
::selection{
    background:#6A1B9A;
    color:#fff;
}
.scroll-indicator{
    position:absolute;
    bottom:30px;
    left:50%;
    transform:translateX(-50%);
}

.scroll-indicator span{
    width:28px;
    height:48px;
    border:2px solid #fff;
    border-radius:30px;
    display:block;
    position:relative;
}

.scroll-indicator span::before{
    content:"";
    width:6px;
    height:6px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:8px;
    transform:translateX(-50%);
    animation:scroll 2s infinite;
}

@keyframes scroll{
    0%{opacity:0;top:8px;}
    50%{opacity:1;}
    100%{opacity:0;top:28px;}
}
/*=============================
  LUXURY CAR SECTION
==============================*/

.luxury-car{
    padding:120px 8%;
    background:
    radial-gradient(circle at top,#1b1b1b 0%,#0f0f0f 45%,#070707 100%);
    position:relative;
    overflow:hidden;
}

.luxury-car::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(255,255,255,.03);
    filter:blur(120px);
    border-radius:50%;
    top:-180px;
    left:-120px;
}

.luxury-car::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(0,212,255,.04);
    filter:blur(120px);
    border-radius:50%;
    right:-120px;
    bottom:-150px;
}

.luxury-car .section-title{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
    position:relative;
    z-index:2;
}

.section-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.08);
    color:#ffffff;
    font-size:.82rem;
    letter-spacing:2px;
    margin-bottom:18px;
    border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(15px);
}

.luxury-car h2{
    color:#fff;
    font-size:clamp(2.2rem,5vw,3.5rem);
    margin-bottom:18px;
    font-weight:700;
}

.luxury-car p{
    color:#c9c9c9;
    line-height:1.8;
    font-size:1.05rem;
}

.luxurySwiper{
    padding:35px 0 70px;
    overflow:visible;
}

.luxurySwiper .swiper-slide{
    transition:.5s;
    opacity:.45;
    transform:scale(.82);
}

.luxurySwiper .swiper-slide-active{
    opacity:1;
    transform:scale(1);
}

.car-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
    0 20px 60px rgba(0,0,0,.45);
}

.car-card img{
    width:100%;
    height:470px;
    object-fit:cover;
    display:block;
    transition:1.1s;
}

.car-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(to top,
    rgba(0,0,0,.65),
    transparent 45%);
}

.swiper-slide-active .car-card img{
    transform:scale(1.08);
}

.car-card:hover img{
    transform:scale(1.12);
}

.luxurySwiper .swiper-pagination{
    margin-top:25px;
    position:relative;
}

.luxurySwiper .swiper-pagination-bullet{
    width:11px;
    height:11px;
    background:#777;
    opacity:1;
    transition:.35s;
}

.luxurySwiper .swiper-pagination-bullet-active{
    width:36px;
    border-radius:20px;
    background:#fff;
}

@media(max-width:991px){

.luxury-car{
padding:90px 6%;
}

.car-card img{
height:360px;
}

}

@media(max-width:768px){

.luxury-car{
padding:80px 20px;
}

.section-tag{
font-size:.75rem;
padding:8px 18px;
}

.car-card img{
height:300px;
}

}
/*=============================
      TOUR ACHIEVERS
==============================*/

.tour-achievers{
    padding:120px 8%;
    background:linear-gradient(180deg,#0b0b0b,#141414,#0b0b0b);
    position:relative;
    overflow:hidden;
}

.tour-achievers::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    top:-150px;
    right:-120px;
    border-radius:50%;
    background:rgba(0,180,255,.05);
    filter:blur(120px);
}

.tour-achievers .section-title{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
    position:relative;
    z-index:2;
}

.tour-achievers h2{
    color:#fff;
    font-size:clamp(2.2rem,5vw,3.5rem);
    margin:18px 0;
}

.tour-achievers p{
    color:#cfcfcf;
    line-height:1.8;
    font-size:1.05rem;
}

.tourSwiper{
    padding:20px 0 70px;
}

.tourSwiper .swiper-slide{
    transition:.45s;
}

.tour-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(15px);
    box-shadow:0 18px 45px rgba(0,0,0,.45);
}

.tour-card img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
    transition:1s;
}

.tour-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
    to top,
    rgba(0,0,0,.65),
    rgba(0,0,0,.15),
    transparent);
}

.tour-card:hover img{
    transform:scale(1.08);
}

.tourSwiper .swiper-pagination{
    position:relative;
    margin-top:35px;
}

.tourSwiper .swiper-pagination-bullet{
    width:11px;
    height:11px;
    background:#777;
    opacity:1;
    transition:.35s;
}

.tourSwiper .swiper-pagination-bullet-active{
    width:36px;
    border-radius:30px;
    background:#fff;
}

@media(max-width:992px){

.tour-achievers{
padding:90px 6%;
}

.tour-card img{
height:330px;
}

}

@media(max-width:768px){

.tour-achievers{
padding:80px 20px;
}

.tour-card img{
height:280px;
}

}
/*==================================
        LUCKY DRAW
===================================*/

.lucky-draw{

    padding:120px 8%;
    position:relative;
    overflow:hidden;

    background:
    radial-gradient(circle at top,#3d2d00 0%,#1b1506 40%,#090909 100%);

}

.lucky-draw::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    left:-120px;
    top:-150px;

    border-radius:50%;

    background:rgba(255,193,7,.08);

    filter:blur(120px);

}

.lucky-draw::after{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-120px;
    bottom:-140px;

    border-radius:50%;

    background:rgba(255,170,0,.08);

    filter:blur(120px);

}

.lucky-content{

    max-width:900px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

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

    backdrop-filter:blur(18px);

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

    border-radius:30px;

    padding:70px 50px;

    box-shadow:

    0 25px 70px rgba(0,0,0,.45);

}

.lucky-content h2{

    color:#fff;

    font-size:clamp(2.4rem,5vw,3.8rem);

    margin:20px 0;

}

.lucky-content p{

    color:#d5d5d5;

    font-size:1.08rem;

    line-height:1.9;

    max-width:720px;

    margin:auto;

}

.btn-register{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:45px;

    padding:18px 42px;

    border-radius:60px;

    background:linear-gradient(135deg,#ffd54f,#ffb300);

    color:#111;

    font-weight:700;

    text-decoration:none;

    transition:.4s;

    box-shadow:

    0 15px 35px rgba(255,193,7,.35);

}

.btn-register:hover{

    transform:translateY(-6px);

    box-shadow:

    0 25px 55px rgba(255,193,7,.45);

}

@media(max-width:768px){

.lucky-draw{

padding:80px 20px;

}

.lucky-content{

padding:50px 25px;

}

.btn-register{

width:100%;

}

}
/*=================================
        CONTACT SECTION V3
==================================*/

.contact{

    padding:120px 8%;

    background:#f8fafc;

    position:relative;

}

.contact .section-title{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.contact h2{

    color:#111827;

    font-size:clamp(2.3rem,5vw,3.6rem);

    margin:18px 0;

}

.contact p{

    color:#64748b;

    line-height:1.8;

    font-size:1.05rem;

}

.contact-wrapper{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.contact-card{

    position:relative;
    overflow:hidden;

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

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

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

    border-radius:28px;

    padding:50px 35px;

    text-align:center;

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

    transition:all .4s ease;
}
.contact-card:hover{

    transform:translateY(-12px);

    border-color:#FFD54A;

    box-shadow:
        0 25px 55px rgba(0,0,0,.12),
        0 0 35px rgba(255,213,74,.18);

}


.contact-icon{

    width:90px;
    height:90px;

    margin:0 auto 28px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #6A1B9A,
        #8E24AA
    );

    box-shadow:
        0 15px 35px rgba(106,27,154,.28);

    transition:.35s;
}

.contact-icon i{

    font-size:38px;

    color:#fff;

    transition:.35s;
}

.contact-card:hover .contact-icon{

    transform:rotate(8deg) scale(1.08);

    background:linear-gradient(
        135deg,
        #FFD54A,
        #FFB300
    );

}
.contact-card h3{

    font-size:30px;

    color:#111827;

    margin-bottom:18px;

    font-weight:700;

}

.contact-card a{

    color:#555;

    font-size:20px;

    font-weight:600;

    transition:.3s;

    word-break:break-word;

}

.contact-card a:hover{

    color:#6A1B9A;

}

@media(max-width:991px){

.contact-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.contact{

padding:80px 20px;

}

.contact-card{

padding:35px 25px;

}

.contact-card h3{

    font-size:28px;

    font-weight:700;

    margin-bottom:18px;

    color:#111827;
}

.contact-card a{

    font-size:18px;

    color:#64748b;

    font-weight:600;

    transition:.3s;
}

.contact-card:hover a{

    color:#6A1B9A;
}

}
/*==================================
            FOOTER
===================================*/

.footer{

    position:relative;
    overflow:hidden;

    background:
    radial-gradient(circle at top,#1e293b 0%,#111827 45%,#050505 100%);

    padding:90px 8% 30px;

    border-top:1px solid rgba(255,255,255,.08);

}

.footer::before{

content:"";

position:absolute;

width:500px;
height:500px;

left:-150px;
top:-220px;

border-radius:50%;

background:rgba(255,213,74,.06);

filter:blur(130px);

}

.footer::after{

content:"";

position:absolute;

width:420px;
height:420px;

right:-120px;
bottom:-180px;

border-radius:50%;

background:rgba(0,212,255,.05);

filter:blur(130px);

}

.footer-container{

display:grid;

grid-template-columns:2fr 1fr 1fr;

gap:70px;

position:relative;

z-index:2;

}

.footer-logo{

    width:170px;

    margin-bottom:20px;

}

.footer-col p{

    color:#bdbdbd;

    line-height:1.8;

    max-width:380px;

}

.footer-col h3{

font-size:24px;

margin-bottom:24px;

color:#fff;

font-weight:700;

position:relative;

display:inline-block;

}

.footer-col h3::after{

content:"";

position:absolute;

left:0;
bottom:-8px;

width:55px;
height:3px;

border-radius:30px;

background:#FFD54A;

}

.footer-col a{

display:flex;

align-items:center;

gap:10px;

margin-bottom:16px;

color:#cbd5e1;

transition:.35s ease;

}

.footer-col a:hover{

color:#FFD54A;

transform:translateX(8px);

}
.social-links{

    display:flex;

    gap:15px;

}

.social-links a{

width:54px;
height:54px;

display:flex;

justify-content:center;
align-items:center;

border-radius:18px;

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

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

backdrop-filter:blur(18px);

transition:.35s;

font-size:20px;

}

.social-links a:hover{

background:#FFD54A;

color:#111827;

transform:translateY(-8px) rotate(6deg);

box-shadow:0 18px 40px rgba(255,213,74,.25);

}
.copyright{

margin-top:70px;

padding-top:25px;

text-align:center;

color:#94a3b8;

border-top:1px solid rgba(255,255,255,.08);

font-size:15px;

position:relative;

z-index:2;

}

/* ==========================
   SCROLL TO TOP
========================== */

.scroll-top{
    position:fixed;
    right:30px;
    bottom:105px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#6A1B9A;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:22px;
    box-shadow:0 12px 35px rgba(106,27,154,.35);

    opacity:0;
    visibility:hidden;
    transform:translateY(20px);

    transition:all .35s ease;
    z-index:9998;
}

.scroll-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.scroll-top:hover{
    transform:translateY(-5px);
    background:#7B1FA2;
    box-shadow:0 18px 45px rgba(106,27,154,.45);
}

@media(max-width:768px){

    .scroll-top{
        right:18px;
        bottom:90px;
        width:52px;
        height:52px;
    }

}

@media(max-width:900px){

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.footer-col p{

margin:auto;

}

.social-links{

justify-content:center;

}

}
.reveal{

opacity:0;

transform:translateY(70px);

transition:1s ease;

}

.reveal.active{

opacity:1;

transform:translateY(0);

}
.nav-links a.active{

color:#00d4ff;

}
/* ==========================
   WHATSAPP FLOATING BUTTON
========================== */

.whatsapp{
    position:fixed;
    right:30px;
    bottom:30px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:32px;
    text-decoration:none;
    box-shadow:0 12px 35px rgba(37,211,102,.35);
    z-index:9999;
    transition:.3s ease;
    animation:whatsappPulse 2s infinite;
}

.whatsapp:hover{
    transform:translateY(-6px) scale(1.08);
    box-shadow:0 18px 45px rgba(37,211,102,.50);
}

@keyframes whatsappPulse{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.6);
    }
    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

@media(max-width:768px){

    .whatsapp{
        width:56px;
        height:56px;
        right:18px;
        bottom:18px;
        font-size:28px;
    }

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

.hero-content{

    transform:translateY(-70px);

    padding:0 18px;
}

.hero-content h1{

    font-size:52px;

    line-height:1.05;
}

.hero-content p{

    font-size:22px;

    line-height:1.5;

    margin-bottom:32px;
}

.btn{

    min-width:210px;

    padding:18px 36px;
}

.scroll-indicator{

    display:none;
}

.nav-logo{

    height:44px;
}

}
/* ==========================
   PREMIUM LOADER
========================== */

#loader{

    position:fixed;
    inset:0;

    background:#0f172a;

    display:flex;
    justify-content:center;
    align-items:center;

    z-index:999999;

    transition:.8s ease;
}

.loader-content{

    text-align:center;

    animation:loaderFade 1.2s ease;
}

.loader-content img{

    width:120px;

    margin:auto;

    animation:loaderLogo 2s infinite ease-in-out;
}

.loader-content h2{

    color:#fff;

    margin-top:25px;

    font-size:38px;

    font-weight:700;
}

.loader-content p{

    color:#cbd5e1;

    margin-top:12px;

    letter-spacing:2px;
}

@keyframes loaderLogo{

0%{
transform:scale(.9);
opacity:.8;
}

50%{
transform:scale(1.05);
opacity:1;
}

100%{
transform:scale(.9);
opacity:.8;
}

}

@keyframes loaderFade{

from{

opacity:0;
transform:translateY(25px);

}

to{

opacity:1;
transform:translateY(0);

}

}

.loader-hide{

opacity:0;
visibility:hidden;
pointer-events:none;

}
/* ==========================
   SCROLL PROGRESS BAR
========================== */

.progress-bar{

    position:fixed;

    top:0;
    left:0;

    width:0%;

    height:4px;

    background:linear-gradient(
        90deg,
        #FFD54A,
        #6A1B9A,
        #00D4FF
    );

    z-index:999999;

    transition:width .08s linear;

    box-shadow:0 0 15px rgba(255,213,74,.35);

}
.contact-card::before{

    content:"";

    position:absolute;

    top:-120%;
    left:-60%;

    width:70%;
    height:320%;

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

    transform:rotate(25deg);

    transition:.8s;
}

.contact-card:hover::before{

    left:150%;
}

/*=============================
      GIFT WINNERS
==============================*/

.gift-winners{
    padding:120px 8%;
    background:linear-gradient(180deg,#141414,#0b0b0b,#141414);
    position:relative;
    overflow:hidden;
}

.gift-winners::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    top:-150px;
    left:-120px;
    border-radius:50%;
    background:rgba(255,213,74,.06);
    filter:blur(120px);
}

.gift-winners .section-title{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
    position:relative;
    z-index:2;
}

.gift-winners h2{
    color:#fff;
    font-size:clamp(2.2rem,5vw,3.5rem);
    margin:18px 0;
}

.gift-winners p{
    color:#cfcfcf;
    line-height:1.8;
    font-size:1.05rem;
}

.giftSwiper{
    padding:20px 0 70px;
}

.gift-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(15px);
    box-shadow:0 18px 45px rgba(0,0,0,.45);
}

.gift-card img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
    transition:1s;
}

.gift-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
    to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,.20),
    transparent 55%);
}

.gift-card:hover img{
    transform:scale(1.08);
}

.gift-caption{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:22px;
    z-index:2;
}

.gift-caption h4{
    color:#fff;
    font-size:1.3rem;
    margin-bottom:6px;
}

.gift-caption p{
    color:#FFD54A;
    font-size:.95rem;
    line-height:1.4;
}

.giftSwiper .swiper-pagination{
    position:relative;
    margin-top:35px;
}

.giftSwiper .swiper-pagination-bullet{
    width:11px;
    height:11px;
    background:#777;
    opacity:1;
    transition:.35s;
}

.giftSwiper .swiper-pagination-bullet-active{
    width:36px;
    border-radius:30px;
    background:#FFD54A;
}

@media(max-width:992px){

.gift-winners{
padding:90px 6%;
}

.gift-card img{
height:330px;
}

}

@media(max-width:768px){

.gift-winners{
padding:80px 20px;
}

.gift-card img{
height:280px;
}

.gift-caption h4{
font-size:1.1rem;
}

}