/*!
* Beeta Grow — global styles
* مستخرَج من قوالب الهيدر/الفوتر لتقليل حجم HTML والاستفادة من التخزين المؤقت (LiteSpeed + Cloudflare).
* لا تعدّل يدوياً من Elementor — عدّل هذا الملف.
*/
/* ===== from header block 1 ===== */
.bg-ico{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
/* ===== from header block 2 ===== */
/* ELEMENTOR WRAPPER CLEANUP - kill default section/column/widget padding */
.elementor-location-header,.elementor-location-footer,
.elementor section.elementor-section,
.elementor .elementor-column,
.elementor .elementor-widget-wrap,
.elementor .elementor-widget:not(:last-child){padding:0!important;margin:0!important}
.elementor .elementor-widget-html{padding:0!important;margin:0!important}
.elementor .elementor-column-gap-default > .elementor-column > .elementor-element-populated{padding:0!important}
.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%!important;padding:0!important;margin:0!important}
.elementor-widget:not(:last-child){margin-bottom:0!important}
/* Also target our page 8 wrappers */
body.page-id-8 .elementor-element,
body.page-id-8 .elementor-section,
body.page-id-8 .elementor-column,
body.page-id-8 .elementor-widget-wrap{padding:0!important;margin:0!important}
/* Ensure homepage body has no extra gaps between shortcode outputs */
body.page-id-8{line-height:0!important}
body.page-id-8 .bg-root,
body.page-id-8 .elementor-widget-wrap *{line-height:initial}
/* END CLEANUP */
/* BODY NAV OFFSET (single source of truth for fixed nav spacing) */
body{padding-top:64px!important}
body.admin-bar{padding-top:96px!important}
@media(max-width:900px){body{padding-top:60px!important}body.admin-bar{padding-top:106px!important}}
@media(max-width:782px) and (min-width:600px){body.admin-bar{padding-top:106px!important}}
/* Kill any leftover padding on .bg-root */
.bg-root{padding-top:0!important;margin-top:0!important}
/* Hero no longer needs its own top padding adjustment */
.bg-hero{padding-top:12px!important}
@media(max-width:768px){.bg-hero{padding-top:8px!important}}
/* THEME OVERRIDE - HIGHEST SPECIFICITY */
body.page-id-8{background:#030818!important;color:#E1E7EF!important;margin:0!important;padding:0!important;overflow-x:hidden!important}
> p:empty,> p:not([class]){display:none!important;margin:0!important;padding:0!important;height:0!important}
h1,h2,h3,h4,h5,h6{color:#E1E7EF!important;font-family:'Readex Pro','Tajawal',sans-serif!important}
p,li,a,span,div,label,summary{font-family:'Readex Pro','Tajawal',sans-serif!important}
a{text-decoration:none!important}
.bg-root *{box-sizing:border-box!important}
.bg-grad-green{background:linear-gradient(135deg,#39CCD3,#0197C2)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.bg-grad-cyan{background:linear-gradient(135deg,#39CCD3,#0197C2)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.bg-stat-num,.bg-price-num,.bg-big-num,.bg-metric-val{background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.bg-logo-icon{color:#030818!important}
.bg-btn-primary{color:#030818!important}
.bg-plan-badge{color:#030818!important}
.bg-test-avatar{color:#030818!important}
.bg-faq[open] summary::after{color:#030818!important}
/* HIDE ANY THEME LEFTOVERS ABOVE/BELOW */
.site-header,.site-footer,#masthead,#colophon{display:none!important}
/* CANVAS BACKGROUND */
.bg-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.65}
.bg-hero{background:#030818 radial-gradient(ellipse at center,rgba(57,204,211,.15),transparent 65%),radial-gradient(ellipse at 20% 30%,rgba(57,204,211,.1),transparent 50%)!important}
.bg-hero-inner{z-index:3!important}
/* ANIMATIONS */
@keyframes bg-float{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-15px)}}
@keyframes bg-glow{0%,100%{opacity:.5}50%{opacity:.9}}
@keyframes bg-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes bg-fadeup{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.bg-hero h1{animation:bg-fadeup .8s ease both}
.bg-hero .bg-lead{animation:bg-fadeup 1s .15s ease both}
.bg-hero-ctas{animation:bg-fadeup 1s .3s ease both}
.bg-stats{animation:bg-fadeup 1s .45s ease both}
.bg-badge{animation:bg-fadeup .6s ease both}
/* glowing orbs in hero */
.bg-hero::before{animation:bg-glow 6s ease-in-out infinite}
.bg-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(57,204,211,.35),transparent 70%);top:-100px;right:-100px;animation:bg-float 12s ease-in-out infinite}
.bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(57,204,211,.25),transparent 70%);bottom:-50px;left:-80px;animation:bg-float 10s ease-in-out infinite reverse}
/* HOVER CARDS GLOW */
.bg-pillar,.bg-svc,.bg-work,.bg-why-card,.bg-future,.bg-test,.bg-plan,.bg-step{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.bg-pillar:hover,.bg-svc:hover,.bg-work:hover,.bg-why-card:hover,.bg-future:hover,.bg-test:hover,.bg-plan:hover{box-shadow:0 20px 60px rgba(57,204,211,.08),0 0 0 1px rgba(57,204,211,.2)!important}
/* SHIMMER ON SECTION TITLES */
.bg-sec-title{position:relative}
/* PARALLAX-ISH */
.bg-sec{position:relative;z-index:2}
.bg-root{--bg:#030818;--card:#0A0F1A;--border:#1A2233;--text:#E1E7EF;--muted:#7588A3;--green:#39CCD3;--cyan:#39CCD3;--cyan-2:#0197C2;font-family:'Readex Pro','Tajawal',sans-serif;color:var(--text);background:var(--bg);direction:rtl;line-height:1.6;overflow-x:hidden}
.bg-root *,.bg-root *::before,.bg-root *::after{box-sizing:border-box}
.bg-root a{color:inherit;text-decoration:none}
.bg-root h1,.bg-root h2,.bg-root h3,.bg-root h4,.bg-root h5,.bg-root p{margin:0}
.bg-container{max-width:1280px;margin:0 auto;padding:0 24px}
/* NAV */
.bg-nav{position:sticky;top:0;z-index:50;background:rgba(3,4,7,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.bg-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.bg-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px}
.bg-logo-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);display:flex;align-items:center;justify-content:center;color:#030818;font-weight:900;font-size:20px}
.bg-logo span{color:var(--cyan)}
.bg-nav-links{display:flex;gap:28px;align-items:center}
.bg-nav-links a{color:var(--muted);font-weight:500;font-size:15px;transition:.2s}
.bg-nav-links a:hover{color:var(--text)}
.bg-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:.25s;border:1px solid transparent;font-family:inherit}
.bg-btn-primary{background:var(--cyan);color:#030818}
.bg-btn-primary:hover{background:#67E8F9;transform:translateY(-1px)}
.bg-btn-ghost{background:#0F1724;color:var(--text);border-color:var(--border)}
.bg-btn-ghost:hover{background:#1A2233}
@media (max-width:900px){.bg-nav-links{display:none}}
/* HERO */
.bg-hero{position:relative;padding:70px 0 56px;overflow:hidden;text-align:center}
.bg-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(57,204,211,.12),transparent 60%),radial-gradient(ellipse at 30% 40%,rgba(57,204,211,.08),transparent 50%);pointer-events:none}
.bg-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(57,204,211,.4) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(57,204,211,.3) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.2) 1px,transparent 1px);background-size:80px 80px,120px 120px,60px 60px;opacity:.5;pointer-events:none}
.bg-hero-inner{position:relative;z-index:2}
.bg-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid rgba(57,204,211,.3);background:rgba(57,204,211,.08);border-radius:100px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:28px}
.bg-hero h1{font-size:clamp(40px,7vw,88px);font-weight:900;line-height:1.08;letter-spacing:-2px;margin-bottom:28px}
.bg-grad-green{background:linear-gradient(135deg,#39CCD3,#0197C2);-webkit-background-clip:text;background-clip:text;color:transparent}
.bg-grad-cyan{background:linear-gradient(135deg,#39CCD3,#0197C2);-webkit-background-clip:text;background-clip:text;color:transparent}
.bg-hero p.bg-lead{font-size:19px;color:var(--muted);max-width:720px;margin:0 auto 40px;line-height:1.7}
.bg-hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}
.bg-stats{display:flex;gap:56px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.bg-stat-num{font-size:44px;font-weight:900;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.bg-stat-lbl{color:var(--muted);font-size:13px;letter-spacing:2px;margin-top:8px;text-transform:uppercase}
/* SECTION */
.bg-sec{padding:64px 0;position:relative;overflow:hidden}@media(max-width:768px){.bg-sec{padding:48px 0}}
.bg-sec-head{margin-bottom:44px;max-width:720px}
.bg-sec-head.center{text-align:center;margin-inline:auto}
.bg-sec-kicker{color:var(--cyan);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px}
.bg-sec-title{font-size:clamp(32px,5vw,56px);font-weight:900;line-height:1.15;letter-spacing:-1px;margin-bottom:18px}
.bg-sec-sub{color:var(--muted);font-size:17px;line-height:1.75}
/* PROBLEM */
.bg-problem{background:linear-gradient(180deg,transparent,rgba(239,68,68,.03),transparent)}
.bg-prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
@media (max-width:900px){.bg-prob-grid{grid-template-columns:1fr}}
.bg-prob-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;font-size:17px;color:var(--text);line-height:1.7}
.bg-prob-card::before{content:"";width:40px;height:40px;border-radius:10px;background:rgba(239,68,68,.1) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23F87171'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203%202%2020h20Z'/%3E%3Cpath%20d='M12%209v5'/%3E%3Cpath%20d='M12%2017h.01'/%3E%3C/svg%3E") center/24px 24px no-repeat;margin-bottom:18px}
.bg-prob-tag{display:inline-block;padding:14px 28px;border-radius:14px;background:linear-gradient(135deg,rgba(57,204,211,.15),rgba(57,204,211,.15));border:1px solid rgba(57,204,211,.3);color:var(--green);font-size:18px;font-weight:700;margin-top:20px}
/* SOLUTION PILLARS */
.bg-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.bg-pillars{grid-template-columns:1fr}}
.bg-pillar{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:36px;transition:.3s;position:relative;overflow:hidden}
.bg-pillar:hover{border-color:rgba(57,204,211,.4);transform:translateY(-4px)}
.bg-pillar-num{position:absolute;top:20px;left:28px;font-size:70px;font-weight:900;color:rgba(57,204,211,.08);line-height:1}
.bg-pillar-icon{width:52px;height:52px;border-radius:12px;background:rgba(57,204,211,.1);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px}
.bg-pillar h3{font-size:22px;font-weight:800;margin-bottom:12px}
.bg-pillar p{color:var(--muted);font-size:15px;line-height:1.7}
/* HOW WE WORK */
.bg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:900px){.bg-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.bg-steps{grid-template-columns:1fr}}
.bg-step{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;position:relative;transition:.3s}
.bg-step:hover{border-color:rgba(57,204,211,.3)}
.bg-step-n{font-size:14px;color:var(--green);font-weight:800;letter-spacing:3px;margin-bottom:14px}
.bg-step h4{font-size:19px;font-weight:800;margin-bottom:10px}
.bg-step p{color:var(--muted);font-size:14px;line-height:1.7}
/* SERVICES */
.bg-services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.bg-services{grid-template-columns:1fr}}
.bg-svc{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px;transition:.3s;position:relative}
.bg-svc:hover{border-color:var(--cyan);transform:translateY(-4px)}
.bg-svc-tag{position:absolute;top:24px;left:28px;font-size:11px;color:var(--cyan);letter-spacing:2px;font-weight:700}
.bg-svc-tag.green{color:var(--green)}
.bg-svc-tag.amber{color:#6467EE}
.bg-svc-icon{width:54px;height:54px;border-radius:12px;background:rgba(57,204,211,.1);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px}
.bg-svc h3{font-size:24px;font-weight:800;margin-bottom:14px}
.bg-svc>p{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:22px}
.bg-svc ul{list-style:none;padding:0;margin:0 0 24px}
.bg-svc li{padding:8px 0;color:var(--text);font-size:14.5px;position:relative;padding-right:18px}
.bg-svc li::before{content:"•";position:absolute;right:0;color:var(--cyan);font-weight:900}
.bg-more{color:var(--cyan);font-weight:700;font-size:14px;display:inline-flex;gap:6px;align-items:center}
/* PRICING */
.bg-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
@media (max-width:900px){.bg-pricing{grid-template-columns:1fr}}
.bg-plan{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px;display:flex;flex-direction:column;position:relative;transition:.3s}
.bg-plan:hover{transform:translateY(-4px)}
.bg-plan.popular{border-color:var(--cyan);background:linear-gradient(180deg,rgba(57,204,211,.08),var(--card))}
.bg-plan-badge{position:absolute;top:-12px;right:50%;transform:translateX(50%);background:var(--cyan);color:#030818;padding:6px 16px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:2px}
.bg-plan-name{font-size:14px;color:var(--muted);letter-spacing:3px;font-weight:700;margin-bottom:10px}
.bg-plan h3{font-size:28px;font-weight:900;margin-bottom:8px}
.bg-plan-desc{color:var(--muted);font-size:14.5px;margin-bottom:24px;min-height:48px}
.bg-price{display:flex;align-items:baseline;gap:8px;margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid var(--border)}
.bg-price-num{font-size:42px;font-weight:900;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);-webkit-background-clip:text;background-clip:text;color:transparent}
.bg-price-cur{color:var(--muted);font-size:14px;font-weight:600}
.bg-plan ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.bg-plan li{padding:9px 0;color:var(--text);font-size:14.5px;position:relative;padding-right:24px}
.bg-plan li::before{content:"";display:inline-block;width:.82em;height:.82em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M20%206%209%2017l-5-5'/%3E%3C/svg%3E")center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M20%206%209%2017l-5-5'/%3E%3C/svg%3E")center/contain no-repeat;position:absolute;right:0;color:var(--green);font-weight:900}
/* OUR WORK */
.bg-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media (max-width:900px){.bg-work-grid{grid-template-columns:1fr}}
.bg-work{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:.3s;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}
.bg-work:hover{border-color:var(--cyan);transform:translateY(-4px)}
.bg-work::before{content:"";position:absolute;top:0;left:0;width:140px;height:140px;background:radial-gradient(circle,rgba(57,204,211,.12),transparent 70%);pointer-events:none}
.bg-work-cat{font-size:11px;color:var(--green);letter-spacing:2px;font-weight:800;margin-bottom:14px}
.bg-work-cat.cyan{color:var(--cyan)}
.bg-work h3{font-size:26px;font-weight:800;margin-bottom:12px;line-height:1.25}
.bg-work>p{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:20px}
.bg-work-result{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(57,204,211,.1);border:1px solid rgba(57,204,211,.25);border-radius:100px;color:var(--green);font-weight:800;font-size:14px;align-self:flex-start}
/* WHY */
.bg-why{position:relative;background:linear-gradient(180deg,transparent,rgba(57,204,211,.03),transparent)}
.bg-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:50px}
@media (max-width:900px){.bg-why-grid{grid-template-columns:1fr}}
.bg-why-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:30px;transition:.3s}
.bg-why-card:hover{border-color:rgba(57,204,211,.3);transform:translateY(-3px)}
.bg-why-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(57,204,211,.15),rgba(57,204,211,.15));display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.bg-why-card h4{font-size:19px;font-weight:800;margin-bottom:10px}
.bg-why-card p{color:var(--muted);font-size:14.5px;line-height:1.7}
.bg-metrics{background:linear-gradient(135deg,rgba(57,204,211,.06),rgba(57,204,211,.06));border:1px solid var(--border);border-radius:20px;padding:36px;display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:40px;align-items:center}
@media (max-width:900px){.bg-metrics{grid-template-columns:repeat(2,1fr);gap:24px}}
.bg-metrics-head{display:flex;align-items:center;gap:12px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:2px}
.bg-metrics-head::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.4}}
.bg-metric-val{font-size:38px;font-weight:900;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.bg-metric-lbl{color:var(--muted);font-size:13px;margin-top:6px;letter-spacing:1.5px}
/* FUTURE */
.bg-future-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media (max-width:900px){.bg-future-grid{grid-template-columns:1fr}}
.bg-future{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px;position:relative;overflow:hidden;transition:.3s}
.bg-future:hover{border-color:rgba(57,204,211,.35)}
.bg-future::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(57,204,211,.05));pointer-events:none}
.bg-future-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:100px;background:rgba(100,103,238,.1);border:1px solid rgba(100,103,238,.3);color:#6467EE;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:16px}
.bg-future-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#6467EE;animation:pulse 2s infinite}
.bg-future-icon{font-size:36px;margin-bottom:14px}
.bg-future h4{font-size:22px;font-weight:800;margin-bottom:10px}
.bg-future p{color:var(--muted);font-size:15px;line-height:1.7}
/* TESTIMONIALS */
.bg-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:900px){.bg-test-grid{grid-template-columns:1fr}}
.bg-test{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px;position:relative;transition:.3s;display:flex;flex-direction:column}
.bg-test:hover{border-color:var(--cyan)}
.bg-test::before{content:"“";position:absolute;top:10px;left:24px;font-size:80px;color:rgba(57,204,211,.15);line-height:1;font-family:serif}
.bg-test-stars{color:#6467EE;margin-bottom:14px;font-size:14px;letter-spacing:2px}
.bg-test-quote{color:var(--text);font-size:15.5px;line-height:1.8;margin-bottom:24px;flex:1}
.bg-test-author{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--border)}
.bg-test-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);display:flex;align-items:center;justify-content:center;color:#030818;font-weight:900;font-size:16px;flex-shrink:0}
.bg-test-name{font-weight:800;font-size:15px}
.bg-test-role{color:var(--muted);font-size:13px;margin-top:2px}
/* ABOUT */
.bg-about-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
@media (max-width:900px){.bg-about-wrap{grid-template-columns:1fr}}
.bg-about-box{background:linear-gradient(135deg,rgba(57,204,211,.08),rgba(57,204,211,.08));border:1px solid var(--border);border-radius:20px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bg-big-num{font-size:56px;font-weight:900;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.bg-big-lbl{color:var(--muted);font-size:14px;margin-top:10px;font-weight:600}
.bg-sectors{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.bg-sec-chip{padding:6px 14px;background:var(--card);border:1px solid var(--border);border-radius:100px;font-size:13px;color:var(--muted)}
/* FAQ */
.bg-faq-list{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.bg-faq{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.25s}
.bg-faq[open]{border-color:rgba(57,204,211,.4);background:linear-gradient(180deg,rgba(57,204,211,.04),var(--card))}
.bg-faq summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:700;font-size:16.5px;color:var(--text);transition:.2s}
.bg-faq summary::-webkit-details-marker{display:none}
.bg-faq summary:hover{color:var(--cyan)}
.bg-faq summary::after{content:"+";width:32px;height:32px;border-radius:8px;background:rgba(57,204,211,.1);color:var(--cyan);font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.25s}
.bg-faq[open] summary::after{content:"−";transform:rotate(180deg);background:var(--cyan);color:#030818}
.bg-faq-body{padding:0 26px 24px;color:var(--muted);font-size:15px;line-height:1.85}
/* CTA */
.bg-cta{background:linear-gradient(135deg,rgba(57,204,211,.1),rgba(57,204,211,.1));border:1px solid var(--border);border-radius:24px;padding:64px 40px;text-align:center;position:relative;overflow:hidden}
.bg-cta h2{font-size:clamp(28px,4vw,44px);font-weight:900;margin-bottom:16px}
.bg-cta p{color:var(--muted);font-size:17px;margin-bottom:30px;max-width:600px;margin-inline:auto}
/* CONTACT */
.bg-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}
@media (max-width:900px){.bg-contact-grid{grid-template-columns:1fr}}
.bg-contact-info{padding-top:10px}
.bg-contact-feat{display:flex;gap:14px;padding:16px 0;align-items:flex-start}
.bg-feat-icon{width:40px;height:40px;border-radius:10px;background:rgba(57,204,211,.1);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.bg-feat h4{font-weight:800;margin-bottom:4px;font-size:16px}
.bg-feat p{color:var(--muted);font-size:14px;line-height:1.6}
.bg-form{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px}
.bg-field{margin-bottom:16px}
.bg-field label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:600}
.bg-field input,.bg-field select,.bg-field textarea{width:100%;padding:13px 16px;background:#0F1724;border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:15px;transition:.2s}
.bg-field input:focus,.bg-field select:focus,.bg-field textarea:focus{outline:0;border-color:var(--cyan);background:#0A1420}
.bg-field textarea{min-height:110px;resize:vertical}
/* FOOTER */
.bg-footer{border-top:1px solid var(--border);padding:44px 0 24px;margin-top:0;background:#020306}
.bg-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media (max-width:800px){.bg-foot-grid{grid-template-columns:1fr 1fr}}
.bg-foot-about{color:var(--muted);font-size:14.5px;line-height:1.8;margin-top:14px}
.bg-foot-col h5{font-size:14px;font-weight:800;margin-bottom:16px;letter-spacing:1px}
.bg-foot-col a{display:block;color:var(--muted);font-size:14px;padding:6px 0;transition:.2s}
.bg-foot-col a:hover{color:var(--cyan)}
.bg-foot-bot{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px}
/* ====== WPFORMS DARK THEME OVERRIDE ====== */
.bg-wpforms-wrap{background:#0A0F1A;border:1px solid #1A2233;border-radius:20px;padding:32px}
.wpforms-container{max-width:none!important;margin:0!important;color:#E1E7EF!important;font-family:'Readex Pro','Tajawal',sans-serif!important}
.wpforms-container *{font-family:'Readex Pro','Tajawal',sans-serif!important;direction:rtl!important}
.wpforms-container .wpforms-form{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
.wpforms-field{padding:0 0 16px!important;border:0!important;margin:0!important}
.wpforms-field-label,
.wpforms-container .wpforms-field-label{display:block!important;font-size:13px!important;color:#7588A3!important;margin-bottom:8px!important;font-weight:600!important;text-align:right!important;padding:0!important}
.wpforms-required-label,
.wpforms-container label.wpforms-error{color:#F87171!important;font-size:12px!important;font-weight:700!important;margin-right:4px!important}
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="number"],
.wpforms-field input[type="url"],
.wpforms-field select,
.wpforms-field textarea{width:100%!important;padding:13px 16px!important;background:#0F1724!important;border:1px solid #1A2233!important;border-radius:10px!important;color:#E1E7EF!important;font-family:'Readex Pro','Tajawal',sans-serif!important;font-size:15px!important;transition:.2s!important;box-shadow:none!important;text-align:right!important;direction:rtl!important;height:auto!important;line-height:1.5!important}
.wpforms-field input::placeholder,
.wpforms-field textarea::placeholder{color:#4A5A74!important;opacity:1!important}
.wpforms-field input:focus,
.wpforms-field select:focus,
.wpforms-field textarea:focus{outline:0!important;border-color:#39CCD3!important;background:#0A1420!important;box-shadow:0 0 0 3px rgba(57,204,211,.12)!important}
.wpforms-field textarea{min-height:120px!important;resize:vertical!important}
.wpforms-field select{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml;utf8,")!important;background-repeat:no-repeat!important;background-position:left 16px center!important;padding-left:40px!important}
.wpforms-field select option{background:#0F1724!important;color:#E1E7EF!important}
/* Phone field special */
.wpforms-field-phone .iti,
.wpforms-field-phone .iti__flag-container{direction:ltr!important}
.wpforms-field-phone .iti--allow-dropdown input.wpforms-field-medium,
.wpforms-field-phone .iti--allow-dropdown input.wpforms-field-large{padding-right:52px!important;padding-left:16px!important;text-align:right!important;direction:ltr!important}
.wpforms-field-phone .iti__selected-flag{background:#0B1220!important;border-radius:10px 0 0 10px!important}
.wpforms-field-phone .iti__country-list{background:#0A0F1A!important;border:1px solid #1A2233!important;color:#E1E7EF!important}
.wpforms-field-phone .iti__country:hover,
.wpforms-field-phone .iti__country.iti__highlight{background:#1A2233!important}
/* Submit button */
.wpforms-submit-container{padding:8px 0 0!important;margin:8px 0 0!important;text-align:center!important}
.wpforms-submit,
button.wpforms-submit,
.wpforms-container button[type="submit"]{background:#39CCD3!important;color:#030818!important;font-family:'Readex Pro','Tajawal',sans-serif!important;font-weight:800!important;font-size:16px!important;padding:15px 28px!important;border:0!important;border-radius:12px!important;cursor:pointer!important;width:100%!important;transition:.25s!important;box-shadow:0 4px 20px rgba(57,204,211,.25)!important;text-shadow:none!important;letter-spacing:.5px!important}
.wpforms-submit:hover,
button.wpforms-submit:hover{background:#67E8F9!important;transform:translateY(-1px)!important;box-shadow:0 6px 24px rgba(57,204,211,.35)!important}
/* Error messages */
.wpforms-error-container,
.wpforms-field .wpforms-error,
label.wpforms-error{color:#F87171!important;background:rgba(239,68,68,.08)!important;border:1px solid rgba(239,68,68,.2)!important;padding:8px 12px!important;border-radius:8px!important;font-size:13px!important;margin-top:6px!important;display:block!important;text-align:right!important}
.wpforms-field input.wpforms-error,
.wpforms-field select.wpforms-error,
.wpforms-field textarea.wpforms-error{border-color:#F87171!important;background:rgba(239,68,68,.04)!important}
/* Success / confirmation */
.wpforms-confirmation-container-full,
div.wpforms-confirmation-container-full{background:linear-gradient(135deg,rgba(57,204,211,.12),rgba(57,204,211,.12))!important;border:1px solid rgba(57,204,211,.3)!important;border-radius:16px!important;padding:28px!important;color:#E1E7EF!important;text-align:center!important;font-size:16px!important;line-height:1.8!important}
.wpforms-confirmation-container-full p{color:#E1E7EF!important;margin:0!important}
.wpforms-confirmation-container-full::before{content:"";display:inline-block;width:.82em;height:.82em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M20%206%209%2017l-5-5'/%3E%3C/svg%3E")center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M20%206%209%2017l-5-5'/%3E%3C/svg%3E")center/contain no-repeat!important;display:block!important;width:56px!important;height:56px!important;border-radius:50%!important;background:#39CCD3!important;color:#030818!important;font-size:28px!important;font-weight:900!important;line-height:56px!important;margin:0 auto 16px!important}
/* Loading spinner */
.wpforms-submit-spinner{filter:invert(1) brightness(2)!important}
/* Processing state */
.wpforms-submit:disabled{opacity:.7!important;cursor:wait!important}
/* Fix any ltr leftovers */
.wpforms-field-sublabel{color:#7588A3!important;font-size:12px!important}
/* ===== GRADIENT DIVIDERS BETWEEN SECTIONS ===== */
.bg-divider{position:relative;height:60px;display:flex;align-items:center;justify-content:center;margin:0;pointer-events:none}
.bg-divider::before{content:"";position:absolute;left:15%;right:15%;top:50%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(57,204,211,.35) 30%,rgba(57,204,211,.5) 50%,rgba(57,204,211,.35) 70%,transparent 100%)}
.bg-divider::after{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);box-shadow:0 0 24px rgba(57,204,211,.7),0 0 10px rgba(57,204,211,.5);position:relative;z-index:1}
@media(max-width:768px){.bg-divider{height:44px}.bg-divider::before{left:8%;right:8%}}
/* ===== SECTION BACKGROUND PATTERNS (LIGHTWEIGHT / GPU-ONLY) ===== */
/* Reusable SVG dot grid via data URI - no HTTP request */
.bg-pattern-dots::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,");pointer-events:none;z-index:0;opacity:.6;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%)}
.bg-pattern-grid::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(57,204,211,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(57,204,211,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%)}
.bg-pattern-lines::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 40px,rgba(57,204,211,.035) 40px,rgba(57,204,211,.035) 41px);pointer-events:none;z-index:0}
.bg-pattern-rings::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(57,204,211,.08),transparent 35%),radial-gradient(circle at 85% 80%,rgba(57,204,211,.07),transparent 40%);pointer-events:none;z-index:0}
.bg-pattern-wave::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(57,204,211,.06),transparent 70%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(57,204,211,.05),transparent 70%);pointer-events:none;z-index:0}
.bg-pattern-glow::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(57,204,211,.05),transparent 60%);pointer-events:none;z-index:0}
/* Ensure content stays above patterns */
.bg-sec > .bg-container{position:relative;z-index:2}
/* Mobile: disable complex masks for perf */
@media(max-width:768px){
.bg-pattern-dots::before,.bg-pattern-grid::before{mask-image:none;opacity:.3}
.bg-pattern-lines::before{opacity:.5}
}
/* Reduce-motion: kill background animations */
@media(prefers-reduced-motion:reduce){
.bg-orb-1,.bg-orb-2,.bg-hero::before{animation:none!important}
}
/* ===== FIXED NAV OVERRIDE ===== */
.bg-root{overflow-x:visible!important;overflow-y:visible!important}
.bg-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important;background:rgba(3,4,7,.92)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;border-bottom:1px solid rgba(26,34,51,.6)!important;box-shadow:0 2px 24px rgba(0,0,0,.3)!important}
/* Admin bar offset (only when logged in) */
.admin-bar .bg-nav{top:32px!important}
@media(max-width:782px){.admin-bar .bg-nav{top:46px!important}}
/* Mobile nav - smaller padding */
@media(max-width:900px){
.bg-nav-inner{padding:12px 0!important}
.bg-logo{font-size:18px!important}
.bg-logo-icon{width:32px!important;height:32px!important;font-size:16px!important}
.bg-btn{padding:9px 16px!important;font-size:13px!important}
}
/* Prevent the line: ensure hero sits flush below nav */
.bg-hero{padding-top:40px!important}
@media(max-width:768px){.bg-hero{padding-top:32px!important}}
/* Smooth anchor scroll offset for fixed nav */
section[id]{scroll-margin-top:90px}
/* ===== GRADIENT DIVIDER AT END OF EACH SECTION ===== */
/* Bound to the section's actual bottom - line always at real boundary */
.bg-hero,
.bg-sec{position:relative}
.bg-hero::after,
.bg-sec:not(:last-of-type)::after{
content:""!important;
position:absolute!important;
bottom:0!important;
left:50%!important;
transform:translateX(-50%)!important;
width:70%!important;
max-width:1000px!important;
height:1px!important;
background:linear-gradient(90deg,transparent 0%,rgba(57,204,211,.35) 25%,rgba(57,204,211,.55) 50%,rgba(57,204,211,.35) 75%,transparent 100%)!important;
pointer-events:none!important;
z-index:5!important;
opacity:1!important;
background-image:linear-gradient(90deg,transparent 0%,rgba(57,204,211,.35) 25%,rgba(57,204,211,.55) 50%,rgba(57,204,211,.35) 75%,transparent 100%)!important;
animation:none!important
}
/* Glowing dot in the center of each divider line */
.bg-hero,
.bg-sec:not(:last-of-type){}
/* Use a helper span class via CSS variables - add dot as separate ::before on nav-less sections */
@media(max-width:768px){
.bg-hero::after,
.bg-sec:not(:last-of-type)::after{width:85%!important}
}
/* Restore hero's original before/after gradients by using different selectors */
/* The hero had .bg-hero::before and .bg-hero::after for visual effects - those were from .bg-root .bg-hero
Now we're overriding ::after with the divider. To preserve the particle look, we keep ::before */
.bg-hero::before{
content:""!important;
position:absolute!important;
inset:0!important;
background:radial-gradient(ellipse at center,rgba(57,204,211,.12),transparent 60%),radial-gradient(ellipse at 30% 40%,rgba(57,204,211,.08),transparent 50%)!important;
pointer-events:none!important;
z-index:1!important;
animation:bg-glow 6s ease-in-out infinite!important
}
/* ===== SOCIAL ICONS ===== */
.bg-social{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.bg-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#0F1724;border:1px solid #1A2233;color:#7588A3;transition:.25s;padding:0!important}
.bg-social a:hover{background:linear-gradient(135deg,rgba(57,204,211,.15),rgba(57,204,211,.15));border-color:rgba(57,204,211,.4);color:#39CCD3;transform:translateY(-2px);box-shadow:0 8px 20px rgba(57,204,211,.15)}
.bg-social svg{width:18px;height:18px;display:block}
.bg-social .bg-social-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ===== SOCIAL ICONS AS ROW IN CONTACT COLUMN ===== */
.bg-foot-col .bg-social{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;margin-top:16px!important;padding:0!important}
.bg-foot-col .bg-social a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:10px!important;background:#0F1724!important;border:1px solid #1A2233!important;color:#7588A3!important;transition:.25s!important;padding:0!important;flex-shrink:0!important}
.bg-foot-col .bg-social a:hover{background:linear-gradient(135deg,rgba(57,204,211,.15),rgba(57,204,211,.15))!important;border-color:rgba(57,204,211,.4)!important;color:#39CCD3!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(57,204,211,.15)!important}
.bg-foot-col .bg-social svg{width:16px!important;height:16px!important;display:block!important}.bg-nav-toggle{display:none;background:transparent;border:0;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;position:relative;z-index:10001;margin-right:auto}.bg-nav-toggle span{display:block;width:24px;height:2px;background:#E1E7EF;border-radius:2px;transition:.3s}.bg-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.bg-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.bg-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.bg-nav-drawer{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:99999!important;opacity:0;visibility:hidden;transition:opacity .3s;pointer-events:none}.bg-nav-drawer.open{opacity:1;visibility:visible;pointer-events:auto}.bg-nav-drawer-backdrop{position:absolute;inset:0;background:rgba(3,4,7,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.bg-nav-drawer-inner{position:absolute;top:0;right:0;bottom:0;height:100vh;height:100dvh;width:85vw;max-width:360px;background:#050810;border-left:1px solid #1A2233;padding:64px 22px 24px;display:flex;flex-direction:column;gap:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-10px 0 40px rgba(0,0,0,.6)}.bg-nav-drawer.open .bg-nav-drawer-inner{transform:translateX(0)}.bg-nav-drawer-close{position:absolute;top:14px;left:14px;width:40px;height:40px;background:#0F1724;border:1px solid #1A2233;border-radius:10px;color:#E1E7EF;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.2s;z-index:2}.bg-nav-drawer-close:hover{background:#1A2233;color:#39CCD3}.bg-nav-drawer-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:#E1E7EF!important;text-decoration:none!important;margin-bottom:24px;flex-shrink:0}.bg-nav-drawer-logo .bg-logo-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);display:flex;align-items:center;justify-content:center;color:#030818!important;font-weight:900;font-size:18px;flex-shrink:0}.bg-nav-drawer-logo > span:not(.bg-logo-icon){color:#39CCD3}.bg-nav-drawer-links{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.bg-nav-drawer-links a{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0A0F1A;border:1px solid #1A2233;border-radius:12px;color:#E1E7EF!important;font-weight:700;font-size:15.5px;text-decoration:none!important;transition:.2s;font-family:'Readex Pro','Tajawal',sans-serif!important}.bg-nav-drawer-links a:hover,.bg-nav-drawer-links a:active{background:linear-gradient(135deg,rgba(57,204,211,.1),rgba(57,204,211,.05));border-color:rgba(57,204,211,.35);color:#39CCD3!important}.bg-nav-drawer-links a span{font-size:20px;line-height:1}.bg-nav-drawer-cta{width:100%!important;justify-content:center!important;padding:14px!important;font-size:15px!important;margin-bottom:14px!important;display:flex!important}.bg-nav-drawer-wa{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:14px 16px!important;background:linear-gradient(135deg,rgba(37,211,102,.12),rgba(30,190,93,.08))!important;border:1px solid rgba(37,211,102,.4)!important;border-radius:12px;color:#25D366!important;font-weight:700;font-size:14.5px;text-decoration:none!important;transition:.2s;font-family:'Readex Pro','Tajawal',sans-serif!important}.bg-nav-drawer-wa:hover{background:linear-gradient(135deg,rgba(37,211,102,.2),rgba(30,190,93,.12))!important;border-color:#25D366!important}@media(max-width:900px){.bg-nav-links,.bg-nav-cta{display:none!important}.bg-nav-toggle{display:flex!important}}@media(min-width:901px){.bg-nav-drawer,.bg-nav-toggle{display:none!important}}html[lang="en-US"] body,html[lang="en"] body,html[lang*="en"] body.translatepress-en_US,html[lang*="en"] body{font-family:'Readex Pro','Inter',sans-serif!important;direction:ltr!important}html[lang*="en"] .bg-root{font-family:'Readex Pro','Inter',sans-serif!important;direction:ltr!important}html[lang*="en"] .bg-root *{font-family:'Readex Pro','Inter',sans-serif!important}html[lang*="en"] .bg-root h1,html[lang*="en"] .bg-root h2,html[lang*="en"] .bg-root h3,html[lang*="en"] .bg-root h4,html[lang*="en"] .bg-root h5,html[lang*="en"] .bg-root h6{letter-spacing:-.02em}
/* LTR flip for bullet lists */
html[lang*="en"] .bg-pkg-sec-list li,html[lang*="en"] .bg-dg-svc-list li,html[lang*="en"] .bg-svc ul li,html[lang*="en"] .bg-plan ul li{padding:6px 0 6px 32px!important;text-align:left!important}
html[lang*="en"] .bg-pkg-sec-list li::before,html[lang*="en"] .bg-dg-svc-list li::before,html[lang*="en"] .bg-svc ul li::before,html[lang*="en"] .bg-plan ul li::before{right:auto!important;left:4px!important}
html[lang*="en"] .bg-pkg-value li{padding:4px 0 4px 34px!important;text-align:left!important}
html[lang*="en"] .bg-pkg-value li::before{right:auto!important;left:4px!important}
/* Mobile drawer slides from left in English */
html[lang*="en"] .bg-nav-drawer-inner{right:auto!important;left:0!important;border-left:0!important;border-right:1px solid #1A2233!important;transform:translateX(-100%)!important}
html[lang*="en"] .bg-nav-drawer.open .bg-nav-drawer-inner{transform:translateX(0)!important}
html[lang*="en"] .bg-nav-drawer-close{left:auto!important;right:16px!important}
html[lang*="en"] .bg-nav-drawer-links a:hover{transform:translateX(3px)!important}
/* Floating WA button (was bottom-left for RTL) move to bottom-right for English */
html[lang*="en"] .bg-wa-float{left:auto!important;right:24px!important}
@media(max-width:600px){html[lang*="en"] .bg-wa-float{right:20px!important;left:auto!important}}
/* Nav links hover slide direction */
html[lang*="en"] .bg-foot-col a:hover{transform:translateX(3px)!important}
/* Headings stay centered but text-align inherits LTR */
html[lang*="en"] .bg-root p,html[lang*="en"] .bg-root li,html[lang*="en"] .bg-root .bg-pkg-tagline,html[lang*="en"] .bg-root .bg-ab-sub,html[lang*="en"] .bg-root .bg-lead{text-align:inherit}
/* Price display direction */
html[lang*="en"] .bg-pkg-price,html[lang*="en"] .bg-pkg-price-unit{direction:ltr!important;text-align:center!important}
/* Contact quick cards phone number LTR */
html[lang*="en"] .bg-ct-card-val{direction:ltr!important}
/* ============== LANGUAGE SWITCHER ============== */
.bg-lang-switch{display:flex;align-items:center;gap:4px;background:#0F1724;border:1px solid #1A2233;border-radius:100px;padding:3px;font-family:'Readex Pro','Inter',sans-serif!important;position:relative}
.bg-lang-switch a{display:flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:100px;font-weight:700;font-size:13px;color:#7588A3!important;text-decoration:none!important;transition:.25s;letter-spacing:.5px;line-height:1}
.bg-lang-switch a:hover{color:#E1E7EF!important}
.bg-lang-switch a.active{background:linear-gradient(135deg,#39CCD3,#0197C2);color:#030818!important;box-shadow:0 2px 10px rgba(57,204,211,.3)}
@media(max-width:900px){.bg-nav-inner .bg-lang-switch{display:none!important}.bg-lang-switch-mobile{display:flex!important;margin-top:18px;padding-top:18px;border-top:1px solid #1A2233;justify-content:center}}
@media(min-width:901px){.bg-lang-switch-mobile{display:none!important}}.bg-logo.bg-logo-img{display:inline-flex;align-items:center;padding:0;gap:0}.bg-logo.bg-logo-img img{height:44px;width:auto;display:block;object-fit:contain}.bg-nav-drawer-logo.bg-logo-img{display:inline-flex;align-items:center;padding:0;margin-bottom:30px}.bg-nav-drawer-logo.bg-logo-img img{height:48px;width:auto;display:block;object-fit:contain}@media(max-width:600px){.bg-logo.bg-logo-img img{height:38px}}.bg-logo.bg-logo-img{display:inline-flex;align-items:center;padding:0;gap:0}.bg-logo.bg-logo-img img{height:68px;width:auto;display:block;object-fit:contain}.bg-nav-drawer-logo.bg-logo-img{display:inline-flex;align-items:center;padding:0;margin-bottom:30px}.bg-nav-drawer-logo.bg-logo-img img{height:56px;width:auto;display:block;object-fit:contain}@media(max-width:900px){.bg-logo.bg-logo-img img{height:52px}}@media(max-width:600px){.bg-logo.bg-logo-img img{height:44px}}/*BRAND-WPFORMS-START*//* ——— Labels ——— */.wpforms-container label,.wpforms-container .wpforms-field-label{color:#E1E7EF!important;font-weight:700!important;font-size:15px!important;margin-bottom:8px!important;display:block!important;font-family:'Readex Pro','Tajawal',sans-serif!important}.wpforms-container .wpforms-required-label{color:#39CCD3!important;margin-right:4px}/* ——— Inputs / Textareas / Select ——— */.wpforms-container input[type="text"],.wpforms-container input[type="email"],.wpforms-container input[type="tel"],.wpforms-container input[type="url"],.wpforms-container input[type="number"],.wpforms-container select,.wpforms-container textarea{background:linear-gradient(135deg,rgba(10,15,26,.65),rgba(3,8,24,.45))!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1.5px solid rgba(57,204,211,.22)!important;border-radius:14px!important;color:#E1E7EF!important;padding:14px 18px!important;font-size:15.5px!important;font-family:'Readex Pro','Tajawal',sans-serif!important;transition:.25s cubic-bezier(.22,.61,.36,1)!important;width:100%!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}.wpforms-container input::placeholder,.wpforms-container textarea::placeholder{color:#7588A3!important;opacity:.85!important}.wpforms-container input:focus,.wpforms-container textarea:focus,.wpforms-container select:focus{outline:none!important;border-color:#39CCD3!important;box-shadow:0 0 0 3px rgba(57,204,211,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;background:linear-gradient(135deg,rgba(10,15,26,.8),rgba(3,8,24,.6))!important}.wpforms-container textarea{min-height:130px!important;resize:vertical!important}.wpforms-container select{cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml;utf8,")!important;background-repeat:no-repeat!important;background-position:left 18px center!important;padding-left:44px!important}html[lang*="en"] .wpforms-container select{background-position:right 18px center!important;padding-left:18px!important;padding-right:44px!important}/* ——— Phone intl field ——— */.wpforms-container .iti input{background:transparent!important;border:0!important;padding:14px 18px!important}.wpforms-container .iti{display:block!important;width:100%!important;background:linear-gradient(135deg,rgba(10,15,26,.65),rgba(3,8,24,.45))!important;backdrop-filter:blur(10px)!important;border:1.5px solid rgba(57,204,211,.22)!important;border-radius:14px!important;transition:.25s!important}.wpforms-container .iti:focus-within{border-color:#39CCD3!important;box-shadow:0 0 0 3px rgba(57,204,211,.18)!important}.wpforms-container .iti__selected-flag{background:rgba(57,204,211,.08)!important;border-radius:14px 0 0 14px!important;padding:0 14px!important}html[lang*="en"] .wpforms-container .iti__selected-flag{border-radius:0 14px 14px 0!important}.wpforms-container .iti__country-list{background:#0A0F1A!important;border:1px solid rgba(57,204,211,.2)!important;border-radius:14px!important;color:#E1E7EF!important;max-height:260px!important;overflow-y:auto!important}.wpforms-container .iti__country-list .iti__country:hover{background:rgba(57,204,211,.1)!important}.wpforms-container .iti__country-list .iti__country.iti__highlight{background:rgba(57,204,211,.18)!important}/* ——— Submit button — pill with official 3-color gradient ——— */.wpforms-container button[type="submit"],.wpforms-container .wpforms-submit{background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2)!important;background-size:200% 200%!important;background-position:0% 50%!important;color:#030818!important;font-weight:800!important;font-size:17px!important;font-family:'Readex Pro','Tajawal',sans-serif!important;border:0!important;border-radius:999px!important;padding:16px 42px!important;cursor:pointer!important;transition:.3s cubic-bezier(.22,.61,.36,1)!important;box-shadow:0 8px 28px rgba(57,204,211,.3),inset 0 1px 0 rgba(255,255,255,.25)!important;letter-spacing:.3px!important;min-width:200px!important;text-transform:none!important}.wpforms-container button[type="submit"]:hover,.wpforms-container .wpforms-submit:hover{background-position:100% 50%!important;transform:translateY(-2px)!important;box-shadow:0 14px 40px rgba(100,103,238,.42),inset 0 1px 0 rgba(255,255,255,.3)!important}.wpforms-container button[type="submit"]:active{transform:translateY(0)!important}/* ——— Error messages — soft red glassmorphism ——— */.wpforms-container .wpforms-error,.wpforms-container label.wpforms-error{color:#F87171!important;background:rgba(248,113,113,.08)!important;backdrop-filter:blur(6px)!important;border:1px solid rgba(248,113,113,.28)!important;border-radius:10px!important;padding:8px 12px!important;font-size:13.5px!important;margin-top:6px!important;font-weight:600!important}.wpforms-container input.wpforms-error,.wpforms-container textarea.wpforms-error,.wpforms-container select.wpforms-error{border-color:rgba(248,113,113,.5)!important;box-shadow:0 0 0 3px rgba(248,113,113,.1)!important}/* ——— Success message — cyan gradient with check icon ——— */.wpforms-confirmation-container,.wpforms-confirmation-container-full{background:linear-gradient(135deg,rgba(100,103,238,.12),rgba(57,204,211,.12),rgba(1,151,194,.1))!important;backdrop-filter:blur(14px)!important;border:1.5px solid rgba(57,204,211,.35)!important;border-radius:22px!important;padding:28px 32px!important;color:#E1E7EF!important;font-weight:600!important;position:relative!important;padding-right:72px!important;box-shadow:0 10px 36px rgba(57,204,211,.15)!important}html[lang*="en"] .wpforms-confirmation-container{padding-right:32px!important;padding-left:72px!important}.wpforms-confirmation-container::before{content:"";display:inline-block;width:.82em;height:.82em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M20%206%209%2017l-5-5'/%3E%3C/svg%3E")center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M20%206%209%2017l-5-5'/%3E%3C/svg%3E")center/contain no-repeat;position:absolute;top:50%;right:28px;transform:translateY(-50%);width:40px;height:40px;background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2);color:#030818;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;box-shadow:0 4px 14px rgba(57,204,211,.5)}html[lang*="en"] .wpforms-confirmation-container::before{right:auto;left:28px}/* ——— Field spacing ——— */.wpforms-container .wpforms-field{margin-bottom:22px!important;padding:0!important}.wpforms-container .wpforms-field-description{color:#7588A3!important;font-size:13px!important;margin-top:6px!important}/* ——— Form container itself ——— */.wpforms-container{font-family:'Readex Pro','Tajawal',sans-serif!important}.wpforms-container *{font-family:'Readex Pro','Tajawal',sans-serif!important}/*BRAND-WPFORMS-END*//*BRAND-VISUAL-START*//* ——— Glassmorphism on key cards ——— */.bg-pricing-card,.bg-service-card,.bg-value-card,.bg-stat-card,.bg-why-card,.bg-future-card,.bg-channel-card,.bg-result-card,.bg-tool-card,.bg-process-card,.bg-feature-card,.bg-contact-card,.bg-addon-card,.bg-compare-card,.bg-faq,.bg-engine-card,.bg-usecase-card{background:linear-gradient(135deg,rgba(10,15,26,.7),rgba(3,8,24,.55))!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;border:1px solid rgba(57,204,211,.18)!important;border-radius:22px!important;box-shadow:0 8px 32px rgba(3,8,24,.45),inset 0 1px 0 rgba(255,255,255,.04)!important}.bg-pricing-card:hover,.bg-service-card:hover,.bg-value-card:hover,.bg-why-card:hover,.bg-future-card:hover,.bg-channel-card:hover,.bg-result-card:hover,.bg-feature-card:hover,.bg-contact-card:hover,.bg-addon-card:hover,.bg-engine-card:hover,.bg-usecase-card:hover{border-color:rgba(57,204,211,.38)!important;box-shadow:0 14px 40px rgba(1,151,194,.18),0 0 0 1px rgba(57,204,211,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;transform:translateY(-4px)!important}/* ——— Pill CTAs (capsule shape) ——— */.bg-btn,.bg-btn-primary,.bg-btn-secondary,.bg-nav-cta,.bg-hero-cta,.bg-hero-cta-primary,.bg-hero-cta-secondary,.bg-cta-btn,.bg-section-cta a,.wpforms-submit{border-radius:999px!important;padding:14px 32px!important;font-weight:700!important;letter-spacing:.2px!important;transition:.25s cubic-bezier(.22,.61,.36,1)!important}.bg-btn-primary,.bg-hero-cta-primary,.bg-section-cta a:first-child,.wpforms-submit{background:linear-gradient(135deg,#6467EE,#39CCD3,#0197C2)!important;background-size:200% 200%!important;background-position:0% 50%!important;color:#030818!important;border:0!important;box-shadow:0 6px 24px rgba(57,204,211,.28),inset 0 1px 0 rgba(255,255,255,.2)!important}.bg-btn-primary:hover,.bg-hero-cta-primary:hover,.wpforms-submit:hover{background-position:100% 50%!important;transform:translateY(-2px)!important;box-shadow:0 10px 34px rgba(100,103,238,.4),inset 0 1px 0 rgba(255,255,255,.25)!important}/* ——— Nav: keep its original fixed positioning — only tune its border/shadow ——— */.bg-nav{border-radius:0!important;border-bottom:0!important;box-shadow:none!important}.bg-nav::before,.bg-nav::after{content:none!important;display:none!important}/* Remove any section border-radius that creates gaps */.bg-section{border-radius:0!important}.bg-section::before{border-radius:0!important}.wpforms-container input[type="text"],.wpforms-container input[type="email"],.wpforms-container input[type="tel"],.wpforms-container select,.wpforms-container textarea{border-radius:14px!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;background:rgba(10,15,26,.6)!important;border:1px solid rgba(57,204,211,.2)!important}.wpforms-container input:focus,.wpforms-container textarea:focus,.wpforms-container select:focus{border-color:#39CCD3!important;box-shadow:0 0 0 3px rgba(57,204,211,.15)!important}/* ——— WhatsApp button stays green (user decision) but gets pill shape ——— */.bg-wa-btn,.bg-wa-fixed,a[href^="https://wa.me"],a[href*="wa.me/"]{border-radius:999px!important}/* ——— Subtle section backgrounds get more softness ——— */.bg-section::before{border-radius:28px!important}/*BRAND-VISUAL-END*//*BRAND-ACTIVE-NAV-START*/.bg-nav-links a{position:relative!important;transition:color .2s ease!important}.bg-nav-links a.active{color:#39CCD3!important;font-weight:700!important}.bg-nav-links a.active::after{content:""!important;position:absolute!important;bottom:-10px!important;left:0!important;right:0!important;height:3px!important;border-radius:3px!important;background:linear-gradient(90deg,#6467EE,#39CCD3,#0197C2)!important;box-shadow:0 0 14px rgba(57,204,211,.55),0 0 4px rgba(100,103,238,.3)!important;pointer-events:none!important;animation:bg-nav-active-in .3s ease-out!important}@keyframes bg-nav-active-in{from{transform:scaleX(.3);opacity:0}to{transform:scaleX(1);opacity:1}}/* Mobile drawer active */.bg-nav-drawer-links a.active{background:rgba(57,204,211,.12)!important;border-color:rgba(57,204,211,.4)!important;color:#39CCD3!important;font-weight:800!important}.bg-nav-drawer-links a.active::before{content:""!important;position:absolute!important;right:0!important;top:12px!important;bottom:12px!important;width:3px!important;border-radius:3px!important;background:linear-gradient(180deg,#6467EE,#39CCD3,#0197C2)!important;box-shadow:0 0 10px rgba(57,204,211,.5)!important}html[lang*="en"] .bg-nav-drawer-links a.active::before{right:auto!important;left:0!important}.bg-nav-drawer-links a{position:relative!important}/*BRAND-ACTIVE-NAV-END*/
/* ===== from footer block 1 ===== */
.bg-ico{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
/* ===== from footer block 2 ===== */
.bg-wa-float{position:fixed;bottom:24px;left:24px;z-index:9998;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#25D366,#1EBE5D);color:#fff!important;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.6);transition:.3s;text-decoration:none!important;animation:wa-pulse 2.5s infinite}.bg-wa-float:hover{transform:scale(1.08);box-shadow:0 12px 32px rgba(37,211,102,.6)}.bg-wa-float svg{width:30px;height:30px}@keyframes wa-pulse{0%{box-shadow:0 8px 24px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 8px 24px rgba(37,211,102,.45),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 8px 24px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0)}}@media(max-width:600px){.bg-wa-float{width:52px;height:52px;bottom:20px;left:20px}.bg-wa-float svg{width:26px;height:26px}}.bg-footer .bg-foot-grid{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1.1fr!important;gap:40px!important;margin-bottom:40px}@media(max-width:800px){.bg-footer .bg-foot-grid{grid-template-columns:1fr 1fr!important;gap:28px}.bg-foot-brand{grid-column:1 / -1!important}}@media(max-width:500px){.bg-footer .bg-foot-grid{grid-template-columns:1fr!important}}.bg-foot-brand .bg-logo{margin-bottom:14px}.bg-foot-about{color:#7588A3;font-size:14px;line-height:1.85;margin:0 0 14px;max-width:360px}.bg-foot-tag{color:#39CCD3;font-size:12.5px;font-weight:700;letter-spacing:.5px;margin:0;line-height:1.8}.bg-foot-col h5{color:#E1E7EF;font-size:14px;font-weight:800;margin:0 0 16px;letter-spacing:1px;text-transform:uppercase}.bg-foot-col a{display:block;color:#7588A3!important;font-size:14px;padding:6px 0;text-decoration:none!important;transition:.2s;font-family:'Readex Pro','Tajawal',sans-serif!important}.bg-foot-col a:hover{color:#39CCD3!important;transform:translateX(-3px)}.bg-foot-col .bg-social{display:flex!important;flex-direction:row!important;gap:8px!important;margin-top:14px!important;padding:0!important}.bg-foot-col .bg-social a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#0F1724!important;border:1px solid #1A2233!important;color:#7588A3!important;padding:0!important;flex-shrink:0!important;transform:none!important}.bg-foot-col .bg-social a:hover{background:linear-gradient(135deg,rgba(57,204,211,.15),rgba(57,204,211,.15))!important;border-color:rgba(57,204,211,.4)!important;color:#39CCD3!important;transform:translateY(-2px)!important}.bg-foot-col .bg-social svg{width:15px!important;height:15px!important}.bg-foot-bot{border-top:1px solid #1A2233;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#7588A3;font-size:13px}.bg-footer .bg-logo.bg-logo-img{display:inline-flex;align-items:center;padding:0;margin-bottom:14px}.bg-footer .bg-logo.bg-logo-img img{height:80px;width:auto;display:block;object-fit:contain}/*LIGHTEN-FOOTER-START*/.bg-footer .bg-foot-about{color:#B8C4D4!important;font-weight:500!important}.bg-footer .bg-foot-col a{color:#B8C4D4!important;font-weight:600!important}.bg-footer .bg-foot-col a:hover{color:#39CCD3!important}.bg-footer .bg-foot-bot{color:#B8C4D4!important;font-weight:500!important}.bg-footer .bg-foot-bot a{color:#B8C4D4!important;font-weight:600!important}.bg-footer .bg-foot-col .bg-social a{color:#B8C4D4!important}/*LIGHTEN-FOOTER-END*/