@media(max-width:992px){

  .hero-section{
    flex-direction:column;
    padding:50px 30px;
  }

  .course-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  .navbar{
    padding:20px;
    flex-direction:column;
    height:auto;
    gap:20px;
  }

  .hero-left h1{
    font-size:42px;
  }

  .featured-section{
    padding:50px 20px;
  }

}


/* =========================================================
   SCHOLAR+ COURSE CARD — FIXED / EQUAL HEIGHT
   Prevents first course card from becoming oversized
   ========================================================= */

.featured-section .featured-grid{
  display:grid;
  align-items:stretch;
  grid-auto-rows:370px;
}


/* ---------------------------------------------------------
   ALL COURSE CARDS SAME HEIGHT
   --------------------------------------------------------- */

.featured-section .course-card{
  width:100%;
  height:370px;
  min-height:370px;
  max-height:370px;

  display:flex;
  flex-direction:column;

  box-sizing:border-box;

  overflow:hidden;
}


/* ---------------------------------------------------------
   COURSE IMAGE — FIXED HEIGHT
   --------------------------------------------------------- */

.featured-section .course-card img{
  display:block;

  width:100%;
  height:210px;
  min-height:210px;
  max-height:210px;

  flex:0 0 210px;

  object-fit:cover;
}


/* ---------------------------------------------------------
   COURSE CONTENT
   --------------------------------------------------------- */

.featured-section .course-card .course-content{
  min-height:0;
  height:auto;

  flex:1 1 auto;

  display:flex;
  flex-direction:column;

  box-sizing:border-box;

  overflow:hidden;
}


/* ---------------------------------------------------------
   COURSE DESCRIPTION
   Prevents unusually long text from increasing card height
   --------------------------------------------------------- */

.featured-section .course-card .course-content p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;

  overflow:hidden;
}


/* ---------------------------------------------------------
   FOOTER ALWAYS STAYS AT BOTTOM
   --------------------------------------------------------- */

.featured-section .course-card .course-footer{
  flex-shrink:0;
  margin-top:auto;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:992px){

  .featured-section .featured-grid{
    grid-auto-rows:370px;
  }

  .featured-section .course-card{
    height:370px;
    min-height:370px;
    max-height:370px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px){

  .featured-section .featured-grid{
    grid-template-columns:1fr;
    grid-auto-rows:370px;
  }

  .featured-section .course-card{
    height:370px;
    min-height:370px;
    max-height:370px;
  }

  .featured-section .course-card img{
    height:210px;
    min-height:210px;
    max-height:210px;
    flex-basis:210px;
  }

}