:root{
    --burgundy:#982125;
    --burgundy-dark:#7a1a1e;
    --burgundy-tint:#f7e9ea;
    --navy:#352c58;
    --navy-2:#2a2346;
    --navy-tint:#eeecf5;
    --gold:#b8924a;
    --cream:#faf7f2;
    --ink:#231f36;
    --ink-soft:#e9e6f8;
    --line:rgba(53,44,88,0.10);
    --white:#ffffff;
    --shadow: 0 10px 30px rgba(35,31,54,0.08);
    --shadow-lg: 0 18px 50px rgba(35,31,54,0.14);
--radius: 18px;
--radius-sm: 14px;
    --wrap: 1180px;
  }
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  scroll-behavior:smooth;
  direction:rtl;
}

body{
  direction:rtl;
  text-align:right;

  font-family:'Cairo', sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.75;

  color:var(--ink);
  background:var(--white);

  -webkit-font-smoothing:antialiased;
}

/* العنوان الرئيسي */
h1{
  font-family:'Cairo', sans-serif;
  font-weight:800;
  line-height:1.4;
}

/* عناوين السكاشن والعناوين الداخلية */
h2,
h3,
h4{
  font-family:'Cairo', sans-serif;
  font-weight:700;
  line-height:1.5;
}

/* النصوص */
p,
span,
li,
a{
  font-family:'Cairo', sans-serif;
}

/* الأزرار */
button,
.btn{
  font-family:'Cairo', sans-serif;
  font-weight:700;
}

/* الفورم */
input,
select,
textarea,
label{
  font-family:'Cairo', sans-serif;
}

input,
select,
textarea{
  font-weight:500;
}

label{
  font-weight:600;
}

  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit; cursor:pointer;}
  .wrap{max-width:var(--wrap); margin:0 auto; padding:0 28px;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:13px; font-weight:700; color:var(--burgundy);
    letter-spacing:.3px; margin-bottom:14px;
  }
  .eyebrow::before{content:""; width:22px; height:2px; background:var(--burgundy); display:inline-block; border-radius:2px;}
  .section-head{max-width:640px; margin-bottom:44px;}
  .section-head.center{margin-inline:auto; text-align:center;}
 .section-head h2{
  font-family:'Cairo', sans-serif;
  font-size:30px;
  font-weight:700;
  line-height:1.5;
  margin-bottom:14px;
}

