@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
        .menu-area,
        .main-menu a,
        .secur-mega-panel,
        .secur-mega-panel a,
        .secur-mega-promo,
        .dropdown-menu {
            font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }

        /* Main nav links */
        .main-menu>ul>li>a {
            font-weight: 600;
            font-size: 16px;
            color: #0b1320;
            letter-spacing: .2px;
            padding: 8px 28px 8px 12px;
            border-radius: 14px;
            position: relative;
            transition: background-color .18s ease;
        }

        /* Chevron arrow for dropdown parents */
        .main-menu>ul>li.menu-item-has-children>a::after {
            content: "";
            position: absolute;
            right: 7px;
            top: 50%;
            width: 20px;
            height: 20px;
            background: currentColor;
            transform: translateY(-50%) rotate(0deg);
            -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"/></svg>') center/contain no-repeat;
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"/></svg>') center/contain no-repeat;
            transition: transform .18s ease;
        }

        /* Hover effect (peach pill + flip arrow) */
        .main-menu>ul>li.menu-item-has-children:hover>a,
        .main-menu>ul>li.menu-item-has-children:focus-within>a {
            background: rgba(240, 154, 104, .20);
        }

        .main-menu>ul>li.menu-item-has-children:hover>a::after,
        .main-menu>ul>li.menu-item-has-children:focus-within>a::after {
            transform: translateY(-50%) rotate(180deg);
        }

        /* Mega headings */
        .secur-mega-h {
            font-weight: 800;
            font-size: 16px;
            color: #0b1320;
            text-transform: uppercase;
            margin: 0 0 12px;
        }

        .secur-mega-promo-title {
            font-weight: 800;
            font-size: 16px;
            text-transform: uppercase;
            margin-bottom: 8px;
            color: #0b1320;
        }

        .secur-mega-promo-text {
            font-weight: 400;
            font-size: 14px;
            line-height: 1.55;
            color: #3a4150;
            margin: 0 0 10px;
        }

        .secur-mega-list a {
            font-weight: 500;
            font-size: 10px;
            color: #21242a;
        }

        .secur-mega-list a:hover {
            color: #2764ff;
        }

        /* Mega panel layout */
        .secur-mega-panel {
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            top: calc(100% - 1px);
            background: #fff;
            border-top: 1px solid #e9edf2;
            padding: 28px 0;
            z-index: 120;
        }

        .secur-mega-overlay {
            display: none;
            position: fixed;
            inset: 80px 0 0 0;
            background: rgba(0, 0, 0, .35);
            z-index: 110;
        }

        .secur-mega-inner {
            max-width: 1220px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 1.15fr 1fr 1fr 1fr;
            gap: 10px;
        }

        .secur-mega-promo {
            background: #f6f8fb;
            border: 1px solid #e6ebf2;
            border-radius: 10px;
            padding: 18px 16px;
        }

        .secur-mega-promo-link {
            font-weight: 600;
            color: #c59300;
            text-decoration: none;
        }

        /* Remove bullets everywhere */
        .main-menu>ul,
        .main-menu>ul>li,
        .main-menu .sub-menu,
        .secur-mega-panel ul {
            list-style: none !important;
            margin: 0;
            padding-left: 0;
        }

        .main-menu .sub-menu li::before,
        .main-menu .sub-menu li::marker {
            content: none !important;
        }

        @media(max-width:1199.98px) {
            .secur-mega-inner {
                grid-template-columns: 1fr 1fr;
            }

            .secur-mega-overlay {
                top: 72px;
            }
        }

        @media(max-width:767.98px) {
            .secur-mega-inner {
                grid-template-columns: 1fr;
            }

            .secur-mega-panel {
                padding: 18px 0;
            }

            .secur-mega-overlay {
                top: 64px;
            }
        }


        /* Make left + right sit side-by-side */
.secur-mega-inner{
  display: flex;
  align-items: flex-start;   /* ✅ IMPORTANT: stop stretching full height */
}

/* Promo should keep its natural height */
.secur-mega-promo{
  flex: 0 0 260px;
  height: auto;             /* ✅ no forced height */
  align-self: flex-start;   /* ✅ don't stretch */
  display: block;           /* ✅ remove column flex */
}

/* Right area wraps internally, never under promo */
.secur-mega-cols{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-content: flex-start;
}

/* Column width */
.secur-mega-col{
  width: 240px;
}