@media (max-width: 820px) {
    #header {
        position: fixed !important;
        height: 85px !important;
        z-index: 999 !important; /* So that it is not under the other elements */
       background: #212529; /*It was transparent*/
    }

    .aparatweb{
        width: 100% !important;
        height: 350px !important;
    }
    .berita{
        width: 100% !important;
        height: 250px !important;
    }
    .info{
        width: 100% !important;
        height: 250px !important;
    }
    
    /* #header .header-body {
        display: flex;
        flex-direction: column;
        background: var(--light);
        transition: min-height 0.3s ease;
        width: 100%;
        border-top: 3px solid #EDEDED;
        border-bottom: 1px solid transparent;
        z-index: 1000;
    } */

    .teks-tengah-lc{
        text-align: center !important;
    }
    .items-tengah-lc{
        align-items: center !important;
    }
    .justify-tengah-lc{
        display: flex;
        justify-content: center !important;
    }
}
@media (min-width: 992px) { 
    
    .teks-tengah-lc{
        text-align: left !important;
    }
    .items-tengah-lc{
        align-items: left !important;
    }
    .justify-tengah-lc{
        display: block;
        justify-content: left !important;
    }
    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
        color: #4dc91a !important;
    }
    #header .header-nav.header-nav-links nav > ul:hover > li > a.active {
        color: #44a71a !important;
    }
    #header .header-nav.header-nav-links nav > ul:hover > li > a:hover {
        color: #44a71a !important;
    }
    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
        color: #212529 !important;
    }
    .aparatweb{
        width: 100% !important;
        height: 290px !important;
    }
    .berita{
        width: 100% !important;
        height: 280px !important;
    }
    .info{
        width: 100% !important;
        height: 220px !important;
    }
}
.page-header {padding-top: 103px !important;}
.overlay-color-primary:not(.no-skin):before{background-color: #3d7a22 !important}
.iframe-wrapper {
    position: relative;
    aspect-ratio: 16 / 9;
    filter: drop-shadow(0 0 4px rgb(0 0 0 / 50%));

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /* height: 100%; */
        clip-path: inset(0% 0% 0% 0% round 20px);
    }
}