*{margin:0;padding:0;box-sizing:border-box;font-family:"Cairo",sans-serif;}
body{direction:rtl;background:#f4f6f9;color:#444;scroll-behavior:smooth;}
a{text-decoration:none;color:inherit;}
.navbar {
    background: linear-gradient(90deg, #1f2c9c, #2f80ed);
    padding: 15px 25px;
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  }

  .navbar-brand {
    font-weight: 700;
    color: #ffffff !important;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }

  .nav-link {
    font-weight: 500;
    color: #f1f5f9 !important;
    margin: 0px;
    transition: 0.3s ease;
  }

  .nav-link:hover {
    color: #caf0f8 !important;
  }


  .btnn {
    background-color: rgb(241, 240, 243);
    color: #3712bd;
    border: 1px solid rgb(67, 67, 248);
    border-radius: 10px;
    padding: 8px 10px;
    margin: 5px;
    transition: 0.3s ease;
    text-decoration: none;
    font-weight: 500;

  }
  .btnn:hover {
    background: #3f22e0;
    transform: scale(1.05);
    color: white;
  }


/* Hero */
.hero{background:linear-gradient(to left,#0d6efd,#0b5ed7);color:#fff;text-align:center;padding:120px 20px;}
.hero h1{font-size:48px;margin-bottom:20px;opacity:0;transform:translateY(20px);transition:1s;}
.hero p{font-size:20px;max-width:800px;margin:auto;opacity:0;transform:translateY(20px);transition:1s;}
.btn-glow{margin-top:25px;background:#ffc107;color:#fff;padding:14px 35px;border:none;border-radius:10px;font-weight:bold;cursor:pointer;font-size:16px;box-shadow:0 0 20px rgba(255,193,7,0.6);transition:.5s;}
.btn-glow:hover{box-shadow:0 0 35px rgba(255,193,7,1);transform:scale(1.05);}

/* Mission & Vision */
.mission{width:90%;margin:auto;padding:80px 0;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;}
.mission .box{flex:1 1 400px;background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.08);opacity:0;transform:translateY(20px);transition:1s;}
.mission .box h2{color:#0d6efd;margin-bottom:15px;font-size:26px;}
.mission .box p{font-size:17px;line-height:1.8;color:#555;}

/* Stats */
.stats{background:#e6f0ff;padding:70px 20px;text-align:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;}
.stat-box{background:#fff;padding:25px;border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,0.08);opacity:0;transform:translateY(20px);transition:1s;}
.stat-box:hover{transform:scale(1.05);}
.stat-box h3{color:#0d6efd;font-size:28px;margin-bottom:10px;}
.stat-box p{font-size:16px;color:#555;}

/* Courses Section */
.courses{width:90%;margin:auto;padding:80px 0;text-align:center;}
.courses h2{color:#0d6efd;font-size:32px;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:1s;}
.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;}
.course-card{background:#fff;padding:25px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.12);opacity:0;transform:translateY(20px);transition:1s;text-align:center;}
.course-card img{width:80px;margin-bottom:20px;}
.course-card h3{color:#0d6efd;font-size:20px;margin-bottom:10px;}
.course-card p{font-size:14px;color:#555;line-height:1.7;}
.course-card .btn-sub{margin-top:15px;background:#0d6efd;color:#fff;padding:10px 25px;border:none;border-radius:8px;font-weight:bold;cursor:pointer;transition:.3s;}
.course-card .btn-sub:hover{background:#0b5ed7;transform:scale(1.05);}

/* Team Section */
.team{width:90%;margin:auto;padding:80px 0;text-align:center;}
.team h2{color:#0d6efd;font-size:32px;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:1s;}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
.team-card{background:#fff;padding:25px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.12);opacity:0;transform:translateY(20px);transition:1s;text-align:center;}
.team-card:hover{transform:scale(1.05);box-shadow:0 15px 35px rgba(0,0,0,0.18);}
.team-card img{width:120px;height:120px;border-radius:50%;margin-bottom:20px;}
.team-card h3{color:#0d6efd;font-size:20px;margin-bottom:10px;}
.team-card p{font-size:14px;color:#555;line-height:1.7;}

/* Responsive */
@media(max-width:768px){.hero h1{font-size:36px;}.hero p{font-size:17px;}.mission{flex-direction:column;}.team-grid{grid-template-columns:1fr;}.courses-grid{grid-template-columns:1fr;}}