/* Arabia Insurance: shared navigation, footer and services, 20 October 2026. */
:root{--ai-ink:#12394b;--ai-blue:#00638d;--ai-deep:#07364f;--ai-muted:#526974;--ai-line:#dbe6ea;--ai-paper:#f4f8f9;--ai-accent:#a8cbd8}
body.ai-site{margin:0;padding:0;background:#fff;color:var(--ai-ink);font-family:Tahoma,Arial,sans-serif}
.ai-site *{box-sizing:border-box}
.ai-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.ai-header,.ai-footer,.ai-services{font-family:Tahoma,Arial,sans-serif;line-height:1.8}
.ai-header a,.ai-footer a,.ai-services a{color:inherit;text-decoration:none}
.ai-header a:focus-visible,.ai-footer a:focus-visible,.ai-services a:focus-visible,.ai-header button:focus-visible{outline:3px solid #d7a44b;outline-offset:5px}
.ai-skip{position:absolute;top:-80px;left:20px;z-index:10000;padding:10px 20px;background:#fff;color:#12394b}
.ai-skip:focus{top:10px}
#header.ai-header{background:#fff;margin:0;border-bottom:1px solid var(--ai-line)}
.ai-top{background:var(--ai-deep);color:#fff;font-size:12px}
.ai-top-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ai-top p{margin:0;color:#d0e2e9;font-size:12px}
.ai-phone{white-space:nowrap;display:inline-flex;gap:8px;align-items:center}
.ai-social{display:flex;align-items:center;gap:20px}
.ai-social a{display:flex;align-items:center;gap:7px;min-height:38px}
.ai-social a:hover{color:#b9e1ed}
.ai-nav-row{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:108px}
.ai-logo{flex:none;display:block}
.ai-logo img{display:block;width:200px;height:65px;object-fit:contain}
.ai-navigation{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:600}
.ai-navigation a{padding:12px 0;position:relative;white-space:nowrap}
.ai-navigation a:hover,.ai-navigation a[aria-current=page]{color:var(--ai-blue)}
.ai-navigation a[aria-current=page]:after{content:"";height:3px;background:var(--ai-blue);position:absolute;bottom:1px;inset-inline:0;border-radius:2px}
.ai-navigation .ai-language{font-size:12px;border:1px solid var(--ai-line);padding:6px 12px;border-radius:6px}
.ai-menu-button{display:none;align-items:center;gap:9px;padding:8px 12px;color:var(--ai-deep);background:#fff;border:1px solid #b8cbd3;border-radius:6px;font:inherit;cursor:pointer}
.ai-menu-lines{font-size:20px;line-height:1}
.ai-eyebrow{display:block;color:var(--ai-blue);font-size:12px;font-weight:700;letter-spacing:1.2px;margin-bottom:14px}
.ai-hero{position:relative;overflow:hidden;background:var(--ai-paper);padding:58px 0 64px;border-bottom:1px solid var(--ai-line)}
.ai-breadcrumb{font-size:12px;color:var(--ai-muted);display:flex;gap:12px;margin-bottom:40px}
.ai-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.ai-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px}
.ai-services h1{font:700 clamp(34px,4vw,56px)/1.4 Tahoma,Arial,sans-serif;color:var(--ai-deep);margin:0 0 22px;max-width:680px}
.ai-services h1 span{color:var(--ai-blue)}
.ai-hero p{font-size:17px;line-height:2;max-width:620px;margin:0 0 26px;color:var(--ai-muted)}
.ai-button-row{display:flex;flex-wrap:wrap;gap:12px}
.ai-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:10px 23px;border-radius:5px;font-size:14px;font-weight:700;border:1px solid var(--ai-blue);background:var(--ai-blue);color:#fff!important;transition:background .15s}
.ai-button:hover{background:#034765}
.ai-button.ai-button-light{background:transparent;color:var(--ai-blue)!important;border-color:#b7cbd4}
.ai-button.ai-button-light:hover{background:#e3eef2}
.ai-hero-art{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}
.ai-orbit{position:absolute;width:310px;height:310px;border:1px solid #c6d9e1;border-radius:50%}
.ai-orbit:after{content:"";position:absolute;inset:29px;border:1px dashed #c0d5df;border-radius:50%}
.ai-shield{width:180px;height:205px;position:relative;color:var(--ai-blue);filter:drop-shadow(0 15px 22px #0d506a18)}
.ai-art-label{position:absolute;background:#fff;padding:10px 18px;border:1px solid var(--ai-line);border-radius:8px;box-shadow:0 10px 30px #0a47600b;font-size:13px;color:var(--ai-ink)}
.ai-art-label:nth-of-type(1){top:18px;inset-inline-start:7px}
.ai-art-label:nth-of-type(2){bottom:28px;inset-inline-start:4px}
.ai-art-label:nth-of-type(3){top:115px;inset-inline-end:0}
.ai-section{padding:76px 0}
.ai-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:32px}
.ai-services h2{font:700 30px/1.5 Tahoma,Arial,sans-serif;color:var(--ai-deep);margin:0 0 12px}
.ai-section-heading p{max-width:450px;margin:0;font-size:15px;line-height:1.9;color:var(--ai-muted)}
.ai-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ai-service-card{position:relative;display:flex;flex-direction:column;padding:29px;background:#fff;border:1px solid var(--ai-line);border-radius:10px;transition:box-shadow .18s,border-color .18s}
.ai-service-card:hover{box-shadow:0 12px 30px #12394b0c;border-color:#a4c3d0}
.ai-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.ai-service-icon{width:58px;height:58px;display:grid;place-items:center;background:#eef5f8;color:var(--ai-blue);border-radius:13px}
.ai-service-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ai-card-number{font-size:12px;color:#8a9da5;letter-spacing:2px}
.ai-services h3{font:700 20px/1.7 Tahoma,Arial,sans-serif;color:var(--ai-deep);margin:0 0 12px}
.ai-service-card p{font-size:14px;line-height:2;color:var(--ai-muted);margin:0 0 23px}
.ai-card-link{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #e9eff2;padding-top:16px;font-size:13px;font-weight:700;color:var(--ai-blue)!important}
.ai-note{font-size:12px!important;color:var(--ai-muted);line-height:1.9;margin:26px 0 0}
.ai-help{background:var(--ai-deep);color:#fff;border-radius:12px;padding:36px 42px;display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:48px}
.ai-help h2{font-size:26px;color:#fff;margin:0 0 10px}
.ai-help p{margin:0;color:#d2e3ea;font-size:14px}
.ai-help .ai-button{background:#fff;color:var(--ai-deep)!important;border-color:#fff;white-space:nowrap}
#footer.ai-footer{background:#eef4f6;color:var(--ai-ink);padding:56px 0 0;border-top:1px solid var(--ai-line);font-size:14px}
.ai-footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:80px;padding-bottom:40px}
.ai-footer .ai-eyebrow{font-size:11px;letter-spacing:.8px}
.ai-footer h2{font:700 25px/1.5 Tahoma,Arial,sans-serif;color:var(--ai-deep);margin:0 0 12px}
.ai-footer h3{font:700 15px/1.6 Tahoma,Arial,sans-serif;color:var(--ai-deep);margin:0 0 18px}
.ai-footer p{color:var(--ai-muted);font-size:13px;line-height:2;margin:0;max-width:390px}
#footer.ai-footer ul{display:block;float:none;padding:0;margin:0;list-style:none}
#footer.ai-footer ul li{display:block;margin:0 0 9px;padding:0}
.ai-footer a:hover{color:var(--ai-blue);text-decoration:underline;text-underline-offset:4px}
.ai-footer-bottom{border-top:1px solid #d3e0e5;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}
.ai-footer-bottom p{max-width:none;font-size:12px}
@media(min-width:1121px){.ai-navigation{display:flex!important}}
@media(max-width:1120px){
 .ai-wrap{width:calc(100% - 40px)}.ai-nav-row{flex-wrap:wrap;min-height:90px;gap:0;padding-block:14px}
 .ai-logo img{width:174px;height:57px}.ai-menu-button{display:flex}
 .ai-navigation{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:15px 0 3px}
 .ai-navigation.is-open{display:flex}
 .ai-navigation a{padding:11px 8px;border-bottom:1px solid #edf2f4}
 .ai-navigation a[aria-current=page]:after{display:none}
 .ai-navigation a[aria-current=page]{background:#edf5f8;border-radius:5px}
 .ai-navigation .ai-language{align-self:flex-start;margin-top:14px}
 .ai-hero-grid{gap:25px}.ai-footer-grid{gap:35px}
}
@media(max-width:760px){
 .ai-top p{display:none}.ai-social{gap:16px}.ai-social-label{display:none}
 .ai-top-inner{gap:10px;min-height:42px}.ai-social a{min-width:25px;justify-content:center}
 .ai-hero{padding:26px 0 40px}.ai-breadcrumb{margin-bottom:30px}
 .ai-hero-grid{grid-template-columns:1fr;gap:24px}.ai-hero-art{min-height:260px;max-width:360px;width:100%;margin:auto}
 .ai-orbit{width:250px;height:250px}.ai-shield{width:150px;height:175px}
 .ai-art-label{font-size:12px;padding:8px 14px}.ai-art-label:nth-of-type(1){top:5px}.ai-art-label:nth-of-type(2){bottom:15px}
 .ai-services h1{font-size:36px}.ai-hero p{font-size:15px}
 .ai-section{padding:42px 0}.ai-section-heading{display:block;margin-bottom:24px}
 .ai-services h2{font-size:26px}.ai-section-heading p{font-size:14px}
 .ai-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .ai-service-card{padding:23px}.ai-help{padding:28px;display:block;margin-top:30px}
 .ai-help h2{font-size:23px}.ai-help .ai-button{margin-top:23px}
 .ai-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.ai-footer-brand{grid-column:1/-1}
 .ai-footer-bottom{padding-block:18px;align-items:flex-start}
}
@media(max-width:520px){
 .ai-wrap{width:calc(100% - 36px)}.ai-service-grid{grid-template-columns:1fr}
 .ai-footer-grid{grid-template-columns:1fr;gap:25px}.ai-footer-bottom{flex-direction:column;gap:9px}
 .ai-services h1{font-size:32px}.ai-service-card p{font-size:14px}.ai-card-top{margin-bottom:18px}
 .ai-button-row .ai-button{padding-inline:18px}.ai-top{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.ai-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}