:root {
            --event-primary: #0b2b4f;       /* deep navy — trust, corporate */
            --event-accent: #d4a13e;        /* gold — premium, expo vibe */
            --event-light: #f8faff;         /* almost white with cool tint */
            --event-soft-bg: #f0f4fd;        /* very light blue-grey */
            --event-success: #2d7f6d;        /* teal for highlights */
        }

        body {
            background-color: #ffffff;
            font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            overflow-x: hidden;
        }

        /* navbar fresh */
        .bg-lights {
            background: white !important;
            box-shadow: 0 8px 20px rgba(0,20,40,0.06);
        }
        .navbar-brand img {
            max-height: 48px;
            filter: brightness(0) invert(0); 
        }
        .navbar-nav .nav-link {
            color: var(--event-primary) !important;
            font-weight: 500;
            margin: 0 0.2rem;
            padding: 0.5rem 1rem !important;
            border-radius: 40px;
            transition: 0.2s;
        }
        .navbar-nav .nav-link:hover {
            background: rgba(212,161,62,0.12);
            color: var(--event-accent) !important;
        }

        /* hero — new event vibe with overlay */
        .hero-header {
            background: linear-gradient(135deg, #0b2b4f 0%, #1c3e64 100%);
            position: relative;
        }
        .hero-header::after {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.06"><path fill="white" d="M20 20 L30 20 L25 30 Z M70 60 L80 60 L75 70 Z M40 70 L50 70 L45 80 Z" /></svg>');
            background-size: 80px 80px;
            pointer-events: none;
        }
        .hero-header .container {
            position: relative;
            z-index: 3;
        }
        .display-1 {
            font-size: 3.4rem;
            font-weight: 700;
            letter-spacing: -0.02em;
            line-height: 1.2;
            color: white !important;
            text-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }
        .visit_text {
            font-size: 1.8rem;
            font-weight: 400;
            color: rgba(255,255,255,0.9);
            margin-bottom: 2rem;
            border-left: 5px solid var(--event-accent);
            padding-left: 1.5rem;
        }
        .head_img {
            display: flex;
            align-items: center;
            gap: 12px;
            background: rgba(255,255,255,0.08);
            backdrop-filter: blur(2px);
            border-radius: 60px;
            padding: 0.5rem 1.5rem 0.5rem 1rem;
            margin: 10px 0;
            border: 1px solid rgba(255,255,255,0.2);
            width: fit-content;
        }
        .date_icon1, .date_icon2 {
            filter: brightness(0) invert(1);
            width: 28px;
            height: auto;
        }
        /* registration form card on hero */
        .col-lg-5 h3 {
            color: white;
            font-weight: 600;
            letter-spacing: 0.5px;
        }
        .col-lg-5 form {
            background: rgba(255,255,255,0.96);
            padding: 2rem 1.8rem;
            border-radius: 32px;
            box-shadow: 0 30px 40px -20px rgba(0,0,0,0.4);
            border: 1px solid rgba(212,161,62,0.3);
        }
        .col-lg-5 form input, .col-lg-5 form select, .col-lg-5 form textarea {
            border-radius: 50px !important;
            border: 1px solid #dbe1ec;
            /* padding: 0.75rem 1.2rem; */
            font-size: 0.95rem;
        }
        .hero-header-text h2 {
        font-size: 1.6rem;
        }

        .submit-btn {
                background: #0b2b4f;
    color: #fff;
        }


        .col-lg-5 form button {
            background: var(--event-primary) !important;
            border: none;
            border-radius: 50px;
            font-weight: 600;
            padding: 12px 25px;
            width: 100%;
            color: white;
            letter-spacing: 0.3px;
            transition: 0.2s;
        }
        .col-lg-5 form button:hover {
            background: var(--event-accent) !important;
            color: #0b2b4f;
        }

        /* about section */
        #about {
            background: var(--event-light);
            border-radius: 0 0 50px 50px;
            margin-top: -2px;
            padding-top: 3rem !important;
        }
        .text_red { 
            color: var(--event-primary) !important; 
            font-weight: 700; 
            position: relative;
            display: inline-block;
            padding-bottom: 12px;
        }
        .text_red::after {
            content: '';
            position: absolute;
            bottom: 0; left: 25%; width: 50%;
            height: 4px;
            background: var(--event-accent);
            border-radius: 4px;
        }
        .where_locate .bg-light {
            background: white !important;
            border-radius: 28px;
            box-shadow: 0 10px 20px rgba(0,20,40,0.06);
            border: 1px solid rgba(212,161,62,0.2);
            height: 100%;
        }

      

        /* facts cards (sere) */
        .sere {
            background: white;
        }
        .sere-item {
            background: white;
            border-radius: 32px;
            transition: all 0.2s;
            border: 1px solid #eaeef5;
            box-shadow: 0 8px 16px -6px rgba(0, 40, 80, 0.08);
            margin: 8px 0;
        }
        .sere-item:hover {
            transform: translateY(-6px);
            border-color: var(--event-accent);
            box-shadow: 0 20px 24px -10px rgba(11,43,79,0.15);
        }
        .sere-item h3 {
            color: var(--event-primary);
            font-weight: 800;
            font-size: 2.2rem;
        }
        .sere-item a {
            color: var(--event-accent);
            font-weight: 600;
            text-decoration: none;
            border-bottom: 2px dotted transparent;
        }
        .sere-item a:hover { border-bottom-color: var(--event-accent); }

        /* why choose / price boxes */
        .price .boxs {
            background: white;
            border-radius: 28px;
            border-left: 6px solid var(--event-accent);
            margin: 20px 0;
            transition: 0.15s;
            box-shadow: 0 8px 18px -6px rgba(0,32,64,0.1) !important;
            min-height: 180px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .price .boxs h6 {
            color: var(--event-primary);
            font-weight: 700;
            font-size: 1.2rem;
            margin-bottom: 10px;
        }

        /* possible industry row */
        .possible_industry {
            background: var(--event-soft-bg);
            border-radius: 60px 60px 0 0;
            padding: 3rem 0 !important;
        }
        .possible_industry .sere-item {
            background: transparent;
            border: none;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .possible_industry .sere-item img {
            width: 52px;
            margin-bottom: 12px;
            filter: brightness(0) saturate(100%) invert(26%) sepia(97%) saturate(494%) hue-rotate(169deg);
        }
        .enquire_now a {
            background: var(--event-primary);
            color: white;
            padding: 14px 48px;
            border-radius: 60px;
            font-weight: 600;
            letter-spacing: 1px;
            box-shadow: 0 10px 20px -5px rgba(11,43,79,0.3);
            display: inline-block;
            text-decoration: none;
            border: 1px solid var(--event-accent);
        }
        .enquire_now a:hover {
            background: var(--event-accent);
            color: #0b2b4f;
            border-color: var(--event-primary);
        }

        /* brand grid */
        .custom_grid ul {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
            gap: 16px;
            list-style: none;
            padding: 0;
        }
        .custom_grid li {
            background: white;
            padding: 16px 8px;
            border-radius: 32px;
            box-shadow: 0 8px 18px rgba(0,0,0,0.02);
            border: 1px solid #edf2f9;
            transition: 0.1s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .custom_grid li:hover {
            border-color: var(--event-accent);
        }

        /* event at a glance (owl) */
        #event .owl-carousel .item {
            border-radius: 32px;
            overflow: hidden;
            box-shadow: 0 14px 24px -8px rgba(0,20,40,0.2);
        }

        /* who may exhibit / visit cards */
        .reasons {
            background: white;
            padding: 2rem 1.8rem;
            border-radius: 48px;
            box-shadow: 0 12px 26px -10px rgba(11,43,79,0.12);
            border: 1px solid #eef3fb;
            height: 100%;
        }
        .reasons ul {
            padding-left: 20px;
        }
        .reasons li {
            margin: 12px 0;
            font-size: 1rem;
            color: #2d3a4e;
        }

        /* about franchise india + start box */
        .start {
            background: var(--event-primary);
            color: white;
            border-radius: 42px;
            padding: 2rem !important;
            text-align: center;
        }
        .start h4 { color: white; }
        .start span { color: var(--event-accent); font-weight: 600; }
        .number {
            font-size: 3.5rem;
            font-weight: 800;
            color: var(--event-accent);
            line-height: 1;
        }

        /* footer fresh */
        .bg-dark.footer {
            background: #0b1d2f !important;
          
        }
        .footer__link ul {
            padding-left: 0;
            list-style: none;
        }
        .footer__link a {
            color: #b0c6dd !important;
            padding: 0.2rem 0;
            display: inline-block;
        }
        .footer__link a:hover { color: var(--event-accent) !important; }

        /* bottom disclaimer */
        .footer.position-relative {
            background: #07121f !important;
            font-size: 0.85rem;
        }

        /* preserve original classes, just enhance */
        .font-dancing-script { 
            font-family: 'Plus Jakarta Sans', sans-serif; 
            font-weight: 700;
        }
        /* responsive touch */
        @media (max-width: 767px) {
            .display-1 { font-size: 2.6rem; }
            .visit_text { font-size: 1.3rem; }
        }