:root {
    --bs-primary-text: #26579b !important;
    --bs-primary-rgb: 38,87,155 !important;
    --bs-link-color-rgb: 78,153,211 !important;
    --bs-danger-text: #92140C !important;
}

@media (max-width: 767px) {
    body {
        padding-bottom: 112px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1140px;
    }
}

.container-wrapper {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
}

/* pagination  */
.pagination-dot {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    margin: 0px 12px;
    position: relative;
    z-index: 1;
    background-color: var(--bs-dark-bg-subtle);
}

.pagination-dot.filled {
    position: relative;
    background-color: var(--bs-primary-text);
}

.pagination-dot.active {
    position: relative;
    background-color: var(--bs-primary-text);
}

.pagination-dot.active:before {
    content: "";
    width: 24px;
    height: 24px;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
    background-color: rgba(var(--bs-primary-rgb), 1);
    opacity: 0.2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;
}

/* vehicle box  */
.vehicle-headline {
    position: relative;
}

/* mobile devices  */
.nav-price .nav-price-btn-hide,
.nav-price .nav-price-btn-hide.collapsed + .nav-price-btn-show,
.nav-price .nav-price-btn-show + .nav-price-headline .nav-price-headline-price,
.nav-price .nav-price-btn-show.collapsed + .nav-price-headline .nav-price-headline-content {
    display: none;
}

.nav-price .nav-price-btn-hide.collapsed,
.nav-price .nav-price-btn-hide + .nav-price-btn-show,
.nav-price .nav-price-btn-show.collapsed + .nav-price-headline .nav-price-headline-price,
.nav-price .nav-price-btn-show + .nav-price-headline .nav-price-headline-content {
    display: inline-block;
}

.shadow-top {
    box-shadow: rgb(0 0 0 / 5%) 0px -12px 24px,
                rgb(0 0 0 / 5%) 0px -8px 16px,
                rgb(0 0 0 / 5%) 0px -4px 8px,
                rgb(0 0 0 / 5%) 0px -2px 4px;
}

/* accordion  */
.accordion {
    --bs-accordion-active-bg: #ffffff !important;
    --bs-accordion-btn-focus-box-shadow: 0 !important;
}

.accordion-button:not(.collapsed) {
    font-weight: 500;
}

/* forms */
.form-check-input:checked {
    background-color: var(--bs-primary-text);
    border-color: var(--bs-primary-text);
}

.error-msg, .net-error-msg {
    color: var(--bs-danger-text);
    font-size: 0.75rem;
}

[aria-invalid="true"] {
    border-color: var(--bs-danger-text);
}


@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Font Awesome 5 Pro'), url(/lib/fontawesome/fa-light-300.woff2) format("woff2"), url(/lib/fontawesome/fa-light-300.woff) format("woff")
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Font Awesome 5 Pro'), url(/lib/fontawesome/fa-solid-900.woff2) format("woff2"), url(/lib/fontawesome/fa-solid-900.woff) format("woff")
}