::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background-color: #222
}

::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 6px;
    background-color: #222
}

::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #f00;
    background-color: #f00
}

body {
    font-family: widescreen, sans-serif
}

.h-100 {
    min-height: 100vh
}

.bg-dark {
    background-color: #090c0e !important
}

a {
    color: #ff0000
}

a:hover {
    color: #ed136c
}

a.active {
    font-weight: 700
}

.navbar {
    text-transform: uppercase
}

.navbar.navbar-scrolled.navbar-dark {
    background-color: #090c0e
}

.navbar-brand-logo {
    width: 100%;
    min-width: 7.5rem;
    max-width: 9.5rem
}

.navbar .dropdown-menu {
    border-top: .1875rem solid #ff0000;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-light .navbar-nav .nav-link.active {
    font-weight: 700
}

.navbar .nav-item:hover>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #ff0000
}

.nav-link {
    font-size: .9rem
}

@media(max-width:991.98px) {

    .navbar-expand-lg.navbar-dark .navbar-nav,
    .navbar-expand-lg.navbar-dark .navbar-topbar-collapse {
        background-color: #090c0e
    }

    .nav-link {
        font-size: 1.25rem
    }
}

.align-items-end {
    align-items: flex-end !important
}

.bg-hero {
    background-image: url(../images/dwp.html);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat
}

.text-lime {
    color: #b4f6d0 !important
}

.display-4,
.display-5,
.display-6,
.display-7,
.display-8 {
    font-weight: 900;
    font-family: widescreen-ex, sans-serif
}

.display-4,
.display-5 {
    text-transform: uppercase
}

.display-7 {
    font-size: calc(1rem + 1.5vw);
    font-weight: 600;
    line-height: 1.2
}

@media(min-width:1200px) {
    .display-7 {
        font-size: 1.75rem
    }
}

.display-8 {
    font-size: calc(1rem + 1.5vw);
    font-weight: 900;
    line-height: 1.2
}

@media(min-width:1200px) {
    .display-8 {
        font-size: 1.5rem
    }
}

ul li {
    margin-bottom: .25rem
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff0000;
    --bs-btn-border-color: #ff0000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c41212;
    --bs-btn-hover-border-color: #c41212;
    --bs-btn-focus-shadow-rgb: 246, 159, 59;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a72323;
    --bs-btn-active-border-color: #a72323;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff0000;
    --bs-btn-disabled-border-color: #ff0000
}

.btn-outline-primary {
    --bs-btn-color: #ff0000;
    --bs-btn-border-color: #ff0000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff0000;
    --bs-btn-hover-border-color: #ff0000;
    --bs-btn-focus-shadow-rgb: 5246, 159, 59;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff0000;
    --bs-btn-active-border-color: #ff0000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ff0000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff0000;
    --bs-gradient: none;
    --bs-btn-bg: rgba(9, 12, 14, 0.5);
    border: 1px solid #ff0000
}

.btn-ghost-secondary {
    color: #71869d
}

.btn-check:active+.btn-ghost-secondary,
.btn-check:checked+.btn-ghost-secondary,
.btn-check:focus+.btn-ghost-secondary,
.btn-ghost-secondary.active,
.btn-ghost-secondary:active,
.btn-ghost-secondary:focus,
.btn-ghost-secondary:hover,
.show>.btn-ghost-secondary.dropdown-toggle {
    color: #71869d;
    border-color: transparent;
    background-color: #fbe8d2
}

.media-viewer-icon {
    background-color: #ff0000
}

.swiper-button-next-soft-white:hover,
.swiper-button-prev-soft-white:hover {
    background-color: #ff0000
}

.go-to:focus:hover,
.go-to:hover {
    color: #fff;
    background-color: #ff0000;
    opacity: 1
}

footer {
    font-family: widescreen, sans-serif
}

footer a {
    color: var(--bs-body-color)
}

footer a:hover {
    color: #ff0000
}

footer a.active {
    color: #ff0000
}