.elementor-27 .elementor-element.elementor-element-c17740b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-fe67140 *//* ══════════ الرئيسية - Custom CSS ══════════ */
/* يُلصق في: Astra Settings → Custom CSS */

/* ══════ المتغيرات ══════ */
:root{
  --navy:#0d2137;--navy-mid:#1a3a55;--blue:#1a5f7a;
  --gold:#c9942a;--gold-lt:#f0b429;--gold-pale:#fef3d0;
  --white:#fff;--g50:#f8fafc;--g100:#f1f5f9;--g200:#e2e8f0;
  --g600:#475569;--g700:#334155;--g800:#1e293b;--green:#16a34a;
  --r:12px;--rlg:20px;
  --sh:0 4px 24px rgba(13,33,55,.1);
  --shlg:0 12px 48px rgba(13,33,55,.18);
  --t:.25s cubic-bezier(.4,0,.2,1)
}

/* ══════ HERO (خلفية غامقة → نص أبيض) ══════ */
.home-hero{
  background:linear-gradient(135deg,var(--navy) 0%,#0a2f50 50%,var(--blue) 100%);
  padding:5rem 0 4rem;color:#fff;position:relative;overflow:hidden
}
.home-hero::after{
  content:'';position:absolute;top:-50%;right:-25%;width:600px;height:600px;
  border-radius:50%;background:rgba(240,180,41,.04);pointer-events:none
}
.home-hero h1{font-size:2.5rem;font-weight:900;line-height:1.2;margin-bottom:1rem;position:relative;color:#fff}
.home-hero h1 em{font-style:normal;color:var(--gold-lt)}
.home-hero p{color:rgba(255,255,255,.85);font-size:1.05rem;line-height:1.85;max-width:680px;margin-bottom:1.5rem}
.hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}
/* زر الاتصال على الهيرو = حدود بيضاء + نص أبيض */
.btn-hero-call{
  background:rgba(255,255,255,.08);color:#fff!important;
  border:1.5px solid rgba(255,255,255,.3)
}
.btn-hero-call:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5)}
.hero-chips{display:flex;gap:.5rem;flex-wrap:wrap}
.hero-chip{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.92);padding:.4rem .9rem;border-radius:999px;
  font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem
}
.hero-chip i{color:var(--gold-lt);font-size:.7rem}

/* ══════ STATS (كسر بصري — ذهبي فاتح) ══════ */
.stats-bar{padding:2.5rem 0;background:var(--gold-pale);border-top:3px solid var(--gold-lt)}
.stats-inner{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}
.stat-item{text-align:center}
.stat-num{font-size:2.2rem;font-weight:900;color:var(--navy);line-height:1}
.stat-label{font-size:.82rem;color:var(--g700);margin-top:.3rem}

/* ══════ SECTIONS (خلفية فاتحة → نص غامق) ══════ */
.section{padding:4.5rem 0}
.section-sm{padding:3rem 0}
.bg-light{background:var(--g50)}
.sec-tag{font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--gold)}
.sec-title{font-size:1.85rem;font-weight:900;color:var(--navy);line-height:1.25;margin:.4rem 0}
.sec-sub{font-size:1rem;color:var(--g600);line-height:1.8}
.sec-head{text-align:center;margin-bottom:2.5rem}