.section-head p{
  font-family:'Cairo', sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.8;
  color:#5f5a66;
}

   #reviews
 .section-head p{
  color:#5f5a66;
} 
 section{padding:60px 0;}
  .bg-cream{background:var(--cream);}
  .bg-navy{background:var(--navy); color:#e7e4f2;}
  .bg-navy h2, .bg-navy h3, .bg-navy .eyebrow{color:#fff;}
  .bg-navy .eyebrow::before{background:var(--gold);}
  .bg-navy .eyebrow{color:var(--gold);}

  /* buttons */
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    padding:15px 30px; border-radius:10px; font-weight:700; font-size:15px;
    border:1.5px solid transparent; transition:.2s ease; white-space:nowrap;
  }
  .btn-primary{background:var(--burgundy); color:#fff;}
  .btn-primary:hover{background:var(--burgundy-dark); transform:translateY(-1px);}
  /* ============ WHATSAPP BUTTONS ============ */

.whatsapp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.whatsapp-btn .fa-whatsapp{
  font-size:21px;
  color:currentColor;
  flex:none;
  transition:transform .25s ease;
}

.whatsapp-btn:hover .fa-whatsapp{
  transform:scale(1.15);
}
.whatsapp-btn:hover{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;

  transform:translateY(-2px);

  box-shadow:
    0 8px 20px rgba(37,211,102,.25);
}

.whatsapp-btn:hover .wa-icon{
  transform:scale(1.08);
}
  .btn-outline{border-color:rgba(255,255,255,.35); color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,.08);}
  .btn-navy-outline{border-color:var(--navy); color:var(--navy);}
  .btn-navy-outline:hover{background:var(--navy); color:#fff;}
  .btn-full{width:100%;}
  .btn-sm{padding:11px 20px; font-size:13.5px; border-radius:9px;}
  

  /* motif divider - Seljuk star chain, signature element */
  .motif{
    display:flex; justify-content:center; gap:26px; padding:0;
    opacity:.55;
  }
  .motif span{
    width:9px; height:9px; background:var(--burgundy);
    transform:rotate(45deg); position:relative; flex:none;
  }
  .motif span::before, .motif span::after{
    content:""; position:absolute; width:9px; height:9px; background:var(--gold);
    top:0; left:0; transform:rotate(45deg);
  }
  .bg-navy .motif span{background:var(--gold);}
  .bg-navy .motif span::before, .bg-navy .motif span::after{background:var(--burgundy);}

  /* ==================================================
   MODERN FLOATING NAVBAR
================================================== */

header{
  position:sticky;
  top:0;

  width:100%;

  z-index:1000;

  padding:12px 20px;

  background:rgba(255,255,255,.55);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  border-bottom:1px solid rgba(53,44,88,.05);

  transition:
    background .3s ease,
    box-shadow .3s ease,
    padding .3s ease;
}


/* ===== الحاوية ===== */

.nav{
  position:relative;

  width:100%;
  max-width:1180px;

  min-height:64px;

  margin:0 auto;
  padding:7px 12px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:rgba(255,255,255,.88);

  border:1px solid rgba(53,44,88,.08);
  border-radius:18px;

  box-shadow:
    0 10px 35px rgba(53,44,88,.07);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}


/* ==================================================
   LINKS
================================================== */

.nav-links{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:5px;

  width:100%;

  margin:0;
  padding:0;

  color:var(--navy);

  font-family:'Cairo',sans-serif;
  font-size:13.5px;
  font-weight:600;
}


/* كل رابط */

.nav-links a{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;

  min-height:44px;

  padding:10px 15px;

  border-radius:14px;

  color:var(--navy);

  white-space:nowrap;

  transition:
    color .28s ease,
    background .28s ease,
    transform .28s ease,
    box-shadow .28s ease;
}


/* شيل الخط القديم */

.nav-links a::after{
  display:none;
}


/* Hover */

.nav-links a:hover{
  color:var(--burgundy);

  background:rgba(152,33,37,.055);

  transform:translateY(-2px);
}


/* ==================================================
   ACTIVE LINK
================================================== */

.nav-links a.active{
  color:#fff;

  background:
    linear-gradient(
      135deg,
      #982125 0%,
      #7a1a1e 100%
    );

  box-shadow:
    0 8px 20px rgba(152,33,37,.20);
}


/* نقطة صغيرة داخل Active */

.nav-links a.active::before{
  content:"";

  position:absolute;

  bottom:5px;
  left:50%;

  transform:translateX(-50%);

  width:4px;
  height:4px;

  border-radius:50%;

  background:rgba(255,255,255,.75);
}


/* ==================================================
   NAV ACTIONS
================================================== */

.nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
}


/* ==================================================
   MOBILE TOGGLE
================================================== */

.nav-toggle{
  display:none;

  width:44px;
  height:44px;

  padding:0;

  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:5px;

  background:rgba(53,44,88,.05);

  border:1px solid rgba(53,44,88,.08);
  border-radius:14px;

  cursor:pointer;

  transition:
    background .25s ease,
    transform .25s ease;
}


.nav-toggle:hover{
  background:rgba(152,33,37,.07);
  transform:translateY(-1px);
}


.nav-toggle span{
  display:block;

  width:21px;
  height:2px;

  background:var(--navy);

  border-radius:20px;

  transition:.3s ease;
}




/* ==================================================
   MOBILE
================================================== */

@media (max-width:640px){

  header{
    padding:8px 10px;
  }

  .nav{
    min-height:56px;

    border-radius:15px;
  }

  .nav-toggle{
    width:42px;
    height:42px;

    border-radius:13px;
  }

}

  /* ============ HERO ============ */
.hero{
  position: relative;
  overflow: hidden;

  width: 100%;
  aspect-ratio: 16 / 9;

  display: flex;
  align-items: center;

  padding-top: 0;
}

.hero-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero-bg img{
  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;
  object-position: center;
}

.hero-inner{
  position: relative;
  z-index: 2;

  display: flex;
  justify-content: space-between;
  align-items: center;

  gap: 36px;
  width: 100%;

  padding-top: 35px;
  padding-bottom: 15px;

  flex-wrap: nowrap;
}
/* ============ RESPONSIVE ============ */
@media (max-width:980px)
{
  .hero-inner{
    flex-direction:column;
    align-items:stretch;
    gap:28px;
    padding-bottom:40px;
  }
}
  

/* ===== HERO TITLE ===== */

.hero-content h1{
  position:relative;

  color:#f7f6f6; /* خمري قوي وواضح */

  font-size:38px;
font-weight:800;
  line-height:1.5;

  letter-spacing:-0.4px;

  padding-right:18px;
  margin:0;

  /* يخلي الجملة الأولى بسطر واحد */
  white-space:nowrap;
}


/* الخط الخمري الجانبي */

.hero-content h1::before{
  content:"";

  position:absolute;
  right:0;
  top:7px;

  width:5px;
  height:48px;

  background:#8f1720;

  border-radius:20px;
}


/* السطر الثاني */

.hero-content h1 span{
  display:block;

  color:#f4f3f6; /* أسود واضح */

  font-size:31px;
  font-weight:800;

  margin-top:3px;

  /* السطر الثاني مسموح يلتف */
  white-space:normal;
}


/* ===== MOBILE ===== */

@media (max-width:640px){
  .hero-content h1{
    font-size:27px;
    padding-right:13px;
    white-space:nowrap;
  }
  .hero-content h1::before{
    width:4px;
    height:38px;
    top:3px;
  }

  .hero-content h1 span{
    font-size:23px;
    white-space:normal;
  }
}
.hero-content p{
  color:#f5f4f4;
  font-size:19px;
 line-height:1.2;

  max-width:500px;
  width:fit-content;

  margin:10px 10px 20px 0;
  padding:8px 10px;

  /* طبقة بيضاء خفيفة خلف الكلام */
background:rgba(151, 145, 145, 0.22);
  /* زجاج خفيف */
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);

  /* إطار شبه مخفي */
  border:1px solid rgba(255,255,255,.45);

  border-radius:10px;

  box-shadow:0 4px 18px rgba(35,31,32,.04);
}

  /* lead form card - dark glass, floats on the opposite side of the headline */
  .lead-card{
    background:#fff; border-radius:18px; box-shadow:var(--shadow-lg);
    padding:30px 28px; position:relative; z-index:2;
  }
