@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');


:root{
  --c1:#588b8b;
  --c2:#e9c46a;
  --c3:#e76f51;
  --c4:#f4a261;
  --c5:#00af69;
  --dark:#2b2b2b;
}

body{
  font-family:"Cairo",sans-serif;
  margin:0;
  background:#f7fbfb;
  color:var(--dark);
}

/* ===== Navbar ===== */
.navbar{
  background:#ffffff !important;
  border-bottom:4px solid var(--c2);
}
.navbar-brand{
  font-weight:900;
  color:var(--c1) !important;
}
.btn-emp{
  background:var(--c2);
  color:#333;
  border-radius:30px;
  padding:8px 18px;
  font-weight:800;
  border:none;
  transition:.3s;
}
.btn-emp:hover{ background:var(--c4); }

/* ===== Hero ===== */
.hero{
  position:relative;
  padding:120px 0 100px;
  text-align:center;
  background:url('https://images.unsplash.com/photo-1588072432836-e10032774350?auto=format&fit=crop&w=1800&q=80') center center/cover no-repeat;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(88,139,139,0.65);
}
.hero-content{
  position:relative;
  z-index:2;
  background:rgba(255,255,255,0.95);
  padding:40px 25px;
  border-radius:25px;
  max-width:700px;
  margin:auto;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
}
.hero h1{
  font-weight:900;
  margin-bottom:15px;
  color:var(--c1);
}
.hero p{
  margin-bottom:25px;
  color:#555;
}
.btn-main{
  background:var(--c2);
  color:#333;
  border:none;
  border-radius:30px;
  padding:12px 25px;
  font-weight:800;
  transition:.3s;
}
.btn-main:hover{ background:var(--c4); }

/* ===== Services ===== */
.section-title{
  font-weight:900;
  color:var(--c1);
}

.service-card{
  border-radius:25px;
  overflow:hidden;
  box-shadow:0 12px 25px rgba(0,0,0,.08);
  transition:.3s;
  height:420px;
  display:flex;
  flex-direction:column;
  background:#fff;
}
.service-card:hover{
  transform:translateY(-8px);
}

.card-image{
  position:relative;
  height:200px;
  background-size:cover;
  background-position:center;
  flex-shrink:0;
}
.card-image::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.65;
}

/* ألوان تلوين الصور */
.bar1 .card-image::after{ background:var(--c1); }  /* الروضة */
.bar2 .card-image::after{ background:var(--c3); }  /* الحضانة */
.bar3 .card-image::after{ background:var(--c5); }  /* البرامج */
.bar4 .card-image::after{ background:var(--c2); }  /* التخاطب */

.card-body-custom{
  padding:20px;
  text-align:center;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.service-btn{
  display:inline-block;
  margin-top:15px;
  padding:8px 18px;
  border-radius:25px;
  font-weight:800;
  background:var(--c2);
  color:#333;
  text-decoration:none;
  transition:.3s;
}
.service-btn:hover{ background:var(--c4); }

/* ===== Contact ===== */
.contact-box{
  background:#fff;
  border-radius:25px;
  padding:30px;
  box-shadow:0 12px 25px rgba(0,0,0,.08);
}

/* Footer */
footer{
  background:var(--c1);
  color:#fff;
}

/* للجوال */
@media(max-width:768px){
  .service-card{ height:auto; }
}

.logo-img{
  height:55px;
  width:auto;
  object-fit:contain;
}