/* v2.7 — polished compact service catalogue and standalone navigation. */
:root{--v27-ink:#16372d;--v27-muted:#586f61;--v27-line:#d8e4d5;--v27-soft:#f7f9f3;--v27-accent:#d8fa85}
.service-section-v27 .section-head{margin-bottom:29px;align-items:end;gap:24px}
.service-section-v27 .section-head h1,.service-section-v27 .section-head h2{font-size:clamp(34px,4.35vw,61px);line-height:1.12;letter-spacing:-.045em;max-width:790px;color:#192b25}
.service-section-v27 .section-head>p{max-width:360px;font-size:15px;line-height:1.65;color:var(--v27-muted)}
.service-section-v27 .service-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px;align-items:stretch}
.service-section-v27 .service-grid>.service-card{grid-column:span 3;min-width:0;min-height:0;padding:23px 24px 22px;background:var(--v27-soft);border:1px solid var(--v27-line);border-radius:21px;box-shadow:0 5px 20px rgba(18,46,31,.045);display:flex;flex-direction:column;gap:0;transform:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.service-section-v27 .service-grid>.service-card:nth-child(n+5){grid-column:span 4}
.service-section-v27 .service-card:hover,.service-section-v27 .service-card:focus-within{border-color:#7f9f87;box-shadow:0 12px 28px rgba(21,54,35,.08);transform:translateY(-2px)}
.service-section-v27 .service-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;min-height:45px}
.service-section-v27 .service-no{font-size:12px;letter-spacing:.08em;color:#658073}
.service-section-v27 .service-top svg{width:42px;height:42px;stroke:#41745a;stroke-width:1.45}
.service-section-v27 .service-top .auto-icon,.service-section-v27 .service-top .ceo-symbol{width:42px;height:42px;font-size:28px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#397253}
.service-section-v27 .service-card h3{font-size:clamp(19px,1.65vw,23px);line-height:1.26;letter-spacing:-.028em;color:#182f28;margin:0 0 11px;min-height:2.45em;overflow-wrap:break-word}
.service-section-v27 .service-card p{font-size:14px;line-height:1.6;color:#536c5f;margin:0 0 22px;min-height:3.1em}
.service-section-v27 .service-card .service-tag{display:inline-flex;align-items:center;align-self:flex-start;min-height:36px;margin-top:auto;color:#23613d!important;font-size:11px;letter-spacing:.025em;font-weight:850;text-transform:none;text-decoration:none;white-space:normal}
.service-section-v27 .service-card .service-tag:hover{text-decoration:underline;text-underline-offset:4px}
.service-section-v27 .service-card .service-tag:focus-visible{outline:3px solid #79b771;outline-offset:3px;border-radius:3px}
/* Focused, editorial destination navigation underneath the site header. */
.page-routebar-v27{background:linear-gradient(115deg,#f2f6ee,#e8f1e7);border-bottom:1px solid #d9e4d8;border-top:1px solid #dce6db;box-shadow:0 5px 14px rgba(19,46,33,.035)}
.page-routebar-v27 .routebar-pro{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:113px;padding-block:18px}
.routebar-pro-copy{min-width:0;max-width:760px}
.routebar-overline{display:block;margin-bottom:7px;font-size:10px;font-weight:850;letter-spacing:.14em;color:#5e8468}
.route-breadcrumb-v27{display:flex;align-items:center;gap:10px;font-weight:850;font-size:19px;line-height:1.25;color:var(--v27-ink);flex-wrap:wrap}
.route-breadcrumb-v27 a{font-size:15px;font-weight:650;color:#536e5d;text-decoration:none}
.route-breadcrumb-v27 a:hover{text-decoration:underline;text-underline-offset:3px}
.route-breadcrumb-v27 span[aria-hidden]{color:#8ba58e}
.routebar-pro-desc{font-size:13px;line-height:1.45;color:#567161;margin:7px 0 0}
.routebar-actions-v27{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}
.routebar-actions-v27 a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 16px;border-radius:100px;font-size:12px;font-weight:800;text-decoration:none;line-height:1.3;white-space:nowrap;transition:background .15s ease,transform .15s ease}
.routebar-secondary-v27{color:#2d5541;background:rgba(255,255,255,.55);border:1px solid #c8d9c9}
.routebar-primary-v27{background:#193e30;color:#fff!important;border:1px solid #193e30}
.routebar-actions-v27 a:hover{transform:translateY(-1px)}
.routebar-actions-v27 a:focus-visible,.route-breadcrumb-v27 a:focus-visible{outline:3px solid #6da978;outline-offset:3px}
/* Arabic catalogue matches the visual rhythm of the English cards. */
.ar-services-v27 .ar-cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px;align-items:stretch}
.ar-services-v27 .ar-cards>.ar-card{grid-column:span 3;display:flex;flex-direction:column;gap:0;background:var(--v27-soft);border-color:var(--v27-line);box-shadow:0 5px 20px #123a2710;border-radius:21px;padding:22px 22px 20px;min-width:0;min-height:225px}
.ar-services-v27 .ar-cards>.ar-card:nth-child(n+5){grid-column:span 4}
.ar-services-v27 .ar-card-num{font-size:12px;letter-spacing:0;margin:0 0 20px;color:#426e50}
.ar-services-v27 .ar-card h3{font-size:clamp(18px,1.5vw,22px);line-height:1.45;margin:0 0 9px;color:#17392d;min-height:2.7em}
.ar-services-v27 .ar-card p{font-size:14px;line-height:1.7;color:#557261;margin:0 0 15px;min-height:3em}
.ar-services-v27 .ar-card a{font-size:12px!important;min-height:37px;display:inline-flex;align-items:center;margin-top:auto;text-decoration:none;color:#23613d!important;align-self:flex-start}
.ar-services-v27 .ar-card a:hover{text-decoration:underline}
.ar-services-v27 .ar-card:focus-within{outline:2px solid #7cb58a;outline-offset:2px}
.ar-routebar-v27{direction:rtl}
.ar-routebar-v27 .route-breadcrumb-v27{letter-spacing:normal}
.ar-routebar-v27 .routebar-overline{letter-spacing:0;font-size:12px}
.ar-routebar-v27 .routebar-pro-desc{font-size:14px}
.ar-routebar-v27 .routebar-actions-v27{justify-content:flex-start}
@media(max-width:1210px){
 .service-section-v27 .service-grid,.ar-services-v27 .ar-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-section-v27 .service-grid>.service-card,.service-section-v27 .service-grid>.service-card:nth-child(n+5),.ar-services-v27 .ar-cards>.ar-card,.ar-services-v27 .ar-cards>.ar-card:nth-child(n+5){grid-column:auto}
 .service-section-v27 .service-grid>.service-card:last-child,.ar-services-v27 .ar-cards>.ar-card:last-child{grid-column:1 / -1}
 .service-section-v27 .service-grid>.service-card:last-child h3,.service-section-v27 .service-grid>.service-card:last-child p{min-height:0}
}
@media(max-width:800px){
 .page-routebar-v27 .routebar-pro{gap:16px;align-items:flex-start;min-height:0;padding-block:16px;flex-direction:column}
 .routebar-actions-v27{width:100%;justify-content:flex-start}
 .routebar-actions-v27 a{min-height:40px}
 .service-section-v27 .section-head{display:block;margin-bottom:24px}
 .service-section-v27 .section-head>p{margin-top:12px;max-width:650px}
}
@media(max-width:650px){
 .service-section-v27 .service-grid,.ar-services-v27 .ar-cards{grid-template-columns:1fr!important;gap:12px}
 .service-section-v27 .service-grid>.service-card,.service-section-v27 .service-grid>.service-card:nth-child(n+5),.ar-services-v27 .ar-cards>.ar-card,.ar-services-v27 .ar-cards>.ar-card:nth-child(n+5){grid-column:auto!important;min-height:0}
 .service-section-v27 .service-grid>.service-card{padding:21px!important;border-radius:19px}
 .service-section-v27 .service-top{margin-bottom:17px!important;min-height:37px}
 .service-section-v27 .service-top svg,.service-section-v27 .service-top .auto-icon,.service-section-v27 .service-top .ceo-symbol{width:37px;height:37px}
 .service-section-v27 .service-card h3{font-size:21px!important;min-height:0;margin-bottom:9px}
 .service-section-v27 .service-card p{font-size:14px!important;min-height:0;line-height:1.55!important;margin-bottom:11px}
 .service-section-v27 .service-card .service-tag{min-height:42px;font-size:12px!important}
 .service-section-v27 .section-head h1,.service-section-v27 .section-head h2{font-size:clamp(34px,8vw,45px);line-height:1.12;letter-spacing:-.04em}
 .route-breadcrumb-v27{font-size:18px;gap:8px}
 .route-breadcrumb-v27 a{font-size:14px}
 .routebar-pro-desc{font-size:13px}
 .routebar-actions-v27{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .routebar-actions-v27 a{white-space:normal;text-align:center;padding:11px 8px}
 .ar-services-v27 .ar-cards>.ar-card{min-height:0;padding:21px 20px}
 .ar-services-v27 .ar-card h3,.ar-services-v27 .ar-card p{min-height:0}
 .ar-services-v27 .ar-card-num{margin-bottom:12px}
 .ar-services-v27 .ar-card a{min-height:42px}
}
@media(prefers-reduced-motion:reduce){.service-section-v27 .service-card,.routebar-actions-v27 a{transition:none!important;transform:none!important}}