body {
    background-color: #F2F7FF;
}

.bg-dar {
    background-color: #0A0E31;
}

.bluedark {
    background-color: #033c97;
}

.fontcusblue {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #0d6efd;
}

.fontcusgrey {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #c4c4c4;
}

@media only screen and (max-width: 768px) {
    .space-top {
      margin-top: 100px;
    }
  }

  /* =====================
   RESPONSIVE SETTINGS
   ===================== */

/* MOBILE (≤576px) */
@media (max-width: 576px) {

    #sliderLanding img {
        height: 250px !important;
        object-fit: cover;
    }

    .landing-title h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .landing-title h5 {
        font-size: 14px;
        line-height: 22px;
    }

    .landing-image img {
        width: 230px !important;
    }

    .space-top {
        margin-top: 20px !important;
    }

    #cekjadwal {
        height: auto !important;
        padding: 40px 0;
    }
}

/* TABLET (576px - 991px) */
@media (min-width: 577px) and (max-width: 991px) {

    #sliderLanding img {
        height: 350px !important;
        object-fit: cover;
    }

    .landing-image img {
        width: 300px !important;
    }
}