/* Header */
.header-img {
    width: 100%;
    height: 357px;
    object-fit: cover;
}
/* End Header */

/* Cabang */
.cabang-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
/* End Cabang */

.card-about {
    position: absolute;
    left: 100px;
    bottom: -46px;
    width: 770px;
    height: 145px;
    background: linear-gradient(268.14deg, #000442 7.79%, #040c34 96.02%);
}

.card-about .card-body {
    background: linear-gradient(268.14deg, #000442 7.79%, #040c34 96.02%);
}

.nav-cabang-arsyada {
    width: 230px;
}

.nav-pills .nav-link {
    border-radius: 0;
    border: 1px solid #040c34;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0b1f82;
    border: 1px solid #0b1f82;
}

.bg-cabang {
    background-color: #fafafa;
}

.bg-kontak {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../../images/tentang-kami/bg-kontak.jpg");
}

.button-custom {
    width: 100%;
    margin-bottom: 24px;
}

@media (max-width: 767.98px) {

    /* Header */
    .card-about {
        position: static;
        left: 0;
        width: 100%;
        height: auto;
    }

    .header-img {
        width: 100%;
        height: 280px;
        object-fit: cover;
        margin-bottom: 16px;
    }
    /* End Header */

    /* Visi */
    .visi-card .card-body,
    .misi-card .card-body {
        padding: 8px;
    }

    .visi-img,
    .midi-img {
        width: 100%;
        height: 240px;
        object-fit: cover;
    }
    /* End Visi */

}

@media (min-width: 768px) and (max-width: 997.98px) {

    .card-about {
        left: 40px;
        width: 660px;
    }

    .visi-img,
    .misi-img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

}