.logo-wrap {
            position: relative;
            width: 60px;
            height: 64px;
            /* 👈 slightly taller */
            overflow: visible;
            /* 👈 allow bigger hover logo */
            cursor: pointer;
        }

        /* Default logo */
        .logo-main {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
            transform: translateY(0) scale(1);
            opacity: 1;
            transition: transform 0.45s ease, opacity 0.35s ease;
            z-index: 2;
        }

        /* Hover logo (bigger & centered) */
        .logo-hover {
            position: absolute;
            inset: 50% auto auto 50%;
            width: 120px;
            /* 👈 CONTROL SIZE HERE */
            height: auto;
            max-width: none;
            transform: translate(-50%, 100%) scale(1);
            opacity: 0;
            transition: transform 0.45s ease, opacity 0.35s ease;
            z-index: 3;
        }

        /* Hover effect */
        .logo-wrap:hover .logo-main {
            transform: translateY(-100%) scale(0.9);
            opacity: 0;
        }

        .logo-wrap:hover .logo-hover {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        /* Mobile tap support */
        @media (max-width: 991px) {
            .logo-wrap:active .logo-main {
                transform: translateY(-100%) scale(0.9);
                opacity: 0;
            }

            .logo-wrap:active .logo-hover {
                transform: translate(-50%, -50%) scale(1);
                opacity: 1;
            }

            .logo-wrap {
                margin-left: 30px;
            }
        }

        #navbar {
            position: sticky;
            top: 0;
            z-index: 10000;
            background: #ffffff;
        }





        /* Active link */
        .nav-links a.active,
        .mobile-nav-links a.active {
            color: black;
            font-weight: 700;
            border-bottom: 2px solid black;
        }

        /* Dropdown */
        .dropdown {
            position: relative;
        }

        .dropdown-menu {
            position: absolute;
            background: #fff;
            min-width: 280px;
            display: none;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            border-radius: 8px;
            padding: 10px 0;
            z-index: 999;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }

        /* Pointer icon */
        .pointer-icon {
            width: 0;
            height: 0;
            border-left: 10px solid #fff;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            margin-right: 6px;
            animation: pointerBlink 1.2s infinite;
        }

        @keyframes pointerBlink {
            0% {
                opacity: 1;
                transform: translateX(0);
            }

            50% {
                opacity: 0.6;
                transform: translateX(4px);
            }

            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }


        .dropdown-menu li a {
            display: block;
            padding: 12px 18px;
            color: black;
            font-size: 14px;
        }

        .dropdown-menu li a:hover,
        .dropdown-menu li a.active {
            background: linear-gradient(135deg, #0f0f0f, #6a1b9a);
            color: white;
        }

        @media (max-width: 991px) {

            /* FULL SCREEN MENU */
            .mobile-menu {
                display: flex;
                justify-content: center;
                /* horizontal center */
                align-items: flex-start;
                /* top aligned */
                padding-top: 10px;
            }

            /* RESET UL DEFAULTS (THIS IS THE KEY) */
            .mobile-nav-links {
                list-style: none;
                padding: 0 !important;
                /* 🔥 removes left shift */
                margin: 0 !important;
                width: 100%;
                max-width: 360px;
                /* nice centered column */
                text-align: center;
            }

            .mobile-nav-links li {
                width: 100%;
                margin: 6px 0;
            }

            /* CENTER LINKS & DROPDOWN TOGGLE */
            .mobile-nav-links>li>a,
            .mobile-dropdown-toggle {
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 14px 0;
            }

            /* DROPDOWN PANEL CENTERED */
            .mobile-nav-links .dropdown-menu {
                margin-left: auto;
                margin-right: auto;
                max-width: 320px;
            }

            .blink-btn {
                width: 50%;
            }
        }






        /* Get Started spacing */
        .blink-btn {
            background: black;
            color: #fff !important;

            padding: 10px 20px !important;
            /* outer left & right */

            border-radius: 8px;
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 1px;

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

            gap: 5px;

            animation: blinkPulse 1.2s infinite;
            text-decoration: none;
            text-align: center;
        }

        .blink-btn::after {
            content: "";
            display: inline-block;
            width: 20px;
            /* 👈 ensures text is NOT stuck to right */
        }



        /* Mouse icon */
        .mouse-icon {
            width: 16px;
            height: 24px;


            /* 👈 space from left edge */
            margin-right: 2px;
            /* keeps balance */

            border: 2px solid #fff;
            border-radius: 12px;
            position: relative;
            background: transparent;
        }


        .mouse-icon::before {
            content: "";
            width: 4px;
            height: 6px;
            background: purple;
            /* 👈 purple scroll dot */
            border-radius: 2px;
            position: absolute;
            top: 4px;
            left: 50%;
            transform: translateX(-50%);
            animation: mouseBlink 1.2s infinite;
        }


        @keyframes mouseBlink {
            0% {
                opacity: 1;
                top: 4px;
            }

            50% {
                opacity: 0;
                top: 10px;
            }

            100% {
                opacity: 1;
                top: 4px;
            }
        }

        /* Ensure navbar layout is correct */
        .nav-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        /* Hide desktop menu on mobile */
        @media (max-width: 991px) {
            .nav-links {
                display: none;
            }

            .mobile-menu-toggle {
                display: block;
                z-index: 9999;
            }
        }

        /* Hide hamburger on desktop */
        @media (min-width: 992px) {
            .mobile-menu-toggle {
                display: none;
            }
        }






        /* Hover effect */
        .blink-btn:hover {
            background: black;
            animation: none;
        }

        /* Blinking animation */
        @keyframes blinkPulse {
            0% {
                box-shadow: 0 0 0 0 rgba(255, 77, 77, 0.7);
                transform: scale(1);
                opacity: 1;
            }

            50% {
                box-shadow: 0 0 15px 8px rgba(255, 77, 77, 0.3);
                transform: scale(1.05);
                opacity: 0.8;
            }

            100% {
                box-shadow: 0 0 0 0 rgba(255, 77, 77, 0.7);
                transform: scale(1);
                opacity: 1;
            }
        }

        .mobile-menu {
            background: black;
        }

        .mobile-nav-links a {
            font-weight: 400;
            /* reduced from default */
            font-size: 15px;
            color: white !important;
        }

        /* Mobile menu link color */
        #mobileMenu .mobile-nav-links a {
            color: #ffffff !important;
        }

        @media (max-width: 991px) {

            /* Allow collapse to work and show mobile dropdown menu */
            .mobile-dropdown-menu {
                position: relative;
                /* not absolute */
                display: block;
                /* collapse controls visibility */
                background: black;
                padding: 0;
                margin: 0;
                box-shadow: none;
                border-radius: 8px;
            }

            .mobile-dropdown-menu li a {
                color: #fff !important;
                padding: 12px 18px;
                display: block;
                text-align: center;
            }

            .dropdown:hover .dropdown-menu {
                display: none;
                /* prevent hover from desktop affecting mobile */
            }
        }

        @media (max-width: 991px) {

            /* Mobile menu links */
            .mobile-nav-links>li>a {
                width: auto;
                /* let it auto size like other links */
                padding: 12px 20px;
                /* match spacing with other menu items */
            }

            /* Get Started button */
            .mobile-nav-links .blink-btn {
                width: auto;
                /* remove the 50% forced width */
                display: inline-block;
                margin: 6px auto;
                /* center it horizontally */
                padding: 10px 20px;
                /* consistent padding */
            }
        }

        /* Ensure pointer icon shows inside blink-btn on mobile */
        @media (max-width: 991px) {
            .mobile-nav-links .blink-btn .pointer-icon {
                width: 10px;
                height: 14px;
                /* adjust size if needed */
                border-left: 10px solid #fff;
                /* white for visibility */
                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                margin-right: 6px;
                display: inline-block;
                vertical-align: middle;
                animation: pointerBlink 1.2s infinite;
            }
        }

        /* Remove underline & link styling on mobile menu */
        @media (max-width: 991px) {

            .mobile-nav-links a,
            .mobile-dropdown-toggle {
                text-decoration: none !important;
                border-bottom: none !important;
            }
        }

        @media (max-width: 991px) {

            .mobile-nav-links a,
            .mobile-dropdown-toggle {
                font-weight: 600;
                /* was 400 */
                letter-spacing: 0.3px;
            }

            .mobile-dropdown-menu li a {
                font-weight: 600;
            }
        }

        @media (max-width: 991px) {
            .dropdown:hover .dropdown-menu {
                display: none !important;
            }
        }

        @media (max-width: 991px) {

            .mobile-services-toggle {
                color: #fff;
                font-weight: 600;
                font-size: 15px;
                padding: 14px 20px;
                text-align: center;
                cursor: pointer;
                user-select: none;
            }

            .mobile-services .mobile-dropdown-menu {
                display: none;
                background: black;
                padding: 0;
                margin: 0;
                list-style: none;
            }

            .mobile-services.open .mobile-dropdown-menu {
                display: block;
            }

            .mobile-services .caret {
                margin-left: 6px;
                transition: transform 0.3s ease;
            }

            .mobile-services.open .caret {
                transform: rotate(180deg);
            }
        }