/* Header styles (English) - moved unchanged from the original header <style> block. */
    /* ===== SMOOTH SCROLLING ===== */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px; /* fixed header ke neeche se scroll ho */
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}


















    *{
        margin: 0;
        padding: 0;
    }

    /* ============================================================
       GLOBAL SMOOTH SCROLLING — applied at the true document root
       (previously only scoped to a child wrapper, so it never
        actually affected page/anchor scrolling)
    ============================================================ */
    html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
        overflow-x: hidden;
    }
    body {
        overflow-x: hidden;
    }
    @media (prefers-reduced-motion: reduce) {
        html { scroll-behavior: auto; }
    }
        /* ============================================================
           SCOPED RESET  —  only affects .itcybx-header-root
           (all selectors use :where() → zero specificity, so Tailwind
            utility classes always win and the layout stays identical)
        ============================================================ */
        :where(.itcybx-header-root),
        :where(.itcybx-header-root) *,
        :where(.itcybx-header-root) *::before,
        :where(.itcybx-header-root) *::after {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: #e5e7eb;
        }

        :where(.itcybx-header-root) {
            font-family: 'Gotham Rounded', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            font-size: 16px;
            line-height: 1.5;
            color: #1e293b;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            scroll-behavior: smooth;
            text-align: left;
        }

        :where(.itcybx-header-root) a {
            color: inherit;
            text-decoration: none;
        }

        :where(.itcybx-header-root) button {
            font: inherit;
            color: inherit;
            background: transparent;
            border: 0;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }

        :where(.itcybx-header-root) img,
        :where(.itcybx-header-root) svg {
            display: block;
            vertical-align: middle;
        }

        :where(.itcybx-header-root) img {
            max-width: 100%;
        }

        :where(.itcybx-header-root) summary {
            list-style: none;
        }
        :where(.itcybx-header-root) summary::-webkit-details-marker {
            display: none;
        }

        /* ============================================================
           COMPONENT STYLES  —  all prefixed with .itcybx-
        ============================================================ */

        /* ---------- Glass Header ---------- */
        .itcybx-glass-header {
            background: rgba(255, 255, 255, 0.90);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(221, 233, 245, 0.9);
        }

        #itcybx-main-header.itcybx-scrolled {
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 8px 28px -14px rgba(27, 86, 144, 0.28);
        }

        /* ---------- Animated Nav Underline ---------- */
        .itcybx-nav-link {
            position: relative;
            transition: color .25s ease;
        }
        .itcybx-nav-link::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -6px;
            width: 0;
            height: 2px;
            border-radius: 2px;
            background: linear-gradient(90deg, #2770b7, #5a9bd6);
            transform: translateX(-50%);
            transition: width .3s cubic-bezier(.4, 0, .2, 1);
        }
        .itcybx-nav-link:hover::after,
        .itcybx-nav-link.itcybx-active::after {
            width: 100%;
        }

        /* ---------- Dropdown ---------- */
        .itcybx-dropdown-menu {
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all .25s cubic-bezier(.16, 1, .3, 1);
        }
        .itcybx-dropdown-wrapper:hover .itcybx-dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* ---------- Mobile Drawer (opens from LEFT) ---------- */
        .itcybx-mobile-drawer {
            transition: transform .35s cubic-bezier(.4, 0, .2, 1);
        }
        .itcybx-mobile-drawer.itcybx-closed { transform: translateX(-100%); }
        .itcybx-mobile-drawer.itcybx-open   { transform: translateX(0); }
    /* ============================================================
       SITE FONTS (upload licensed font files to /fonts/)
    ============================================================ */
@font-face {
    font-family: 'Gotham Rounded';
    src: local('Gotham Rounded Light'), local('GothamRounded-Light'),
         url('../fonts/GothamRounded-Light.woff2') format('woff2'),
         url('../fonts/GothamRounded-Light.woff') format('woff');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Gotham Rounded';
    src: local('Gotham Rounded Book'), local('GothamRounded-Book'),
         url('../fonts/GothamRounded-Book.woff2') format('woff2'),
         url('../fonts/GothamRounded-Book.woff') format('woff');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Gotham Rounded';
    src: local('Gotham Rounded Medium'), local('GothamRounded-Medium'),
         url('../fonts/GothamRounded-Medium.woff2') format('woff2'),
         url('../fonts/GothamRounded-Medium.woff') format('woff');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Gotham Rounded';
    src: local('Gotham Rounded Bold'), local('GothamRounded-Bold'),
         url('../fonts/GothamRounded-Bold.woff2') format('woff2'),
         url('../fonts/GothamRounded-Bold.woff') format('woff');
    font-weight: 700; font-style: normal; font-display: swap;
}
body { font-family: 'Gotham Rounded', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
button, input, select, textarea, optgroup { font-family: inherit; }

/* ============================================================
   ALTERNATING SECTION BACKGROUNDS (White / Blue gradient)
============================================================ */
section.itx-bg-white {
    background: #ffffff !important;
    background-image: none !important;
}
section.itx-bg-blue {
    background: linear-gradient(135deg, #2770b7 0%, #1f5f9e 55%, #1b5690 100%) !important;
    color: #ffffff;
}
section.itx-bg-soft {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%) !important;
}
section.itx-bg-blue,
section.itx-bg-soft,
section.itx-bg-white { max-width: 100%; overflow-x: clip; }