:root {
            --primary-orange: #ff9a00;
            --primary-gradient: linear-gradient(135deg, #ff9a00 0%, #ff5100 100%);
            --dark-top-bar: #040212;
            --nav-bg: rgba(255, 255, 255, 0.85);
            --navy-btn: #0e0c29;
            --text-dark: #0c0a21;
            --font-outfit: 'Outfit', sans-serif;
            --font-jakarta: 'Plus Jakarta Sans', sans-serif;
            --accent-glow: rgba(255, 154, 0, 0.2);
            --glass-border: rgba(12, 10, 33, 0.06);
             --primary-purple: #6342ff;
            --dark-navy: #130430;
            --text-heading: #0d0a27;
            --text-muted: #5c5a69;
            --card-bg: #f5f3ff;
        
        }

        body {
            margin: 0;
            padding: 0;
            font-family: var(--font-jakarta);
            background-color: #ffffff;
            overflow-x: hidden;
        }

        /* --- 1. TOP UTILITY STRIP (BLACK BAR) --- */
        .top-utility-bar {
            background-color: var(--dark-top-bar);
            color: #ffffff;
            font-size: 13px;
            padding: 10px 0;
            position: relative;
            z-index: 1010;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .info-item {
            display: inline-block;
            margin-right: 35px;
            font-weight: 500;
        }

        .info-item span.label {
            color: var(--primary-orange);
            font-weight: 600;
            margin-right: 6px;
        }

        .top-social-links a {
            color: rgba(255, 255, 255, 0.7);
            margin-left: 20px;
            font-size: 13px;
            transition: all 0.2s ease;
            text-decoration: none;
        }

        .top-social-links a:hover {
            color: var(--primary-orange);
            transform: translateY(-1px);
        }

        /* --- 2. HIGHLY CREATIVE FLOATING GLASSMORPHIC NAVIGATION --- */
        .header-wrapper-container {
            position: absolute;
            top: 45px;
            left: 0;
            width: 100%;
            z-index: 1000;
            padding: 0 40px;
        }

        .navbar-custom {
            background-color: rgba(255, 255, 255, 0.8);
           
            padding: 0 15px 0 0;
            border: 0px solid rgba(255, 255, 255, 0.4);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 15px 35px rgba(4, 2, 18, 0.05), inset 0 0 0 1px rgba(255,255,255,0.6);
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* Fixed Sticky States */
        .sticky-activated .header-wrapper-container {
            position: fixed;
            top: 0;
            padding: 12px 20px;
            animation: slideNavDown 0.4s ease forwards;
        }
        .sticky-activated .navbar-custom {
            box-shadow: 0 10px 30px rgba(4, 2, 18, 0.08);
            background-color: rgba(255, 255, 255, 0.92);
        }

        @keyframes slideNavDown {
            from { transform: translateY(-30px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        .navbar-brand-wrapper {
            padding: 0px 35px;
            display: flex;
            align-items: center;
            position: relative;
            background: #130430;
            border-radius: 15px 0 0 15px;
            margin-right: 15px;
        }

        .navbar-brand-wrapper::after {
            content: '';
            position: absolute;
            right: -12px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 12px solid var(--navy-btn);
            z-index: 2;
        }

        .nav-menu-list {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            align-items: center;
        }

        .nav-menu-item {
            position: relative;
        }

        .nav-menu-link {
            font-size: 0.8rem;
            font-weight: 700;
            color: #000;
            text-decoration: none;
            padding: 28px 10px;
            display: flex;
            align-items: center;
            gap: 3px;
            transition: all 0.3s ease;
            letter-spacing: -0.2px;
            text-align: center;
            text-transform: uppercase;
            line-height: 16px;
        }

        .nav-menu-link i {
            font-size: 11px;
            opacity: 0.7;
            transition: transform 0.3s ease;
        }

        .nav-menu-link::after {
            content: '';
            position: absolute;
            bottom: 20px;
            left: 20px;
            width: 0;
            height: 3px;
            background: var(--primary-gradient);
            border-radius: 2px;
            transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .nav-menu-item:hover .nav-menu-link::after, 
        .nav-menu-link.active::after {
            width: calc(100% - 40px);
        }

        .nav-menu-item:hover .nav-menu-link {
            color: var(--primary-orange);
        }
        .nav-menu-item:hover .nav-menu-link i {
            transform: translateY(2px);
            color: var(--primary-orange);
        }

        /* --- CREATIVE LEVEL 1 MEGA DROPDOWN MIGRATION --- */
        .desktop-dropdown {
            position: absolute;
            top: 100%;
            left: -20px;
            background-color: #ffffff;
            min-width: 280px;
            box-shadow: 0 30px 60px rgba(12, 10, 33, 0.15);
            border-radius: 20px;
            padding: 15px;
            list-style: none;
            margin: 10px 0 0 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px) scale(0.95);
            transform-origin: top left;
            transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
            z-index: 1000;
            border: 1px solid rgba(12, 10, 33, 0.04);
        }

        .desktop-dropdown::before {
            content: '';
            position: absolute;
            top: -6px;
            left: 40px;
            width: 12px;
            height: 12px;
            background: #ffffff;
            transform: rotate(45deg);
            border-left: 1px solid rgba(12, 10, 33, 0.04);
            border-top: 1px solid rgba(12, 10, 33, 0.04);
        }

        .desktop-dropdown li {
            position: relative;
            margin-bottom: 2px;
        }
        .desktop-dropdown li:last-child { margin-bottom: 0; }

        .desktop-dropdown a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 18px;
            color: var(--text-dark);
            text-decoration: none;
            font-size: 14.5px;
            font-weight: 600;
            border-radius: 12px;
            transition: all 0.25s ease;
        }

        .desktop-dropdown a:hover {
            background: rgba(255, 154, 0, 0.08);
            color: var(--primary-orange);
            transform: translateX(5px);
        }

        /* CREATIVE NESTED LEVEL 2 DROPDOWN CARD */
        .nested-sub-dropdown {
            position: absolute;
            top: -10px;
            left: 100%;
            background-color: #ffffff;
            min-width: 250px;
            box-shadow: 15px 20px 50px rgba(12, 10, 33, 0.15);
            border-radius: 18px;
            padding: 12px;
            list-style: none;
            margin-left: 15px;
            opacity: 0;
            visibility: hidden;
            transform: translateX(15px) scale(0.95);
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
            z-index: 1001;
            border: 1px solid rgba(12, 10, 33, 0.03);
        }

        @media (min-width: 992px) {
            .nav-menu-item:hover > .desktop-dropdown {
                opacity: 1;
                visibility: visible;
                transform: translateY(0) scale(1);
            }
            .desktop-dropdown li:hover > .nested-sub-dropdown {
                opacity: 1;
                visibility: visible;
                transform: translateX(0) scale(1);
            }
        }

        /* Header Right Actions Elements */
        .right-header-actions {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .search-circle-trigger {
            width: 46px;
            height: 46px;
            background-color: #ffffff;
            color: var(--text-dark);
            border: 1px solid rgba(12, 10, 33, 0.08);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .search-circle-trigger:hover {
            background: var(--primary-gradient);
            color: #ffffff;
            border-color: transparent;
            transform: scale(1.05);
            box-shadow: 0 8px 20px var(--accent-glow);
        }

        .btn-ticket-nav {
    background:linear-gradient(135deg, #130430 0%, #130430 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 26px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;

    /* BOX GLOW */
    box-shadow:
        0 4px 15px rgba(14, 12, 41, 0.15),
        0 0 12px rgba(255, 154, 0, 0.45),
        0 0 28px rgba(255, 81, 0, 0.25);

    /* TEXT GLOW */
    text-shadow:
        0 0 6px rgba(255,255,255,0.8),
        0 0 12px rgba(255,154,0,0.8),
        0 0 22px rgba(255,81,0,0.6);

    animation: glowPulse 2s ease-in-out infinite alternate;
}

/* ICON GLOW */
.btn-ticket-nav i {
    text-shadow:
        0 0 8px rgba(255,255,255,0.9),
        0 0 16px rgba(255,154,0,0.9);
}

/* HOVER EFFECT */
.btn-ticket-nav:hover {
    color: #ffffff;
    transform: translateY(-3px) scale(1.03);

    box-shadow:
        0 10px 30px rgba(14, 12, 41, 0.35),
        0 0 20px rgba(255, 154, 0, 0.9),
        0 0 50px rgba(255, 81, 0, 0.5);

    text-shadow:
        0 0 8px rgba(255,255,255,1),
        0 0 18px rgba(255,154,0,1),
        0 0 30px rgba(255,81,0,0.9);
}

/* ANIMATED GLOW */
@keyframes glowPulse {

    0% {
        box-shadow:
            0 4px 15px rgba(14, 12, 41, 0.15),
            0 0 10px rgba(255,154,0,0.35),
            0 0 24px rgba(255,81,0,0.18);

        text-shadow:
            0 0 5px rgba(255,255,255,0.7),
            0 0 10px rgba(255,154,0,0.7),
            0 0 18px rgba(255,81,0,0.5);
    }

    100% {
        box-shadow:
            0 8px 22px rgba(14, 12, 41, 0.28),
            0 0 22px rgba(255,154,0,0.85),
            0 0 45px rgba(255,81,0,0.4);

        text-shadow:
            0 0 8px rgba(255,255,255,1),
            0 0 18px rgba(255,154,0,1),
            0 0 30px rgba(255,81,0,0.8);
    }
}

        .btn-ticket-nav:hover {
            color: #ffffff;
            transform: translateY(-2px);
            box-shadow: 0 8px 22px rgba(14, 12, 41, 0.3);
        }

        .grid-trigger-icon, .mobile-hamburger-btn {
            background: none;
            border: none;
            color: var(--navy-btn);
            font-size: 20px;
            cursor: pointer;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.2s ease;
        }
        .grid-trigger-icon {
            width: 44px;
            height: 44px;
            border: 1px solid rgba(12, 10, 33, 0.08);
            border-radius: 50%;
            background: #ffffff;
        }
        .grid-trigger-icon:hover {
            color: var(--primary-orange);
            border-color: rgba(255, 154, 0, 0.3);
        }

        .mobile-hamburger-btn {
            display: none;
            width: 44px;
            height: 44px;
            background-color: var(--navy-btn);
            color: #ffffff;
            border-radius: 50%;
        }

        /* --- 3. AUTO SLIDER HERO BLOCK --- */
        .hero-carousel-wrapper {
            position: relative;
            width: 100%;
            z-index: 1;
            background-color: #040212;
        }

        .carousel-fade .carousel-item {
            opacity: 0;
            transition-property: opacity;
            transition-duration: 0.8s;
        }
        .carousel-fade .carousel-item.active {
            opacity: 1;
        }

        .carousel-item-slide {
            background-size: cover;
            background-position: center;
            min-height: 900px;
            display: flex !important;
            align-items: center;
            justify-content: flex-start; 
            text-align: left; 
            color: #ffffff;
            position: relative;
            transition: transform 6s ease-out;
            transform: scale(1.03);
        }

        .carousel-item.active .carousel-item-slide {
            transform: scale(1);
        }

        .carousel-item-slide::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, 
                rgba(11, 4, 38, 0.96) 0%, 
                rgba(49, 14, 115, 0.65) 25%, 
                rgba(14, 12, 41, 0.55) 50%, 
/*                rgba(49, 14, 115, 0.85) 25%, 
                rgba(14, 12, 41, 0.75) 50%, */
                rgba(4, 2, 18, 0.35) 100%);
            z-index: 1;
        }

        .slide-content-container {
            position: relative;
            z-index: 5;
            max-width: 725px;
            padding: 0 60px;
            margin-top: 25em;
        }

        .carousel-custom-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #ffffff;
            width: 44px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            z-index: 10;
            transition: all 0.3s ease;
        }
        .carousel-custom-arrow:hover {
            background: var(--primary-gradient);
            border-color: transparent;
            color: #ffffff;
        }
        .arrow-left-pos { left: 0; border-radius: 0 8px 8px 0; }
        .arrow-right-pos { right: 0; border-radius: 8px 0 0 8px; }

        .floating-gear-box {
            position: absolute;
            top: 180px;
            left: 0;
            background-color: #0b53ff;
            color: #ffffff;
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0 4px 4px 0;
            font-size: 16px;
            z-index: 10;
            animation: symbolRotate 8s linear infinite;
        }

        @keyframes symbolRotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .hero-sub-badge, .hero-title-headline, .hero-venue-info {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .carousel-item.active .hero-sub-badge { opacity: 1; transform: translateY(0); transition-delay: 0.3s; }
        .carousel-item.active .hero-title-headline { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }
        .carousel-item.active .hero-venue-info { opacity: 1; transform: translateY(0); transition-delay: 0.7s; }

        .hero-sub-badge {
            color:#fff;
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0px;
            margin-bottom: 20px;
            display: inline-block;
            background: rgba(255, 154, 0, 0.15);
            padding: 6px 16px;
            border-radius: 4px;
            border-left: 3px solid var(--primary-orange);
        }

        .hero-title-headline {
            font-family: var(--font-outfit);
            font-size: 35px;
            font-weight: 800;
            line-height: 1.15;
            text-transform: uppercase;
            margin-bottom: 25px;
            letter-spacing: -0.5px;
            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
        }

        .hero-venue-info {
            font-size: 17px;
            color: #cbd3ec;
            margin-bottom: 0;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .hero-venue-info i { color: var(--primary-orange); }

        /* --- 4. LIVE TICKER STYLING --- */
        .ticker-footer-layer {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 10;
            padding-bottom: 4rem;
            padding-left: 60px;
            text-align: left;
            width: auto;
            animation: footerEntrance 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
            opacity: 0;
            display: flex;
            align-items: center;
            gap: 30px;
        }

        @keyframes footerEntrance {
            0% { opacity: 0; transform: translateY(40px) scale(0.95); }
            100% { opacity: 1; transform: translateY(0) scale(1); }
        }

        .countdown-flex-container { display: flex; align-items: center; gap: 14px; }

        .time-counter-block {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 14px;
            padding: 10px;
            min-width: 95px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
        }

        .time-counter-block:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 154, 0, 0.5);
        }

        .time-digits {
            font-family: var(--font-outfit);
            font-size: 1rem;
            font-weight: 800;
            line-height: 1;
            color: #ffffff;
            letter-spacing: -0.5px;
        }

        .time-suffix {
            font-size: 11px;
            font-weight: 700;
            color: var(--primary-orange);
            margin-top: 5px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .digit-pulse { animation: cardGlowPulse 0.5s ease-out; }

        @keyframes cardGlowPulse {
            0% { border-color: rgba(255, 255, 255, 0.12); }
            30% { border-color: var(--primary-orange); box-shadow: 0 0 20px rgba(255, 154, 0, 0.4); }
            100% { border-color: rgba(255, 255, 255, 0.12); }
        }

        .btn-cta-orange {
            background: #b91f60;
            color: #ffffff;
            font-weight: 700;
            font-size: 0.8rem;
            padding: 20px 25px;
            border: none;
            border-radius: 10px;
            box-shadow: 0 8px 25px rgba(255, 154, 0, 0.35);
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
            height: fit-content;
            align-self: center;
        }
        .btn-cta-orange:hover {
            color: #ffffff;
            transform: translateY(-3px);
            box-shadow: 0 12px 30px rgba(255, 154, 0, 0.55);
        }

        /* --- 5. RESPONSIVE MOBILE OVERRIDES --- */
        @media (max-width: 991px) {
            .header-wrapper-container { top: 0; padding: 15px; }
            .navbar-custom { border-radius: 30px; background: #ffffff; padding: 0 10px; }
            .navbar-brand-wrapper { padding: 10px 25px; border-radius: 25px 0 0 25px; margin-right: 5px; }
            .navbar-brand-wrapper::after { display: none; }
            .mobile-hamburger-btn { display: flex; }
            .right-header-actions .btn-ticket-nav, .right-header-actions .grid-trigger-icon { display: none; }

            .center-nav-links-box {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background-color: #ffffff;
                box-shadow: 0 20px 40px rgba(0,0,0,0.15);
                display: none;
                padding: 20px;
                max-height: 75vh;
                overflow-y: auto;
                border-radius: 24px;
                margin-top: 10px;
                border: 1px solid rgba(12, 10, 33, 0.05);
            }
            .center-nav-links-box.show { display: block; }
            .nav-menu-list { flex-direction: column; align-items: stretch; }
            .nav-menu-link { padding: 14px 15px; border-bottom: 1px solid #f3f4f8; justify-content: space-between; }
            .nav-menu-link::after { display: none; }
            
            .desktop-dropdown, .nested-sub-dropdown {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                box-shadow: none;
                background-color: #f7f8fc;
                padding: 10px;
                display: none;
                border: none;
                margin: 5px 0;
                border-radius: 14px;
            }
            .desktop-dropdown::before { display: none; }
            .desktop-dropdown.show-mobile, .nested-sub-dropdown.show-mobile { display: block; }
            .desktop-dropdown a { padding: 10px 15px; font-size: 14px; }
            .desktop-dropdown a:hover { transform: none; }

            .carousel-item-slide { justify-content: center; text-align: center; min-height: 750px; }
            .carousel-item-slide::before { background: linear-gradient(180deg, rgba(11, 4, 38, 0.95) 0%, rgba(14, 12, 41, 0.8) 100%); }
            .slide-content-container { padding: 0 24px; margin-top: 0px; }
            .hero-title-headline { font-size: 38px; margin-bottom: 20px; }
            .hero-sub-badge { margin-bottom: 15px; font-size: 13px; }
            .hero-venue-info { justify-content: center; font-size: 15px; }
            .floating-gear-box { top: 140px; }
            
            .ticker-footer-layer { 
                padding-left: 0; left: 50%; transform: translateX(-50%); 
                flex-direction: column; gap: 20px; width: 100%; align-items: center; padding-bottom: 2.5rem;
            }
            @keyframes footerEntrance {
                0% { opacity: 0; transform: translate(-50%, 40px) scale(0.95); }
                100% { opacity: 1; transform: translate(-50%, 0) scale(1); }
            }
            .countdown-flex-container { gap: 8px; }
            .time-counter-block { min-width: 72px; padding: 10px; border-radius: 10px; }
            .time-digits { font-size: 28px; }
            .time-suffix { font-size: 9px; margin-top: 3px; }
            .btn-cta-orange { padding: 14px 40px; font-size: 15px; }
        }
  

  /*******about****/

   .watermark-container {
            position: absolute;
            top: 20px;
            left: 0;
            width: 100%;
            overflow: hidden;
            z-index: -1;
            pointer-events: none;
        }

        .watermark-text {
            font-size: 6rem;
            font-weight: 800;
            text-transform:  none;
            letter-spacing: 0px;
            color: transparent;
            -webkit-text-stroke: 1px #b91f60;
            white-space: nowrap;
            display: block;
            text-align: center;
        }

        /* --- MAIN LAYOUT ENGINE --- */
        .about-section {
            padding: 60px 0 60px 0;
            position: relative;
        }

        /* Left Side: Interlocking Grid */
        .grid-asset-wrapper {
            position: relative;
            display: flex;
            width: 100%;
            height: 520px;
        }

        /* Vector Purple Dot Array Grid Asset */
        .grid-dots {
            position: absolute;
            top: 60px;
            right: 0;
            width: 140px;
            height: 220px;
            background-image: radial-gradient(#beb4ff 3px, transparent 3px);
            background-size: 20px 20px;
            z-index: 1;
        }

        /* Top Large Event Image */
        .frame-top {
            position: absolute;
            top: 0;
            left: 0;
            width: 72%;
            z-index: 2;
        }

        .frame-top img {
            width: 100%;
            border-radius: 30px;
            display: block;
            object-fit: cover;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
        }

        /* Bottom Small Audience Image */
        .frame-bottom {
            position: absolute;
            bottom: 0;
            right: 30px;
            width: 53%;
            z-index: 3;
        }

        .frame-bottom img {
            width: 100%;
            border-radius: 30px;
            display: block;
            object-fit: cover;
            box-shadow: 0 20px 40px rgba(13, 10, 39, 0.1);
        }

        /* --- THE ROTATING VIEW SCHEDULE BADGE --- */
        .badge-sticker-pivot {
            position: absolute;
            top: 50%;
            left: 42%;
            transform: translate(-50%, -50%);
            width: 106px;
            height: 106px;
            background-color: #b91f60;
            border: 6px solid #ffffff;
            border-radius: 50%;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 8px 24px rgba(99, 66, 255, 0.25);
        }

        .badge-rotator {
            position: absolute;
            width: 100%;
            height: 100%;
            animation: spinEngine 15s linear infinite;
        }

        @keyframes spinEngine {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .badge-rotator svg {
            width: 100%;
            height: 100%;
        }

        .badge-rotator textPath {
            fill: #ffffff;
            font-size: 9.5px;
            font-weight: 700;
            letter-spacing: 1.3px;
            text-transform: none;
        }

        .badge-center-icon {
            color: #ffffff;
            font-size: 1.15rem;
            position: relative;
            z-index: 2;
        }

        /* --- FLOATING ACCENT STAT CARD --- */
        .designer-stat-card {
            position: absolute;
            bottom: 30px;
            left: -25px;
            background-color:#130430;
            border-radius: 20px;
            padding: 22px 26px;
            display: flex;
            align-items: center;
            gap: 16px;
            z-index: 5;
            min-width: 240px;
            box-shadow: 0 15px 35px rgba(17, 14, 46, 0.2);
        }

        .dsc-icon-box {
            width: 50px;
            height: 50px;
            background-color: rgba(255, 255, 255, 0.05);
            border: 1px dashed rgba(255, 255, 255, 0.2);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            color:#b91f60;
            font-size: 1.3rem;
        }

        .dsc-text h3 {
            color: #ffffff;
            font-size: 2.1rem;
            font-weight: 800;
            margin: 0;
            line-height: 1;
            letter-spacing: -0.5px;
        }

        .dsc-text p {
            color: #b0aebd;
            font-size: 0.82rem;
            margin: 5px 0 0 0;
            font-weight: 500;
        }

        /* --- RIGHT SIDE COPYWRITING & TEXT ELEMENTS --- */
        .about-subtitle-tag {
            color: var(--primary-purple);
            font-size: 0rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            display: inline-flex;
            align-items: center;
            gap: 2px;
            margin-top: 40px;
        }

        .about-subtitle-tag::before {
            content: '•';
            font-size: 0rem;
            color: var(--primary-purple);
        }

        .about-heading {
            color: var(--text-heading);
            font-size: 3.25rem;
            font-weight: 800;
            line-height: 1.15;
            margin-bottom: 20px;
            letter-spacing: -0.5px;
        }

        .about-body-p {
            font-size: 0.96rem;
            line-height: 1.65;
            color: var(--text-muted);
            margin-bottom: 35px;
        }

        /* --- LIST TILES BLOCK --- */
        .feature-panel-row {
            background-color: var(--card-bg);
            border-radius: 20px;
            padding: 28px 32px;
            margin-bottom: 18px;
            display: flex;
            gap: 24px;
            align-items: flex-start;
        }

        .fpr-icon-wrapper {
            width: 48px;
            height: 48px;
            background-color: #b91f60;
            color: #ffffff;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0;
        }

        .fpr-content h4 {
            color: var(--text-heading);
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 8px;
            line-height: 1.2;
        }

        .fpr-content p {
            font-size: 0.9rem;
            line-height: 1.55;
            color: var(--text-muted);
            margin: 0;
        }

        /* --- ACTION FOOTER BUTTONS CONTROLS --- */
        .action-footer-flex {
            display: flex;
            align-items: center;
            gap: 40px;
            margin-top: 35px;
            flex-wrap: wrap;
        }

        .btn-theme-solid {
            background-color:#130430;
            color: #ffffff;
            padding: 16px 36px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.95rem;
            border: none;
            transition: all 0.2s ease;
            box-shadow: 0 8px 24px rgba(99, 66, 255, 0.2);
            text-decoration: none;
        }

        .btn-theme-solid:hover {
            background-color: #5132df;
            color: #ffffff;
            transform: translateY(-1px);
        }

        .comms-phone-box {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .cpb-circle-icon {
            width: 48px;
            height: 48px;
            background-color: var(--card-bg);
            color: var(--primary-purple);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
        }

        .cpb-labels span {
            display: block;
            font-size: 0.9rem;
            font-weight: 700;
            color: var(--text-heading);
            line-height: 1.3;
        }

        .cpb-labels a {
            color: var(--text-muted);
            text-decoration: none;
            font-size: 1rem;
            font-weight: 500;
        }

        /* Responsive handling for smaller screens */
        @media (max-width: 991px) {
            .watermark-text {
                font-size: 12vw;
            }
            .grid-asset-wrapper {
                max-width: 500px;
                height: 480px;
                margin: 0 auto 50px auto;
            }
            .about-heading {
                font-size: 2.5rem;
            }
            .designer-stat-card {
                left: 0;
            }
        }



     /* ================= SECTION ================= */

.event-counter-section{

    align-items: center;
    justify-content: center;
    padding: 60px 0 60px 0;
    background: radial-gradient(circle at 15% 20%, #7b2cff55 0%, transparent 30%), radial-gradient(circle at 85% 80%, #ff2b9b55 0%, transparent 30%), linear-gradient(135deg, #09031b, #170538, #090118);
    position: relative;
    overflow: hidden;
}

.counter-wrapper{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.counter-item{
    background:#eef1fb;
    border-radius:18px;
    padding:25px 25px;
    text-align:center;
    transition:all .35s ease;
}

.counter-item:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.counter-info{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:20px;
}

.counter-info i{
    font-size:55px;
    background:linear-gradient(135deg,#130430,#b91f60);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.counter-number{
    font-size:62px;
    line-height:1;
    font-weight:800;
    color:#09162f;
    margin:0 0 15px;
}

.counter-number::after{
    content:"+";
}

.counter-title{
    font-size:22px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:8px;
}

.counter-subtitle{
    font-size:16px;
    color:#4b5563;
    font-weight:500;
}

/* Hover */

.counter-item:hover .counter-number{
    color:#4f46e5;
}

/* ================= CONTAINER ================= */

.counter-wrapper{
    max-width:1150px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* ================= ITEM ================= */

.counter-item{
    text-align:center;
    transition:0.4s ease;
}

.counter-item:hover{
    transform:translateY(-5px);
}

/* NUMBER */

.counter-number{
    font-size:48px;
    font-weight:600;
    color:#000;
    line-height:1;
    margin-bottom:15px;
    letter-spacing:1px;
    transition:0.4s ease;
}

.counter-number::after{
    content:'+';
    font-size:26px;
}

/* INFO */

.counter-info{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    color:#ffffff;
    font-size:15px;
    font-weight:500;
}

/* ICON */

.counter-info i{
    color:#ff1744;
    font-size:45px;
}

/* HOVER */

.counter-item:hover .counter-number{
    color:#b91f60;
}

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

@media(max-width:991px){

    .counter-wrapper{
        grid-template-columns:repeat(2,1fr);
    }

    .counter-number{
        font-size:50px;
    }
}




@media(max-width:576px){

    .event-counter-section{
        padding:60px 15px;
    }

    .counter-wrapper{
        grid-template-columns:1fr;
        gap:15px;
    }

    .counter-item{
        padding:35px 20px;
    }

    .counter-info i{
        font-size:45px;
    }

    .counter-number{
        font-size:42px;
    }

    .counter-title{
        font-size:18px;
    }

    .counter-subtitle{
        font-size:14px;
    }
}



/* --- Section Typography & Header --- */
.section-header {
    text-align: center;
    margin-bottom:0px;
    padding:40px 20px;
}

.sub-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #ff3344;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.sub-title::before, .sub-title::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #ff3344);
}
.sub-title::after {
    background: linear-gradient(90deg, #ff3344, transparent);
}

.section-header h2 {
    font-size: 2.25rem;
    font-weight: 500;
    margin-top: 10px;
    color:var(--text-heading);
}

.section-header h2 span {
    font-weight: 700;
    position: relative;
    background: linear-gradient(to bottom, #000 60%, #061633);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-header h2 span::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 10%;
    width: 80%;
    height: 0px;
    background: #ff3344;
    border-radius: 2px;
}

.section-divider {
    border: none;
    border-top: 1px dashed rgba(255, 255, 255, 0.08);
    margin: 40px 0;
}

/* --- Section 1: Speakers Layout --- */
.speakers-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.speaker-card {
    background: linear-gradient(180deg, #130430, #130430);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 24px 15px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.speaker-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 51, 68, 0.3);
    box-shadow: 0 15px 35px rgba(255, 51, 68, 0.05);
}

.speaker-card .image-container {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
    background: #131929;
}

.speaker-card .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.speaker-card h3 {
    font-size: 0.95rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 8px;
}

.speaker-card .role {
    font-size: 0.75rem;
    color: #a0aec0;
    margin-bottom: 2px;
    font-weight: 500;
}

.speaker-card .company {
    font-size: 0.75rem;
    color: #718096;
}

/* Color Coding & Glow Effects for Tracks */
.purple-glow { border-bottom: 3px solid #a855f7; }
.purple-glow .icon-box, .purple-glow .track-number { color: #a855f7; }

.red-glow { border-bottom: 3px solid #ef4444; }
.red-glow .icon-box, .red-glow .track-number { color: #ef4444; }

.blue-glow { border-bottom: 3px solid #3b82f6; }
.blue-glow .icon-box, .blue-glow .track-number { color: #3b82f6; }

.green-glow { border-bottom: 3px solid #22c55e; }
.green-glow .icon-box, .green-glow .track-number { color: #22c55e; }

.orange-glow { border-bottom: 3px solid #f97316; }
.orange-glow .icon-box, .orange-glow .track-number { color: #f97316; }

/* Interactive Hover effect matching UI theme */
.track-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
}

/* --- Universal Buttons --- */
.btn-container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 28px;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.btn-outline {
    color: #ffffff;
    border: 1px solid #f97316;
    background: #201b5a;
}

.btn-outline i:first-child {
    opacity: 0.7;
}

.btn-outline:hover {
    background: #f97316;
    border-color: #f97316;
    box-shadow: 0 0 20px rgba(255, 51, 68, 0.4);
    transform: scale(1.02);
}

/* --- Responsive Media Queries --- */

/* Medium Desktops / Laptops (4-column or 3-column wrap) */
@media (max-width: 1100px) {
    .speakers-grid {
        grid-template-columns: repeat(4, 1fr);
    }
   
}

/* Tablets (Portrait & Landscape) */
@media (max-width: 850px) {
    .speakers-grid {
        grid-template-columns: repeat(3, 1fr);
    }
   
    .section-header h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 650px) {
    .speakers-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile Devices */
/* --- Responsive Media Queries (Updated for 2-in-a-row Mobile) --- */

/* Mobile Devices */
@media (max-width: 480px) {
    body {
        padding: 40px 10px; /* Slightly reduced padding to give cards more space */
    }
    
    /* Force 2 columns on mobile instead of 1 */
    .speakers-grid, .tracks-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px; /* Tighter gaps so items fit beautifully side-by-side */
    }
    
    .section-header h2 {
        font-size: 1.4rem;
    }
    
    /* Optimize padding inside cards for smaller screens */
    .speaker-card {
        padding: 15px 8px;
    }
    
    .track-card {
        padding: 18px 12px;
    }
    
    .track-card .icon-box {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    
    .speaker-card h3, .track-card h3 {
        font-size: 0.8rem;
    }
    
    .speaker-card .role, .speaker-card .company, .track-card p {
        font-size: 0.65rem;
    }
}

 /* Flexbox / Grid Layout: Handles massive screens down to mobile */
        .tracks-grid {
/*            display: grid;*/
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 1.5rem;
            margin-bottom: 4rem;
        }

        /* Premium Dashboard Card Design */
        .card {
            background-color:#130430; /* Slightly lighter card backdrop */
            border: 1px solid rgba(255, 255, 255, 0.03);
            border-radius: 16px;
            padding: 1rem 1.75rem;
            display: flex;
            flex-direction: column;
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
/*            min-height: 320px;*/
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
        }

        /* Dynamic Colored Accent Borders (Replicating the look from capture-20260602-141452.jpg) */
        .card.purple { border-bottom: 3px solid #a855f7;    margin-bottom: 10px; }
        .card.red { border-bottom: 3px solid #ef4444;    margin-bottom: 10px; }
        .card.blue { border-bottom: 3px solid #3b82f6;    margin-bottom: 10px; }
        .card.green { border-bottom: 3px solid #22c55e;    margin-bottom: 10px; }
        .card.orange { border-bottom: 3px solid #f97316;    margin-bottom: 10px; }
        .card.cyan { border-bottom: 3px solid #06b6d4;    margin-bottom: 10px; }
        .card.pink { border-bottom: 3px solid #ec4899;    margin-bottom: 10px; }
        .card.yellow { border-bottom: 3px solid #eab308;    margin-bottom: 10px; }

        /* Icon Styling */
        .icon-container {
            font-size: 1.75rem;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
        }

        /* Number Badge Layout */
        .track-number {
            font-size: 0.85rem;
            font-weight: 700;
            letter-spacing: 1px;
            margin-bottom: 1.25rem;
            display: flex;
            align-items: center;
            gap: 0.35rem;
        }
        .purple .track-number { color: #a855f7; }
        .red .track-number { color: #ef4444; }
        .blue .track-number { color: #3b82f6; }
        .green .track-number { color: #22c55e; }
        .orange .track-number { color: #f97316; }
        .cyan .track-number { color: #06b6d4; }
        .pink .track-number { color: #ec4899; }
        .yellow .track-number { color: #eab308; }

        /* Small trailing squares next to number badge */
        .track-number::after {
            content: '■';
            font-size: 0.5rem;
            opacity: 0.5;
        }

        /* Typography Inside Cards */
        .track-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: #ffffff;
            line-height: 1.4;
            margin-bottom: 0.75rem;
        }

        .track-desc {
            font-size: 0.9rem;
            line-height: 1.6;
            color: #64748b; /* Sleek muted text descriptions */
        }

        /* Centered Bottom CTA Button Section */
        .cta-container {
            text-align: center;
        }

        /* CHANGED: Refactored class name here */
        .view-all-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: transparent;
            color: #ffffff;
            border: 1px solid #1e293b;
            padding: 0.75rem 2rem;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            border-radius: 30px;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        /* CHANGED: Refactored hover class name here */
        .view-all-btn:hover {
            border-color: #ffffff;
            background-color: rgba(255, 255, 255, 0.03);
            transform: scale(1.02);
        }

        /* Responsive Breakpoints */
        @media (max-width: 600px) {
            body { padding: 3rem 1rem; }
            .header h2 { font-size: 2rem; }
            .tracks-grid { grid-template-columns: 1fr; gap: 1.25rem; }
            .card { min-height: auto; }
        }
 



















 /* ==========================================
   MOBILE RESPONSIVE FIXES
   (ADD AT END OF CSS FILE)
========================================== */

@media (max-width: 991px) {

    body{
        overflow-x:hidden;
    }

    .container{
        width:100%;
        max-width:100%;
        padding-left:15px;
        padding-right:15px;
    }

    /* HEADER */

    .header-wrapper-container{
        padding:10px;
        top:0;
    }

    .navbar-custom{
        padding:10px;
        border-radius:15px;
    }

    .navbar-brand-wrapper{
        padding:8px 15px;
    }

    .navbar-brand-wrapper img{
        width:70px;
        height:auto;
    }

    .nav-menu-link{
        font-size:13px;
        line-height:20px;
        padding:12px 15px;
    }

    /* HERO */

    .carousel-item-slide{
       
    }

    .slide-content-container{
        padding:0 20px;
        text-align:center;
    }

    .hero-title-headline{
        font-size:34px;
        line-height:1.2;
    }

    .hero-sub-badge{
        font-size:12px;
        padding:8px 12px;
    }

    .hero-venue-info{
        justify-content:center;
        font-size:14px;
    }

    .carousel-custom-arrow{
        width:35px;
        height:55px;
    }

    /* COUNTDOWN */

    .ticker-footer-layer{
        width:100%;
        padding:0 10px 30px;
        flex-direction:column;
        gap:15px;
    }

    .countdown-flex-container{
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
    }

    .time-counter-block{
        min-width:70px;
        padding:10px;
    }

    .time-digits{
        font-size:24px;
    }

    .btn-cta-orange{
        width:auto;
        text-align:center;
    }

    /* ABOUT SECTION */

    .about-section{
        padding:70px 0;
    }

    .grid-asset-wrapper{
        height:400px;
        margin-bottom:50px;
    }

    .frame-top{
        width:80%;
    }

    .frame-bottom{
        width:60%;
        right:0;
    }

    .badge-sticker-pivot{
        width:90px;
        height:90px;
    }

    .about-heading{
        font-size:32px;
        text-align:center;
    }

    .about-body-p{
        text-align:center;
    }

    .feature-panel-row{
        padding:18px;
        gap:15px;
    }

    .action-footer-flex{
        justify-content:center;
        text-align:center;
    }

    .comms-phone-box{
        justify-content:center;
    }

    /* COUNTERS */

    .counter-wrapper{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

    .counter-number{
        font-size:38px;
    }

    /* SPEAKERS */

    .speakers-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .speaker-card{
        padding:15px 10px;
    }

    .speaker-card h3{
        font-size:14px;
    }

    .speaker-card .role,
    .speaker-card .company{
        font-size:12px;
    }

    /* TRACKS */

    .tracks-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .card{
        padding:20px 15px;
    }

    .track-title{
        font-size:16px;
    }

    .track-desc{
        font-size:13px;
    }

    /* WATERMARK */

    .watermark-text{
        font-size:12vw;
    }

}

/* SMALL MOBILE */

@media (max-width: 576px){

    .hero-title-headline{
        font-size:28px;
    }

    .hero-sub-badge{
        font-size:11px;
    }

    .time-counter-block{
        min-width:60px;
    }

    .time-digits{
        font-size:20px;
    }

    .about-heading{
        font-size:28px;
    }

    .grid-asset-wrapper{
        height:330px;
    }

    .designer-stat-card{
        min-width:180px;
        padding:15px;
    }

    .dsc-text h3{
        font-size:24px;
    }

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

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

    .counter-wrapper{
        grid-template-columns:1fr;
    }

    .section-header h2{
        font-size:28px;
    }
}





@media (max-width: 991px){

    .right-header-actions{
        display:flex;
        align-items:center;
        gap:10px;
    }

    .btn-ticket-nav{
        display:inline-flex !important;
        padding:10px 15px;
        font-size:12px;
        white-space:nowrap;
    }

    .mobile-hamburger-btn{
        display:flex !important;
        width:42px;
        height:42px;
        flex-shrink:0;
    }

    .grid-trigger-icon{
        display:none;
    }
}


@media (max-width:480px){

    .btn-ticket-nav{
        padding:8px 12px;
        font-size:11px;
    }

    .btn-ticket-nav i{
        display:none;
    }
}







/* SPEAKERS SECTION */

.speakers26{
    align-items: center;
    justify-content: center;
    padding: 60px 0 60px 0;
    background: radial-gradient(circle at 15% 20%, #7b2cff55 0%, transparent 30%), radial-gradient(circle at 85% 80%, #ff2b9b55 0%, transparent 30%), linear-gradient(135deg, #09031b, #170538, #090118);
    position: relative;
    overflow: hidden;
}

.speakers26::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    repeating-linear-gradient(
        90deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.04) 40px,
        transparent 40px,
        transparent 120px
    );
}

.speakers-container26{
    position:relative;
    z-index:2;
/*    max-width:1400px;*/
    margin:auto;
}

.section-title{
    text-align:center;
    color:#fff;
    font-size:58px;
    font-weight:800;
    margin-bottom:60px;
}

.speakers-grid26{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.speaker-card26{
    display:flex;
    gap:15px;
    padding:10px;
    border-radius:28px;
    background:rgba(255,255,255,0.05);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,0.15);
    transition:0.4s;
}

.speaker-card26:hover{
    transform:translateY(-8px);
    border-color:rgba(255,255,255,0.3);
}

.speaker-image26{
    width:150px;
    min-width:150px;
    height:160px;
    border-radius:24px;
    overflow:hidden;
}

.speaker-image26 img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.speaker-content26{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.speaker-content26 h3{
    color:#fff;
    font-size:1rem;
    font-weight:700;
    margin-bottom:8px;
}

.designation{
    color:#ffffff;
    font-size:0.95rem;
    margin-bottom:5px;
    opacity:0.9;
}

.designation26{
    color:#d8d8d8;
    line-height:1.8;
    font-size:0.75rem;
    max-width:320px;
}

.share-btn{
    width:38px;
    height:38px;
    margin-top:30px;
    border-radius:6px;
    border:1px solid rgba(255,255,255,0.25);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.share-btn:hover{
    background:#fff;
    color:#0d0d8f;
}

/* TABLET */

@media(max-width:1200px){

    .speaker-image26{
        width:220px;
        min-width:220px;
        height:250px;
    }

    .speaker-content26 h3{
        font-size:24px;
    }

}

/* MOBILE */

@media(max-width:991px){

    .section-title{
        font-size:40px;
    }

    .speakers-grid26{
        grid-template-columns:1fr;
    }

    .speaker-card26{
        flex-direction:column;
        text-align:center;
    }

    .speaker-image26{
        width:100%;
        max-width:350px;
        height:320px;
        margin:auto;
    }

    .speaker-content26{
        align-items:center;
    }

    .designation26{
        max-width:100%;
    }
}





.speakers-section{
padding: 60px 0 60px 0;
}






.features-section{
padding: 60px 0 60px 0;
}


.features-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.feature-box{
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:8px;
    display:flex;
    align-items:center;
    min-height:90px;
    overflow:hidden;
    transition:all .3s ease;
    margin-bottom: 15px;
}

.feature-box:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.feature-left{
    width:70px;
    height:90px;
    position:relative;
    flex-shrink:0;
}

.feature-left::before{
    content:"";
    position:absolute;
    inset:0;
    clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);
}

.feature-left i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:20px;
    z-index:2;
}

.feature-content{
    flex:1;
    padding:10px 15px;
}

.feature-content h3{
    font-size: 1.1rem;
    font-weight: 700;
    line-height:1.4;
    color:#424148;
    margin:0;
    text-align: left;
}

.feature-arrow{
    width:32px;
    height:32px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    margin-right:15px;
    font-size:11px;
    flex-shrink:0;
    transition:.3s;
}

.feature-box:hover .feature-arrow{
    transform:scale(1.1);
}

/* Colors */
.green .feature-left::before,
.green .feature-arrow{
    background:#48c6b7;
}

.purple .feature-left::before,
.purple .feature-arrow{
    background:#5138b5;
}

.pink .feature-left::before,
.pink .feature-arrow{
    background:#e91e63;
}

.blue .feature-left::before,
.blue .feature-arrow{
    background:#2c97d1;
}

.orange .feature-left::before,
.orange .feature-arrow{
    background:#ff8a00;
}

.red .feature-left::before,
.red .feature-arrow{
    background:#ff5252;
}

.teal .feature-left::before,
.teal .feature-arrow{
    background:#00b8a9;
}

.darkblue .feature-left::before,
.darkblue .feature-arrow{
    background:#0066cc;
}

/* Tablet */
@media (max-width: 991px){

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

    .feature-content h3{
        font-size:15px;
    }
}

/* Mobile */
@media (max-width: 576px){


    .features-grid{
        gap:12px;
    }

    .feature-box{
        min-height:80px;
    }

    .feature-left{
        width:60px;
        height:80px;
    }

    .feature-left i{
        font-size:18px;
    }

    .feature-content{
        padding:8px 12px;
    }

    .feature-content h3{
        font-size:14px;
        line-height:1.4;
    }

    .feature-arrow{
        width:28px;
        height:28px;
        margin-right:10px;
        font-size:10px;
    }


}


/* ===========================
   SPONSORS SECTION
=========================== */

.sponsors-section{
    padding:60px 0 60px 0;
/*    background:#130430;*/
}



/* ===========================
   GRID
=========================== */

.sponsors-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/* ===========================
   CARD WITH BACKGROUND IMAGE
=========================== */

.sponsor-card{
    position:relative;
    height:135px;
    border-radius:8px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;

    background:url("images/123.png") center center/cover no-repeat;
    transition:.4s;
}



.sponsor-card:hover{
    transform:translateY(-8px);
}

.logo-wrap{
    text-align: center;
    padding: 25px;
}

.sponsor{
    color:#130430;
    font-size:0.95em;
    font-weight:700;
    text-decoration: none;
}

.sponsor_img{

max-width: 100%;
width: 120px;

}




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

@media(max-width:992px){

    .sponsors-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .section-title{
        font-size:42px;
    }
}

@media(max-width:768px){

    .sponsors-section{
        padding:70px 15px;
    }



    .sponsors-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .sponsor-card{
        height:120px;
    }

    .logo-text{
        font-size:18px;
    }
}




/* Background */

.apply-section{

/*min-height:100vh;*/
font-family:'Outfit',sans-serif;
display:flex;
align-items:center;
justify-content:center;
padding:60px 0 60px 0;

background:
radial-gradient(circle at 15% 20%,#7b2cff55 0%,transparent 30%),
radial-gradient(circle at 85% 80%,#ff2b9b55 0%,transparent 30%),
linear-gradient(135deg,#09031b,#170538,#090118);

position:relative;

overflow:hidden;

}

/* Floating Blobs */

.blob{

position:absolute;

border-radius:50%;

filter:blur(100px);

opacity:.25;

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

}

.blob.one{

width:280px;
height:280px;

background:#ff2fa5;

top:10%;
left:8%;

}

.blob.two{

width:260px;
height:260px;

background:#7d2dff;

bottom:5%;
right:8%;

animation-delay:2s;

}

@keyframes float{

0%,100%{
transform:translateY(0px);
}

50%{
transform:translateY(-40px);
}

}

/* Section */

.container{

max-width:1300px;

width:100%;

text-align:center;

position:relative;

z-index:10;

}

.title{

font-size:48px;

font-weight:800;

color:#fff;

margin-bottom:15px;

}

.title span{

background:linear-gradient(90deg,#ff2ca0,#ffb100);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

.subtitle{

color:#cfcfcf;

max-width:700px;

margin:0 auto 80px;

font-size:18px;

line-height:1.8;

}

/* Layout */

.cards{

display:flex;

justify-content:center;

align-items:center;

gap:40px;

flex-wrap:wrap;

}

/* Glass Cards */

.glass-card{

width:300px;

padding:20px 30px;

border-radius:30px;

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

backdrop-filter:blur(18px);

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

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

transition:.4s;

}

.glass-card:hover{

transform:translateY(-12px);

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

}

.glass-card i{

font-size:46px;

color:#ffb300;

margin-bottom:5px;

}

.glass-card h3{

font-size:20px;

color:#fff;

margin-bottom:15px;

}

.glass-card p{

color:#d8d8d8;

line-height:1.8;

margin-bottom:25px;

}

.glass-btn{

display:inline-block;

padding:13px 32px;

background:linear-gradient(90deg,#ff2ca0,#7c2dff);

color:#fff;

border-radius:40px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.glass-btn:hover{

transform:scale(1.05);

}

/* Center Featured Card */

.featured{

width: 300px;

padding: 30px 35px;

background:linear-gradient(135deg,#ff2ca0,#7c2dff);

border:none;

position:relative;

transform:translateY(-25px);

box-shadow:0 25px 80px rgba(255,45,160,.35);

}

.featured::before{

content:"";

position:absolute;

width:180px;

height:180px;

border-radius:50%;

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

top:-60px;

right:-50px;

}

.featured:hover{

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

}

.featured i{

font-size:60px;

color:#fff;

}

.featured h2{

color:#fff;

font-size:25px;

margin:18px 0;

}

.featured p{

color:#fff;

line-height:1.8;

margin-bottom:30px;

}

.featured .glass-btn{

background:#fff;

color:#7c2dff;

}

/* Mobile */

@media(max-width:992px){

.cards{

flex-direction:column;

}

.featured{

transform:none;

width:100%;

max-width:420px;

}

.featured:hover{

transform:scale(1.02);

}

.glass-card{

width:100%;
max-width:420px;

}

.title{

font-size:42px;

}

.subtitle{

font-size:16px;

}

}






/* venue-section */

.venue-section{
position:relative;
padding:60px 60px;
background:url("images/venue26.webp") center/cover;
overflow:hidden;
}

.venue-section::before{
content:"";
position:absolute;
inset:0;
background:rgba(19,4,48,.78);
/*backdrop-filter:blur(2px);*/
}

/* Heading */

.section-title{
position:relative;
z-index:2;
text-align:center;
font-size:70px;
font-weight:900;
text-transform:uppercase;
color:rgba(255,255,255,.08);
letter-spacing:2px;
margin-bottom:50px;
}

.section-title span{
display:block;
font-size:48px;
color:#fff;
margin-top:-48px;
text-shadow:0 5px 25px rgba(0,110,255,.6);
}

/* Glass Box */

.venue-box{
position:relative;
z-index:2;
max-width:1100px;
margin:auto;
/*display:grid;*/
grid-template-columns:1.1fr 1fr;
gap:40px;

padding:45px;

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

backdrop-filter:blur(15px);

border-radius:12px;
}

/* Image */

.venue-image{
position:relative;
overflow:hidden;
border-radius:10px;
}

.venue-image img{
width:100%;
display:block;
height:100%;
object-fit:cover;
transition:.4s;
}

.venue-image:hover img{
transform:scale(1.05);
}



/* Right */

.venue-right iframe{
width:100%;
height:250px;
border-radius:10px;
border:none;
}

/* Contact */

.contact-box{
display:grid;
grid-template-columns:1fr 1fr;
margin-top:18px;
}

.info-card{
background:#130430;
padding:10px;
display:flex;
align-items:center;
gap:15px;
border-left:4px solid #ee2cab;
}

.info-card i{
font-size:26px;
color:#fff;
}

.info-card p{
font-size:15px;
line-height:24px;
color:#fff;
}



/* Responsive */

@media(max-width:991px){

.venue-box{
grid-template-columns:1fr;
}

.section-title{
font-size:50px;
}

.section-title span{
font-size:36px;
margin-top:-32px;
}

}

@media(max-width:600px){

.contact-box{
grid-template-columns:1fr;
}

.section-title{
font-size:38px;
}

.section-title span{
font-size:28px;
margin-top:-22px;
}

.venue-box{
padding:20px;
}

}





.timeline-section{
    margin:auto;
    padding: 60px 60px;


}
.swiper{
    padding:10px 5px 90px;
}
.timeline-card{
    position:relative;
}
.timeline-image{
    overflow:hidden;
}
.timeline-image img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
    transition:.5s;
}
.timeline-image::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(
        180deg,
        rgba(19,4,48,0.20) 0%,
        rgba(19,4,48,0.30) 30%,
        rgba(19,4,48,0.55) 60%,
        rgba(19,4,48,0.92) 100%
    );
}

.timeline-card:hover img{
    transform:scale(1.08);
}
.timeline-content{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-30px;
    width:84%;
    background:#fff;
    padding:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    z-index: 111;
}
.timeline-content h2{
    text-align:center;
    color:#16305d;
    font-size:25px;
    font-weight:800;
    letter-spacing:2px;
}
#content_a{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#efefef;
    color:#16305d;
    text-decoration:none;
    transition:.3s;
}





.timeline-content a:hover{
    background:#3047ff;
    color:#fff;
}
.swiper-pagination-bullet{
    width:12px;
    height:12px;
}
.swiper-pagination-bullet-active{
    background:#3047ff;
}







footer{

background:linear-gradient(135deg,#0c0520,#18083b,#090115);
color:#fff;

position:relative;

overflow:hidden;

}

footer::before{

content:"";

position:absolute;

width:350px;
height:350px;

background:#ff2da8;

filter:blur(150px);

opacity:.18;

top:-120px;
left:-100px;

}

footer::after{

content:"";

position:absolute;

width:300px;
height:300px;

background:#7d2dff;

filter:blur(150px);

opacity:.18;

bottom:-100px;
right:-100px;

}

.footer-container{

max-width:1300px;

margin:auto;

padding:70px 20px 30px;

position:relative;

z-index:2;

}

.footer-top{

margin-bottom:50px;

}

.logo{

font-size:34px;

font-weight:800;

margin-bottom:18px;

}

.logo span{

color:#ffb400;

}

.about{

color:#cfcfcf;

line-height:1.8;

margin-bottom:25px;

}

.contact li{

list-style:none;

margin-bottom:15px;

display:flex;

align-items:flex-start;

gap:12px;

color:#ddd;

}

.contact i{

color:#ffb400;

margin-top:4px;

}

.footer-title{

font-size:22px;

margin-bottom:25px;

position:relative;

}

.footer-title::after{

content:"";

position:absolute;

left:0;

bottom:-10px;

width:45px;

height:3px;

background:#ff2da8;

}



.social{

display:flex;

gap:15px;

margin-top:30px;

}

.social a{

width:48px;

height:48px;

border-radius:50%;

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

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:18px;

transition:.35s;

text-decoration:none;

}

.social a:hover{

background:linear-gradient(135deg,#ff2da8,#7d2dff);

transform:translateY(-6px);

}

.footer-bottom{

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

padding-top:25px;

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

color:#bbb;

}

.footer-bottom a{

color:#bbb;

text-decoration:none;

margin-left:20px;

}

.footer-bottom a:hover{

color:#fff;

}

@media(max-width:992px){

.footer-top{

grid-template-columns:1fr;

}

.footer-bottom{

flex-direction:column;

gap:15px;

text-align:center;

}


}


.footer-contact-form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* Three fields in one row */

.form-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}

.input-group{
    position:relative;
}

.input-group i{
    position:absolute;
    left:16px;
    top:17px;
    color:#ffb400;
    font-size:14px;
}

.input-group input,
.input-group textarea{
    width:100%;
    padding:15px 15px 15px 45px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    color:#fff;
    outline:none;
    transition:.3s;
    font-size:15px;
}

.input-group textarea{
    resize:none;
    min-height:130px;
}

.input-group input::placeholder,
.input-group textarea::placeholder{
    color:#bdbdbd;
}

.input-group input:focus,
.input-group textarea:focus{
    border-color:#ff2da8;
    box-shadow:0 0 12px rgba(255,45,168,.3);
}

.footer-btn{
    width:220px;
    padding:15px;
    border:none;
    border-radius:12px;
    background:linear-gradient(90deg,#ff2da8,#7d2dff);
    color:#fff;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.footer-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(255,45,168,.35);
}

/* Mobile */

@media (max-width: 768px){

.form-row{
    grid-template-columns:1fr;
}

.footer-btn{
    width:100%;
}

}