.banner-container {
    background: #FFFFFF;
}

a.banner-link {
    color: #000000;
    font-weight: bold;
}

.navbar-default .navbar-nav>li>a {
    font-weight: bold !important;
    color: #777;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: #dbdada;
}

@media (min-width: 768px) {
    .navbar .container.wide-navbar {
        width: 100%;
        color: #dbdada !important;
        background-color: #dbdada !important;
    }

.banner-container {
    background: #dbdada !important;
}

.hero-button .quicklinkbutton .quicklinkbutton-label {
    letter-spacing: -1px;
}

@media (max-width: 768px) {
    h2, h3, h4 {
        text-align: center !important;
    }
}



.border-color-active {
    color: black !important;
    border-color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
    .border-color-active {
        color: black !important;
        border-color: rgb(255, 255, 255) !important;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: var(--fs-primary-heading) !important;
        text-align: center !important;
    }
}

@media only screen and (max-width: 600px) {
    .overlay-text {
        font-size: 25px !important;
        color: #000000 !important;
        font-weight: bold !important;
    }
}

.navbar-default .navbar-nav {
    display: flex;
    flex-wrap: nowrap;
}

.navbar-default .navbar-nav>li>a {
    font-weight: bold !important;
    color: #777;
    white-space: nowrap;
}

.pagetitle {
    text-align: center !important;
}

@media (max-width: 767px) {
    .pagetitle {
        text-align: center !important;
    }
}

.element-heading h4 {
    color: var(--clr-neutral-100);
    text-align: center !important;
}


@media (min-width: 768px) {
   .testdriveform .col-sm-12 {
        width: 150% !important;
        /* text-align: center; */
    }
}

@media (min-width: 768px) {
    .Creditform .col-sm-6 {
        width: 100% !important;
    }
}

.font-color-for-active {
    color: #000000 !important;
}

@media (min-width: 992px) {
    .loancalculators {
        display: flex;
        justify-content: center;
        align-items: center;
    }
 
.loancalculators .col-md-4 {
    width: 65% !important;
    max-width: 1000px; /* adjust form width if needed */
    margin: 0 auto; /* centers the element */
    float: none; /* prevents bootstrap float from blocking centering */
}

.location {
    white-space: nowrap;
}
.location br {
    display: none;
}