/* Arab Gate unified mega navigation */
.ag-header{position:relative;z-index:9999;background:#fff;font-family:Tajawal,sans-serif;box-shadow:0 4px 22px rgba(9,43,61,.07)}
.ag-top{background:#062b3d;color:#c8d9df;font-size:11px}.ag-top .ag-shell{height:34px;display:flex;align-items:center;justify-content:space-between}.ag-top a{color:#f0c257;text-decoration:none;font-weight:800}
.ag-shell{width:min(1180px,calc(100% - 40px));margin:auto}.ag-main{height:86px;display:flex;align-items:center;gap:26px}.ag-logo{margin-left:auto;display:flex;align-items:center}.ag-logo img{height:62px;width:auto;max-width:205px;object-fit:contain}
.ag-nav{display:flex;align-items:center;gap:4px}.ag-link,.ag-trigger{border:0;background:transparent;color:#163b4b;text-decoration:none;font:800 13px Tajawal;padding:12px 11px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}.ag-link:hover,.ag-trigger:hover,.ag-menu.open>.ag-trigger{background:#f2f7f8;color:#07638f}.ag-trigger svg{width:14px;height:14px}
.ag-menu{position:relative}.ag-drop{position:absolute;top:calc(100% + 17px);right:0;width:670px;background:#fff;border:1px solid #dfe9ec;border-radius:20px;padding:18px;box-shadow:0 24px 65px rgba(9,43,61,.18);display:none;grid-template-columns:1fr 1fr 205px;gap:10px}.ag-menu.open .ag-drop{display:grid}.ag-drop.small{width:470px;grid-template-columns:1fr 1fr}.ag-drop a{display:flex;gap:10px;align-items:flex-start;text-decoration:none;padding:11px;border-radius:12px;color:#173d4c}.ag-drop a:hover{background:#f4f8f9}.ag-drop i{color:#0a7aa8;width:18px;height:18px;margin-top:2px}.ag-drop b{display:block;font-size:13px}.ag-drop span{display:block;color:#81949c;font-size:10px;margin-top:3px;line-height:1.5}.ag-promo{grid-row:span 3;background:linear-gradient(145deg,#07384d,#07638f);color:#fff!important;display:block!important;padding:18px!important}.ag-promo b{font-size:18px!important}.ag-promo span{color:#c8dce4!important;margin:8px 0 18px!important}.ag-promo em{display:inline-block;background:#dda21b;color:#092b3d;font-style:normal;font-weight:900;padding:9px 12px;border-radius:9px;font-size:11px}
.ag-start{margin-right:auto;background:#dda21b;color:#092b3d;border:0;border-radius:12px;padding:12px 17px;font:900 13px Tajawal;cursor:pointer;white-space:nowrap}.ag-start-menu{position:relative}.ag-start-pop{position:absolute;left:0;top:calc(100% + 12px);width:210px;background:#fff;border:1px solid #e0e9ec;border-radius:15px;padding:8px;box-shadow:0 18px 45px #092b3d22;display:none}.ag-start-menu.open .ag-start-pop{display:block}.ag-start-pop a{display:block;padding:11px;border-radius:9px;text-decoration:none;color:#173d4c;font-weight:800;font-size:12px}.ag-start-pop a:hover{background:#f4f8f9}
.ag-mobile-btn{display:none;margin-right:auto;border:0;background:#f2f7f8;width:44px;height:44px;border-radius:12px;color:#092b3d}.ag-mobile-drawer{display:none}
@media(max-width:980px){.ag-main{height:74px}.ag-logo img{height:54px}.ag-nav,.ag-start-menu{display:none}.ag-mobile-btn{display:grid;place-items:center}.ag-mobile-drawer{position:fixed;z-index:10000;inset:0;background:#fff;overflow:auto;padding:18px;transform:translateX(-105%);transition:.28s;display:block}.ag-mobile-drawer.open{transform:none}.ag-m-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5ecef;padding-bottom:14px}.ag-m-head img{height:54px}.ag-m-close{border:0;background:#f2f7f8;width:42px;height:42px;border-radius:12px}.ag-m-home{display:block;color:#092b3d;text-decoration:none;font-weight:900;padding:17px 5px;border-bottom:1px solid #eef2f3}.ag-accordion{border-bottom:1px solid #eef2f3}.ag-accordion>button{width:100%;display:flex;justify-content:space-between;border:0;background:#fff;padding:17px 5px;font:900 15px Tajawal;color:#092b3d}.ag-accordion>div{display:none;padding:0 0 12px}.ag-accordion.open>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ag-accordion a,.ag-m-direct{padding:11px;background:#f5f8f9;border-radius:10px;color:#244957;text-decoration:none;font-size:12px;font-weight:700}.ag-m-direct{display:block;margin-top:9px}.ag-m-cta{display:block;text-align:center;background:#dda21b!important;color:#092b3d!important;font-weight:900!important;margin-top:15px}}
@media(max-width:420px){.ag-shell{width:min(100% - 24px,1180px)}.ag-accordion.open>div{grid-template-columns:1fr}}
/* v2 header alignment + compact premium proportions */
.ag-header{width:100%;direction:rtl}
.ag-header *{box-sizing:border-box}
.ag-top{height:32px}
.ag-top .ag-shell{height:32px!important;max-width:1480px;width:calc(100% - 56px)}
.ag-main{max-width:1480px!important;width:calc(100% - 56px)!important;height:78px!important;gap:18px!important;justify-content:flex-start!important}
.ag-logo{margin:0!important;margin-left:30px!important;order:0!important;flex:0 0 155px!important;justify-content:flex-start!important}
.ag-logo img{height:64px!important;max-width:150px!important}
.ag-nav{order:1!important;gap:2px!important;flex:1!important;justify-content:flex-start!important}
.ag-link,.ag-trigger{font-size:14px!important;padding:10px 10px!important;line-height:1!important}
.ag-start-menu{order:2!important;margin-right:auto!important;margin-left:0!important}
.ag-start{margin:0!important;padding:13px 19px!important;border-radius:11px!important;font-size:13px!important}
.ag-drop{top:calc(100% + 24px)!important}
@media(min-width:981px) and (max-width:1180px){
 .ag-top .ag-shell,.ag-main{width:calc(100% - 30px)!important}
 .ag-main{gap:9px!important}.ag-logo{flex-basis:125px!important;margin-left:10px!important}.ag-logo img{max-width:120px!important;height:56px!important}
 .ag-link,.ag-trigger{font-size:12px!important;padding:9px 7px!important}.ag-start{padding:11px 12px!important}
}
@media(max-width:980px){
 .ag-top{height:29px}.ag-top .ag-shell{height:29px!important;width:calc(100% - 24px)!important}
 .ag-top .ag-shell>span{display:none}.ag-top .ag-shell{justify-content:center!important}
 .ag-main{height:68px!important;width:calc(100% - 24px)!important}
 .ag-logo{flex:0 0 auto!important;margin:0!important}.ag-logo img{height:55px!important;max-width:145px!important}
 .ag-mobile-btn{margin-right:auto!important;margin-left:0!important}
}

/* v3 header proportions: slimmer navy bar, roomier white brand area */
.ag-top{height:25px!important}
.ag-top .ag-shell{height:25px!important}
.ag-top{font-size:10px!important}
.ag-main{height:94px!important}
.ag-logo{flex-basis:175px!important;margin-left:34px!important}
.ag-logo img{height:82px!important;max-width:170px!important}
.ag-link,.ag-trigger{padding-top:13px!important;padding-bottom:13px!important}
.ag-drop{top:calc(100% + 31px)!important}
@media(min-width:981px) and (max-width:1180px){
 .ag-main{height:88px!important}
 .ag-logo{flex-basis:150px!important}
 .ag-logo img{height:74px!important;max-width:145px!important}
}
@media(max-width:980px){
 .ag-top{height:24px!important}
 .ag-top .ag-shell{height:24px!important}
 .ag-main{height:78px!important}
 .ag-logo img{height:66px!important;max-width:155px!important}
}

/* v4 definitive header layout */
.ag-header{background:#fff!important;overflow:visible!important}
.ag-top{height:28px!important;min-height:28px!important;padding:0!important}
.ag-top .ag-shell{height:28px!important;min-height:28px!important;max-width:1320px!important;width:calc(100% - 48px)!important}
.ag-main{height:104px!important;min-height:104px!important;max-width:1320px!important;width:calc(100% - 48px)!important;padding:0!important;display:grid!important;grid-template-columns:190px 1fr 120px!important;align-items:center!important;gap:24px!important}
.ag-logo{width:190px!important;height:104px!important;margin:0!important;padding:7px 0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important}
.ag-logo img{display:block!important;width:170px!important;height:90px!important;max-width:170px!important;max-height:90px!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important}
.ag-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important}
.ag-link,.ag-trigger{height:44px!important;display:flex!important;align-items:center!important;font-size:14px!important;padding:0 10px!important;margin:0!important}
.ag-start-menu{position:relative!important;margin:0!important;justify-self:end!important;width:120px!important}
.ag-start{width:120px!important;height:46px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important}
.ag-drop{top:calc(100% + 30px)!important}
@media(min-width:981px) and (max-width:1200px){
 .ag-main{grid-template-columns:145px 1fr 105px!important;gap:10px!important;width:calc(100% - 28px)!important}
 .ag-logo{width:145px!important}.ag-logo img{width:135px!important;max-width:135px!important}
 .ag-link,.ag-trigger{font-size:12px!important;padding:0 7px!important}.ag-start-menu,.ag-start{width:105px!important}
}
@media(max-width:980px){
 .ag-top{height:24px!important;min-height:24px!important}.ag-top .ag-shell{height:24px!important;min-height:24px!important}
 .ag-main{height:82px!important;min-height:82px!important;width:calc(100% - 24px)!important;display:flex!important;padding:0!important}
 .ag-logo{width:150px!important;height:82px!important;padding:5px 0!important;margin:0!important}
 .ag-logo img{width:145px!important;height:70px!important;max-width:145px!important;max-height:70px!important}
 .ag-nav,.ag-start-menu{display:none!important}.ag-mobile-btn{margin-right:auto!important}
}

/* v5 final vertical rhythm */
.ag-top{height:32px!important;min-height:32px!important}
.ag-top .ag-shell{height:32px!important;min-height:32px!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:20px!important}
.ag-top .ag-shell>span{justify-self:start!important;color:#c9d8de!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
.ag-top .ag-shell>a{justify-self:end!important;color:#f0c257!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
.ag-main{height:118px!important;min-height:118px!important;padding-bottom:8px!important}
.ag-logo{height:118px!important;padding:8px 0 14px!important}
.ag-logo img{height:94px!important;max-height:94px!important}
.ag-drop{top:calc(100% + 37px)!important}
@media(min-width:981px) and (max-width:1200px){
 .ag-main{height:110px!important;min-height:110px!important;padding-bottom:7px!important}
 .ag-logo{height:110px!important;padding-bottom:12px!important}.ag-logo img{height:88px!important;max-height:88px!important}
}
@media(max-width:980px){
 .ag-top{height:27px!important;min-height:27px!important}.ag-top .ag-shell{height:27px!important;min-height:27px!important;display:flex!important;justify-content:center!important}
 .ag-top .ag-shell>span{display:none!important}.ag-top .ag-shell>a{justify-self:auto!important;font-size:10px!important}
 .ag-main{height:88px!important;min-height:88px!important;padding-bottom:6px!important}
 .ag-logo{height:88px!important;padding:5px 0 10px!important}.ag-logo img{height:73px!important;max-height:73px!important}
}

/* v6 center navigation cleanly inside white header */
.ag-main{height:118px!important;min-height:118px!important;padding:0!important;align-items:center!important}
.ag-logo{height:118px!important;padding:12px 0!important;align-items:center!important;overflow:visible!important}
.ag-logo img{width:145px!important;height:82px!important;max-width:145px!important;max-height:82px!important;object-fit:contain!important}
.ag-nav{height:118px!important;align-items:center!important;align-self:center!important}
.ag-menu{display:flex!important;align-items:center!important;height:100%!important}
.ag-link,.ag-trigger{position:relative!important;top:0!important;transform:none!important;margin:0!important;align-self:center!important}
.ag-start-menu{align-self:center!important}
.ag-start{transform:none!important}
.ag-drop{top:calc(50% + 37px)!important}
@media(min-width:981px) and (max-width:1200px){
 .ag-main,.ag-logo,.ag-nav{height:110px!important;min-height:110px!important}
 .ag-logo img{width:132px!important;height:76px!important;max-width:132px!important;max-height:76px!important}
 .ag-drop{top:calc(50% + 34px)!important}
}
@media(max-width:980px){
 .ag-main,.ag-logo{height:88px!important;min-height:88px!important}
 .ag-logo img{width:130px!important;height:68px!important;max-width:130px!important;max-height:68px!important}
}

/* v7 stable header: fixed geometry before JS/fonts finish loading */
.ag-header{contain:layout style;min-height:150px!important}
.ag-top{height:32px!important;min-height:32px!important;max-height:32px!important}
.ag-main{height:118px!important;min-height:118px!important;max-height:118px!important;padding:0!important;position:relative!important;align-items:center!important}
.ag-logo{height:118px!important;min-height:118px!important;max-height:118px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.ag-logo img{width:140px!important;height:78px!important;max-width:140px!important;max-height:78px!important;display:block!important;object-fit:contain!important}
.ag-nav{height:118px!important;min-height:118px!important;max-height:118px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}
.ag-menu{height:auto!important;display:block!important;align-self:center!important}
.ag-link,.ag-trigger{height:44px!important;min-height:44px!important;max-height:44px!important;line-height:44px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important}
.ag-trigger svg{flex:0 0 14px!important}
.ag-start-menu{height:46px!important;align-self:center!important}
.ag-start{height:46px!important}
.ag-drop{top:calc(100% + 17px)!important}
@media(max-width:980px){.ag-header{min-height:115px!important}.ag-top{height:27px!important;min-height:27px!important;max-height:27px!important}.ag-main{height:88px!important;min-height:88px!important;max-height:88px!important}.ag-logo{height:88px!important;min-height:88px!important;max-height:88px!important}.ag-logo img{width:128px!important;height:66px!important}.ag-nav{display:none!important}}