/* =========================================================
   SERVICES MEGA MENU (4 columns, full width)
   ========================================================= */

.nav-item-first.menu-mega{position:static}
.nav-item-first.menu-mega>.menu-subs{position:absolute;left:0;right:0;top:100%;width:100%;margin:0;padding:36px 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#0b0f2a;box-shadow:0 25px 50px rgba(0,0,0,.25);border-radius:0 0 12px 12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.nav-item-first.menu-mega>.menu-subs:before{content:'';position:absolute;top:-18px;left:-112px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:20px solid #0b0f2a;right:0;margin:auto}
.nav-item-first.menu-mega.menu-open>.menu-subs,.nav-item-first.menu-mega:hover>.menu-subs{opacity:1;visibility:visible;transform:translateY(0)}
.nav-item-first.menu-mega>.menu-subs>.mega-col{padding:0 30px;border-right:1px solid rgba(255,255,255,.08)}
.nav-item-first.menu-mega>.menu-subs>.mega-col:last-child{border-right:none}
.mega-col-title{display:flex;align-items:center;gap:10px;color:var(--color-primary,#ff7a1a);font-weight:700;font-size:.92rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px}
.mega-col-title i{font-size:1.25rem}
.mega-col ul{list-style:none;margin:0;padding:0}
.mega-col ul li{margin-bottom:13px}
.mega-col ul li:last-child{margin-bottom:0}
.mega-col ul li a{display:inline-block;color:#fff;font-size:14px;text-decoration:none;transition:color .25s ease,transform .25s ease}
.mega-col ul li a:hover{color:#fff;transform:translateX(4px)}

/* -------- Mobile: stack into single column, in-flow -------- */

@media (max-width: 991.98px){
.nav-item-first.menu-mega>.menu-subs{width:auto;grid-template-columns:1fr;padding:6px 4px 14px;box-shadow:none;background:0 0;border-radius:0}
.nav-item-first.menu-mega>.menu-subs>.mega-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:14px 10px}
.nav-item-first.menu-mega>.menu-subs>.mega-col:last-child{border-bottom:none}
.mega-col ul li a{color:#212529}
.mega-col ul li a:hover{color:#000}
.nav-item-first.menu-mega>.menu-subs:before{display:none} 
}