.svc-page { --svc-line: #eceded; } 
.svc-hero {
min-block-size: clamp(520px, calc(520px + 160 * (100vw - 390px) / 1050), 680px);
padding-block: calc(var(--header-h) + clamp(48px, calc(48px + 72 * (100vw - 390px) / 1050), 120px) + var(--svc-hero-shift, 0px)) clamp(72px, calc(72px + 48 * (100vw - 390px) / 1050), 120px);
}
@media (max-width: 1023.98px) { .svc-hero { --svc-hero-shift: 0px; } } 
.svc-hero .page-hero__title, .svc-hero .page-hero__text { max-inline-size: var(--svc-hero-w, 813px); }
:lang(ar) .svc-hero .page-hero__text { max-inline-size: calc(var(--svc-hero-w, 813px) * 1.045); }
:lang(ar) .svc-index-hero .page-hero__text { max-inline-size: calc(813px * 1.045); }
.svc-hero .page-hero__shade { background: rgba(0, 0, 0, 0.5); }
.svc-hero .page-hero__media img { object-position: var(--svc-hero-pos, 50% 50%); }
.svc-hero .page-hero__glow {
z-index: -1; inline-size: 1789px; block-size: 388px;
inset-inline: auto; left: -145px; translate: none; top: calc(100% - 57px);
}
[dir='rtl'] .svc-hero .page-hero__glow { translate: none; }
.svc-hero__glow-top { --glow: var(--c-black); z-index: -1; inline-size: max(1789px, calc(100% + 290px)); block-size: 388px; left: 50%; translate: -50% 0; top: -240px; }
.svc-index-hero .page-hero__text { white-space: pre-line; }
[dir='rtl'] .svc-index-hero .page-hero__strip { transform: none; }
.svc-index { padding-block: clamp(40px, calc(40px + 60 * (100vw - 390px) / 1050), 100px); }
.svc-index .svc-card, .svc-related .svc-card { border-color: var(--c-neutral-200); }
@media (min-width: 768px) { .svc-index .svc-card, .svc-related .svc-card { padding: 24px; } }
.svc-index .svc-card { min-block-size: 0; }
@media (min-width: 1024px) {
.svc-index .svc-card:nth-last-child(-n + 2), :lang(ar) .svc-index .svc-card { min-block-size: 260px; }
}
@media (hover: hover) {
.svc-index .svc-card:hover, .svc-related .svc-card:hover { border-color: transparent; }
}
.svc-page .svc-card__bg img { object-position: 50% 30%; }
.svc-block-head { max-inline-size: 664px; }
.svc-overview .split__title { max-inline-size: 533px; }
.svc-overview .split__body { max-inline-size: 584px; }
@media (min-width: 1300px) { .svc-overview > .container { translate: var(--svc-ov-x, 0px) 0; } }
.svc-offer__grid, .svc-spec__grid { position: relative; z-index: 1; }
.svc-offer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.svc-offer-card {
display: flex; flex-direction: column; gap: 16px;
min-block-size: 228px; padding: 24px;
background: var(--c-white); border: 1px solid var(--svc-line); color: var(--c-black);
}
.svc-offer-card__body { display: flex; flex-direction: column; gap: 10px; }
.svc-offer-card__title { font-size: 18px; font-weight: 700; line-height: 1.5; }
.svc-offer-card__text { padding-block-start: 4px; font-size: 16px; line-height: 1.5; }
.svc-spec__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.svc-spec-card {
display: flex; flex-direction: column; align-items: center; gap: 16px;
min-block-size: 176px; padding: 32px 24px;
background: var(--c-white); border: 1px solid var(--c-line-soft);
text-align: center; color: var(--c-black);
}
.svc-spec-card__title { font-size: 18px; font-weight: 700; line-height: 1.5; }
.svc-sectors { overflow: hidden; }
.svc-sectors .h-section { line-height: 44px; }
.svc-carousel { position: relative; margin-block-start: 30px; }
.svc-carousel__track {
--svc-edge: max(var(--gutter), calc((100% - var(--container)) / 2));
display: flex; gap: 24px;
margin-block: -12px; padding-block: 12px; padding-inline: var(--svc-edge);
overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
scroll-snap-type: x proximity; scroll-padding-inline: var(--svc-edge);
scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.svc-carousel__track::-webkit-scrollbar { display: none; }
.svc-carousel__track:focus-visible { outline-offset: -2px; }
.svc-carousel.is-dragging .svc-carousel__track { scroll-snap-type: none; cursor: grabbing; user-select: none; }
@media (hover: hover) and (pointer: fine) { .svc-carousel__track { cursor: grab; } }
.sector-card {
flex: 0 0 282px; block-size: 379px; padding-block: 20px 0;
border-color: var(--c-neutral-200);
scroll-snap-align: start;
}
.sector-card .project-card__media { flex: none; }
@media (min-width: 768px) { .sector-card .project-card__media { inline-size: calc(100% - 41px); } }
.sector-card .project-card__body { padding-block-end: 0; }
.sector-card .project-card__mark { inset-inline-end: 6px; bottom: 6px; }
.sector-card img { -webkit-user-drag: none; user-select: none; }
:lang(ar) .sector-card { block-size: 357px; }
:lang(ar) .sector-card .project-card__title { font-size: 16px; }
.svc-carousel__btn {
position: absolute; z-index: 3; top: calc(20px + 263px / 2); translate: 0 -50%;
display: grid; place-items: center; inline-size: 48px; block-size: 48px;
background: var(--c-white); color: var(--c-orange);
box-shadow: 0 8px 24px -6px rgba(8, 16, 22, 0.28);
opacity: 0; pointer-events: none;
transition: opacity var(--dur) var(--ease), background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.svc-carousel__btn .icon { inline-size: 24px; block-size: 24px; }
.svc-carousel__btn--prev { inset-inline-start: max(8px, calc(max(var(--gutter), (100% - var(--container)) / 2) - 24px)); }
.svc-carousel__btn--next { inset-inline-end: max(8px, calc(max(var(--gutter), (100% - var(--container)) / 2) - 24px)); }
.svc-carousel__btn--prev .icon, [dir='rtl'] .svc-carousel__btn--next .icon { rotate: 90deg; }   
.svc-carousel__btn--next .icon, [dir='rtl'] .svc-carousel__btn--prev .icon { rotate: -90deg; }  
.svc-carousel:hover .svc-carousel__btn:not([disabled]),
.svc-carousel:focus-within .svc-carousel__btn:not([disabled]) { opacity: 1; pointer-events: auto; }
@media (hover: hover) { .svc-carousel__btn:hover { background: var(--c-orange); color: var(--c-white); } }
@media (hover: none) { .svc-carousel__btn { display: none; } }
.svc-page .cta-band__copy { max-inline-size: var(--svc-cta-w, 600px); }
.svc-page .cta-band__text { max-inline-size: var(--svc-cta-text-w, 600px); }
.svc-page:lang(ar) .cta-band__copy { max-inline-size: var(--svc-cta-w, none); }
.svc-page .cta-band .btn { padding-block: 15px; } 
@media (min-width: 768px) {
.svc-page:lang(en) .cta-band__title, .svc-page:lang(en) .svc-related .h-section--auto { line-height: 1.5; }
}
.svc-related__inner { display: flex; flex-direction: column; gap: 30px; }
.svc-related__more { display: none; }
@media (max-width: 1023.98px) {
.svc-spec__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.svc-related__grid {
display: flex; gap: 16px; padding: 0; overflow-x: auto; scroll-snap-type: x mandatory;
margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter);
scrollbar-width: none; overscroll-behavior-x: contain;
}
.svc-related__grid::-webkit-scrollbar { display: none; }
.svc-related__grid > * { flex: 0 0 min(340px, 84vw); margin: 0; scroll-snap-align: start; }
.svc-related .svc-card__bg { inset-block-end: -1px; }
.svc-related .svc-card__link::after { inset: 0; }
.svc-related .svc-card__more { display: none; }
}
@media (max-width: 767.98px) {
.svc-sectors .h-section { line-height: 1.25; }
.svc-offer__grid { grid-template-columns: minmax(0, 1fr); }
.svc-offer-card { min-block-size: 0; padding: 24px 20px; }
.svc-spec-card { min-block-size: 0; padding: 24px 12px; gap: 12px; }
.svc-spec-card__title { font-size: 16px; }
.svc-offer-card .icon-tile, .svc-spec-card .icon-tile { block-size: 24px; }
.svc-carousel { margin-block-start: 24px; }
.svc-carousel__track { gap: 16px; }
.sector-card, :lang(ar) .sector-card { flex-basis: 260px; block-size: auto; min-block-size: 0; padding-block-end: 4px; }
.sector-card .project-card__media { inline-size: calc(100% - 40px); }
.sector-card .project-card__body { padding: 16px 20px; }
.svc-related__inner { gap: 32px; }
}
@media (max-width: 639.98px) {
.svc-spec__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.svc-related .sec-head-row__cta { display: none; }
.svc-related__more { display: block; }
}