.elementor-52 .elementor-element.elementor-element-7ea19ab0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-7ea19ab0 */.acx{--navy:#0B1726;--mid:#10243A;--teal:#11A6A0;--cyan:#44D7E8;--orange:#FF9F43;--white:#F7FAFC;
--bg:#F7FAFC;--fg:#0B1726;--card:#fff;--line:#dbe5ec;--muted:#4a5d70;
box-sizing:border-box;}
.acx *,.acx *::before,.acx *::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:80px;scroll-padding-bottom:90px}
.acx{margin:0;font-family:Tajawal,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.8;font-size:clamp(1rem,.95rem + .25vw,1.125rem)}
.acx a{color:inherit;text-decoration:none}
.acx :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.acx .wrap{width:min(1120px,100% - 2rem);margin-inline:auto}
.acx header{position:sticky;top:0;z-index:30;background:rgba(11,23,38,.92);backdrop-filter:blur(10px);color:var(--white)}
.acx header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.acx .logo{font-weight:800;color:var(--cyan)}
.acx nav{display:flex;gap:1.2rem;font-size:.95rem}
.acx nav a{padding:.2rem 0;border-bottom:2px solid transparent;transition:border-color .25s,color .25s}
.acx nav a:hover{border-color:var(--orange);color:var(--orange)}
.acx .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.6rem 1.4rem;border-radius:999px;font-weight:700;border:0;cursor:pointer;font:inherit;font-weight:700;transition:transform .2s,box-shadow .25s,background .25s}
.acx .btn:active{transform:scale(.97)}
.acx .btn-call{background:var(--orange);color:#1a0f00;box-shadow:0 8px 24px rgba(255,159,67,.35)}
.acx .btn-call:hover{box-shadow:0 10px 32px rgba(255,159,67,.55);transform:translateY(-2px)}
.acx .btn-wa{background:transparent;color:var(--white);border:2px solid var(--cyan)}
.acx .btn-wa:hover{background:var(--cyan);color:var(--navy)}
.acx .hero{position:relative;min-height:88vh;display:grid;align-items:center;color:var(--white);overflow:hidden;background:var(--navy)}
.acx .hero-bg{position:absolute;inset:-12% 0;background:radial-gradient(60% 50% at 20% 30%,rgba(17,166,160,.35),transparent),linear-gradient(160deg,#0B1726,#10243A 60%,#0B1726) center/cover;will-change:transform}
.acx .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,23,38,.2),rgba(11,23,38,.75))}
.acx .hero .wrap{position:relative;z-index:2;padding-block:4rem}
.acx h1{font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.3;margin:0 0 1rem;font-weight:800;max-width:16ch}
.acx .hero p{max-width:52ch;color:#d5e2ec}
.acx .cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.acx .rise{animation:rise .8s .1s both}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.acx section{padding-block:clamp(3rem,7vw,5.5rem)}
.acx h2{font-size:clamp(1.6rem,3.5vw,2.3rem);margin:0 0 .5rem}
.acx .sub{color:var(--muted);max-width:60ch;margin:0 0 2rem}
.acx .dark{background:var(--mid);color:var(--white)}
.acx .dark .sub{color:#a9bccd}
.acx .grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.acx .card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.acx .dark .card{background:var(--navy)}
.acx .card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.18);border-color:var(--teal)}
.acx .ph{aspect-ratio:4/3;background:var(--img,none),linear-gradient(135deg,#10243A,#11A6A0 140%);background-size:cover;background-position:center;display:grid;place-items:center;font-size:2.6rem;transition:transform .5s}
.acx .card:hover .ph{transform:scale(1.04)}
.acx .ph-wrap{overflow:hidden}
.acx .card .b{padding:1.1rem 1.2rem 1.3rem}
.acx .card h3{margin:0 0 .3rem;font-size:1.15rem}
.acx .card p{margin:0;color:var(--muted);font-size:.95rem}
.acx .dark .card p{color:#a9bccd}
.acx .city{display:flex;justify-content:space-between;align-items:center;padding:1.2rem}
.acx .city .arr{color:var(--orange);transition:transform .25s}
.acx .city:hover .arr{transform:translateX(-6px)}
.acx ol.steps{list-style:none;padding:0;margin:0;display:grid;gap:1rem;counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.acx ol.steps li{counter-increment:s;padding:1.2rem;border-radius:16px;background:var(--navy);border:1px solid #1d3753}
.acx ol.steps li::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;margin-bottom:.5rem}
.acx details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1.2rem;margin-bottom:.8rem}
.acx summary{cursor:pointer;font-weight:700}
.acx details p{margin:.6rem 0 0;color:var(--muted)}
.acx .contact{text-align:center}
.acx .big{display:inline-block;direction:ltr;font-size:clamp(2rem,6vw,3.4rem);font-weight:800;color:var(--orange);margin:.5rem 0 1.2rem}
.acx .contact .cta{justify-content:center}
.acx footer{background:var(--navy);color:#a9bccd;padding:2rem 0 1.5rem;font-size:.92rem}
.acx footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
.acx footer a:hover{color:var(--cyan)}
.acx .reveal{transition:opacity .7s,transform .7s}
.acx .btn,.acx .fc-btn{position:relative;overflow:hidden;isolation:isolate}
.acx .btn::before,.acx .fc-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(120%);transition:transform .7s}
.acx .btn:hover::before,.acx .fc-btn:hover::before{transform:translateX(-120%)}
.acx .btn-call,.acx .fc-call{animation:glow 2.8s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 8px 24px rgba(255,159,67,.35)}50%{box-shadow:0 8px 38px rgba(255,159,67,.7)}}
.acx .rp{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:rp .6s ease-out forwards;pointer-events:none;z-index:-1}
@keyframes rp{to{transform:scale(4);opacity:0}}
.acx .shape{position:absolute;z-index:1;border-radius:50%;pointer-events:none;animation:flt 7s ease-in-out infinite}
.acx .s1{width:260px;height:260px;top:12%;inset-inline-end:6%;background:radial-gradient(circle,rgba(68,215,232,.35),transparent 70%)}
.acx .s2{width:180px;height:180px;bottom:10%;inset-inline-start:8%;background:radial-gradient(circle,rgba(255,159,67,.3),transparent 70%);animation-delay:-3s}
.acx .s3{width:90px;height:90px;top:55%;inset-inline-end:30%;border:2px solid rgba(17,166,160,.5);animation-delay:-5s}
@keyframes flt{0%,100%{translate:0 0}50%{translate:0 -22px}}
.acx h2{color:#0e7f7a;display:block}
.acx .dark h2{color:#44D7E8}
.acx .hero{background:linear-gradient(180deg,#0B1726,#10243A)}
.acx section.dark{background:linear-gradient(160deg,#10243A,#0B1726 70%)}
.acx summary{transition:color .25s,padding-inline-start .25s}
.acx summary:hover{color:var(--teal);padding-inline-start:.4rem}
.acx details{transition:border-color .3s,box-shadow .3s}
.acx details[open]{border-color:var(--teal);box-shadow:0 10px 28px rgba(17,166,160,.15)}
.acx .card:hover .ph{filter:saturate(1.2)}
.acx .art{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.acx .art article{padding:1.4rem 1.5rem;border-radius:18px;background:var(--card);border:1px solid var(--line);border-inline-start:5px solid var(--teal);transition:transform .3s,border-color .3s,box-shadow .3s}
.acx .art article:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 16px 36px rgba(0,0,0,.15)}
.acx .art h3{margin:0 0 .5rem;color:var(--teal)}
.acx .art p{margin:0;color:var(--muted)}
.acx .heroart{position:absolute;z-index:2;inset-inline-end:4%;top:50%;width:min(42vw,500px);height:auto;margin-top:-18%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));animation:flt 6s ease-in-out infinite}
.acx .heroart.b{width:min(24vw,280px);inset-inline-end:26%;top:auto;bottom:8%;margin:0;animation-delay:-2s}
@media (max-width:900px){.acx .heroart{display:none}}
.acx .ph svg.ico{width:80%;height:auto;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4));transition:transform .5s}
.acx .card:hover .ico{transform:scale(1.08) rotate(-2deg)}
.acx .tick{overflow:hidden;background:linear-gradient(90deg,var(--teal),var(--cyan));color:#06202b;padding:.75rem 0;white-space:nowrap;font-weight:800}
.acx .tick div{display:inline-flex;gap:2.5rem;padding-inline-start:2.5rem;animation:tk 28s linear infinite}
@keyframes tk{to{transform:translateX(50%)}}
.acx .kw{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.acx .kw span{padding:.35rem .9rem;border-radius:999px;border:1px solid var(--teal);color:var(--teal);font-size:.9rem;transition:background .25s,color .25s}
.acx .kw span:hover{background:var(--teal);color:#fff}
.acx .tb{background:linear-gradient(90deg,#071019,#10243A);color:#cfe0ec;font-size:.85rem}
.acx .tb .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:38px}
.acx .tb a{color:var(--orange);font-weight:800;direction:ltr;display:inline-block;transition:transform .25s,color .25s}
.acx .tb a:hover{color:var(--cyan);transform:scale(1.06)}
.acx header{border-bottom:1px solid rgba(68,215,232,.2);transition:box-shadow .3s,background .3s}
.acx header .wrap{transition:min-height .3s}
.acx header.sc{box-shadow:0 10px 30px rgba(0,0,0,.35);background:rgba(7,16,25,.97)}
.acx header.sc .wrap{min-height:54px}
.acx .logo{display:flex;align-items:center;gap:.6rem;line-height:1.15}
.acx .logo svg{width:48px;height:36px;padding:4px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--cyan));transition:transform .4s}
.acx .logo:hover svg{transform:rotate(-8deg) scale(1.1)}
.acx .logo b{display:block;font-size:1.05rem;color:var(--white)}
.acx .logo small{display:block;font-size:.7rem;color:var(--cyan);font-weight:500}
.acx nav a{position:relative;border:0!important}
.acx nav a::after{content:"";position:absolute;inset-inline:0;bottom:-4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--orange));transform:scaleX(0);transition:transform .3s}
.acx nav a:hover::after,.acx nav a.on::after{transform:scaleX(1)}
.acx nav a.on{color:var(--cyan)}
.acx .burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid rgba(68,215,232,.4);background:transparent;cursor:pointer;padding:0;position:relative}
.acx .burger i{position:absolute;inset-inline:12px;height:2px;background:var(--white);border-radius:2px;transition:transform .3s,opacity .3s,top .3s}
.acx .burger i:nth-child(1){top:15px}
.acx .burger i:nth-child(2){top:22px}
.acx .burger i:nth-child(3){top:29px}
.acx .burger[aria-expanded=true] i:nth-child(1){top:22px;transform:rotate(45deg)}
.acx .burger[aria-expanded=true] i:nth-child(2){opacity:0}
.acx .burger[aria-expanded=true] i:nth-child(3){top:22px;transform:rotate(-45deg)}
.acx .prog{position:absolute;bottom:0;inset-inline-start:0;height:3px;width:0;background:linear-gradient(90deg,var(--teal),var(--orange))}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}}
@media (max-width:760px){.acx .tb .ar{display:none}
.acx .tb .wrap{justify-content:center}
.acx .burger{display:block}
.acx header nav{position:absolute;top:100%;inset-inline:0;flex-direction:column;gap:0;background:rgba(7,16,25,.98);padding:.5rem 1rem 1rem;border-bottom:1px solid #1d3753}
.acx header nav a{padding:.8rem 0;border-bottom:1px solid #1d3753!important}
.acx header nav.open{display:flex;animation:drop .3s}
.acx header .btn-call{display:none}}
.acx .fc-desktop{position:fixed;inset-inline-start:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));z-index:40;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;animation:rise .7s 1s both}
.acx .fc-panel{display:none;flex-direction:column;gap:.5rem}
.acx .fc-desktop.open .fc-panel{display:flex}
.acx .fc-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 1.1rem;border-radius:999px;font-weight:700;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.28);transition:transform .2s,filter .2s}
.acx .fc-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.acx .fc-btn:active{transform:scale(.97)}
.acx .fc-call{background:var(--orange);color:#1a0f00}
.acx .fc-wa{background:#128C7E}
.acx .fc-toggle{background:var(--teal);border:0;cursor:pointer;font:inherit;font-weight:700}
.acx .fc-mobile{display:none}
@media (max-width:760px){.acx nav{display:none}
.acx .fc-desktop{display:none}
.acx .fc-mobile{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;position:fixed;inset-inline:0;bottom:0;z-index:40;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom,0px));background:rgba(11,23,38,.96);backdrop-filter:blur(8px);border-top:1px solid #1d3753;animation:slideup .6s .5s both;transition:transform .25s}
.acx .fc-mobile .fc-btn{justify-content:center;min-height:52px;box-shadow:none}
body.kbd .acx .fc-mobile{transform:translateY(110%)}
.acx{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@keyframes slideup{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.acx *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.acx .rise,.acx .reveal{opacity:1;transform:none}
.acx .hero-bg{transform:none!important}}
/* ===== Visibility fixes: always readable, theme-proof ===== */
.acx{direction:rtl;text-align:right;color:#0B1726;background:#F7FAFC}
.acx,.acx *{font-family:Tajawal,system-ui,sans-serif}
.acx a{text-decoration:none!important}
.acx.js .reveal{opacity:0;transform:translateY(26px)}
.acx.js .reveal.in{opacity:1;transform:none}
.acx section{background:#F7FAFC;color:#0B1726}
.acx section.dark{background:linear-gradient(160deg,#10243A,#0B1726 70%);color:#F7FAFC}
.acx h1{color:#fff!important}
.acx h2{color:#0e7f7a!important}
.acx .dark h2{color:#44D7E8!important}
.acx h3{color:#0B1726}
.acx .art h3{color:#0e7f7a}
.acx .dark h3,.acx .dark .card h3{color:#fff!important}
.acx p,.acx li{color:inherit}
.acx .sub,.acx .card p,.acx .art p,.acx details p{color:#3f5266}
.acx .dark .sub,.acx .dark .card p{color:#b8c9d8}
.acx ol.steps li{color:#F7FAFC}
.acx summary{color:#0B1726}
.acx details{background:#fff}
.acx header,.acx header a,.acx header .logo b{color:#F7FAFC!important}
.acx header .logo small,.acx header nav a.on{color:#44D7E8!important}
.acx .tb,.acx .tb span{color:#cfe0ec}
.acx .tb a{color:#FF9F43!important}
.acx .hero,.acx .hero p{color:#fff!important}
.acx .btn-call,.acx .fc-call{color:#1a0f00!important;background:#FF9F43!important}
.acx .btn-wa{color:#F7FAFC!important}
.acx .btn-wa:hover{color:#0B1726!important}
.acx .fc-wa,.acx .fc-toggle{color:#fff!important}
.acx .tick,.acx .tick span{color:#06202b!important}
.acx .big{color:#FF9F43!important}
.acx .kw span{color:#0e7f7a}.acx .kw span:hover{color:#fff}
.acx footer,.acx footer a,.acx footer span{color:#b8c9d8}
.acx footer a:hover{color:#44D7E8}
@media (prefers-reduced-motion:reduce){.acx.js .reveal{opacity:1!important;transform:none!important}}

/* ===== Responsive: desktop / tablet / mobile ===== */
.acx .grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.acx .art{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.acx img,.acx svg{max-width:100%}
@media (max-width:980px){
.acx .burger{display:block}
.acx header nav{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;gap:0;background:rgba(7,16,25,.98);padding:.5rem 1.2rem 1rem;border-bottom:1px solid #1d3753}
.acx header nav a{padding:.85rem 0;border-bottom:1px solid #1d3753!important;font-size:1.05rem}
.acx header nav.open{display:flex;animation:drop .3s}
.acx header .btn-call{padding:.5rem 1rem;min-height:44px}
.acx .heroart{display:none}
}
@media (max-width:760px){.acx header .btn-call{display:none}.acx h1{max-width:100%}}
@media (min-width:761px) and (max-width:980px){.acx .fc-mobile{display:none}}
@media (max-width:380px){.acx .btn{width:100%}.acx .cta{flex-direction:column}.acx .wrap{width:calc(100% - 1.5rem)}}
@media (min-width:1500px){.acx .wrap{width:min(1240px,100% - 3rem)}}
@media (hover:none){.acx .card:hover,.acx .art article:hover{transform:none}}/* End custom CSS */