@media (min-width: 1198.98px) {
  .hero-banner h1 {
    font-size: 50px;
  }
}

@media (max-width: 575.98px) {
  .top-reason-card img {
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    margin-bottom: 18px;
  }
  .populor-course-list {
    flex-direction: column;
  }
   .populor-course-list .w-50 {
    width: 100% !important;
  }
}