.hero-form{
  width: 380px;
  flex: 0 0 380px;

  align-self: flex-end;

  background: rgba(24,17,32,.6);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.16);
}
.hero-form h3{
  color: #fff;
  text-align: center;
  width: 100%;
}
  .hero-form .sub{color:#c9c4dc;}
  .hero-form .field label{color:#e7e4f2;}
  .lead-card h3{font-size:19px; margin-bottom:4px;}
  .lead-card .sub{font-size:13.5px; color:var(--ink-soft); margin-bottom:22px;}
  .field{margin-bottom:16px;}
  .field label{display:block; font-size:13px; font-weight:700; color:var(--navy); margin-bottom:7px;}
  .field input, .field select{
    width:100%; padding:13px 14px; border:1.4px solid var(--line); border-radius:9px;
    font-family:inherit; font-size:14px; color:var(--ink); background:#fcfbfa;
  }
  .field input:focus, .field select:focus{outline:2px solid var(--burgundy); outline-offset:1px; border-color:var(--burgundy);}
  .lead-card .disclaimer{font-size:11.5px; color:var(--ink-soft); text-align:center; margin-top:12px; display:flex; align-items:center; justify-content:center; gap:6px;}
  .hero-form .disclaimer{color:#c9c4dc;}

  /* ============ STATS NEW ============ */

.stats-section{
  padding:0 0 35px;
  margin-top:-45px;
  position:relative;
  z-index:5;
  background:transparent;
}

/* عرض القسم */
.stats-section .wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 28px;
}

/* البوكس الأبيض الكبير */
.stats-box{
  display:grid;
  grid-template-columns:repeat(4, 1fr);

  width:100%;

  background:#ffffff;
  border:1px solid rgba(53,44,88,.08);
border-radius:18px;
  box-shadow:0 14px 40px rgba(53,44,88,.07);

  overflow:hidden;
}

/* كل إحصائية */
.stat-item{
  position:relative;

  min-height:180px;
  padding:30px 20px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  text-align:center;
}

/* الفاصل العمودي */
.stat-item:not(:last-child)::after{
  content:"";

  position:absolute;
  left:0;
  top:25%;
  bottom:25%;

  width:1px;

  background:rgba(53,44,88,.12);
}

/* الرقم وعلامة + */
.stat-number{
  display:flex;
  align-items:baseline;
  justify-content:center;

  direction:ltr;

  line-height:1;
  margin-bottom:18px;
}

/* علامة + */
.stat-number .plus{
  color:var(--burgundy);

  font-family:'Cairo', sans-serif;
  font-size:36px;
  font-weight:800;

  margin-right:5px;
}

/* الرقم */
.stat-number strong{
  color:var(--navy);

  font-family:'Cairo', sans-serif;
  font-size:48px;
font-weight:800;
  letter-spacing:-1.5px;
}

/* النص تحت الرقم */
.stat-label{
  color:#68637a;

  font-size:15px;
  font-weight:600;

  line-height:1.6;
}


/* ============ TABLET ============ */

@media (max-width:900px){

  .stats-box{
    grid-template-columns:repeat(2, 1fr);
border-radius:18px;  }

  .stat-item{
    min-height:160px;
  }

  /* نشيل الفواصل القديمة */
  .stat-item::after{
    display:none;
  }

  /* خط أفقي بالنص */
  .stat-item:nth-child(1),
  .stat-item:nth-child(2){
    border-bottom:1px solid rgba(53,44,88,.10);
  }

  /* خط عمودي */
  .stat-item:nth-child(odd){
    border-left:1px solid rgba(53,44,88,.10);
  }
}


/* ============ MOBILE ============ */

@media (max-width:640px){

  .stats-section{
    padding:24px 0;
  }

  .stats-section .wrap{
    padding:0 16px;
  }

  .stats-box{
    grid-template-columns:repeat(2, 1fr);

    border-radius:16px;
  }

  .stat-item{
    min-height:135px;
    padding:20px 8px;
  }

  .stat-number{
    margin-bottom:11px;
  }

  .stat-number .plus{
    font-size:24px;
    margin-right:3px;
  }

  .stat-number strong{
    font-size:30px;
    letter-spacing:-1px;
  }

  .stat-label{
    font-size:12px;
    line-height:1.5;
  }

}

/* ===== STATS MOTION ===== */

.stat-item{
  opacity:0;
  transform:translateY(30px);

  transition:
    opacity .65s ease,
    transform .65s ease;
}

.stat-item.show{
  opacity:1;
  transform:translateY(0);
}

/* كل عنصر يتأخر شوي عن يلي قبله */
.stat-item:nth-child(1){ transition-delay:0s; }
.stat-item:nth-child(2){ transition-delay:.10s; }
.stat-item:nth-child(3){ transition-delay:.20s; }
.stat-item:nth-child(4){ transition-delay:.30s; }



/* ============ REVIEWS ============ */

#reviews{
  padding:50px 0;
  overflow:hidden;
}

#reviews .section-head{
  margin-bottom:28px;
}


/* ===== الحاوية ===== */

.reviews-marquee{
  width:100%;
  overflow:hidden;

  display:flex;
  flex-direction:column;

  gap:14px;
}


/* ===== كل صف ===== */

.reviews-row{
  width:100%;
  overflow:hidden;

  direction:ltr;
}


/* ===== المسار ===== */

.reviews-track{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:stretch;

  gap:14px;

  width:max-content;

  direction:ltr;

  will-change:transform;
}


/* ===== الكرت ===== */

