:root {
    --firstColor: #fcfcfc;
    --secondColor: #f7f7f7;
    --thirdColor: #4d4c4c;
    --fourthColor: #4496e2;
    --fifthColor: #1765ad;
    --sixthColor: #094781;
}

body {
    color: var(--thirdColor) !important;
    background-color: var(--firstColor) !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Navbar */
.navbar-brand {
    color: var(--fifthColor) !important;
    font-weight: 600;
}

.nav-daftar {
    color: var(--fifthColor) !important;
    font-weight: 600 !important;
}

.nav-login {
    font-weight: 600;
    color: #fff;
    border: none;
    background-color: var(--fifthColor);
    border-radius: 10px;
    width: 5rem;
    transition: 0.3s;
}

/* End Navbar */

/* Jumbotron */
.btn-service-1 {
    font-weight: 600;
    color: var(--firstColor);
    width: 11.25rem;
    height: 3.125rem;
    border: none;
    border-radius: 10px;
    background-color: var(--fifthColor);
    transition: 0.3s;
}

.btn-service-1:hover {
    box-shadow: 0 0 5px rgb(6, 7, 102);
    background-color: var(--sixthColor);
}

.btn-service-2 {
    font-weight: 600;
    color: var(--fifthColor);
    width: 11.25rem;
    height: 50px;
    border: 2px solid var(--fifthColor);
    border-radius: 10px;
    background-color: var(--firstColor);
    transition: 0.3s;
    margin-top: 1.5rem;
}

.btn-service-2:hover {
    color: var(--firstColor);
    border: 2px solid var(--fourthColor);
    background-color: var(--fourthColor);
    box-shadow: 0 0 5px var(--sixthColor);
}

.btn-font {
    font-size: 0.9rem !important;
}

.jumbotron-justify-text {
    text-align: justify;
}

.jumbotron-h3 {
    font-family: 'Didact Gothic', sans-serif !important;
    font-size: 3rem;
}

/* End Jumbotron */

/* Konten 1 */
.card-body span {
    font-weight: bold;
}

.card-konten-penawaran {
    margin: 15px 0px 0px !important;
}

/* Akhir Konten 1 */

/* Konten 2*/
.card {
    border: 2px solid var(--fifthColor) !important;
    transition: 0.3s !important;
    background-color: var(--firstColor) !important;
}

.card svg {
    color: var(--sixthColor) !important;
}

.card:hover {
    box-shadow: 0 0 5px var(--sixthColor);
    transform: scale(1.02) !important;
}

.fasilitas {
    transition: 0.3s;
}

.fasilitas:hover {
    transform: scale(1.3);
}

/* Akhir Konten 2 */

/* Konten 3 */
.konten-3 {
    background-color: var(--secondColor);
    padding: 4rem 0;
}

.konten-3 iframe {
    box-shadow: 0 0 5px var(--fifthColor);
}

/* Akhir Konten 3 */