.header-area,
.header-area.header-sticky,
.header-area .container,
.main-nav,
.header-area .main-nav,
.header-area .main-nav .nav {
    background-color: #007bff !important;
    background: #007bff !important;
}

body .header-area {
    background-color: #007bff !important;
}

html .header-area {
    background-color: #007bff !important;
}

.main-nav .nav {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.main-nav .nav li {
    display: inline-block !important;
}

.main-nav ul li a {
    color: white !important;
}



.header-area .main-nav .nav li a.active,
.header-area .main-nav .nav li a:hover,
.header-area .main-nav .nav li.scroll-to-section a.active,
.header-area .main-nav .nav li.scroll-to-section a:hover {
    color: #ffff00 !important;
    text-decoration: underline !important;
}

.gradient-button a {
    color: white !important;
}