.review-card{
  position:relative;

  width:210px;
  min-width:210px;
  max-width:210px;
  height:205px;

  flex:0 0 210px;

  padding:16px;

  background:#fff;

  border:1px solid rgba(53,44,88,.09);
  border-radius:14px;

  box-shadow:0 3px 14px rgba(35,31,54,.04);

  display:flex;
  flex-direction:column;

  direction:rtl;

  box-sizing:border-box;
}


/* ===== علامة الاقتباس ===== */

.quote-mark{
  position:absolute;

  top:8px;
  left:13px;

  font-family:Georgia, serif;

  font-size:25px;
  line-height:1;

  color:rgba(152,33,37,.14);
}


/* ===== النجوم ===== */

.stars{
  display:flex;

  margin-bottom:10px;

  color:#f4b942;

  font-size:13px;
  letter-spacing:1px;
}


/* ===== نص التعليق ===== */

.review-card .txt{
  font-size:11.5px;
  line-height:1.8;

  color:#5f5a66;

  margin-bottom:12px;

  min-height:68px;
}


/* ===== معلومات الشخص ===== */

.review-who{
  display:flex;
  align-items:center;

  gap:8px;

  margin-top:auto;
}


/* ===== الدائرة ===== */

.avatar{
  width:34px;
  height:34px;

  border-radius:50%;

  background:var(--burgundy);
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family:'Cairo', sans-serif;

  font-weight:700;
  font-size:11px;

  flex:none;
}


/* ===== النصوص ===== */

.review-person{
  display:flex;
  flex-direction:column;
}

.review-person strong{
  font-size:12px;
  color:var(--navy);
  margin-bottom:1px;
}

.review-country{
  font-size:10px;
  line-height:1.4;
  color:#77727e;
}

.review-study{
  font-size:9.5px;
  line-height:1.4;
  color:#aaa6af;
}


/* ======================================
   الحركة المستمرة
====================================== */

/* عندنا 6 كروت أصلية
   كل كرت 210px
   + 14px gap بين الكروت
   لذلك نحرك بمقدار المجموعة الأولى فقط */

/* الصف الأول */
.reviews-row-one .reviews-track{
  animation:reviewsSlideLeft 50s linear infinite;
}

/* الصف الثاني بالعكس */
.reviews-row-two .reviews-track{
  animation:reviewsSlideRight 50s linear infinite;
}


/* ===== حركة الصف الأول ===== */

@keyframes reviewsSlideLeft{

  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-1344px);
  }

}


/* ===== حركة الصف الثاني ===== */

@keyframes reviewsSlideRight{

  from{
    transform:translateX(-1344px);
  }

  to{
    transform:translateX(0);
  }

}


/* ما توقف الحركة عند الهوفر */

.reviews-row:hover .reviews-track{
  animation-play-state:running;
}


/* ============ MOBILE ============ */