/* ══════ SERVICE CARDS ══════ */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.svc-card{
  display:block;background:var(--white);border:1.5px solid var(--g200);
  border-radius:var(--rlg);padding:1.75rem;transition:var(--t);
  text-align:center;text-decoration:none;cursor:pointer
}
.svc-card:hover{border-color:var(--gold-lt);box-shadow:var(--shlg);transform:translateY(-4px)}
.svc-icon{
  width:60px;height:60px;border-radius:16px;display:flex;
  align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem
}
.svc-icon.gold{background:var(--gold-pale);color:var(--gold)}
.svc-icon.blue{background:#e0f2fe;color:#0369a1}
.svc-icon.green{background:#f0fdf4;color:var(--green)}
.svc-icon.amber{background:#fef3c7;color:#d97706}
.svc-card h3{font-size:1.1rem;font-weight:800;color:var(--navy);margin-bottom:.4rem}
.svc-card p{font-size:.88rem;color:var(--g600);line-height:1.7;margin-bottom:1rem}
.svc-link{
  display:inline-flex;align-items:center;gap:.4rem;
  color:var(--gold);font-weight:700;font-size:.85rem;transition:var(--t)
}
.svc-card:hover .svc-link{gap:.7rem}

/* ══════ NATIONALITY CARDS ══════ */
.nat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}
.nat-card{
  display:flex;gap:1.25rem;align-items:flex-start;
  background:var(--white);border:1.5px solid var(--g200);
  border-radius:var(--rlg);padding:1.5rem;transition:var(--t);
  text-decoration:none;cursor:pointer
}
.nat-card:hover{border-color:var(--gold-lt);box-shadow:var(--sh);transform:translateY(-2px)}
.nat-card .flag{font-size:2.8rem;line-height:1;flex-shrink:0}
.nat-card h3{font-size:1rem;font-weight:800;color:var(--navy);margin-bottom:.3rem}
.nat-card p{font-size:.84rem;color:var(--g600);line-height:1.7;margin:0}
.nat-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.75rem}
.nat-tag{padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}
.tag-gold{background:var(--gold-pale);color:var(--gold)}
.tag-blue{background:#e0f2fe;color:#0369a1}
.tag-green{background:#f0fdf4;color:#15803d}

/* ══════ WHY US ══════ */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}
.why-card{
  background:var(--white);border-radius:var(--rlg);padding:1.5rem;
  border:1.5px solid var(--g200);transition:var(--t)
}
.why-card:hover{border-color:var(--gold-lt);box-shadow:var(--sh);transform:translateY(-2px)}
.why-icon{
  width:48px;height:48px;border-radius:12px;display:flex;
  align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:.75rem
}
.why-icon.gold{background:var(--gold-pale);color:var(--gold)}
.why-icon.green{background:#f0fdf4;color:var(--green)}
.why-icon.blue{background:#e0f2fe;color:#0369a1}
.why-icon.amber{background:#fef3c7;color:#d97706}
.why-icon.pink{background:#fce7f3;color:#db2777}
.why-icon.purple{background:#ede9fe;color:#7c3aed}
.why-card h3{font-size:.95rem;font-weight:800;color:var(--navy);margin-bottom:.3rem}
.why-card p{font-size:.84rem;color:var(--g600);line-height:1.65}

/* ══════ AREAS ACCORDION ══════ */
.area-group{
  background:var(--white);border:1.5px solid var(--g200);
  border-radius:var(--r);margin-bottom:.65rem;overflow:hidden
}
.area-toggle{
  display:flex;align-items:center;gap:.65rem;width:100%;
  padding:1rem 1.2rem;background:var(--white);border:none;
  cursor:pointer;font-family:'Cairo',sans-serif;font-weight:700;
  font-size:.92rem;color:var(--navy);transition:var(--t);text-align:right
}
.area-toggle:hover{background:var(--g50)}
.area-toggle i:first-child{color:var(--gold);width:20px;text-align:center}
.area-arrow{margin-right:auto;font-size:.7rem;color:var(--g600);transition:var(--t)}
.area-count{
  font-size:.7rem;color:var(--white);font-weight:700;
  background:var(--gold);padding:.15rem .55rem;border-radius:999px;min-width:22px;text-align:center
}
/* مفتوح = خلفية غامقة + نص أبيض */
.area-group.open .area-toggle{background:var(--navy);color:#fff}
.area-group.open .area-toggle i:first-child{color:var(--gold-lt)}
.area-group.open .area-arrow{transform:rotate(180deg);color:var(--gold-lt)}
.area-group.open .area-count{background:var(--gold-lt);color:var(--navy)}
.area-body{display:none;padding:1rem 1.2rem;background:var(--g50)}
.area-group.open .area-body{display:block}

.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.55rem}
.area-chip{
  background:var(--white);border:1.5px solid var(--g200);border-radius:var(--r);
  padding:.6rem .8rem;text-align:center;font-size:.82rem;font-weight:700;
  color:var(--navy);transition:var(--t)
}
.area-chip:hover{border-color:var(--gold-lt);background:var(--gold-pale)}
.area-chip.active{border-color:var(--gold);background:var(--gold-pale)}
.area-chip i{color:var(--gold);margin-left:.25rem;font-size:.75rem}

/* ══════ FAQ ══════ */
.faq-wrap{max-width:800px;margin:0 auto}
.faq-item{border:1.5px solid var(--g200);border-radius:var(--r);margin-bottom:.65rem;overflow:hidden}
.faq-q{
  display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;
  cursor:pointer;background:var(--white);color:var(--navy);font-weight:700;
  font-size:.92rem;user-select:none;transition:var(--t)
}
.faq-q:hover{background:var(--g50)}
.faq-q .fi{font-size:1rem;color:var(--gold);transition:var(--t);flex-shrink:0;margin-right:.5rem}
/* مفتوح = خلفية غامقة + نص أبيض + أيقونة ذهبية */
.faq-item.open .faq-q{background:var(--navy);color:#fff}
.faq-item.open .faq-q .fi{color:var(--gold-lt);transform:rotate(45deg)}
.faq-a{display:none;padding:1rem 1.2rem;background:var(--g50);font-size:.9rem;line-height:1.85;color:var(--g700)}
.faq-item.open .faq-a{display:block}
.faq-more{text-align:center;margin-top:1.5rem}
.faq-link{color:var(--gold);font-weight:700}
.faq-link:hover{color:var(--gold-lt)}

/* ══════ CTA (ذهبي — يتميز عن الفوتر) ══════ */
.cta-section{
  background:linear-gradient(135deg,var(--gold),var(--gold-lt));
  padding:3.5rem 0;color:var(--navy);text-align:center
}
.cta-section h2{font-size:1.8rem;font-weight:900;margin-bottom:.5rem;color:var(--navy)}
.cta-section p{color:var(--navy-mid);margin-bottom:1.5rem}
.cta-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}

/* ══════ MAP ══════ */
.map-container{border-radius:var(--rlg);overflow:hidden;box-shadow:var(--sh)}
.map-container iframe{display:block;width:100%;height:400px;border:0}

/* ══════ RESPONSIVE ══════ */
@media(max-width:768px){
  .home-hero h1{font-size:1.9rem}
  .home-hero{padding:3.5rem 0 3rem}
  .sec-title{font-size:1.5rem}
  .stats-inner{gap:1.5rem}
  .svc-grid,.nat-grid{grid-template-columns:1fr}
  .areas-grid{grid-template-columns:repeat(3,1fr)}
  .map-container iframe{height:280px}
}
@media(max-width:480px){
  .home-hero h1{font-size:1.6rem}
  .areas-grid{grid-template-columns:repeat(2,1fr)}
  .hero-ctas{flex-direction:column}
  .hero-ctas .btn{width:100%;justify-content:center}
}/* End custom CSS */