*{box-sizing:border-box}
html{scroll-behavior:smooth}
/* font-family is the ONE token from landing/partials/type.blade.php: --font-body is
   'Roboto',system-ui,sans-serif on an English page and the Arabic stack on an Arabic
   one, so this rule is the whole language switch for every element that does not name
   a face of its own. The literal fallback is not decoration -- this stylesheet is also
   linked by errors/forsa.blade.php with a static ?v=, so if it is ever served without
   that partial the English stack still resolves rather than collapsing to the UA font. */
body{margin:0;background:#F2F5F9;color:#022040;font-family:var(--font-body,'Roboto',system-ui,sans-serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#012F6A;text-decoration:none}
a:hover{color:#22ACBB}
::selection{background:#7BC6FF;color:#022040}
[data-appphone]{transform-origin:top center}
@media (max-width:460px){[data-appphone]{transform:scale(.95);margin-bottom:-42px}}
@media (max-width:410px){[data-appphone]{transform:scale(.86);margin-bottom:-117px}}
@media (max-width:370px){[data-appphone]{transform:scale(.77);margin-bottom:-192px}}
@media (max-width:335px){[data-appphone]{transform:scale(.66);margin-bottom:-283px}}
[dir="rtl"] [data-disp]{letter-spacing:0!important;line-height:1.5!important}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{letter-spacing:0!important;line-height:1.5!important}
[dir="rtl"] p,[dir="rtl"] li,[dir="rtl"] label{line-height:1.75!important}
[dir="rtl"] *{letter-spacing:normal!important}
[dir="rtl"] [style*="nowrap"]{white-space:normal!important}
[dir="rtl"] [style*="ellipsis"]{white-space:nowrap!important}
[dir="rtl"] [style*="line-through"]{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] [data-cd],[dir="rtl"] [data-count],[dir="rtl"] time{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block}
[dir="rtl"] [style*="margin-left:auto"],[dir="rtl"] [style*="margin-left: auto"]{margin-left:0!important;margin-right:auto!important}
[dir="rtl"] [style*="text-align:left"],[dir="rtl"] [style*="text-align: left"]{text-align:right!important}
[dir="rtl"] [style*="text-align:right"],[dir="rtl"] [style*="text-align: right"]{text-align:left!important}
[dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] select{text-align:right}
[dir="rtl"] input[placeholder*="+962"],[dir="rtl"] input[type="email"]{direction:ltr;text-align:left}
[dir="rtl"] [data-g="how"][data-role="dot"][data-i="0"]{left:90%!important}
[dir="rtl"] [data-g="how"][data-role="dot"][data-i="1"]{left:70%!important}
[dir="rtl"] [data-g="how"][data-role="dot"][data-i="2"]{left:50%!important}
[dir="rtl"] [data-g="how"][data-role="dot"][data-i="3"]{left:30%!important}
[dir="rtl"] [data-g="how"][data-role="dot"][data-i="4"]{left:10%!important}
[data-jchip]:hover{border-color:#012F6A!important;color:#012F6A!important}
[data-onboard]>div{padding-inline-start:28px}
[data-onboard]>div:nth-child(4n+1){padding-inline-start:0}
@media (max-width:1000px){[data-onboard]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-onboard]>div{padding-inline-start:28px}[data-onboard]>div:nth-child(2n+1){padding-inline-start:0}}
@media (max-width:560px){[data-onboard]{grid-template-columns:minmax(0,1fr)!important}[data-onboard]>div{padding-inline-start:0}}
[data-jcard]:hover{transform:translateY(-5px);border-color:rgba(1,47,106,.2)!important;box-shadow:0 30px 54px -30px rgba(1,47,106,.34)}
[data-jcard]:hover [data-jarrow]{background:#012F6A!important;border-color:#012F6A!important;color:#fff!important;transform:translateX(3px)}
[dir="rtl"] [data-jcard]:hover [data-jarrow]{transform:translateX(-3px)}
[dir="rtl"] [data-jcard] [data-jarrow]{margin-left:0!important;margin-right:auto!important}
[data-jthumb] image-slot{font-size:9px}
[data-irscroll]{scrollbar-width:none;-ms-overflow-style:none}
[data-irscroll]::-webkit-scrollbar{width:0;height:0;display:none}
html{color-scheme:light;scrollbar-width:thin;scrollbar-color:#22ACBB #EAF1F6}
html::-webkit-scrollbar{width:10px;height:10px;background:#EAF1F6}
html::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
html::-webkit-scrollbar-track,html::-webkit-scrollbar-track-piece{background:#EAF1F6}
html::-webkit-scrollbar-thumb{background:#22ACBB;border-radius:99px;border:2px solid transparent;background-clip:content-box;min-height:48px}
html::-webkit-scrollbar-thumb:hover{background:#7BC6FF;border:2px solid transparent;background-clip:content-box}
html::-webkit-scrollbar-thumb:active{background:#012F6A;border:2px solid transparent;background-clip:content-box}
html::-webkit-scrollbar-corner{background:transparent}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input{font:inherit}
@keyframes fx-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fx-marqr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes fx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@keyframes fx-bob{0%,100%{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-12px) rotate(2.5deg)}}
@keyframes fx-ping{0%{opacity:.5;transform:scale(.6)}100%{opacity:0;transform:scale(2.6)}}
@keyframes fx-beat{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.14);opacity:.75}}
@keyframes fx-swap{0%,44%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-8px)}56%,100%{opacity:1;transform:translateY(0)}}
@keyframes fx-sweep{from{transform:translateX(-100%)}to{transform:translateX(220%)}}

/* ---- hoisted from the design's 157 style-hover attributes ----
   support.js injected these as per-element pseudo-classes at render time.
   !important because each one overrides an inline style on the same node. */
.fh1:hover{background:#022040 !important;color:#fff !important;transform:translateY(-2px) !important}
.fh2:hover{border-color:#012F6A !important;background:#fff !important}
.fh3:hover{background:#012F6A !important}
.fh4:hover{background:#22ACBB !important}
.fh5:hover{box-shadow:inset 0 0 0 1.5px rgb(97,186,187) !important}
.fh6:hover{box-shadow:0 8px 20px rgba(1,47,106,.16) !important}
.fh7:hover{color:#012F6A !important}
.fh8:hover{color:#7BC6FF !important}
.fh9:hover{color:#22ACBB !important}
.fh10:hover{transform:translateY(-6px) !important;box-shadow:0 30px 56px -30px rgba(1,47,106,.35) !important}
.fh11:hover{border-color:#012F6A !important}
.fh12:hover{transform:translateY(-2px) !important;opacity:.85 !important}
.fh13:hover{gap:16px !important;border-color:#22ACBB !important;color:#22ACBB !important}
.fh14:hover{background:#22ACBB !important;color:#fff !important}
.fh15:hover{background:#012F6A !important;color:#fff !important}
.fh16:hover{border-color:#22ACBB !important;color:#22ACBB !important}
.fh17:hover{border-color:#fff !important;background:rgba(255,255,255,.08) !important}
.fh18:hover{background:#7BC6FF !important;color:#012F6A !important}
.fh19:hover{border-color:#fff !important;background:rgba(255,255,255,.08) !important;color:#fff !important}
.fh20:hover{background:#022040 !important;color:#fff !important}
.fh21:hover{background:#22ACBB !important;color:#fff !important;transform:translateY(-2px) !important}
.fh22:hover{transform:translateY(-4px) !important;border-color:#22ACBB !important;background:#fff !important}
.fh23:hover{border-color:#012F6A !important;background:rgba(1,47,106,.04) !important}
.fh24:hover{color:#22ACBB !important;gap:15px !important}
.fh25:hover{color:#22ACBB !important;gap:14px !important}
.fh26:hover{border-color:#012F6A !important;background:rgba(1,47,106,.05) !important}
.fh27:hover{background:rgba(1,47,106,.07) !important}
[data-modal][hidden]{display:none!important}