/* Home hero: RTL two-column on desktop, stacked and centred on tablet/mobile. Top padding clears the fixed floating header. */
.hdp-hero{position:relative;overflow:hidden;padding:150px 0 96px;background:radial-gradient(900px 520px at 88% 0%,rgba(153,122,255,.22) 0%,rgba(153,122,255,0) 62%),radial-gradient(760px 460px at 6% 100%,rgba(153,122,255,.12) 0%,rgba(232,230,240,0) 58%),linear-gradient(180deg,rgba(232,230,240,.35) 0%,#E8E6F0 100%)}
.hdp-hero-in{width:min(1156px,calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px}
.hdp-hero-copy{text-align:right}
.hdp-hero-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid rgba(81,54,152,.14);box-shadow:0 4px 14px rgba(81,54,152,.08);color:#513698;font-size:14px;line-height:1.6}
.hdp-hero-kicker::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#F7BF38}
.hdp-hero h1{margin:0 0 18px;color:#120A40;font-size:clamp(28px,3.6vw,46px);line-height:1.3}
.hdp-hero-lead{max-width:34em;margin:0 0 32px;color:rgba(18,10,64,.74);font-size:clamp(16px,1.4vw,19px);line-height:1.9}
.hdp-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hdp-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;font-size:16px;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.hdp-hero-btn:hover{transform:translateY(-1px)}
.hdp-hero-btn.is-primary{background:#513698;color:#fff;box-shadow:0 10px 24px rgba(81,54,152,.28)}
.hdp-hero-btn.is-primary:hover{background:#120A40;color:#fff}
.hdp-hero-btn.is-ghost{background:#fff;color:#120A40;border:1px solid rgba(18,10,64,.12)}
.hdp-hero-btn.is-ghost:hover{border-color:#513698;color:#513698}
.hdp-hero-btn i{font-size:14px}
.hdp-hero-media{position:relative;justify-self:center;width:min(100%,500px);aspect-ratio:1/1}
.hdp-hero-photo{position:absolute;inset:0;display:block}
.hdp-hero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.hdp-hero-badge{position:absolute;z-index:2;top:2%;inset-inline-start:0;width:24%;max-width:120px;height:auto;mix-blend-mode:multiply}
@media (max-width:991px){
  .hdp-hero{padding:112px 0 56px}
  .hdp-hero-in{grid-template-columns:1fr;gap:32px}
  .hdp-hero-copy{text-align:center}
  .hdp-hero-lead{margin-inline:auto}
  .hdp-hero-actions{justify-content:center}
  .hdp-hero-media{width:min(100%,440px)}
}
@media (max-width:575px){
  .hdp-hero{padding:100px 0 44px}
  .hdp-hero-in{width:calc(100% - 32px);gap:24px}
  .hdp-hero-kicker{font-size:13px;margin-bottom:16px}
  .hdp-hero-lead{margin-bottom:24px}
  .hdp-hero-actions{flex-direction:column;align-items:stretch}
  .hdp-hero-btn{width:100%;height:52px}
  .hdp-hero-badge{width:24%;inset-inline-start:auto;inset-inline-end:0}
}
@media (prefers-reduced-motion:reduce){.hdp-hero-btn{transition:none}.hdp-hero-btn:hover{transform:none}}

/* Dark brand hero (guideline web mockup): purple glow into Midnight Indigo, white type */
html body .hdp-hero:not(#_){background:radial-gradient(70% 95% at 88% 8%,rgba(153,122,255,.45) 0%,rgba(81,54,152,.55) 30%,rgba(81,54,152,0) 68%),radial-gradient(60% 70% at 10% 100%,rgba(81,54,152,.35) 0%,rgba(81,54,152,0) 70%),#120A40!important}
html body .hdp-hero h1:not(#_){margin:0 0 20px;color:#fff!important;font-size:clamp(36px,5vw,64px)!important;font-weight:700!important;line-height:1.25!important}
html body .hdp-hero .hdp-hero-lead:not(#_){color:rgba(255,255,255,.74)!important}
html body .hdp-hero .hdp-hero-btn.is-primary:not(#_){background:#fff;color:#120A40;box-shadow:none}
html body .hdp-hero .hdp-hero-btn.is-primary:not(#_):hover{background:#997AFF;color:#120A40}
html body .hdp-hero .hdp-hero-btn.is-ghost:not(#_){background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
html body .hdp-hero .hdp-hero-btn.is-ghost:not(#_):hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
html body .hdp-hero .hdp-hero-badge:not(#_){filter:grayscale(1) invert(1) brightness(1.7);mix-blend-mode:screen}
/* Home intro block ("حلول تسويق وتقنية متكاملة لأعمالك"): dark rounded CTA card */
.hdp-intro{padding:72px 0}
.hdp-intro-in{width:min(1156px,calc(100% - 40px));margin-inline:auto;padding:80px 32px;border-radius:28px;background:#120A40;text-align:center;box-shadow:0 30px 60px rgba(18,10,64,.18)}
.hdp-intro-copy{max-width:680px;margin-inline:auto}
.hdp-intro-copy h2{margin:0 0 14px;color:#fff!important;line-height:1.45}
.hdp-intro-copy p{margin:0 auto 36px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.9}
.hdp-intro-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 28px;border-radius:12px;background:#997AFF;color:#120A40;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s}
.hdp-intro-btn:hover{background:#fff;color:#120A40}
.hdp-intro-btn i{font-size:14px}
@media (max-width:991px){.hdp-intro{padding:56px 0}.hdp-intro-in{padding:64px 28px}}
@media (max-width:575px){
  .hdp-intro{padding:40px 0}
  .hdp-intro-in{width:calc(100% - 32px);padding:48px 22px;border-radius:22px}
  .hdp-intro-copy p{font-size:16px;margin-bottom:28px}
  .hdp-intro-btn{width:100%;justify-content:center}
}

/* Home "حلول مصممة بعناية" section: light cards with soft brand accents instead of solid purple/yellow */
html body .service2-section-area :is(.service2-auhtor-boxarea,.service2-auhtor2-boxarea):not(#_){position:relative;overflow:hidden;background:#fff!important;border:1px solid rgba(18,10,64,.08)!important;border-radius:20px!important;box-shadow:0 10px 30px -18px rgba(18,10,64,.25)!important}
html body .service2-section-area :is(.service2-auhtor-boxarea,.service2-auhtor2-boxarea):not(#_)::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:#997AFF}
html body .service2-section-area .service2-auhtor2-boxarea:not(#_)::before{background:#F7BF38}
html body .service2-section-area :is(.service2-auhtor-boxarea,.service2-auhtor2-boxarea) .content-area h3:not(#_){color:#513698!important}
html body .service2-section-area .service2-auhtor2-boxarea .content-area h3:not(#_){color:#120A40!important}
html body .service2-section-area :is(.service2-auhtor-boxarea,.service2-auhtor2-boxarea) .content-area>a:not(#_){color:#120A40!important}
html body .service2-section-area :is(.service2-auhtor-boxarea,.service2-auhtor2-boxarea) .content-area p:not(#_){color:rgba(18,10,64,.72)!important}
html body .service2-section-area :is(.service2-auhtor-boxarea,.service2-auhtor2-boxarea) .arrow a:not(#_){background:#E8E6F0!important;color:#513698!important;border:0!important}
html body .service2-section-area .service2-auhtor2-boxarea .arrow a:not(#_){background:rgba(247,191,56,.16)!important;color:#120A40!important}
html body .service2-section-area :is(.service2-auhtor-boxarea,.service2-auhtor2-boxarea):not(#_):hover .arrow a{background:#513698!important;color:#fff!important}
html body .service2-section-area .service2-auhtor2-boxarea:not(#_):hover .arrow a{background:#F7BF38!important;color:#120A40!important}
html body .service2-section-area .images-content-area .arrow-area a:not(#_){background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body .service2-section-area .images-content-area .arrow-area a:not(#_):hover{background:#fff!important;color:#120A40!important}html body .service2-section-area .images-content-area .img1:not(#_){position:relative}
html body .service2-section-area .images-content-area .img1:not(#_)::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,10,64,.78) 0%,rgba(18,10,64,.35) 38%,rgba(18,10,64,0) 62%);pointer-events:none}
html body .service2-section-area .images-content-area .content-area:not(#_){z-index:2}