body {
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
}
.dark-filter {
    padding-top: 70px;
    padding-bottom: 70px;
    margin-top: -70px;
    margin-bottom: -70px;
    background-color: #00000093;
    z-index: 0;
}
.section-image {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.card-dark {
    color: #fff !important;
    background-color: #333 !important;
}
.card-dark .card-title {
    color: #fff !important;
}
.card-dark .card-text {
    color: #fff !important;
}
.card-dark .card-link {
    color: #fff !important;
}
.navbar {
    background: #0b1011;
}
.navbar-brand {
    color: #fff !important;
}
.nav-link {
    color: #fff !important;
}
.navbar-collapse::after {
    background-color: #333 !important;
    background-image: linear-gradient(180deg,transparent 0,#333,#333) !important;
}
.modal-content {
    color: #fff !important;
    background-color: #333 !important;
}
.modal-content .divider {
    background-color: #444 !important;
}
.modal-content .modal-header {
    border-bottom-color: #444 !important;
}
.modal-content .modal-footer {
    border-top-color: #444 !important;
}
.modal-content .close {
    color: #fff !important;
}
.modal-content .modal-body {
    color: #fff !important;
}
@media screen and (max-width: 911px) 
{
    .navbar-collapse {
        border-left: 1px solid #333 !important;
    }
}