.title-about{
    color:#459ED7;
    font-size: 3rem;
}


  .service-box {
    border: 1px solid #AAD7EF;
    border-radius: 10px;
    padding: 20px;
    background-color: #EEF6FB;
    height: 100%;
    text-align: left;
    min-height: 350px;
    cursor: pointer;
  }
  .service-box:hover,.active {
    border: 1px solid #459ED7;
    
  }
  .service-box img {
    height: 70px;
    margin-bottom: 15px;
  }
  .subtitle-do{
    color:#459ED7;
  }

  a{
    text-decoration: none;;
  }
  .bgCard{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
    border-radius: 20px;
  }

  .service-box {
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Tablet (3 kolom) */
@media (max-width: 768px) {
  .service-box {
    flex: 0 0 100%;
    max-width: 47%;
  }
}

/* Tablet (3 kolom) */
@media (min-width: 768px) {
  .service-box {
    flex: 0 0 30%;
    max-width: 30%;
  }
}

/* Desktop (4 kolom) */
@media (min-width: 992px) {
  .service-box {
    flex: 0 0 22%;
    max-width: 22%;
  }
}

/* Desktop besar (5 kolom seperti 18%) */
@media (min-width: 1200px) {
  .service-box {
    flex: 0 0 18%;
    max-width: 18%;
  }
}