@font-face{font-family:'Msa7atTajawal';src:url('https://msa7at.sa/wp-content/uploads/2024/10/Tajawal-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
.msa-services,.msa-services *{box-sizing:border-box!important}.msa-services{--msa-primary:#019B98;--msa-dark:#014E60;--msa-text:#2f3a40;--msa-muted:#777A8D;--msa-soft:#F7FAFA;--msa-line:#e8eeee;--msa-white:#fff;width:100%;margin:0;padding:0;font-family:'Msa7atTajawal','Tajawal',sans-serif!important;color:var(--msa-text)}
.msa-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin:0;padding:0}
.msa-svc-card{display:flex!important;flex-direction:column!important;min-width:0!important;margin:0!important;padding:18px!important;background:#fff!important;border:1px solid var(--msa-line)!important;border-radius:20px!important;box-shadow:0 8px 28px rgba(1,78,96,.055)!important;text-decoration:none!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.msa-svc-card:hover{transform:translateY(-3px)!important;border-color:rgba(1,155,152,.24)!important;box-shadow:0 14px 32px rgba(1,78,96,.09)!important}
.msa-svc-card-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:82px!important;height:82px!important;flex:0 0 82px!important;margin:0 0 15px!important;padding:0!important;background:var(--msa-soft)!important;border-radius:18px!important;overflow:hidden!important}
.msa-svc-card-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;padding:0!important;border:0!important}.msa-svc-fallback-icon{font-size:35px;color:var(--msa-primary)}
.msa-svc-card-content{display:flex;flex-direction:column;flex:1;min-width:0}.msa-svc-card-content h3{margin:0 0 9px!important;padding:0!important;color:var(--msa-dark)!important;font:500 18px/1.55 'Msa7atTajawal','Tajawal',sans-serif!important}.msa-svc-card-content p{margin:0!important;padding:0!important;color:var(--msa-muted)!important;font:500 14px/1.8 'Msa7atTajawal','Tajawal',sans-serif!important}
.msa-services-en .msa-svc-card-content h3,.msa-services-en .msa-svc-card-content p{text-align:left!important}.msa-services-ar .msa-svc-card-content h3,.msa-services-ar .msa-svc-card-content p{text-align:right!important}

/* Home slider — true bidi: Arabic rail RTL, English rail LTR. */
.msa-services-slider-shell{position:relative;width:100%;margin:0;padding:0 44px}
.msa-services-slider{display:flex!important;gap:16px!important;width:100%!important;margin:0!important;padding:5px 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important}
.msa-services-slider::-webkit-scrollbar{display:none!important}
.msa-services-home.msa-services-ar .msa-services-slider{direction:rtl!important}
.msa-services-home.msa-services-en .msa-services-slider{direction:ltr!important}
.msa-services-home.msa-services-ar .msa-svc-card{direction:rtl!important}
.msa-services-home.msa-services-en .msa-svc-card{direction:ltr!important}
.msa-services-slider>.msa-svc-card{flex:0 0 calc((100% - 32px)/3)!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;min-height:245px!important}
/* Home slider cards only: no card shadow on any device. */
.msa-services-home .msa-services-slider>.msa-svc-card,.msa-services-home .msa-services-slider>.msa-svc-card:hover{box-shadow:none!important}

.msa-services-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid var(--msa-line)!important;border-radius:50%!important;color:var(--msa-primary)!important;box-shadow:0 7px 22px rgba(1,78,96,.10)!important;cursor:pointer!important;z-index:5!important;opacity:1!important;visibility:visible!important}
.msa-services-nav:hover{background:var(--msa-primary)!important;color:#fff!important;border-color:var(--msa-primary)!important}.msa-services-nav svg{display:block!important;width:19px!important;height:19px!important;fill:currentColor!important;transform:none!important}
/* Base/tablet physical positions. Keep mobile overrides below untouched. */
.msa-services-en .msa-services-prev{inset-inline-start:auto!important;inset-inline-end:auto!important;right:auto!important;left:0!important}.msa-services-en .msa-services-next{inset-inline-start:auto!important;inset-inline-end:auto!important;left:auto!important;right:0!important}
.msa-services-ar .msa-services-prev{inset-inline-start:auto!important;inset-inline-end:auto!important;left:auto!important;right:0!important}.msa-services-ar .msa-services-next{inset-inline-start:auto!important;inset-inline-end:auto!important;right:auto!important;left:0!important}

/* Desktop only (>980px): swap button positions only.
   Arabic: PREV on right, NEXT on left.
   English: PREV on left, NEXT on right.
   Button functions / scroll logic are unchanged. */
@media(min-width:981px){
  .msa-services-home .msa-services-nav{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .msa-services-home.msa-services-ar .msa-services-prev{inset-inline-start:auto!important;inset-inline-end:auto!important;left:auto!important;right:0!important}
  .msa-services-home.msa-services-ar .msa-services-next{inset-inline-start:auto!important;inset-inline-end:auto!important;right:auto!important;left:0!important}
  .msa-services-home.msa-services-en .msa-services-prev{inset-inline-start:auto!important;inset-inline-end:auto!important;right:auto!important;left:0!important}
  .msa-services-home.msa-services-en .msa-services-next{inset-inline-start:auto!important;inset-inline-end:auto!important;left:auto!important;right:0!important}
}

.msa-svc-view-all{align-items:center!important;justify-content:center!important;text-align:center!important;background:linear-gradient(145deg,#F2FFFF,#fff)!important;color:var(--msa-dark)!important}.msa-svc-view-all-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:15px;border-radius:50%;background:var(--msa-primary);color:#fff;transition:transform .22s ease}.msa-svc-view-all-icon svg{width:30px;height:30px;fill:currentColor}.msa-svc-view-all strong{color:var(--msa-dark)!important;font:500 17px/1.5 'Msa7atTajawal','Tajawal',sans-serif!important}.msa-svc-view-all:hover .msa-svc-view-all-icon{transform:translateX(4px)}.msa-services-ar .msa-svc-view-all-icon svg{transform:scaleX(-1)}.msa-services-ar .msa-svc-view-all:hover .msa-svc-view-all-icon{transform:translateX(-4px)}

/* Mouse drag only. Touch uses the browser's native RTL/LTR scrolling. */
.msa-services-home .msa-services-slider{cursor:grab!important;user-select:none!important;-webkit-user-select:none!important}
.msa-services-home .msa-services-slider.is-dragging{cursor:grabbing!important;scroll-behavior:auto!important;scroll-snap-type:none!important}
.msa-services-home .msa-services-slider img{user-select:none!important;-webkit-user-drag:none!important;pointer-events:none!important}

@media(max-width:980px){.msa-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msa-services-slider>.msa-svc-card{flex-basis:calc((100% - 16px)/2)!important}}

/* Mobile: exactly one centered card, arrows live in their own side columns so neither can disappear. */
@media(max-width:600px){
  .msa-services-grid{grid-template-columns:1fr;gap:14px}.msa-svc-card{padding:15px!important;border-radius:17px!important}.msa-svc-card-icon{width:70px!important;height:70px!important;flex-basis:70px!important;border-radius:15px!important;margin-bottom:12px!important}.msa-svc-card-content h3{font-size:16px!important}.msa-svc-card-content p{font-size:13px!important;line-height:1.75!important}
  .msa-services-home .msa-services-slider-shell{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;grid-template-rows:auto!important;gap:8px!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;direction:ltr!important}
  .msa-services-home .msa-services-slider{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;gap:12px!important;margin:0!important;padding:5px 0 10px!important;scroll-padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important}
  .msa-services-home .msa-services-slider>.msa-svc-card{flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-width:100%!important;min-height:225px!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
  .msa-services-home .msa-services-nav{position:static!important;top:auto!important;left:auto!important;right:auto!important;inset:auto!important;transform:none!important;display:flex!important;width:36px!important;height:36px!important;align-self:center!important;justify-self:center!important;opacity:1!important;visibility:visible!important;z-index:5!important}
  .msa-services-home.msa-services-en .msa-services-prev{grid-column:1!important;grid-row:1!important}.msa-services-home.msa-services-en .msa-services-next{grid-column:3!important;grid-row:1!important}
  .msa-services-home.msa-services-ar .msa-services-next{grid-column:1!important;grid-row:1!important}.msa-services-home.msa-services-ar .msa-services-prev{grid-column:3!important;grid-row:1!important}
}
@media(max-width:380px){.msa-services-home .msa-services-slider-shell{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:6px!important}.msa-services-home .msa-services-nav{width:34px!important;height:34px!important}}