.text-color-light{
    color: #fff!important;
}

.shadow-sm {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.shadow-md {
    /* box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; */
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}

.rounded-lg {
    border-radius: .5rem !important;
}

.bg-hero{
    background-color: rgb(0 0 0 / 50%);
    border-radius: 8px;
    padding: 1rem;
}

.btn-cs-primary{
    background: #2563eb;
    color: white !important;
    border-radius: 6px !important;
}

@media (min-width: 992px) {
    #header .header-nav-main.header-nav-main-square nav > ul > li > a {
        border-radius: 6px !important;
        color: #fff!important;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li > a:hover {
        border-radius: 6px !important;
        color: #fff!important;
        background-color: #002c8c!important;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li > a:not(.btn-cs-primary) {
        border-radius: 0 !important;
        color: #22262A !important;
    }
    #header .header-nav-main.header-nav-main-square nav > ul > li > a:hover:not(.btn-cs-primary) {
        border-radius: 0 !important;
        color: #22262A !important;
        background-color: #002c8c24!important;
    }
}

#home {
    background-image: url('../../img/bg-polos-login-sistem-informasi-data-perizinan-blitar-01.jpg');
    background-size: cover;  /* Memastikan gambar mengisi seluruh area */
    background-position: center; /* Menempatkan gambar di tengah */
    background-attachment: fixed; /* Membuat gambar latar tetap saat scroll */
    height: 88vh; /* Mengatur tinggi elemen agar memenuhi satu layar penuh */
}

.highcharts-credits{
    display: none;
}