/* --------- Stats Section Grid Fix --------- */
.stats-container{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
font-size:10px;
}

/* Mobile – show 2 cards in one row */
@media (max-width: 768px){
  .stats-container{
    /*grid-template-columns: repeat(2,1fr);*/
  }
  .stat-box{
    width: 100%;
  }
}

/* ========= FINAL 2 GRID MOBILE LAYOUT ========= */
@media (max-width: 767px){

  /* Excellence Stats */
  .stats-container{
    flex-wrap: nowrap;
        overflow-x: auto;
        gap: 12px;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding: 10px 5px;
  }

  /* Awards • Visit • Seek • Why • Centres */
  .award_main,
  .why_main,
  .camp-container{
    display:flex !important;
    /*grid-template-columns:repeat(2,1fr);*/
    gap:12px !important;
    /*justify-content:center;*/
  }

.seek_main, .visit_main{
    display: flex !important;
    flex-wrap: nowrap !important;   /* ? IMPORTANT */
    overflow-x: auto;
    gap: 16px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;   /* not center */

}

  .award_main > *,
  .visit_main > *,
  .seek_main > *,
  .why_main > *,
  .camp-container > *{
    width:100% !important;
    margin:0 !important;
  }
}


/* ===== Universal Hover Effect for All Cards (ONLY BOX SHADOW) ===== */

.stat-box,
.award-card,
.visit-card,
.seek-card,
.why-card,
.camp {
    transition: box-shadow .3s ease-in-out;
}

/* Hover shadow */
.stat-box:hover,
.award-card:hover,
.visit-card:hover,
.seek-card:hover,
.why-card:hover,
.camp:hover {
    box-shadow: 0 12px 25px rgba(0,0,0,0.25);
}

/* Optional highlight borders */
.visit-card:hover,
.award-card:hover,

.seek-card:hover {
    border-color: #fff;
}