.para{
    font-weight: bolder;
    color:orange;
    font-size: large;
    animation-name: color;
    animation-duration: 2s;
    animation-timing-function: ease-in;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    
}
.icon{
    color: rgb(30, 30, 222);
    font-size:xx-large;
    
}

@keyframes color {
    0%{
        color: orange;
    }
    25%{
        color: blue;
    }
    50%{
       color: red;
    }
    75%{
       color: deeppink;
    }
    100%{
       color: cadetblue;
    }
}

.dropdown-menu {
  background-color: #111827 !important;
  color: white;
  border: none;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
}
.dropdown-menu a {
  color: white;
}
.dropdown-menu a:hover {
  background-color: #1f2937 !important;
}
.carousel-item {
      position: relative;
      height: 100vh;
      overflow: hidden;
    }

.carousel-item video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      transform: translate(-50%, -50%);
      object-fit: cover;
      z-index: 0;
    }

.stats-section {
  background-color: black;
  color: white;
  padding: 60px 0;
  text-align: center;
}

.stat {
      margin-bottom: 30px;
    }

.stat-icon {
      font-size: 2rem;
      margin-bottom: 10px;
      display: block;
    }

.headline {
      font-weight: bold;
      font-size: 1.25rem;
    }

.counter {
      font-size: 2rem;
      font-weight: bold;
    }.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}

.learning-card {
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  width: 360px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
}

.learning-card:hover {
  transform: translateY(-8px);
}

.learning-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

.learning-card-body {
  padding: 20px;
  background-color: #323236; 
  color: #ffffff;           
}
.learning-card-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 12px;
}

.learning-card-desc {
  font-size: 16px;
  color: #e0e0e0; 
}

.cont-about{
      background-color: black;
      color: white;
    }
.company-section {
      margin-top: 120px;
    }
.company-grid{
      margin-top: 80px;
    }
footer {
      background-color: #000;
      padding: 0;
    }
video {
      max-width: 100%;
      height: auto;
      display: block;
    }
    @media (max-width: 767px) {
  .dropdown-menu {
    width: 100% !important;
    padding: 1rem !important;
  }

  .dropdown-menu .row-cols-3 {
    grid-template-columns: repeat(1, 1fr) !important; /* stack buttons vertically */
    display: grid;
    gap: 0.75rem;
  }

  .dropdown-menu .btn {
    font-size: 14px !important;
    padding: 0.6rem 0.75rem !important;
    
  }
}
@media (max-width: 576px) {
  .dropdown-menu .btn-outline-light {
    border: none !important;
    padding: 10px 14px;
  }
}