:root{--accent:#013D79;--orange: #F58220;--linkcolor:#0000;--white: #ffffff;}
    body{font-family: 'Cairo', sans-serif;background:#fff;color:#0a3b3b}
    /** button **/

.floating-buttons {
  position: fixed;
  bottom: 90px; /* المسافة من الأسفل */
  right: 20px;  /* المسافة من اليمين */
  display: flex;
  flex-direction: column;
  gap: 15px; /* المسافة بين الأزرار */
  z-index: 9999;
}

.floating-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  box-shadow: 0 8px 15px rgba(0,0,0,0.3);
  transition: transform 0.3s, box-shadow 0.3s;
}

.floating-btn:hover {
  transform: scale(1.2);
  box-shadow: 0 12px 20px rgba(0,0,0,0.4);
}

/* ألوان الأزرار */
.floating-btn.whatsapp { background-color: #25D366; }
.floating-btn.facebook { background-color: #1877F2; }
    /* Style Navbar */
    /* .navbar{
        background-color: var(--accent);
    } */
    .navbar .nav-link{
      color: var(--accent);
    }
    
    .navbar .nav-link:hover{
      color: var(--orange);
    }
    .hero{padding:80px 0}
    .hero .title{font-size:50px;font-weight:800;color:var(--accent);line-height:1}
    .hero .subtitle{color:var(--muted);max-width:520px;font-size: 18px;}
    .stats-card{background:var(--accent);border-radius:14px;padding:22px;box-shadow:0 6px 20px rgba(15,23,42,0.06);}
    .big-card{background:#fff;border-radius:22px;box-shadow:0 18px 40px rgba(12,22,33,0.08);padding:28px;position:relative;overflow:visible}
    .big-card img{max-width:360px;height:auto;display:block;margin-inline-start:auto}
    .badge-green{position:absolute;top:22px;left:22px;background:var(--green);color:#fff;padding:14px 18px;border-radius:8px;font-weight:700;box-shadow:0 6px 18px rgba(22,138,58,0.18)}
    .number-box{width:110px;height:110px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;box-shadow:0 8px 24px rgba(2,20,16,0.04)}
    .number-box small{display:block;font-size:12px;color:#2b7a6f;margin-top:6px}
    @media (max-width:991px){
      .hero{padding:40px 0}
      .hero .title{font-size:40px;margin-top: 20px;}
      .big-card img{max-width:260px}
      .badge-green{top:12px;left:12px}
    }
/*======== من نحن ===========*/
#values {
    
      padding: 80px 0;
    }

    #values .section-title h2 {
      font-weight: 700;
      color: #003366;
      margin-bottom: 10px;
    }

    #values .section-title p {
      color: #555;
      max-width: 700px;
      margin: 0 auto 50px auto;
    }

    .value-box {
      background: #fff;
      border: none;
      border-radius: 20px;
      padding: 40px 30px;
      text-align: center;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
      transition: all 0.4s ease;
      height: 100%;
    }

    .value-box:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 30px rgba(0, 123, 255, 0.2);
    }

    .value-icon {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--accent),var(--orange));
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
      color: #fff;
      font-size: 2rem;
      transition: all 0.3s ease;
    }

    .value-box:hover .value-icon {
      transform: rotate(10deg) scale(1.1);
      background: linear-gradient(135deg, #0056b3, #0099cc);
    }

    .value-box h4 {
      font-weight: 700;
      color: #003366;
      margin-bottom: 15px;
    }

    .value-box p {
      color: #666;
      font-size: 0.95rem;
    }

    /* ============== قسم الصور ========== */
    /* .carousel{
    background: linear-gradient(135deg, rgba(0, 85, 165, 0.2), rgba(0, 40, 85, 0.2));
                  
    } */
       .carousel-item img {
    
      width: 100%;
      height: 500px;
      object-fit: cover;
    }
    /* النص الثابت فوق الكروسل */
    .carousel-fixed-caption {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0, 0, 0, 0.4); /* خلفية شفافة بسيطة */
      color: #fff;
      padding: 12px 20px;
      border-radius: 8px;
      font-size: 1.8rem;
      font-weight: bold;
      z-index: 10;
      text-align: center;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: rgba(0,0,0,0.4);
      border-radius: 50%;
      width: 45px;
      height: 45px;
      transition: background 0.3s ease, transform 0.3s ease;
    }
    .carousel-control-prev-icon:hover,
    .carousel-control-next-icon:hover {
      background-color: rgba(0,0,0,0.7);
      transform: scale(1.1);
    }
    /*========== Team ============*/
    .team{
       background: linear-gradient(180deg, var(--accent) 0%, var(--orange));
      padding: 80px 0;
    }
    .team h2{
       color: white;
    }
  .team-card {
  transition: transform 0.4s, box-shadow 0.4s;
  border-radius: 20px;
  background: #fff;
}
.team-card:hover {
  transform: translateY(-15px) scale(1.03);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
.team-img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  transition: transform 0.4s;
}
.team-card:hover .team-img {
  transform: scale(1.1);
}
.card-title {
  margin-top: 10px;
  color: #333;
}
.card-text {
  font-size: 0.9rem;
}
.btn {
  transition: transform 0.3s;
}
.btn:hover {
  transform: scale(1.2);
}
/*==== Footer ====*/
.footer{
    background: linear-gradient(180deg, var(--accent) 0%, var(--orange));
    
}