.navbar {
    z-index: 1 !important;
}
.garis {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    content: " ";
    width: 20px;
    background: linear-gradient(
        180deg,
        rgba(0, 224, 255, 1) 0%,
        rgba(255, 9, 216, 1) 100%
    );

    z-index: 999 !important;
}

/* home tombol order */

body #buttonhome button {
    background: linear-gradient(
        180deg,
        rgba(0, 224, 255, 1) 0%,
        rgba(255, 9, 216, 1) 100%
    );
    margin-bottom: 50px;
}

#gambar img:hover {
    transform: scale(1.5);
}

.navbar-nav .nav-link {
    position: relative;
}

.navbar .navbar-nav a::after {
    content: "";
    display: block;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid black;
    transform: scaleX(0);
    transition: 0.3s linear;
}

.navbar-nav .nav-item .nav-link.active::after,
.navbar .navbar-nav a:hover::after {
    transform: scaleX(1);
}

/* client and partners */

body .container #subprogram .col {
    display: flex;
    justify-content: center;
}

body .container #subprogram .col .card {
    width: 300px;
    height: 300px;
    box-shadow: 4px 7px 5px rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    margin-bottom: 30px;
}

body .container #subprogram .col .card img {
    border-radius: 25px;
}

/* about */

body .container #visimisi {
    margin-top: 80px;
    text-align: justify;
    text-justify: inter-word;
}

body .container #about {
    display: flex;
    justify-content: center;
}

body .container #about center {
    margin-top: 100px;
    margin-bottom: 50px;
}

body .container #about img {
    margin-bottom: 50px;
    width: 100%;
}