/* V1.4.0 - Home: 4 kartu desktop, 2x2 tablet, 1 kolom HP */
.home-active-grid-v140{
  display:grid !important;
  align-items:stretch !important;
  width:100% !important;
}

.home-active-grid-v140 .activity-card{
  width:100% !important;
  height:100% !important;
}

@media (min-width:1101px){
  .home-active-grid-v140{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:24px !important;
  }

  .home-active-grid-v140 .activity-card{
    min-height:300px !important;
  }

  .home-active-grid-v140 .activity-img{
    height:190px !important;
    min-height:190px !important;
  }

  .home-active-grid-v140 .activity-body{
    padding:26px 22px 28px !important;
  }

  .home-active-grid-v140 .activity-body h3{
    font-size:22px !important;
  }
}

@media (min-width:768px) and (max-width:1100px){
  .home-active-grid-v140{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
  }

  .home-active-grid-v140 .activity-card{
    min-height:300px !important;
  }

  .home-active-grid-v140 .activity-img{
    height:200px !important;
    min-height:200px !important;
  }
}

@media (max-width:767px){
  .home-active-grid-v140{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .home-active-grid-v140 .activity-card{
    min-height:0 !important;
  }

  .home-active-grid-v140 .activity-img{
    height:auto !important;
    min-height:190px !important;
    aspect-ratio:16 / 9;
  }

  .home-active-grid-v140 .activity-body{
    padding:22px 20px 24px !important;
  }

  .home-active-grid-v140 .activity-body h3{
    font-size:21px !important;
  }
}