@media (max-width:640px){

  #reviews{
    padding:40px 0;
  }

  .reviews-marquee{
    gap:12px;
  }

  .reviews-track{
    gap:12px;
  }

  .review-card{
    width:180px;
    min-width:180px;
    max-width:180px;

    height:195px;

    flex:0 0 180px;

    padding:14px;
  }

  .review-card .txt{
    font-size:11px;
    min-height:70px;
  }

  .stars{
    font-size:12px;
  }

  .avatar{
    width:31px;
    height:31px;
  }

  /* 6 كروت × 180px + الفراغات */
  @keyframes reviewsSlideLeft{

    from{
      transform:translateX(0);
    }

    to{
      transform:translateX(-1152px);
    }

  }

  @keyframes reviewsSlideRight{

    from{
      transform:translateX(-1152px);
    }

    to{
      transform:translateX(0);
    }

  }

}

  /* ============ TIMELINE ============ */
  .timeline{position:relative; max-width:920px; margin:0 auto;}
  .timeline::before{
    content:""; position:absolute; right:50%; top:0; bottom:0; width:2px;
    background:linear-gradient(180deg, transparent, var(--gold) 6%, var(--gold) 94%, transparent);
    transform:translateX(1px);
  }
  .tl-item{display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; margin-bottom:8px;}
  .tl-card{
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-sm);
    padding:20px 22px; backdrop-filter:blur(2px);
  }
  .tl-item:nth-child(odd) .tl-card{grid-column:1;}
  .tl-item:nth-child(odd) .tl-spacer{grid-column:3;}
  .tl-item:nth-child(even) .tl-card{grid-column:3;}
  .tl-item:nth-child(even) .tl-spacer{grid-column:1;}
  .tl-num{
    grid-column:2; width:44px; height:44px; border-radius:50%; background:var(--gold); color:var(--navy-2);
    font-family:'Cairo', sans-serif; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center;
    justify-self:center; box-shadow:0 0 0 6px var(--navy);
  }
  .tl-card h4{color:#fff; font-size:16.5px; margin-bottom:6px;}
  .tl-card p{font-size:13.5px; color:#b9b3d2;}
  .tl-cta{text-align:center; margin-top:50px;}

#journey .timeline{
  margin-top: 50px !important;
}


/* ============ PARTNERS ============ */

.partners-title{
  font-size:24px;
}

/* نافذة السلايدر */
.partners-slider{
  width:75%;
  max-width:1150px;
  margin:0 auto;
  overflow:hidden;

  /* مهم جداً */
  direction:ltr;
}

/* المسار */
.partners-grid{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;

  gap:16px;

  width:max-content;

  /* مهم */
  direction:ltr;

  animation:partnersMove 18s linear infinite;
}

/* كل جامعة */
.partner{
  flex:0 0 180px;

  width:180px;
  height:140px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:20px;

  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;

  box-sizing:border-box;
}

/* اللوغو */
.partner img{
  width:140px;
  height:75px;

  object-fit:contain;
  object-position:center;

  display:block;
}

/* الحركة */
@keyframes partnersMove{

  0%{
    transform:translateX(0);
  }

  100%{
    /*
      6 كروت × 180px
      + 6 فراغات تقريباً
    */
    transform:translateX(-1176px);
  }

}


/* ============ MOBILE ============ */

@media (max-width:768px){

  .partners-slider{
    width:90%;
  }

  .partner{
    flex-basis:150px;
    width:150px;
    height:120px;
  }

  .partner img{
    width:115px;
    height:65px;
  }

}

/* ============ FINAL CTA ============ */
  .final-cta{
    background:radial-gradient(120% 140% at 30% 0%, #452f4f 0%, var(--navy-2) 45%, #241b3a 100%);
    border-radius:18px; overflow:hidden; position:relative; margin:0 auto;
  }
  .final-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center; padding:64px 56px;}
  .final-cta h2{color:#fff; font-size:32px; margin-bottom:16px;}
  .final-cta p{color:#c9c4dc; font-size:15.5px; max-width:440px;}
  .final-form{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:26px; backdrop-filter:blur(4px);}
  .final-form .field label{color:#e7e4f2;}
  .final-form .field input, .final-form .field select{background:rgba(255,255,255,.9); border-color:transparent;}

  /* whatsapp float */
  .wa-float{
    position:fixed; bottom:26px; left:26px; width:58px; height:58px; border-radius:50%;
    background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 22px rgba(0,0,0,.25);
    z-index:60;
  }

  /* ============ RESPONSIVE ============ */
  @media (max-width:980px){
    .hero{min-height:0; padding-top:90px;}
    .hero-inner{flex-direction:column; align-items:stretch; gap:28px; padding-bottom:40px;}
    .hero-content{max-width:none;}
    .hero-content h1{font-size:34px;}
    .hero-content p{max-width:none;}
    .hero-form{width:100%;}
    .partners-grid{grid-template-columns:repeat(3,1fr);}
    .final-grid{grid-template-columns:1fr; padding:44px 30px;}
    .foot-grid{grid-template-columns:1fr 1fr; gap:30px;}
  }
@media (max-width:640px){
    /* HERO - MOBILE */

.hero{
  width: 100%;
  height: auto;
  min-height: 100vh;
  aspect-ratio: auto;
  padding: 30px 0;
  overflow: hidden;
}



.hero-bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-bg picture{
  display: block;
  width: 100%;
  height: 100%;
}

.hero-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.hero-inner{
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.hero-content{
  width: 100%;
  max-width: 100%;
}

.hero-form{
  width: 100%;
  max-width: 100%;
}

.hero-content h1{
  font-size: 27px;
  line-height: 1.5;
}

.hero-content p{
  font-size: 15px;
}


  section{padding:45px 0;}
  .section-head h2{font-size:26px;}




  .lead-card{padding:24px 20px;}


  .timeline::before{right:20px;}

  .tl-item{
    grid-template-columns:40px 1fr;
    gap:14px;
  }

  .tl-num{
  grid-column:1;
  grid-row:1;

  width:38px;
  height:38px;

  font-size:14px;

  align-self:center;
}

.tl-item:nth-child(odd) .tl-card,
.tl-item:nth-child(even) .tl-card{
  grid-column:2;
  grid-row:1;
}
  .tl-item .tl-spacer{display:none;}

  .foot-grid{grid-template-columns:1fr 1fr;}
  .final-form{padding:20px;}
}
.partners-title{
  font-size: 25px !important;
  line-height: 1.5;
}

/* ===== TIMELINE MOTION ===== */

.tl-item{
  opacity:0;
  transform:translateY(40px);
  transition:opacity .7s ease, transform .7s ease;
}

.tl-item.show{
  opacity:1;
  transform:translateY(0);
}

/* ===== STRONG WHATSAPP SHAKE ===== */
.whatsapp-btn:hover{
  animation-play-state:paused;

  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;

  transform:translateX(0);
}



/* ============ UNIVERSITY WHATSAPP BUTTONS ============ */

.uni-whatsapp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  transition:
    background-color .25s ease,
    border-color .25s ease,
    color .25s ease;
}

/* أيقونة الواتساب */
.uni-whatsapp-btn i{
  font-size:18px;
  color:inherit;
  transition:color .25s ease;
}

/* عند الهوفر */
.uni-whatsapp-btn:hover{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#ffffff !important;
}

/* الأيقونة عند الهوفر */
.uni-whatsapp-btn:hover i{
  color:#ffffff !important;
}

@media (max-width:640px){

  
}

@media (max-width:640px){

  .hero-content{
    margin-top:120px;
  }

}

/* ============ BUTTON SHINE HOVER ============ */

.btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

/* اللمعة */
.btn::before{
  content:"";
  position:absolute;

  top:-50%;
  left:-70%;

  width:35%;
  height:200%;

  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.15),
    rgba(255,255,255,.65),
    rgba(255,255,255,.15),
    transparent
  );

  transform:skewX(-20deg);
  transition:left .65s ease;

  pointer-events:none;
  z-index:1;
}

/* تمر اللمعة عند الهوفر */
.btn:hover::before{
  left:135%;
}

/* نخلي محتوى الزر فوق اللمعة */
.btn > *{
  position:relative;
  z-index:2;
}

/* ============ WHY EDUSIGN MODERN ============ */

.why-modern{
  padding:60px 0;
  background:#faf7f2;
}

.why-modern .section-head{
  margin-bottom:34px;
}


/* ===== الحاوية الرئيسية ===== */

.why-modern-box{
  display:grid;
grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:stretch;
}


/* ===== الصورة ===== */

.why-modern-image{
  position:relative;
  overflow:hidden;
height:540px;

  border-radius:18px;

  box-shadow:0 18px 45px rgba(53,44,88,.10);
}

.why-modern-image img{
  width:100%;
  height:100%;
  display:block;

  object-fit:cover;
  object-position:center;

  transition:transform 1s ease;

  animation:whyImageBreath 8s ease-in-out infinite alternate;
}

@keyframes whyImageBreath{
  from{
    transform:scale(1);
  }

  to{
    transform:scale(1.035);
  }
}


/* Badge على الصورة */

.why-image-badge{
  position:absolute;

  right:18px;
  bottom:18px;

  display:flex;
  align-items:center;
  gap:8px;

  padding:10px 16px;

  background:rgba(255,255,255,.88);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  border:1px solid rgba(255,255,255,.75);

  border-radius:16px;

  box-shadow:0 8px 24px rgba(0,0,0,.10);
}

.why-image-badge strong{
  color:var(--burgundy);
  font-size:20px;
  font-weight:800;
}

.why-image-badge span{
  color:var(--navy);
  font-size:13px;
  font-weight:600;
}


/* ===== اللوحة ===== */

.why-modern-panel{
  position:relative;

  background:#fff;

  border:1px solid rgba(53,44,88,.08);
  border-radius:18px;

  box-shadow:0 18px 45px rgba(53,44,88,.07);

  padding:10px 26px 22px;

  overflow:hidden;
}


/* الخط المتحرك */

.why-modern-line{
  position:absolute;

  right:0;
  top:22px;

  width:4px;
  height:72px;

  background:linear-gradient(
    180deg,
    var(--burgundy),
    #b94c50
  );

  border-radius:10px;

  transition:
    top .55s cubic-bezier(.22,.8,.28,1),
    height .35s ease;

  box-shadow:0 0 18px rgba(152,33,37,.28);
}


/* ===== كل ميزة ===== */

.why-modern-item{
  position:relative;

  min-height:96px;

  display:grid;
  grid-template-columns:44px 48px minmax(0, 1fr);

  align-items:center;
  gap:14px;

  padding:16px 18px;

  border-bottom:1px solid rgba(53,44,88,.08);

  transition:
    background .35s ease,
    transform .35s ease,
    padding .35s ease;
}

.why-modern-item:last-of-type{
  border-bottom:none;
}

.why-modern-text{
  width:100%;
  min-width:0;
  text-align:right;
  grid-column:3;
grid-row:1;
}

/* الرقم */



.why-modern-number{
      grid-column:1;
  grid-row:1;
  text-align:center;
  color:rgba(53,44,88,.16);

  font-size:18px;
  font-weight:800;

  transition:
    color .35s ease,
    transform .35s ease;
}


/* الأيقونة */

.why-modern-icon{
    grid-column:2;
grid-row:1;
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:14px;

  background:rgba(152,33,37,.08);
  color:var(--burgundy);

  font-size:17px;

  transition:
    transform .4s ease,
    background .4s ease,
    box-shadow .4s ease;

  animation:whyIconFloat 3.8s ease-in-out infinite;
}

.why-modern-item:nth-child(2) .why-modern-icon{
  animation-delay:.35s;
}

.why-modern-item:nth-child(3) .why-modern-icon{
  animation-delay:.7s;
}

.why-modern-item:nth-child(4) .why-modern-icon{
  animation-delay:1.05s;
}

.why-modern-item:nth-child(5) .why-modern-icon{
  animation-delay:1.4s;
}

@keyframes whyIconFloat{
  0%,100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-3px);
  }
}


