.elementor-596 .elementor-element.elementor-element-aaf7e3f{--display:flex;--min-height:150px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-596 .elementor-element.elementor-element-060d090{text-align:center;}.elementor-596 .elementor-element.elementor-element-060d090 .elementor-heading-title{font-family:"Amiri", Sans-serif;font-size:48px;font-weight:600;}.elementor-596 .elementor-element.elementor-element-10e8b08{--display:flex;}body.elementor-page-596:not(.elementor-motion-effects-element-type-background), body.elementor-page-596 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-90a89a7 );}@media(max-width:1024px){.elementor-596 .elementor-element.elementor-element-060d090 .elementor-heading-title{font-size:38px;}}@media(max-width:767px){.elementor-596 .elementor-element.elementor-element-060d090 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for container, class: .elementor-element-10e8b08 *//* ===========.section p================
   ROOT THEME (نفس ستايل الصفحة)
=========================== */
:root{
  --navy:#0A1628;
  --navy-mid:#111F38;
  --navy-card:#162034;
  --navy-bd:#1E2F4A;

  --gold:#C8A84B;
  --gold-lt:#E4C878;
  --gold-pale:#F5EDD4;

  --cream:#F7F3EC;
  --white:#fff;

  --t-dark:#1A1A2A;
  --t-mid:#4A5568;
  --t-light:#8899AA;

  --border:#E2D9C8;
  --r:12px;
}



/* ===========================
   WRAPPER
=========================== */
.page-wrap{
  max-width:860px;
  margin:0 auto;
  padding:40px 24px 80px;
}


/* ===========================
   SECTIONS (Shortcodes Container)
=========================== */
.section{
  margin-bottom:25px;
}

.section h2{
  color:var(--navy);
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--border);
}

.section p{
    font-weight: 500;
  margin:12px 5px;
  color: var(--navy-mid);
}

/* ===========================
   LABEL (زي اللي فوق في الصفحة)
=========================== */
.sec-label{
  font-weight:700;
  color:var(--gold);
  letter-spacing:2px;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:8px;
}

.sec-label::before{
  content:'';
  width:18px;
  height:2px;
  background:var(--gold);
}

/* ===========================
   CARDS SYSTEM (أساس الشورتكود)
=========================== */

/* ----- Docs ----- */
.docs-grid{
  /*display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;*/
}

.doc-item{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:14px 16px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:var(--t-mid);
}

.doc-icon{
  color:var(--gold);
  font-size:16px;
}

/* ----- Steps (مطابق للستايل الأصلي) ----- */
.steps-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.step-item{
  display:flex;
  gap:14px;
}

.step-num{
  width:34px;
  height:34px;
  background:var(--navy);
  color:var(--gold);
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Amiri',serif;
  font-weight:700;
}

.step-body h4{
  color:var(--navy);
  margin-bottom:4px;
}

.step-body p{
  color:var(--t-mid);
}

/* ===========================
   MISTAKES (تحذير)
=========================== */
.mistakes-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mistake{
  background:var(--white);
  border:1px solid var(--border);
  border-right:3px solid #c0392b;
  padding:16px;
  border-radius:var(--r);
}

.mistake h4{
  color:#c0392b;
  margin-bottom:6px;
  font-size:18px;
  font-family: Tajawal;
}

/* ===========================
   FAQ (Accordion Style زي الصفحة)
=========================== */
.faq-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.fq{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--r);
  overflow:hidden;
}

.fq-q{
  padding:14px 16px;
  font-weight:700;
  color:var(--navy);
  display:flex;
  gap:10px;
  cursor:pointer;
}

.fq-q-icon{
  color:var(--gold);
}

.fq-a{
  padding: 16px 14px;
  color:var(--t-mid);
  border-top:1px solid var(--border);
}

.fq.active .fq-a{
  display:block;
}

/* ===========================
   TRUST BOX (النيوڤي الكبير)
=========================== */
.trust-box{
  background:var(--navy-mid);
  padding:26px;
  border-radius:var(--r);
  color:#fff;
  border:1px solid var(--navy-bd);
}

.trust-box h2{
  color:#fff;
  margin-bottom:10px;
}

/* ===========================
   DIFFERENCE BOX (ذهبي فاتح)
=========================== */
.compare{
  background:var(--gold-pale);
  border:1px solid rgba(200,168,75,.4);
  padding:22px;
  border-radius:var(--r);
}

.diff-box h2{
  color:var(--navy);
  margin-bottom:10px;
}

.why{
    background:var(--navy);
    color: #fff;
    padding: 15px;
    border-radius: 15px;
}

.why h2{
    color: #fff;
}
.why p{
    color: #fff;
}
/* ===========================
   MOBILE RESPONSIVE
=========================== */
@media (max-width: 768px){

  body{
    font-size:14px;
    line-height:1.7;
  }

  .page-wrap{
    padding:24px 14px 60px;
  }

  /* العناوين */
  .section h2{
    font-size:21px;
  }

  .sec-label{
    font-size:14px;
    letter-spacing:1px;
  }

  /* الجريد يتحول لسطر واحد */
  .docs-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  /* الخطوات تبقى أهدى */
  .step-item{
    gap:10px;
  }

  .step-num{
    width:60px;
    height:30px;
    font-size:13px;
  }

  .step-body h4{
    font-size:15px;
  }

  /* الملاحظات */
  .mistake{
    padding:14px;
  }

  .mistake h4{
    font-size:15px;
  }

  /* FAQ */
  .fq-q{
    font-size:14px;
    padding:12px 14px;
  }

  .fq-a{
    font-size:13px;
    padding:0 14px 12px;
  }

  /* الصندوق الكبير */
  .trust-box,
  .diff-box{
    padding:18px;
  }

  .trust-box h2,
  .diff-box h2{
    font-size:18px;
  }
}

/* تحسين إضافي للموبايلات الصغيرة جداً */
@media (max-width: 420px){

  .page-wrap{
    padding:18px 12px 50px;
  }

  .step-item{
    flex-direction:row;
    align-items:flex-start;
  }

  .sec-label{
    font-size:12px;
  }
}/* End custom CSS */