@media (max-width: 767.98px) {
  section.banner {
    background: url('../img/seremban2.webp') center center/cover no-repeat;
    padding: 20px 10px; /* kurangkan lagi jika mahu */
    min-height: 25vh;
  }

  section.banner .subtitle {
    font-size: 0.85rem;
    margin-bottom: 4px;
  }

  section.banner .container {
    padding-top: 0;
    padding-bottom: 0;
  }

  section.banner form {
    margin-top: 5px;
  }


  .hero-title-wrapper{
    display: none !important;
  }

}


@media (max-width: 767.98px) {
  #customSearchForm {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
  }

  /* Rapatkan ruang antara label dan input */
  #customSearchForm .form-label {
    margin-bottom: 0.1rem !important;
  }

  /* Rapatkan antara input secara menegak */
  #customSearchForm .form-select,
  #customSearchForm input {
    margin-bottom: 0.1rem !important;
  }

  /* Rapatkan butang */
  #customSearchForm .btn {
    margin-top: 0.2rem !important;
  }

  /* Rapatkan spacing antara row input */
  #customSearchForm .row.g-2 {
    --bs-gutter-y: 0.1rem !important;
  }

  /* Kurangkan ruang luar setiap column */
  #customSearchForm .col-sm-6,
  #customSearchForm .col-sm-12,
  #customSearchForm .col-md-2,
  #customSearchForm .col-md-3 {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
    margin-bottom: 0 !important;
  }

  /* Rapatkan checkbox */
  #customSearchForm .form-check {
    margin-top: 0.1rem !important;
    margin-bottom: 0 !important;
  }
}