.navbar {
    background: white !important;
    border-bottom: 2px solid #f2f2f2;
    transition: 0.3s ease;
  }

  /* Logo */
  .navbar-brand {
    color: #023e8a !important;
    font-size: 26px !important;
    letter-spacing: 1px;
  }
  .navbar-brand:hover {
    color: #0096c7 !important;
  }

  /* Liens */
  .navbar .nav-link {
    color: #023e8a !important;
    font-weight: 500;
    padding: 10px 16px !important;
    transition: 0.3s ease;
    border-radius: 6px;
  }

  .navbar .nav-link:hover {
    background: #e9f6ff;
    color: #0077b6 !important;
  }

  /* Dropdown menu */
  .dropdown-menu {
    border-radius: 10px !important;
    padding: 10px 0 !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
    animation: fadeIn 0.25s ease-in-out;
  }

  .dropdown-menu .dropdown-item {
    padding: 10px 20px !important;
    color: #023e8a !important;
    font-weight: 500;
    transition: 0.2s;
  }

  .dropdown-menu .dropdown-item:hover {
    background: #e6f3ff !important;
    color: #0077b6 !important;
  }

  /* Animations */
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  body { font-family: 'Poppins', sans-serif; scroll-behavior: smooth; }
    .hero { height: 90vh; position: relative; color: white; text-shadow: 1px 1px 4px rgba(0,0,0,0.7);}
    .hero .carousel-item { height: 90vh; background-size: cover; background-position: center; }
    .hero .carousel-caption { bottom: 30%; }
    .section-title { margin-bottom: 2rem; text-align: center; font-weight: 600; }
    .team-img { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; transition: transform 0.3s; }
    .team-img:hover { transform: scale(1.05); }
    .card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); transition: 0.3s; }
    .btn-primary:hover { transform: scale(1.05); transition: 0.3s; }
    footer { background-color: #222; color: #fff; padding-top: 3rem; }
    footer a { color: #fff; }
    footer a:hover { text-decoration: underline; }
    .count { font-size: 2rem; font-weight: 700; }

 .navbar {
    background: white !important;
    border-bottom: 2px solid #f2f2f2;
    transition: 0.3s ease;
  }

  /* Logo */
  .navbar-brand {
    color: #023e8a !important;
    font-size: 26px !important;
    letter-spacing: 1px;
  }
  .navbar-brand:hover {
    color: #0096c7 !important;
  }

  /* Liens */
  .navbar .nav-link {
    color: #023e8a !important;
    font-weight: 500;
    padding: 10px 16px !important;
    transition: 0.3s ease;
    border-radius: 6px;
  }

  .navbar .nav-link:hover {
    background: #e9f6ff;
    color: #0077b6 !important;
  }

  /* Dropdown menu */
  .dropdown-menu {
    border-radius: 10px !important;
    padding: 10px 0 !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
    animation: fadeIn 0.25s ease-in-out;
  }

  .dropdown-menu .dropdown-item {
    padding: 10px 20px !important;
    color: #023e8a !important;
    font-weight: 500;
    transition: 0.2s;
  }

  .dropdown-menu .dropdown-item:hover {
    background: #e6f3ff !important;
    color: #0077b6 !important;
  }

  /* Animations */
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }