body {
            font-family: 'Inter', sans-serif;
        }
       .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('img/nhero1.jpeg');
    background-size: cover;
    background-position: center;
    animation: slide 15s infinite;
}

@keyframes slide {
    0% {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('img/nhero1.jpeg');
    }
    33.33% {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('img/nhero2.jpeg');
    }
    66.66% {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('img/nhero3.jpeg');
    }
    100% {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('img/nhero1.jpeg');
    }
}
        .nav-link {
            position: relative;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #2373cb;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }
        .dropdown:hover .dropdown-menu {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
        .dropdown-menu {
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateY(10px);
        }
      

/* hero seection */
.animate-fade-in {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
  }
  .animation-delay-200 { animation-delay: 0.2s; }
  .animation-delay-400 { animation-delay: 0.4s; }
  .animation-delay-600 { animation-delay: 0.6s; }
  .animation-delay-800 { animation-delay: 0.8s; }

  @keyframes fadeInUp {
    to { opacity: 1; transform: translateY(0); }
  }
.animate-fadeInIn {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
  }
  .animation-delay-200 { animation-delay: 0.2s; }
  .animation-delay-400 { animation-delay: 0.4s; }
  .animation-delay-600 { animation-delay: 0.6s; }
  .animation-delay-800 { animation-delay: 0.8s; }

  @keyframes fadeInUp {
    to { opacity: 1; transform: translateY(0); }
  }

.animate-fadeIn {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
  }
  .animation-delay-200 { animation-delay: 0.2s; }
  .animation-delay-400 { animation-delay: 0.4s; }
  .animation-delay-600 { animation-delay: 0.6s; }
  .animation-delay-800 { animation-delay: 0.8s; }

  @keyframes fadeInUp {
    to { opacity: 1; transform: translateY(0); }
  }
 
 
 /*why choose europe for study */ 
 @keyframes slide-smooth {
  0%, 5% { transform: translateX(0%); }
  25%, 30% { transform: translateX(-100%); }
  50%, 55% { transform: translateX(-200%); }
  75%, 80% { transform: translateX(-300%); }
  100% { transform: translateX(0%); }
}
.animate-slide-smooth {
  animation: slide-smooth 20s infinite ease-in-out;
} 

/*courses*/
 @media (max-width: 640px) {
    .sm\\:grid-cols-6 {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }
    .sm\\:grid-cols-6 > div:nth-child(odd) {
      display: flex;
      align-items: center;
      flex-direction: row;
      text-align: left;
    }
    .sm\\:grid-cols-6 > div:nth-child(even) {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      text-align: right;
    }
    .sm\\:grid-cols-6 img {
      width: 70px;
      height: 70px;
      margin: 0 12px;
    }
    .sm\\:grid-cols-6 h3 {
      font-size: 1rem;
      margin-bottom: 4px;
    }
    .sm\\:grid-cols-6 p {
      font-size: 0.85rem;
    }
  }
  
  /*  rankers sloder */
  .scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
  
  
  /*Google translator  */