/* النص */

.why-modern-text h3{
  color:var(--navy);

  font-size:16px;
  font-weight:700;

  margin-bottom:4px;

  transition:color .35s ease;
}

.why-modern-text p{
  color:#696472;

  font-size:13.5px;
  font-weight:400;
  line-height:1.8;
}


/* ===== الحالة النشطة ===== */

.why-modern-item.active{
  background:linear-gradient(
    90deg,
    rgba(152,33,37,.025),
    rgba(152,33,37,.07)
  );

  padding-right:14px;
}

.why-modern-item.active .why-modern-number{
  color:var(--burgundy);
  transform:translateX(-2px);
}

.why-modern-item.active .why-modern-icon{
  background:var(--burgundy);
  color:#fff;

  transform:translateY(-2px) scale(1.06);

  box-shadow:0 8px 22px rgba(152,33,37,.20);
}

.why-modern-item.active .why-modern-text h3{
  color:var(--burgundy);
}


/* Hover */

.why-modern-item:hover{
  background:rgba(152,33,37,.035);
}


/* ===== CTA ===== */

.why-modern-cta{
  margin-top:18px;
  text-align:center;
}


/* ============ TABLET ============ */

@media (max-width:980px){

  .why-modern-box{
    grid-template-columns:1fr;
  }

  .why-modern-image{
    min-height:420px;
  }

}


