.learning-content ul {
  padding-left: 1.2rem;
}

.learning-content ul li {
  margin-bottom: 0.5rem;
}

.learning-content .card {
  border-left: 4px solid #9bb4b9;
  background-color: #f8fff8;
}

.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
  background-color: #fff;
}

.card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(25, 135, 84, 0.15);
}


.hero h1,
.hero p {
  color: #ffffff !important;
}

.animated-text {
  animation: fadeInScaleShadow 1.5s ease-out forwards;
}

@keyframes fadeInScaleShadow {
  0% {
    opacity: 0;
    transform: translateY(-30px) scale(0.95);
    text-shadow: none;
  }

  70% {
    opacity: 1;
    transform: translateY(0) scale(1.05);
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.5);
  }

  100% {
    transform: translateY(0) scale(1);
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
  }
}

/* 
    section added for make page responsive  */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}


img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 
responsiveness code end  */

.learning-content .card {
  border-left: 4px solid #9bb4b9;
  background-color: #01454e;
  /* Updated background color */
  color: white;
  /* Updated text color */
}