#header.fixed-top {
    background-color: rgba(30, 30, 30, 0.45) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.4s ease-in-out !important;
}

#header.fixed-top.scrolled,
#header.fixed-top.header-scrolled,
body.inner-page #header.fixed-top {
    background-color: rgba(20, 20, 20, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15) !important;
}

body.inner-page {
    padding-top: 115px !important;
}

@media (max-width: 767px) {
    body.inner-page {
        padding-top: 100px !important;
    }
}