.elementor-817 .elementor-element.elementor-element-dd84b3e{--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-817 .elementor-element.elementor-element-17e85b8{text-align:center;}.elementor-817 .elementor-element.elementor-element-17e85b8 .elementor-heading-title{font-family:"Amiri", Sans-serif;font-size:48px;font-weight:600;}.elementor-817 .elementor-element.elementor-element-0c0a05e{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-817 .elementor-element.elementor-element-8a96ed9 img{max-width:65%;border-radius:15px 15px 0px 0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-817 .elementor-element.elementor-element-ce11a1a{color:var( --e-global-color-accent );}.elementor-817 .elementor-element.elementor-element-0bd8400{--display:flex;}.elementor-widget-heading .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-817 .elementor-element.elementor-element-1a93146{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-primary );}.elementor-817 .elementor-element.elementor-element-1a93146 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-817 .elementor-element.elementor-element-17e85b8 .elementor-heading-title{font-size:38px;}.elementor-817 .elementor-element.elementor-element-8a96ed9 img{max-width:100%;}.elementor-817 .elementor-element.elementor-element-1a93146{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-817 .elementor-element.elementor-element-17e85b8 .elementor-heading-title{font-size:30px;line-height:1.6em;}.elementor-817 .elementor-element.elementor-element-1a93146{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-0c0a05e *//* ===========.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 */
/* Start custom CSS for container, class: .elementor-element-0bd8400 *//* ===========.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 */