:root {
    --primary: #FF7309;
    --secondary: #254061;
    --third : #8D8B8B;
    --light: #FFFFFF;
    --dark: #000000;
    --font-family: 'Montserrat';
}


.other-hero-header {
    margin-bottom: 0;
    padding: 4rem 0 7rem;
    /* background-image: url(../img/hero-profile.png); */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    transition: .3s;
}

.other-hero-header::before {
    content: "";
    background: linear-gradient(190.92deg, rgba(0, 0, 0, 0) 34.54%, #000000 88.11%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.visi-misi .header-title{
    position: relative;
    padding-bottom: 15px;
}

.visi-misi .header-title::before {
    content: "";
    background: var(--primary);
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}


@media only screen and (min-width: 600px) {
    .other-hero-header {
        padding: 4rem 0 18rem;
    }
    
}