/* ============ MOBILE ============ */

@media (max-width:640px){

  .why-modern{
    padding:45px 0;
  }

  .why-modern-box{
    gap:18px;
  }

.why-modern-image img{
  width:100%;
  height:100%;
object-fit:contain;
}

  .why-modern-panel{
    padding:8px 16px 18px;
  }

.why-modern-item{
    grid-template-columns:36px 42px minmax(0, 1fr);
  gap:10px;

  min-height:88px;
  padding:15px 10px;
}

  .why-modern-icon{
    width:38px;
    height:38px;

    font-size:15px;
  }

  .why-modern-number{
    font-size:15px;
  }

  .why-modern-text h3{
    font-size:14px;
  }

  .why-modern-text p{
    font-size:12px;
  }

  .why-image-badge{
    right:12px;
    bottom:12px;
  }

}


/* احترام إعداد تقليل الحركة */

@media (prefers-reduced-motion:reduce){

  .why-modern-image img,
  .why-modern-icon{
    animation:none;
  }

}


/* ============ UNIVERSITIES MODERN ============ */

.universities-modern{
  padding:60px 0;
  background:#fff;
}

.universities-modern .section-head{
  margin-bottom:34px;
}


/* ===== GRID ===== */

.universities-modern-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}


/* ===== CARD ===== */

.uni-modern-card{
  position:relative;

  background:#fff;

  border:1px solid rgba(53,44,88,.09);
  border-radius:18px;

  overflow:hidden;

  box-shadow:0 10px 28px rgba(53,44,88,.06);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.uni-modern-card:hover{
  transform:translateY(-7px);

  border-color:rgba(152,33,37,.22);

  box-shadow:
    0 20px 45px rgba(53,44,88,.11);
}


/* ===== IMAGE ===== */

.uni-modern-media{
  position:relative;

  height:245px;

  overflow:hidden;
}

.uni-modern-media::after{
  content:"";

  position:absolute;
  inset:auto 0 0 0;

  height:38%;

  background:linear-gradient(
    to top,
    rgba(255,255,255,.92),
    rgba(255,255,255,0)
  );

  pointer-events:none;
}

.uni-modern-media img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;

  transition:transform .6s ease;
}

.uni-modern-card:hover .uni-modern-media img{
  transform:scale(1.055);
}


/* ===== BADGE ===== */

.uni-modern-badge{
  position:absolute;

  top:16px;
  right:16px;

  z-index:2;

  padding:7px 13px;

  background:rgba(255,255,255,.82);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  border:1px solid rgba(255,255,255,.75);
  border-radius:14px;

  color:var(--burgundy);

  font-size:11px;
  font-weight:700;

  box-shadow:0 6px 18px rgba(0,0,0,.08);
}


/* ===== CONTENT ===== */

.uni-modern-content{
  padding:4px 22px 22px;

  display:flex;
  flex-direction:column;

  min-height:275px;
}

.uni-modern-content h3{
  color:var(--navy);

  font-size:18px;
  font-weight:700;

  line-height:1.6;

  margin-bottom:10px;
}


/* ===== PRICE ===== */

.uni-modern-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;

  gap:5px;

  margin-bottom:14px;
}

.uni-modern-price span{
  color:#817b88;

  font-size:11.5px;
  font-weight:500;
}

.uni-modern-price strong{
  color:var(--burgundy);

  font-size:21px;
  font-weight:800;

  line-height:1;
}

.uni-modern-price small{
  color:#817b88;

  font-size:10.5px;
  font-weight:500;
}


/* ===== DESCRIPTION ===== */

.uni-modern-content > p{
  color:#686370;

  font-size:13px;
  font-weight:400;

  line-height:1.85;

  margin-bottom:20px;

  flex:1;
}


/* ===== MODERN LINK ===== */




/* ===== حركة خفيفة دائمة للـ Badge ===== */

.uni-modern-badge{
  animation:uniBadgeFloat 4s ease-in-out infinite;
}

.uni-modern-card:nth-child(2) .uni-modern-badge{
  animation-delay:.5s;
}

.uni-modern-card:nth-child(3) .uni-modern-badge{
  animation-delay:1s;
}

.uni-modern-card:nth-child(4) .uni-modern-badge{
  animation-delay:1.5s;
}

.uni-modern-card:nth-child(5) .uni-modern-badge{
  animation-delay:2s;
}

.uni-modern-card:nth-child(6) .uni-modern-badge{
  animation-delay:2.5s;
}

@keyframes uniBadgeFloat{

  0%,100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-3px);
  }

}


/* ===== CTA ===== */

.uni-modern-cta{
  text-align:center;
  margin-top:34px;
}


/* ============ TABLET ============ */

@media (max-width:980px){

  .universities-modern-grid{
    grid-template-columns:repeat(2, 1fr);
  }

}


/* ============ MOBILE ============ */

@media (max-width:640px){

  .universities-modern{
    padding:45px 0;
  }

  .universities-modern-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .uni-modern-media{
    height:220px;
  }

  .uni-modern-content{
    min-height:auto;
    padding:4px 18px 18px;
  }

  .uni-modern-content h3{
    font-size:17px;
  }

  .uni-modern-price strong{
    font-size:19px;
  }

}


/* تقليل الحركة إذا الجهاز طالب ذلك */

@media (prefers-reduced-motion:reduce){

  .uni-modern-badge{
    animation:none;
  }

  .uni-modern-media img{
    transition:none;
  }

}



/* تقليل الحركة حسب إعداد الجهاز */


@media (max-width:980px){

  /* ===== NAVBAR ===== */

  .nav{
    position:relative;
    justify-content:center;
  }


  /* ===== زر المنيو بالنص ===== */

  .nav-toggle{
    display:flex;

    position:absolute;
    left:50%;
    top:50%;

    transform:translate(-50%, -50%);

    margin:0;

    z-index:1002;
  }

  .nav-toggle:hover{
    transform:translate(-50%, -50%);
  }


  /* ===== القائمة التي تفتح ===== */

  .nav-links{
    position:absolute;

    top:calc(100% + 12px);

    /* بالنص تماماً */
    left:50%;
    right:auto;

    transform:translate(-50%, -10px);

    width:min(340px, calc(100vw - 28px));

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:5px;

    padding:12px;

    background:rgba(255,255,255,.97);

    border:1px solid rgba(53,44,88,.08);
    border-radius:18px;

    box-shadow:
      0 20px 50px rgba(53,44,88,.14);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    z-index:1001;

    transition:
      opacity .3s ease,
      visibility .3s ease,
      transform .3s ease;
  }


  /* ===== عند فتح المنيو ===== */

  .nav-links.open{
    opacity:1;
    visibility:visible;

    pointer-events:auto;

    transform:translate(-50%, 0);
  }


  /* ===== الروابط ===== */

  .nav-links a{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:12px 15px;

    text-align:center;

    border-radius:13px;
  }


  /* الرابط الحالي */

  .nav-links a.active{
    text-align:center;
  }

}


/* ============ PHONE FIELD ============ */

.phone-field{
  width:100%;
  height:56px;

  display:flex;
  align-items:stretch;

  direction:rtl;

  background:rgba(255,255,255,.9);

  border:1.4px solid transparent;
  border-radius:14px;

  overflow:hidden;

  transition:
    border-color .25s ease,
    box-shadow .25s ease;
}


/* لما نضغط على الحقل */

.phone-field:focus-within{
  border-color:var(--burgundy);

  box-shadow:
    0 0 0 3px rgba(152,33,37,.10);
}


/* رمز الدولة */

.phone-field select{
  width:42% !important;
  flex:0 0 42%;

  height:100%;

  margin:0 !important;
  padding:0 14px !important;

  border:0 !important;
  border-left:1px solid rgba(53,44,88,.12) !important;

  border-radius:0 !important;

  outline:none !important;
  box-shadow:none !important;

  background:transparent !important;

  color:var(--ink);

  font-family:'Cairo',sans-serif;
  font-size:13px;
  font-weight:500;

  cursor:pointer;

  direction:rtl;
}


/* رقم الواتساب */

.phone-field input{
  flex:1;
  min-width:0;

  height:100%;

  margin:0 !important;
  padding:0 16px !important;

  border:0 !important;
  border-radius:0 !important;

  outline:none !important;
  box-shadow:none !important;

  background:transparent !important;

  color:var(--ink);

  font-family:'Cairo',sans-serif;
  font-size:14px;

  direction:ltr;
  text-align:left;
}


.phone-field input::placeholder{
  color:#8d8992;
}


/* نشيل الـfocus القديم */

.phone-field select:focus,
.phone-field input:focus{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
}


/* MOBILE */

@media (max-width:640px){

  .phone-field{
    height:52px;
  }

  .phone-field select{
    width:43% !important;
    flex-basis:43%;

    padding:0 8px !important;

    font-size:11.5px;
  }

  .phone-field input{
    font-size:13px;

    padding:0 10px !important;
  }

}

/* ============ HERO PHONE COMBINED ============ */

.hero-form .phone-combined{
  width:100%;
  height:56px;

  display:flex !important;
  flex-direction:row !important;
  align-items:stretch !important;

  direction:rtl;

  background:#fff;

  border:1.4px solid rgba(53,44,88,.14);
  border-radius:14px;

  overflow:hidden;
}

.hero-form .phone-combined select{
  width:42% !important;
  flex:0 0 42% !important;

  height:100% !important;

  margin:0 !important;
  padding:0 12px !important;

  border:0 !important;
  border-left:1px solid rgba(53,44,88,.12) !important;

  border-radius:0 !important;

  background:#fff !important;

  color:var(--ink);

  direction:rtl;

  font-size:12.5px;
}

.hero-form .phone-combined input{
  width:58% !important;
  flex:0 0 58% !important;

  min-width:0;

  height:100% !important;

  margin:0 !important;
  padding:0 16px !important;

  border:0 !important;
  border-radius:0 !important;

  background:#fff !important;

  direction:ltr;
  text-align:left;

  font-size:14px;
}

.hero-form .phone-combined:focus-within{
  border-color:var(--burgundy);

  box-shadow:
    0 0 0 3px rgba(152,33,37,.10);
}

.hero-form .phone-combined select:focus,
.hero-form .phone-combined input:focus{
  outline:none !important;
  box-shadow:none !important;
}


/* MOBILE */

@media (max-width:640px){

  .hero-form .phone-combined{
    height:52px;
  }

  .hero-form .phone-combined select{
    width:43% !important;
    flex-basis:43% !important;

    padding:0 8px !important;

    font-size:11px;
  }

  .hero-form .phone-combined input{
    width:57% !important;
    flex-basis:57% !important;

    padding:0 10px !important;

    font-size:13px;
  }

}