:root {
    --blue: #0047BB;
    --green: #64A520;
    --orange: #DC4300;
    --gray: #414648;
    --white: #ffffff;
    --black: 000000;
}

html, body {
    height: calc(100vh - 104px);
    min-height: calc(100vh - 104px);
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
}

body {
    /* display: flex;*/
    flex-direction: column;
}

.grecaptcha-badge {
    visibility: hidden;
}

.quote-rate-logo img {
    max-width: 75%;
  /*  max-height: 70px;*/

}

.quote-card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: white;
    padding: 2px;
    margin-bottom: 16px;
}


@media only screen and (min-width: 992px) and (max-width: 1256px) {
    /*.affiliate-rate-logo img {
        max-width: 95% !important;
        height: 70% !important;
    }*/
}

.affiliate-rate-logo img {
    max-width: 120px;
/*    max-height: 100px;*/
}

@media only screen and (max-width: 520px) {
 /*   .affiliate-rate-logo img {
        max-width: 163px;
        max-height: 60px;
    }*/
}


    #tbAddDriverFirstName::first-letter {
        text-transform: capitalize;
    }

    #tbAddDriverLastName::first-letter {
        text-transform: capitalize;
    }

    .clickable {
        cursor: pointer;
    }

    .thank-you-details, #thank-you-other-btn-text {
        font-size: 14px;
    }

    .questions-btn-container {
        padding-bottom: 10px;
    }

    textarea.form-control {
        font-size: 14px;
        border: 1px var(--green) solid;
    }

.incident-counter {
    border: 2px solid #6b9e3e;
    border-radius: 25px;
    padding: 5px 10px;
    background-color: white;
    display: inline-flex;
    align-items: center;
}

.btn-counter {
    background: none;
    border: none;
    font-size: 24px;
    font-weight: bold;
    color: #6b9e3e;
    cursor: pointer;
    padding: 0 10px;
    line-height: 1;
    transition: opacity 0.2s;
}

    .btn-counter:hover:not(:disabled) {
        opacity: 0.7;
    }

    .btn-counter:disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }

.incident-value {
    font-size: 20px;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
    padding: 0 10px;
}

.incident-label {
    font-size: 16px;
    color: #333;
}

.info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #4a90e2;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: help;
}

.fa-chevron-circle-down {
    color: var(--green) !important;
    height: 15px;
}

    .btn-v251 button,
    .btn-v251 button {
        width: 100%;
        font-weight: 500;
        height: 58px;
        background-color: #f5fcff;
        border-color: var(--blue);
        border-radius: 10px !important;
    }

    .btn-v251:active button,
    .btn-v251.active button {
        border-color: var(--green);
    }

    .btn-v251 button svg {
        fill: var(--blue);
    }

    .btn-v251:active button svg,
    .btn-v251:focus button svg,
    .btn-v251.active button svg {
        fill: var(--green);
    }


    input[type=checkbox] {
        transform: scale(1.5);
    }

    .description-14px span {
        font-size: 14px;
    }

    .doc-border {
        box-shadow: 0px 0px 2px #666;
        -webkit-box-shadow: 0px 0px 2px #666;
        -moz-box-shadow: 0px 0px 2px #666;
        border: 10px solid var(--white);
        margin-bottom: 5px;
    }

    .btnNext {
        background-color: var(--blue) !important;
        font-weight: normal !important;
        height: auto !important;
        border-radius: 8px !important;
        width: auto;
        color: white;
    }

        .btnNext:hover {
            color: white;
        }

    .btnSignaturePad {
        font-weight: normal !important;
        height: auto !important;
        border-radius: 8px !important;
        width: auto;
        color: white;
    }

    #to-questions-details {
        font-size: 24px;
        color: #2323ba;
        font-weight: bold;
    }

    @media only screen and (min-width: 1200px) {
        .btnNext {
            margin-left: auto !important;
        }

        .btnSignaturePad {
            margin-left: auto !important;
        }

        .reqSign {
            text-align: center;
        }
    }

    @media only screen and (max-width: 1199px) {
        .btnNext {
            margin-left: auto;
            margin-right: auto;
        }

        .btnSignaturePad {
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media only screen and (max-width: 420px) {
        .totalSign, .reqSign {
            font-size: 11px;
        }

        .btnNext {
            font-size: 11px;
        }
    }

    .event-header {
        border: 1px solid rgba(0,0,0,.125);
        /*margin-bottom: 5px;*/
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: var(--white);
    }

    .card-header {
        border: 1px solid rgba(0,0,0,.125);
        margin-bottom: 10px;
    }

    .loading-text-1 {
        font-size: 18px;
        color: var(--green)
    }

    .footer {
        flex-shrink: 0;
    }

    @media only screen and (max-width: 992px) {
        /*.footer {
        display: none !important;
    }*/
    }

    .greenLine {
        margin-top: 99px;
    }

    .site-buttons {
        background-color: var(--blue);
        height: 50px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
    }

    tr:hover {
        background-color: var(--blue);
        color: var(--white);
    }

    .container {
        max-width: 800px;
    }

    table {
        border-spacing: 0 !important;
        border-collapse: collapse !important;
    }

    .site-buttons:active, .site-buttons:hover, .site-buttons:focus {
        background-color: var(--blue) !important;
    }

    .dropdown-toggle, .checkbox-container {
        border: 1px var(--gray) solid;
    }

    .form-check {
        color: var(--blue);
    }

    .padding-left-10px {
        padding-left: 10px;
    }

    #carrierName {
        font-size: 14px;
    }

    .coverage-description, #liability-desc, #fullcoverage-desc {
        text-align: left !important;
        font-size: 14px !important;
    }

    .fun-facts-text1, .fun-facts-text {
        color: var(--blue);
    }

    .selectcoveragetext {
        /* font-size: 20px !important;*/
        text-align: center;
        font-weight: bold;
    }

    .rater-disclaimer, #rater-disclaimer {
        font-size: 9px !important;
        text-align: left;
    }

    .payment-plan-footer, #payment-plan-footer {
        font-size: 12px !important;
        text-align: left;
    }

    .loader {
        margin: 50px auto;
        font-size: 10px;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        position: relative;
        text-indent: -9999em;
        -webkit-animation: load5 1.1s infinite ease;
        animation: load5 1.1s infinite ease;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

    @keyframes load5 {
        0%, 100% {
            box-shadow: 0em -2.6em 0em 0em #2670d2, 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.5), -1.8em -1.8em 0 0em rgba(100,165,32, 0.7);
        }

        12.5% {
            box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.7), 1.8em -1.8em 0 0em #2670d2, 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.5);
        }

        25% {
            box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.5), 1.8em -1.8em 0 0em rgba(100,165,32, 0.7), 2.5em 0em 0 0em #2670d2, 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
        }

        37.5% {
            box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.5), 2.5em 0em 0 0em rgba(100,165,32, 0.7), 1.75em 1.75em 0 0em #2670d2, 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
        }

        50% {
            box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.5), 1.75em 1.75em 0 0em rgba(100,165,32, 0.7), 0em 2.5em 0 0em #2670d2, -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
        }

        62.5% {
            box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.5), 0em 2.5em 0 0em rgba(100,165,32, 0.7), -1.8em 1.8em 0 0em #2670d2, -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
        }

        75% {
            box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.5), -1.8em 1.8em 0 0em rgba(100,165,32, 0.7), -2.6em 0em 0 0em #2670d2, -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
        }

        87.5% {
            box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.5), -2.6em 0em 0 0em rgba(100,165,32, 0.7), -1.8em -1.8em 0 0em #2670d2;
        }
    }

    .freeway-logo {
        width: 240px;
    }

    .site-green {
        color: var(--green);
    }

    .site-blue {
        color: var(--blue);
    }

    .yes-qa-button,
    .yes-qa-button-active,
    .no-qa-button,
    .no-qa-button-active {
        width: 34px !important;
        height: 34px !important;
    }

    .yes-qa-button {
        background-color: #ebebeb;
    }

        .yes-qa-button:hover,
        .yes-qa-button:focus,
        .yes-qa-button:active,
        .yes-qa-button:active:focus,
        .yes-qa-button-active {
            color: var(--white) !important;
            background-color: var(--green) !important;
        }

    .no-qa-button {
        background-color: #ebebeb;
    }

        .no-qa-button:hover,
        .no-qa-button:focus,
        .no-qa-button:active,
        .no-qa-button:active:focus,
        .no-qa-button-active {
            color: var(--white) !important;
            background-color: var(--blue) !important;
        }


    .home-section-header {
        font-weight: bold;
        font-size: 48px;
        max-width: 626px;
    }

    @media only screen and (max-width: 576px) {
        .home-section-header {
            font-size: 35px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1256px) {


        .quote-rate {
            font-size: 20px !important;
        }

        .quote-rate-logo img {
            max-width: 95% !important;
            height: 70% !important;
        }

        .quote-rate-logo-text {
            font-size: 18px !important;
        }
    }

    @media only screen and (max-width: 520px) {
        .quote-rate {
            font-size: 17px !important;
        }

        .quote-rate-logo img {
            width: 70% !important;
        }

        .quote-rate-logo-text {
            font-size: 18px !important;
        }
    }

    @media only screen and (max-width: 350px) {


        .quote-rate {
            font-size: 11px !important;
        }

        .quote-rate-logo img {
            width: 70% !important;
        }

        .quote-rate-logo-text {
            font-size: 18px !important;
        }
    }

    @media only screen and (min-width: 1488px) {
        .btnChk-details-container {
            width: auto;
        }

        .coverage-details-text {
            width: 100% !important;
        }
    }

    @media only screen and (min-width: 1255px) and (max-width: 1487px) {
        .btnChk-details-container {
            width: 290px;
        }
    }

    @media only screen and (min-width: 1150px) and (max-width: 1254px) {
        .btnChk-details-container {
            width: 250px;
        }

        #um-button-text {
            font-size: 15px !important;
            line-height: normal !important;
        }

        .foundDriver-buttons .btnAdd, .foundDriver-buttons .btnExclude, .foundDriver-buttons .btnDK {
            font-size: 13px !important;
        }

        .foundVehicle-buttons .vbtnAdd, .foundVehicle-buttons .vbtnExclude {
            font-size: 13px !important;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1565px) {
        .quote-rate {
            font-size: 20px !important;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1149px) {
        .btnChk-details-container {
            width: 218px;
        }

        #um-button-text {
            font-size: 13px !important;
            line-height: normal !important;
        }

        .foundDriver-buttons .btnAdd, .foundDriver-buttons .btnExclude, .foundDriver-buttons .btnDK {
            font-size: 10px !important;
        }

        .foundVehicle-buttons .vbtnAdd, .foundVehicle-buttons .vbtnExclude {
            font-size: 10px !important;
        }
    }

    @media only screen and (min-width: 500px) and (max-width: 991px) {
        .btnChk-details-container {
            width: auto;
        }

        .coverage-details-text {
            width: 100% !important;
        }
    }

    @media only screen and (min-width: 368px) and (max-width: 499px) {
        .btnChk-details-container {
            width: 290px;
        }

        #um-button-text {
            font-size: 15px !important;
            line-height: normal !important;
        }

        .foundDriver-buttons .btnAdd, .foundDriver-buttons .btnExclude, .foundDriver-buttons .btnDK {
            font-size: 12px !important;
        }

        .foundVehicle-buttons .vbtnAdd, .foundVehicle-buttons .vbtnExclude {
            font-size: 12px !important;
        }
    }

    @media only screen and (max-width: 367px) {
        .btnChk-details-container {
            width: 190px;
        }
    }

    @media only screen and (min-width: 2000px) {
        .buy-now-button-agent, .buy-now-button {
            font-size: 16px !important;
        }
    }




    .remove-padding-lr {
        padding-left: 0px;
        padding-right: 0px;
    }

    .rounded-corners-4 {
        border-radius: 4px !important;
        border: solid 2px var(--blue);
    }

    .rounded-corners-2 {
        border-radius: .50rem !important;
        border: solid 1px var(--blue);
    }

    .rounded-corners-1 {
        border-radius: .50rem .0rem .0rem .50rem !important;
        border: solid 0px var(--white);
    }

    #go-back-link, #go-back-to-quotes-link {
        color: var(--blue) !important;
        cursor: pointer;
        font-size: small;
    }

    .go-back-link a, .go-back-link {
        text-decoration: none !important;
        color: var(--blue) !important;
        font-size: small;
        cursor: pointer;
    }

    #reset, #prereset {
        cursor: pointer;
    }

    .custom-container-978 {
        max-width: 978px;
        height: auto; /*539px !important;*/
    }

    #coveragedropdownMenuButton {
        width: 50vw;
        max-width: 50vw; /* Set max-width to 50% of the viewport width */
    }


    @media screen and (max-width: 425px) {
        #spCoverageTitle {
            font-size: 3vw;
        }

        .selected-coverage .custom-button img {
            width: 10vw;
            height: 10vw;
        }
    }

@media only screen and (min-width: 992px) and (max-width: 1412px) {

    #selected-coverage  {
       font-size: 12px !important;
    }
    .coverage-info {
        font-size: 12px !important;
    }
}


    @media screen and (max-width: 425px) {
        .main-section {
            margin-top: 0px;
        }

        .custom-container-978 {
            padding-top: 0px !important;
        }

        #customer-information {
            padding-top: 0px !important;
            margin-top: 0px;
        }

        .your-quote-text-col {
            display: none;
        }

        .event-header {
            font-size: smaller;
        }
    }

    @media screen and (max-width: 991px) {
        .footer-legal {
            text-align: center;
        }

        a#bbblink {
            display: block;
            margin-right: auto;
            margin-left: auto;
        }
    }

    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .disclosure span {
        font-size: 10px;
    }

    #discounts-prior-insurance-icon {
        width: 2vw;
        height: auto;
        max-width: 25px;
        min-width: 16px;
        object-fit: contain;
    }

    @media (max-width: 576px) {
        .dropdown-menu.dropdown-content-vehicle {
            position: relative !important; /* Keep it inside parent */
            width: 100% !important; /* Take full container width */
            left: 0 !important; /* Align with parent */
            right: 0 !important;
            transform: none !important; /* Prevent Bootstrap from shifting */
            border-radius: 0.5rem; /* Keep rounded corners */
            margin-top: 0.5rem; /* Add spacing from button */
        }
    }

    @media (max-width: 576px) {
        .dropdown-menu.dropdown-content-vehicle {
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            transform: none !important;
            border-radius: 0.5rem;
            margin-top: 0.5rem;
        }
    }

    @media (max-width: 576px) {
        .dropdown-menu.dropdown-content-vehicle span,
        .dropdown-menu.dropdown-content-vehicle p {
            white-space: normal !important;
            word-wrap: break-word;
        }
    }

/*
    For select coverage modal
*/


@media (max-width: 576px) {
    .dropdown-menu.dropdown-content-select-coverage {
        position: relative !important; /* Keep it inside parent */
        width: 100% !important; /* Take full container width */
        left: 0 !important; /* Align with parent */
        right: 0 !important;
        transform: none !important; /* Prevent Bootstrap from shifting */
        border-radius: 0.5rem; /* Keep rounded corners */
        margin-top: 0.5rem; /* Add spacing from button */
    }
}

@media (max-width: 576px) {
    .dropdown-menu.dropdown-content-select-coverage {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-width: unset !important;
        transform: none !important;
        border-radius: 0.5rem;
        margin-top: 0.5rem;
    }
}

@media (max-width: 576px) {
    .dropdown-menu.dropdown-content-select-coverage span,
    .dropdown-menu.dropdown-content-select-coverage p {
        white-space: normal !important;
        word-wrap: break-word;
    }
}

.dropdown-content-driver, .dropdown-content-select-coverage {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    width: 100% !important;
    padding: 20px;
    transform: translate3d(0px, 38px, 0px) !important;
}


/*
    section end
*/

    .tab-container .coverage-selection img {
        width: 2vw; /* scale based on viewport width */
        height: auto; /* keep aspect ratio */
        max-width: 25px; /* prevent it from getting too big */
        min-width: 16px; /* prevent it from getting too small */
        object-fit: contain;
    }

    @media (max-width: 768px) {
        .tab-container .coverage-selection img {
            height: 15px;
        }
    }

    @media (min-width: 769px) {
        .tab-container .coverage-selection img {
            height: 15px;
        }
    }

    .tab-content {
        width: 100%; /* or set a fixed width like 500px */
        border: 1px solid #004AB8; /* full border */
        border-radius: 10px;
        box-sizing: border-box; /* ensures border is included in width */
    }

    .tab-container .coverage-selection {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #ffffff;
        border: none !important;
        background-color: #ffffff;
    }

    .coverage-info {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        border-radius: 12px;
        overflow: hidden;
        padding-left: 25px;
        padding: 0;
        text-align: center !important;
    }

    .tab-container #selected-coverage {
        flex: 0 1 auto; /* only take space needed */
        display: inline-flex;
        align-items: center;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }


    hr {
        border: 1px solid #d6d6d6;
        margin-top: 0px;
    }



    .coverage-selection {
        width: 100% !important; /* Full width of container */
        max-width: 100% !important;
        box-sizing: border-box; /* Includes padding/borders */
    }

        .coverage-selection img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

    #selected-coverage {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: calc(100% - 30px); /* leave room for icon */
        font-size: 15px;
    }


    .custom-checkbox input {
        height: 100px;
        width: 30px;
        border: 1px solid var(--blue);
    }

    .update-section-icon-off {
        font-size: 24px;
        color: #e6e6e6;
    }

    .update-section-icon-on {
        font-size: 18px;
        color: var(--green);
        white-space: nowrap;
        margin-top: 6px;
    }

    .start-over-container {
        margin-left: 10px;
        flex-wrap: nowrap;
    }

    .update-section-title {
        font-size: 17px;
        color: var(--gray);
        font-weight: bold;
        text-wrap: none;
    }

    input::placeholder {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #c0c0c0 !important;
    }

    input {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #171d44 !important;
    }

        input:not(:placeholder-shown) {
            border-color: var(--green);
        }

    .form-field-check {
        position: absolute;
        right: 30px;
        top: calc(50% - 0.5em);
        color: var(--green);
    }

    .checkbox {
        width: 38px;
        height: 38px;
        background: transparent url(../../assets/img/form-elements/checkbox-unchecked.png) no-repeat 25% 55%;
        border: 0;
    }

    .checked {
        background: transparent url(../../assets/img/form-elements/checkbox-checked.png) no-repeat 25% 55%;
        border: none;
    }


    p {
        font-size: 14px;
    }

    .yes-buttons {
        font-size: 20px;
        font-weight: bolder !important;
        color: var(--blue);
        border-radius: 8px;
        width: 100%;
        height: 44px;
    }

    .add-additional-vehicle-text {
        font-size: 16px;
        font-weight: bolder !important;
        color: var(--blue);
        border-radius: 8px;
        width: 100%;
        height: 44px;
        margin-right: 14px;
    }


    .prefill-buttons {
        font-size: 16px;
        font-weight: bolder !important;
        color: var(--blue);
        border-radius: 8px;
        width: 130px;
        height: 44px;
        border-style: solid;
        border-color: #bdbdbd;
        transition-duration: 0.4s;
    }

        .prefill-buttons:focus {
            background-color: var(--blue);
            color: white
        }

        .prefill-buttons:hover {
            background-color: var(--blue);
            color: white
        }



    .cancel-buttons {
        font-size: 16px;
        font-weight: bolder !important;
        color: var(--blue);
        border: 1px solid var(--blue);
        border-radius: 10px;
        width: 25%;
        height: 44px;
    }

    .error-msg {
        font-size: 14px;
    }

    .error-msg-red {
        font-size: 14px;
        color: red;
    }

    .edit-icon {
        color: #000;
        height: 18px;
        width: 18px;
    }

    .edit-icon-new {
        height: 18px;
        width: 18px;
    }

    .info-section-text {
        font-weight: 400;
    }

    .gender-buttons, .marital-buttons, .incidents-buttons, .coverage-buttons {
        width: 100%;
    }

        .gender-buttons button, .marital-buttons button, .incidents-buttons button {
            font-weight: 500;
            height: 58px;
            background-color: #f5fcff;
            border-color: var(--blue);
            border-radius: 10px !important;
        }

        .gender-buttons .prior-insurance-button {
            font-weight: 500;
            height: auto !important;
            background-color: #f5fcff;
            border-color: var(--blue);
            border-radius: 10px !important;
        }

        .coverage-buttons button {
            font-weight: 500;
            height: 75px;
            background-color: #f5fcff;
            border-color: var(--blue);
            border-radius: 10px !important;
        }

        .gender-buttons button span, .marital-buttons button span {
            font-weight: 500;
            font-size: 16px;
            color: var(--blue);
        }

        .gender-buttons button:focus, .marital-buttons button:focus, .incidents-buttons button:focus, .coverage-buttons button:focus {
            border: 1px solid var(--green);
            color: var(--green);
        }

    .custom-checkboxes {
        background-color: var(--blue);
        width: 50px;
        height: 58px;
        margin-right: -14px;
        margin-top: -19px;
        margin-bottom: -19px;
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px;
    }

    .custom-checkboxes-coverage {
        background-color: var(--blue);
        width: 50px;
        height: 90px;
        margin-right: -14px;
        margin-top: -18px;
        margin-bottom: -19px;
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px;
    }

    .coverage-buttons button {
        font-weight: 800;
        height: 90px;
        border: 1px solid var(--blue);
    }

        .coverage-buttons button span {
            font-weight: 500;
            font-size: 16px;
            color: var(--blue);
            z-index: 1;
        }

    /*.coverage-buttons button:focus {
        border: 1px solid var(--green);
        color: var(--green);
    }*/

    .custom-checkboxes-dec {
        background-color: var(--blue);
        width: 50px;
        height: 58px;
        margin-top: -19px;
        margin-bottom: -19px;
    }

    /*@media (min-width: 300px) {
    .custom-checkboxes-dec {
        margin-right: -90px;
    }
}

@media (min-width: 576px) {
    .custom-checkboxes-dec {
        margin-right: -275px;
    }
}

@media (min-width: 768px) {
    .custom-checkboxes-dec {
        margin-right: -275px;
    }
}

@media (min-width: 992px) {
    .custom-checkboxes-dec {
        margin-right: -289px;
    }
}

@media (min-width: 1200px) {
    .custom-checkboxes-dec {
        margin-right: 0px;
    }
}*/

    #callagent-desktop {
        display: block;
    }

    #callagent-mobile {
        display: none;
    }

    .showEdit {
        display: block;
    }

    .dontshowEdit {
        display: none;
    }

    .best-rate-text-col {
        padding-left: 0px;
        padding-bottom: 20px;
    }

    .your-quote-text-col {
        padding: 0px;
    }

    @media only screen and (max-width: 450px) {
        /*#callagent-mobile {
        display: block;
    }*/

        #footer-road {
            display: none !important;
        }

        #discounts {
            height: 120% !important;
        }

        .best-rate-text-col {
            padding: 5px;
        }

            .best-rate-text-col h1 {
                font-size: 16px !important;
            }

        .your-quote-text-col {
            padding: 5px;
        }
    }

    @media only screen and (max-width: 425px) {
        /*#callagent-desktop {
        display: none;
    }*/
    }

    .yes-no-innertext-button {
        margin-left: 35px;
        font-weight: normal;
        font-size: 14px;
        color: #000000;
        text-transform: none;
    }

    @media only screen and (max-width: 400px) {
        .incidents-button-on {
            font-size: 14px !important;
            text-transform: uppercase;
        }
    }

    .incidents-button {
        font-size: 20px;
    }

    .incidents-button-off {
        color: var(--blue) !important;
        background-color: var(--white);
    }

    .incidents-button-on {
        color: var(--white) !important;
        background-color: #f5fcff !important;
    }

    .major-minor-incidents-number {
        font-size: 27px;
    }

    #major-incidents-button {
        margin-bottom: 13px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    @media only screen and (max-width: 425px) {
        #office-locations-left {
            display: none !important;
        }
    }

    #office-locations-left {
        display: none !important;
    }

    .sidebar-item-offices {
        position: fixed;
        width: 300px;
        height: 100%;
        left: 5px;
    }

    .sidebar-item {
        position: fixed;
        top: 30%;
        width: 300px;
        height: 100%;
        right: 0px;
    }

    .side-bar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .drivers-summary-section-labels {
        font-weight: normal;
        color: var(--gray);
    }

    .vehicle-make-text {
        font-weight: 500;
        font-size: 18px;
    }

    .vehicle-prefill-buttons {
        font-size: 16px;
        border-radius: 8px;
        border-color: #d8d8d8;
        width: 100%;
    }

    .liability-only-text {
        font-weight: normal;
        color: var(--gray);
    }

    .drivers-summary-section-values {
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .drivers-summary-section-incidents {
        background-color: #d4ecf8;
        color: #000;
        font-size: 12px;
        font-weight: 500;
        padding: 8px;
        border-radius: 10px;
        width: fit-content;
        width: -moz-fit-content;
        margin-top: 10px;
    }

    .driver-icon img {
        height: 35px !important;
        margin: 6px;
    }

    .add-driver-vehicle {
        font-size: 18px;
    }

    .driver-name, .section-step {
        color: var(--gray);
        font-weight: bold;
        font-size: 18px;
        overflow: hidden;
    }

    .section-step {
        font-size: 18px !important;
    }


    .remove-driver-name {
        overflow: hidden;
    }

    .driver-birthday {
        color: var(--gray);
        font-size: 14px;
        font-weight: normal;
    }



    .house-drivers-summary-section {
        border: 1px solid var(--green);
        font-size: 14px;
        font-weight: 500;
        padding: 8px;
        border-radius: 10px;
        width: 100%;
    }

    .vehicle-summary-section {
        border: 1px solid var(--green);
        font-size: 14px;
        font-weight: 500;
        padding: 8px;
        border-radius: 10px;
    }

    .gender-icons {
        font-size: 28px;
        font-weight: 600;
        color: var(--blue);
    }

    .car-icons {
        font-size: 28px;
        font-weight: 600;
        color: var(--blue);
    }

    .help-icon {
        font-size: 17px;
        color: #009fc6;
        font-weight: normal;
    }

    .buy-call-to-action-button {
        color: var(--blue);
        margin-bottom: 13px;
    }

    .liability-coverage-minimum {
        background-color: #f0f4fc;
        border: solid 1px var(--green);
    }

    .liability-coverage-better {
        background-color: var(--blue);
        color: var(--white);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 1px;
        height: 22px;
    }

    .liability-coverage-best {
        background-color: var(--green);
        color: var(--white);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 1px;
        height: 22px;
    }

    .understanding-coverage-item-title {
        color: #171d44;
        font-size: 16px;
        font-weight: 700;
    }

    .understanding-coverage-section-title {
        color: var(--blue);
        font-size: 18px;
        font-weight: 700;
    }

    .address-icon {
        width: 60px;
        text-align: center;
    }

    .edit-link {
        font-size: 12px;
        color: var(--blue);
        width: 70px;
    }

    .update-license-number-container .back-link,
    .household-driver-verification-container .edit-link,
    .pre-fill-driver-summary-container .edit-link,
    .household-driver-verification-container .remove-link,
    .excluded-driver-add-verification-container .remove-link,
    .vehicle-information-review .edit-link,
    a.back-link, a.back-link:hover,
    .back-link {
        color: var(--blue);
        font-size: 12px;
        cursor: pointer;
    }

    #HouseHoldDriverVerificationScreen .edit-link {
        padding-left: 5px;
    }

    .update-license-number-container #ddlDLState.form-control.is-valid,
    .update-license-number-container #ddlDLState.form-control.is-invalid,
    .update-vehicle-vin-number-container #txtLeinHolderState.form-control.is-valid,
    .update-vehicle-vin-number-container #txtLeinHolderState.form-control.is-invalid,
    .excluded-driver-verification-container #excluded_relationshipAdd.form-control.is-invalid,
    .excluded-driver-verification-container #excluded_gender.form-control.is-invalid,
    .excluded-driver-verification-container #excluded_relationshipAdd.form-control.is-valid,
    .excluded-driver-verification-container #excluded_gender.form-control.is-valid,
    .found-Vehicle-add-exclude-container .vUsage.form-control.is-valid,
    .found-Vehicle-add-exclude-container .vUsage.form-control.is-invalid,
    .found-Vehicle-add-exclude-container .vAnnualMiles.form-control.is-valid,
    .found-Vehicle-add-exclude-container .vAnnualMiles.form-control.is-invalid,
    .pre-fill-add-driver-container .dlState.form-control.is-valid,
    .pre-fill-add-driver-container .dlState.form-control.is-invalid,
    .pre-fill-add-driver-container .dGender.form-control.is-valid,
    .pre-fill-add-driver-container .dGender.form-control.is-invalid,
    .pre-fill-add-driver-container .dGenderExc.form-control.is-valid,
    .pre-fill-add-driver-container .dGenderExc.form-control.is-invalid,
    .pre-fill-add-driver-container .dMaritalStatus.form-control.is-valid,
    .pre-fill-add-driver-container .dMaritalStatus.form-control.is-invalid,
    .pre-fill-add-driver-container .dReApplicant.form-control.is-valid,
    .pre-fill-add-driver-container .dReApplicant.form-control.is-invalid,
    .pre-fill-exclude-driver-container .dReApplicantExc.form-control.is-valid,
    .pre-fill-exclude-driver-container .dReApplicantExc.form-control.is-invalid,
    .pre-fill-exclude-driver-container .dGenderExc.form-control.is-valid,
    .pre-fill-exclude-driver-container .dGenderExc.form-control.is-invalid,
    .potential-vehicle-container #vUsage.form-control.is-valid,
    .potential-vehicle-container #vUsage.form-control.is-invalid,
    .potential-vehicle-container #vAnnualMiles.form-control.is-valid,
    .potential-vehicle-container #vAnnualMiles.form-control.is-invalid,
    .mailing-address-container #ddlMailingState.form-control.is-valid,
    .mailing-address-container #ddlMailingState.form-control.is-invalid {
        background-position: right 20px center !important;
    }

    .info-line {
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
    }

    #vin-error-emssage, #license-permit-error-emssage {
        padding-left: 10px;
    }

    .edit-link-mobile {
        font-size: 12px;
        color: var(--blue);
        width: 70px;
    }


    #driverVerification #frmContractDetails,
    #vehicleVerification #frmContractDetails {
        width: 604px;
        padding: 0 15px;
    }

    #driverVerification .desktop-form-contacts,
    #vehicleVerification .desktop-form-contacts {
        max-width: 100%;
    }

    .select2 {
        width: 100% !important;
    }

    .select2-selection {
        overflow: hidden;
    }

    .select2-selection__rendered {
        white-space: normal;
        word-break: break-all;
    }

    .contact-labels {
        font-size: 14px;
        margin-left: 8px;
        position: absolute;
        margin-top: -10px;
        background-color: var(--white);
        padding-left: 5px;
        padding-right: 5px;
    }

    .contact-labels-2 {
        margin-left: -100px;
        margin-top: -10px;
        background-color: var(--white);
        padding-left: 5px;
        padding-right: 5px;
    }

    .contact-labels-3 {
        margin-left: -223px;
        margin-top: -10px;
        background-color: var(--white);
        padding-left: 5px;
        padding-right: 5px;
    }

    .continue-button {
        font-size: 16px;
        font-weight: bold;
        color: var(--white) !important;
        background-color: var(--orange);
        width: 120px;
        border-radius: 8px;
        margin-left: auto;
        float: right !important;
    }

    .continue-on-drivers-on-policy .continue-button {
        font-size: 16px;
        font-weight: bold;
        color: var(--white) !important;
        background-color: var(--orange);
        width: 130px;
        border-radius: 8px;
        margin-left: auto;
        margin-right: 10px;
        float: right !important;
    }

    .close-on-vehicle {
        background-color: var(--blue) !important;
        font-size: 16px;
        font-weight: bold;
        color: var(--white) !important;
        width: 120px;
        border-radius: 8px;
    }

    .close-on-driver {
        background-color: var(--blue) !important;
        font-size: 16px;
        font-weight: bold;
        color: var(--white) !important;
    }

    .continue-on-drivers-on-policy {
        font-size: 16px;
        font-weight: bold;
        color: var(--white) !important;
        background-color: var(--orange);
        width: 130px;
        border-radius: 8px;
        margin-left: auto;
        margin-right: 15px;
        float: right !important;
    }

    .cancel-button {
        font-size: 16px;
        font-weight: bold;
        border-color: var(--blue) !important;
        background-color: var(--white);
        width: 120px;
        border-radius: 8px;
        margin-left: auto;
        float: left !important;
    }

    .customer-login-button {
        font-size: 16px;
        font-weight: bold;
        color: var(--white) !important;
        background-color: var(--orange);
        width: 140px;
        border-radius: 8px;
        margin-left: auto;
        float: right !important;
    }

    .show-quotes-button {
        font-size: 16px;
        font-weight: bold;
        color: var(--white) !important;
        background-color: var(--orange);
        width: 170px;
        border-radius: 8px;
        margin-left: auto;
        float: right !important;
        margin-right: 14px;
    }

    .buy-now-button, .buy-now-button-agent {
        font-size: 16px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--green);
        max-width: 190px;
        width: 170px;
        height: 44px;
        border-radius: 5px;
        white-space: nowrap;
    }

    #broker-call-now, #call-now {
        font-size: 16px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--blue);
        max-width: 190px;
        width: 170px;
        height: 44px;
        border-radius: 5px;
        border-color: var(--blue);
        white-space: nowrap;
    }

    .rerate-buy-now-button {
        font-size: 16px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--orange);
        max-width: 190px;
        width: 170px;
        height: 44px;
        border-radius: 5px;
        border-color: var(--blue);
        white-space: nowrap;
    }



    .call-agent-button {
        font-size: 16px;
        font-weight: bolder;
        color: white;
        background-color: var(--orange);
        max-width: 190px;
        width: 170px;
        height: 44px;
        border-radius: 5px;
    }

    .btn-call-buy {
        border: 1px solid var(--green);
        border-radius: 10px;
    }

    .call-agent-button img {
        margin-right: 10px;
    }

    /*.quote-rate-logo img {
        max-width: 200px;
        max-height: 100px;
    }*/

    .quote-rate-logo-text {
        font-size: 20px;
    }

    .quote-rate-logo-rerate img {
        max-width: 150px;
    }

    .quote-rate-logo-text-rerate {
        font-size: 16px;
    }

    .rerate_view_more {
        color: var(--blue);
        font-size: 15px;
    }

    .rerate-quotes-message {
        color: var(--blue);
        font-size: 14px;
    }

    .quote-rate {
        font-size: 32px;
        font-weight: 800;
    }

    .section-main-header {
        font-size: 20px;
        color: var(--blue);
        font-weight: 700;
    }

    .unable-to-rate {
        font-size: 20px;
        font-weight: 700;
    }

    .prefill-text {
        font-size: 15px;
    }

    .section-main-title2 {
        font-size: 20px;
        font-weight: 700;
        color: var(--blue);
    }

    #your-quote, #summary-of-coverage {
        /*display: none;*/
    }

    .go-back {
        color: var(--blue) !important;
        font-size: 14px;
    }

    [data-aos^=fade][data-aos^=fade] {
        opacity: .00;
        transition-property: opacity,transform;
    }



    .side-panel-section {
        padding: 0px !important;
    }

    .nav-tabs-extended {
        width: 100%;
        border-bottom: 1px solid #44be00;
    }

    .nav-link-extended {
        width: 225px;
        height: 110px;
    }

    .tab-content-extended {
        width: 100%;
        border: 1px solid #004AB8;
        border-radius: 10px;
    }

    .section-main-title {
        font-size: 28px;
        font-family: 'Oswald';
        letter-spacing: 2px;
        color: var(--green);
    }

    span.spinner-border.custom-spinner.text-primary.end-0.top-50.translate-middle-y {
        color: blue !important;
    }

    /* Adjust the position of the loading spinner */
    .loading-spinnner-on-side {
        position: relative;
    }

    .custom-spinner {
        width: 1.5rem; /* Adjust the width as needed */
        height: 1.5rem; /* Adjust the height as needed */
    }

    .loading-z-index {
        z-index: 3;
    }

    .loading-section {
        z-index: 4;
        left: 15px;
        background: white;
        top: 6px;
        font-weight: 500;
        width: 60%;
    }
    /* Adjust the padding of the dropdown button to make space for the spinner */
    .form-select1 {
        padding-right: 2.5rem; /* Adjust as needed */
    }

    .footer {
        display: block;
        margin-top: 30px;
        background-color: var(--blue);
        color: var(--white);
    }

    .footer-terms {
        display: block;
    }

    @media only screen and (min-width: 1000px) {
        .footer-year, .footer-disclosure {
            text-align: left;
        }

        a#bbblink.ruhzbus {
            float: right
        }
    }

    @media only screen and (min-width: 992px) {
        .footer-terms {
            text-align: right;
        }

        a#bbblink.ruhzbus {
            float: right;
        }
    }

    .footer-container {
        max-width: 1040px !important;
        display: block;
        margin: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footer-text {
        font-size: 13px;
        font-family: 'Open Sans';
    }

        .footer-text span {
            font-size: 13px !important;
        }

    .footer-legal {
        font-size: 13px;
        font-family: 'Open Sans' !important;
    }

    .footerImg img {
        height: 45px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .internal-page__content {
        line-height: 1.38;
        margin-top: 70px;
        padding-bottom: 50px;
    }

    .affiliated-table {
        margin-top: 30px;
        border-collapse: collapse;
        width: 100%;
    }

    table {
        display: table;
        border-collapse: separate;
        box-sizing: border-box;
        border-spacing: 2px;
        border-color: grey;
    }

    .affiliated-table tbody td:first-of-type {
        color: #00aa1d;
    }

    .affiliated-table thead th {
        border: 1px solid #ced4da;
        background-color: #0047b8;
        font-size: 14px;
        color: var(--white);
        text-align: left;
        padding: 10px 15px;
    }
    /*BootStrap validation color correction*/
    .form-control.is-valid, .was-validated .form-control:valid {
        border-color: var(--green);
        /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");*/
        box-shadow: none;
    }

    .nav-bg {
        background-color: white !important;
        padding: 0px;
        position: static;
        box-shadow: 0 0.225rem 0.25rem rgba(0,0,0,.065) !important;
    }

    .site-footer-links {
        margin-top: 37px;
    }

    @media (max-width: 991px) {
        .site-footer-links {
            margin-top: 0px;
        }
    }

    @media (max-width: 575px) {
        .btn-option-position {
            text-align: center;
        }
    }

    @media (min-width: 576px) {
        .btn-option-position {
            text-align: right;
        }

        .btn-yes-size, .btn-no-size {
            width: 35px;
            text-align: center;
            float: right;
        }
    }

    .btn-yes-size, .btn-no-size {
        width: 35px;
        text-align: center !important;
        font-size: 14px !important;
        line-height: 0.5 !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .navbar-container {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

        .navbar-container.container {
            max-width: 1040px !important;
        }

    @media only screen and (min-width: 1000px) {
        .navbar-container {
            padding: 18px 20px;
            background-color: white;
            box-shadow: calc((1000px - 100vw)/ 2) 0 0 0 white,calc((100vw - 1000px)/ 2) 0 0 0 white;
        }

        .freeway-logo {
            width: 240px !important;
        }
    }


    .freeway-logo {
        width: 140px;
    }


    .phone-icon {
        height: 35px;
        margin-top: 3px;
    }

    .service-phone {
        display: flex;
        margin-left: 10px;
    }

    .service-phone_label {
        margin-bottom: 0px;
        font-size: 12px;
        color: white;
    }

    .service-phone_number {
        font-size: 24px;
        margin: 0;
        line-height: .8;
        font-weight: 600 !important;
    }

    .office-location {
        display: flex;
        margin-left: 10px;
    }

    .office-location_label {
        margin-bottom: 0px;
        font-size: 12px;
        color: white;
    }

    .office-location_number {
        font-size: 24px;
        margin: 0;
        line-height: .8;
        font-weight: 600 !important;
    }


    .navbar-brand-logo {
        padding: 0px;
    }

    .service-phone_group {
        margin-left: 10px;
    }

    .search-widget-desktop {
        width: 190px;
        margin-left: 30px;
    }

    .search-widget-mobile {
        width: 100%;
        padding: 15px;
    }

    .search-widget-desktop__form, .search-widget-mobile__form {
        position: relative;
    }

    .search-widget-desktop__label, .search-widget-mobile__label {
        display: block;
        width: 100%;
    }

    .search-widget-desktop__input, .search-widget-mobile__input {
        background-color: transparent;
        border: solid 1px var(--white);
        border-radius: 10px;
        color: var(--white);
        font-size: 15px;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 45px;
        padding: 8px 50px 8px 18px;
        outline: none;
    }

    .search-widget-mobile__input {
        border: solid 1px #878787 !important;
        color: #878787 !important;
    }

    .search-widget-desktop__label ::placeholder {
        color: white !important;
        font-weight: lighter !important;
    }

    .search-widget-mobile__label ::placeholder {
        color: #878787 !important;
        font-weight: lighter !important;
    }

    .search-widget-desktop__submit, .search-widget-mobile__submit {
        display: inline-block;
        vertical-align: middle;
        background-color: transparent;
        color: var(--white);
        border: none;
        position: absolute;
        top: 3px;
        right: 10px;
        font-size: 25px;
        padding: 5px;
        cursor: pointer;
        outline: none !important;
    }

    .icon {
        display: inline-block;
    }

    .search-logo {
        height: 22px;
        margin-bottom: 2px;
        vertical-align: unset;
    }

    .language-selector-icon {
        height: 25px;
    }

    .language-selector-text {
        font-size: 15px;
        text-transform: uppercase;
        vertical-align: middle;
        margin-left: 6px;
        display: inline-block;
        font-weight: lighter;
    }

    .language-selector-desktop {
        height: 26px;
        margin-left: 30px;
        color: var(--white);
        padding-left: 20px;
        border-left: 1px solid #bdbdbd;
    }

    .office-location-desktop {
        height: 26px;
        margin-left: 30px;
        color: var(--white);
        padding-left: 20px;
        border-left: 1px solid #bdbdbd;
    }

    .office-location-icon {
        height: 25px;
    }

    .office-location-text {
        font-size: 15px;
        text-transform: uppercase;
        vertical-align: middle;
        margin-left: 6px;
        display: inline-block;
        font-weight: lighter;
    }

    @media only screen and (min-width: 1000px) {
        /*.header-mobile {
        display: none;
    }*/

        .header-desktop {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .drivers-mobile-menu, .vehicles-mobile-menu, .coverage-mobile-menu {
            display: none !important;
        }

        .mobile-menu-hr {
            display: none;
        }

        /*  .main-section {
        margin-top: 30px !important;
    }*/
    }

    @media only screen and (max-width: 991px) {
        .desktop-form-offices, .desktop-form-contacts {
            display: none !important;
        }

        .footer-terms {
            margin-top: 15px;
        }

        .customer-birth-container {
            width: 100%;
        }

        .coverage-mobile-menu {
            display: block;
            margin-left: auto;
        }

        /*.main-section {
        margin-top: 30px;
    }*/
    }

    .button-remove-container {
        padding: 0px;
        float: right;
        margin-top: -18px;
    }

    .remove-button, .remove-button-vehicle {
        position: sticky;
        color: red !important;
        color: rgb(255, 255, 255);
        background-color: white;
        border-radius: 20px;
        padding: 0px;
        height: 37px;
        margin-left: -6px;
    }

        .remove-button i, .remove-button-vehicle i {
            font-size: 24px;
            color: red;
            background-color: var(--white)
        }


    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: flex;
        line-height: 22px;
    }

    .header-mobile-logo img, .header-office-logo img, .header-menu-logo img, .header-language-logo img {
        height: 20px;
    }

    .header-mobile-label, .header-office-label, .header-menu-label, .header-language-label {
        text-align: center;
        display: block;
        font-size: 12px;
    }

    .header-mobile .nav-link {
        padding: .6rem .6rem;
        text-align: center;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 2;
        top: 0;
        right: 0;
        background-color: white;
        overflow-x: hidden;
        transition: 0.5s;
    }

    .overlay {
        height: 100%;
        width: 100%;
        position: fixed;
        left: 0;
        background-color: black;
        transition: 0.5s;
        opacity: 0.5;
        z-index: 1;
    }

    .sidenav a {
        text-decoration: none;
        font-size: 15px;
        color: #818181;
        display: inline-block;
        transition: 0.3s;
        padding-top: 10px;
    }


    .sidenav .closebtn {
        height: 67px;
        padding-top: 20px;
        padding-left: 20px;
    }

    @media screen and (max-height: 450px) {
        .sidenav {
            padding-top: 15px;
        }

            .sidenav a {
                font-size: 18px;
            }
    }

    .sidenav-header {
        background-color: var(--blue);
    }

    .sidenav-list {
        padding-left: 10px;
        padding-right: 10px;
    }

    .greenProgress, .progress-bar {
        background-color: var(--green);
    }

    .customer-info-container {
        display: none;
    }

        .excluded-driver-info-container input, .customer-info-container input, .excluded-driver-info-container select, .customer-info-container select, .customer-birth-container input, .address-verification-container input, .address-verification-container select, .mailing-address-container input, .mailing-address-container select {
            background-color: #f5fcff;
            border-color: var(--blue);
            border-radius: 10px;
            margin-top: 15px;
            height: 50px;
        }

    .eft-info-container input {
        margin-top: 0px;
    }

    .eft-labels {
        font-size: 14px;
    }

    .mailing-address-container #yes-no-btns .btn-primary:not(:disabled):not(.disabled).active, .mailing-address-container #yes-no-btns .btn-primary:not(:disabled):not(.disabled):active, .mailing-address-container #yes-no-btns .show > .mailing-address-container #yes-no-btns .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--blue);
        border-color: var(--blue);
        box-shadow: none;
        border-radius: 0;
    }

    .mailing-address-container .btn-primary {
        color: var(--gray);
        background-color: #fff;
        border-color: var(--blue);
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    #amBestSpan {
        cursor: pointer;
    }


    .vehicle-year-container #non-owner-yes-no-btns .btn-primary:not(:disabled):not(.disabled).active,
    .vehicle-year-container #non-owner-yes-no-btns .btn-primary:not(:disabled):not(.disabled):active,
    .vehicle-year-container #non-owner-yes-no-btns .show > .vehicle-year-container #non-owner-yes-no-btns .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--blue);
        border-color: var(--blue);
        box-shadow: none;
        border-radius: 0;
    }

    #non-owner-more-info-text {
        cursor: pointer;
    }

    .vehicle-year-container .btn-primary {
        color: var(--gray);
        background-color: #fff;
        border-color: var(--blue);
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    #non-owner-modal {
        font-size: 20px;
        color: var(--blue);
        font-weight: 700;
    }
    /*#MailingAddressScreen .btn-primary:not(:disabled):not(.disabled).active, #MailingAddressScreen .btn-primary:not(:disabled):not(.disabled):active, #MailingAddressScreen.show > .btn-primary.dropdown-toggle {
    background-color: var(--blue);
    color: var(--white);
    border-color: var(--blue);
    padding: 5px 20px;
}
#MailingAddressScreen .btn-group > .btn-group:not(:first-child) > .btn, #MailingAddressScreen .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--white);
    color: var(--gray);
    border-color: var(--blue);
    padding: 5px 20px;
}

.mailing-address-container #yes-no-btns .btn-primary:not(:disabled):not(.disabled).active, .mailing-address-container #yes-no-btns .btn-primary:not(:disabled):not(.disabled):active, .mailing-address-container #yes-no-btns .show > .mailing-address-container #yes-no-btns .btn-primary.dropdown-toggle {
    color: var(--gray);
    background-color: #fff;
    border-color: var(--blue);
    box-shadow: none;
    border-radius : 0;
}
/*#MailingAddressScreen .btn-primary:not(:disabled):not(.disabled).active, #MailingAddressScreen .btn-primary:not(:disabled):not(.disabled):active, #MailingAddressScreen.show > .btn-primary.dropdown-toggle {
    background-color: var(--blue);
    color: var(--white);
    border-color: var(--blue);
    padding: 5px 20px;
}
#MailingAddressScreen .btn-group > .btn-group:not(:first-child) > .btn, #MailingAddressScreen .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--white);
    color: var(--gray);
    border-color: var(--blue);
    padding: 5px 20px;
}

#MailingAddressScreen .mailSameAsGarageAddressLbl {
    font-size: 14px;
    padding-top: 5px;
}*/
    .customer-gender-container button, .customer-marital-container button, .driver-relationship-container button {
        margin-top: 15px;
    }

    .disclosureContainer p, .excluded-driver p {
        font-size: 12px;
        margin-top: 15px;
        text-align: justify;
    }

    #driving-history-note {
        font-size: 16px !important;
    }

    .disclosureDetails, .excluded-driver {
        outline: none;
    }

    .continue-button span {
        margin-right: 2px;
    }

    .customer-offices-container, .customer-birth-container, .customer-gender-container, .customer-contacts-container, .customer-marital-container,
    .driver-relationship-container, .driver-relationship-container, .driver-violation-container,
    .household-driver-container, .vehicle-year-container, .vehicle-make-container, .vehicle-model-container,
    .vehicle-primary-use-container, .vehicle-days-commute-container, .vehicle-miles-commute-container, .vehicle-annual-miles-container,
    .vehicle-ownorlease-container, .vehicle-select-coverage-container, .household-vehicle-review-container, .um-container,
    .discounts-container, .your-quote-container, .prefill-add-container, .excluded-driver-verification-container, .customer-dl-container, .driver-relationship-information, .lienholder-information-container {
        height: auto;
        display: none;
    }


    .household-driver-verification-container .driver-summary {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    /*.customer-contacts-container {
    margin-top:40px;
}*/
    .greenLine, .greenLine2 {
        margin-bottom: 30px;
    }

    .zipCode-office input, .miles-office select, .state-office select {
        border-color: #9dc2e8;
        border-radius: 10px;
    }

    .search-office button {
        background-color: var(--blue);
        border-radius: 10px;
        width: 80px;
    }

    .mobile-search-office button {
        background-color: var(--blue);
        border-radius: 10px;
        width: 100%;
    }


    .office-result {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

        .office-result span {
            font-weight: bold;
        }

    .office-content {
        margin-left: -10px;
        font-size: 15px;
        margin-bottom: 15px;
        line-height: 22px;
    }

    .office-content-blue {
        color: var(--blue);
        font-weight: bold;
    }

    .office-content-address {
        color: #828282;
    }

    .office-content-language {
        color: var(--gray);
        font-weight: bold;
    }

    .office-content-contact, .office-profile {
        color: var(--blue);
        text-decoration: underline;
        font-weight: bold;
    }

        .office-content-contact a {
            color: var(--blue);
        }

    .office-content-contact {
        margin-right: 15px;
    }

    .back-button {
        outline: none;
    }

    .relationship-back-button, .vehicle-yr-back-button {
        outline: none;
    }

    .accordion-icon {
        padding-top: 5px;
    }

    .customer-gender-container {
        width: 100% !important;
    }

    /*.
    -button {
    visibility: visible !important;
}*/

    .page-item.active .page-link {
        z-index: 3;
        color: var(--white);
        background-color: var(--blue) !important;
        border-color: var(--blue) !important;
    }

    .pagination, .page-link {
        color: var(--blue);
        margin-top: 15px;
    }

    .driver-text {
        font-weight: normal !important;
        font-size: 15px;
    }

    .major-minor-incidents-number {
        font-weight: bold !important;
        font-size: 32px !important;
    }


    .driver-edit-button {
        margin-top: -10px;
    }

    .add-driver-content {
        background-color: var(--blue);
        border-radius: 10px;
        margin-top: 15px;
    }

    .add-excluded-driver-button {
        border-radius: 8px;
        padding: 6px;
        background-color: var(--blue);
        width: auto;
        display: block;
        /*margin-left: auto;*/
    }

        .add-excluded-driver-button img {
            height: 22px;
            margin-right: 5px;
        }

    .add-excluded-driver-button {
        color: white !important;
    }

        .add-excluded-driver-button i {
            margin-right: 10px;
        }

    .add-driver-button {
        border-radius: 8px;
        padding: 3px;
        background-color: var(--blue);
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: 0.5px;
    }

        .add-driver-button img {
            height: 22px;
            margin-right: 5px;
        }

    .add-driver-button {
        color: white !important;
    }

        .add-driver-button i {
            margin-right: 10px;
        }

    .add-vehicle-button {
        border-radius: 8px;
        padding: 3px;
        background-color: var(--blue);
        width: auto;
        display: block;
        margin-left: auto;
    }

        .add-vehicle-button img {
            height: 22px;
            margin-right: 5px;
        }

    .add-vehicle-button {
        color: white !important;
    }

        .add-vehicle-button i {
            margin-right: 10px;
        }

    .excluded-driver-button {
        border-radius: 8px;
        height: auto !important;
        padding: 8px;
        border: 1px solid var(--blue);
        color: var(--blue);
        background-color: transparent;
        width: auto;
        display: block;
        margin-left: auto;
    }

        .excluded-driver-button:hover {
            color: var(--blue);
        }

    .vehicle-yr {
        overflow-y: scroll;
        height: 350px;
    }

    .vehicle-mk, .vehicle-mod {
        overflow-y: scroll;
        height: 400px;
    }

    .vehicle-text-3, .vehicle-text-5 {
        font-weight: 500;
    }

    .liability-desc, .fullcoverage-desc {
        font-size: 12px;
        color: #828282;
        margin-top: 5px;
        font-weight: normal;
    }

    .coverage-liability-only-text, .coverage-full-text {
        color: var(--blue);
        font-weight: 600;
    }

    .minus-icon:before {
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        content: "\f068";
    }

    .minus-icon.collapsed:before {
        content: "\f067";
    }

    .car-model-icon img {
        width: 55px !important;
        margin: 0px;
    }

    .add-driver-header {
        display: none;
    }

    .driver-menu-icon img {
        height: 22px;
        margin-left: 10px;
    }

    .vehicle-menu-icon img {
        height: 19px;
        margin-left: 10px;
    }

    .coverage-menu-icon img {
        height: 19px;
        margin-right: 5px;
    }

    .selection-tab {
        background-color: #ffffff !important;
        border-color: #f1f8ff !important;
        color: var(--blue) !important;
        font-weight: bold !important;
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
        width: 76px;
        height: 38px;
    }

    .driver-menu-icon, .vehicle-menu-icon {
        background-color: #f1f8ff !important;
        border-color: #f1f8ff !important;
        color: var(--blue) !important;
        font-weight: bold !important;
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
        width: 76px;
        height: 38px;
    }

    .coverage-menu-icon {
        background-color: #f1f8ff !important;
        border-color: #f1f8ff !important;
        color: var(--blue) !important;
        font-weight: 500 !important;
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
        width: auto;
        height: 38px;
        font-size: 12px;
    }

    .driver-menu-icon:hover, .vehicle-menu-icon:hover {
        background-color: #f1f8ff !important;
        border-color: #f1f8ff !important;
        color: var(--blue) !important;
        font-weight: bold !important;
    }

    .driver-menu-icon::after, .vehicle-menu-icon::after, .coverage-menu-icon::after {
        display: none !important;
    }

    .drivers-mobile-menu, .vehicles-mobile-menu, .vehicles-mobile-menu {
        position: static !important;
    }

    .dropdown-content-driver, .dropdown-content-vehicle {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
        width: 100% !important;
        padding: 20px;
        transform: translate3d(0px, 38px, 0px) !important;
    }


    .rater-disclaimer {
        text-align: justify;
        font-size: 13px;
    }


    .date-policy-label, .drivers-license-label {
        color: var(--blue);
        font-weight: bold;
        font-size: 17px;
    }

    .inputEffectiveDate {
        background-color: #f5fcff;
        border-color: #9dc2e8;
        border-radius: 10px;
        margin-top: 15px;
        height: 50px;
        color: #6d6d6d !important;
    }


    .landingpayment {
        font-size: 30px;
        font-weight: 800;
    }

        .landingpayment span {
            font-size: 18px;
            font-weight: 600;
        }

    .car-payment-label {
        color: var(--blue);
    }

    .payment-font-weight {
        font-weight: 600;
        font-size: 14px;
    }

    .coveragecardheader {
        font-weight: 700;
        font-size: 20px;
        color: var(--blue);
    }

    .coverage-details {
        background-color: #f9fcff;
        border-radius: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .drivers-license-container {
        border: 1px solid var(--blue);
        height: auto;
        border-radius: 10px;
        font-size: 14px;
    }

    .questions-container {
        /*border: 1px solid var(--blue);*/
        height: auto;
        border-radius: 10px;
        font-size: 14px !important;
    }

    .garaging-text, .mailing-text {
        color: var(--blue);
    }

    .garaging-container {
        /*padding: 20px 10px 5px 10px;*/
        padding: 20px 0px 5px 0px;
    }

    .mailing-container {
        padding: 10px 10px 20px 10px;
    }

    .address-edit-icon img, .drivers-license-edit img {
        height: 18px;
        float: right;
    }

    .modal-main-title {
        font-size: 25px;
        font-family: 'Oswald';
        letter-spacing: 2px;
        color: var(--green);
    }

    .address-input, .license-input, .vehicle-input {
        border: 1px solid var(--green);
        border-radius: 10px;
    }

    .address-input-label, .license-input-label, .vehicle-input-label {
        color: #888888;
        font-weight: 400;
    }

    .savebutton {
        border-radius: 10px;
        width: 80px;
    }

    .drivers-license-header {
        background-color: var(--blue);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 10px;
        color: white;
        font-weight: 500;
    }

    .drivers-license-content {
        padding: 15px 10px 15px 10px;
    }

    .modal-close {
        outline: none !important;
    }

    .button-content-container {
        height: 100% !important;
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .payments-option-button button {
        font-weight: 500;
        height: auto;
        background-color: #f5fcff;
        border-color: var(--blue);
        border-radius: 10px !important;
        width: 100% !important;
        margin-bottom: 10px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .panel-title {
        position: relative;
    }

        .panel-title::after {
            content: "\f104";
            color: var(--blue);
            top: -2px;
            right: 0px;
            position: absolute;
            font-family: "FontAwesome";
            font-size: 20px;
        }

        .panel-title[aria-expanded="true"]::after {
            content: "\f107";
        }

    .prior-insurance {
        font-size: 13px;
        width: 100%;
    }

    .payments-breakdown {
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
    }

    .payments-details {
        font-size: 12px;
    }

        .payments-details i {
            font-size: 16px;
        }

    .payments-checkbox {
        background-color: var(--blue);
        width: 50px;
        height: auto;
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px;
        float: right !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .carrier-options {
        border-color: #0047BB !important;
        font-size: 14px;
        width: 100% !important;
        border-radius: 10px;
        height: 45px;
    }

        .carrier-options:hover {
            background-color: white;
        }

    .prior-insurance-checkbox {
        background-color: var(--blue);
        width: 50px;
        height: auto;
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px;
        float: right !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }


    @media only screen and (min-width: 992px) and (max-width: 1080px) {
        .payments-checkbox {
            width: 45px !important;
        }
    }

    .policy-cost {
        font-size: 28px;
        font-weight: 800;
    }

    .policy-cost-label {
        font-weight: 600;
        font-size: 14px;
    }

    .payment-text i {
        color: var(--blue);
    }

    .payment-value-text {
        font-size: 13px;
        font-weight: 400;
    }

    .button-content-container .col-4 {
        line-height: 18px;
        display: block;
        margin-top: auto;
        margin-bottom: auto;
    }

    .AddressNextClicked {
        cursor: pointer !important;
    }

    canvas#canvas1 {
        width: fit-content !important;
        width: -moz-fit-content !important;
        overflow: scroll !important;
    }

    .divpages {
        width: -moz-fit-content;
        width: fit-content;
        height: 100%;
        display: block;
        margin: auto;
        touch-action: manipulation !important;
    }

    .divpages-scroll {
        height: 100%;
        border: 1px solid aliceblue;
        position: relative;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        max-height: 80vh;
    }


    .upper-container {
        background-color: #f9fcff;
        border-radius: 10px;
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .optional-text, .required-text {
        color: var(--blue);
    }

        .optional-text span, .required-text span {
            font-weight: 500;
        }

    .signnotice {
        font-size: 14px;
    }

    .finish-button {
        font-size: 16px;
        font-weight: 500;
        color: var(--white) !important;
        background-color: var(--green);
        max-width: 170px;
        border-radius: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .zipCode input, .miles select, .state select {
        border-color: #9dc2e8;
        border-radius: 10px;
        height: 50px;
    }

    .navItemBG.active {
        color: white !important;
        background-color: var(--blue) !important;
        border-color: #dee2e6 #dee2e6 var(--white) !important;
        font-weight: 500;
    }

    .navItemBG {
        color: var(--gray);
    }

    .ZipCodeBtnFind, .StateBtnFind {
        background-color: var(--blue);
        border-radius: 10px;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 500;
        /*width: 120px;*/
        padding: 5px 30px;
    }

        .ZipCodeBtnFind:hover, .StateBtnFind:hover {
            background-color: var(--blue);
        }


    .pagination li a {
        border-radius: 10px !important;
    }

    .pagination li {
        margin-right: 8px;
    }

    .contact-accordion-button, .driver-accordion-button, .vehicle-accordion-button {
        text-decoration: none;
        color: var(--gray);
    }

    .fa-plus:before {
        content: "\f067";
        font-family: 'FontAwesome';
    }

    .minus-icon.fa-minus {
        font-style: normal;
    }

    .driver-minus-icon.fa-minus {
        font-style: normal;
    }

    .vehicle-minus-icon.fa-minus {
        font-style: normal;
    }

    .agreement-text {
        font-size: 13px;
        color: var(--gray);
        font-weight: 500;
        margin-top: 20px;
    }

    .document-overlay {
        background-color: transparent;
        position: absolute;
        height: 75% !important;
        cursor: pointer;
    }

    #address-mailing {
        padding-left: 0px;
    }

    /* The switch - the box around the slider */
    .switch {
        position: relative;
        display: inline-block;
        width: 46px;
        height: 22px;
    }

        /* Hide default HTML checkbox */
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    /* The slider */
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0px;
        right: 8px;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .slider {
        background-color: var(--blue);
    }

    input:focus + .slider {
        box-shadow: 0 0 1px var(--blue);
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

        .slider.round:before {
            border-radius: 50%;
        }


    /* animated checkmark */

    .checkmark {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: block;
        stroke-width: 3;
        stroke: var(--green);
        stroke-miterlimit: 10;
        box-shadow: inset 0px 0px 0px #7ac142;
        animation: fill .1s ease-in-out .1s forwards, scale .1s ease-in-out .3s both;
    }

    .checkmark__circle {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 2;
        stroke-miterlimit: 10;
        stroke: var(--white);
        fill: var(--white);
        animation: stroke 0.1s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    }

    .checkmark__check {
        transform-origin: 50% 50%;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        animation: stroke 0.1s cubic-bezier(0.65, 0, 0.45, 1) 0.2s forwards;
    }

    @keyframes stroke {
        100% {
            stroke-dashoffset: 0;
        }
    }

    @keyframes scale {
        0%, 100% {
            transform: none;
        }

        50% {
            transform: scale3d(1.1, 1.1, 1);
        }
    }

    @keyframes fill {
        100% {
            box-shadow: inset 0px 0px 0px 30px #7ac142;
        }
    }

    .drivers-license-img img {
        height: 47px !important;
    }

    .payment-option-icon img {
        max-height: 50%;
    }

    .payment-option-details {
        margin-bottom: 15px;
    }

    .btn-contact-agent {
        border: 2px solid var(--blue);
        font-size: 16px;
        font-weight: 500;
        width: auto !important;
        white-space: nowrap;
        border-radius: 8px;
        display: block;
        margin: auto;
        margin-top: 10px;
    }

    .btn-contact-agent img {
        height: 40px;
    }

    #showmorequotes-btn, #showlessquotes-btn {
        color: var(--gray)
    }

        #showmorequotes-btn:hover, #showlessquotes-btn:hover {
            font-weight: 600;
        }

    .showmorequotes-icon, .showlessquotes-icon {
        color: var(--green) !important;
    }

    .contact-agent-details {
        font-size: 20px;
        text-align: center;
        font-weight: 700;
    }

    .call-agent-button:hover {
        color: white;
    }

    .exc-button {
        width: auto;
        font-size: 14px;
        border: 1px solid var(--blue);
        border-radius: 4px;
        margin-bottom: 10px !important;
    }

    .exc-input {
        border: 1px solid var(--green);
        border-radius: 10px;
    }

    .modal-save-button:hover {
        background-color: var(--green);
        color: white;
    }

    .modal-save-button {
        background-color: var(--green);
        color: white;
        width: 90px;
        border-radius: 6px;
    }

    .modal-remove-button {
        background-color: var(--blue);
        color: white;
        width: 90px;
        border-radius: 6px;
        display: block;
        margin-right: auto;
    }

        .modal-remove-button:hover {
            background-color: var(--blue);
            color: white;
        }

    .modal-cancel-button {
        border: 1px solid var(--blue);
        color: var(--blue);
        border-radius: 6px;
        display: block;
        width: 90px;
    }

        .modal-cancel-button:hover {
            border: 1px solid var(--blue);
            color: var(--blue);
        }

    .btn-back-button {
        border: 1px solid var(--blue);
        color: var(--blue);
        border-radius: 6px;
        display: block;
        width: 80px;
        font-size: 16px;
        font-weight: bold;
    }

    .header-office-label, .header-language-label, .header-mobile-label, .service-phone_label,
    .language-selector-text, .service-phone_number {
        color: var(--gray) !important;
        font-weight: 600;
    }

        .service-phone_number:hover {
            color: var(--gray) !important;
        }

    .fullName_Sign input {
        border-radius: 10px;
        border: 1px solid #157EAD;
    }

    .stylebtnGrp {
        width: 100%;
        border: 1px solid #157EAD;
        border-radius: 10px;
    }

    .btnType:active, .btnDraw:active, .btnType:focus, .btnDraw:focus,
    .btnType.active, .btnDraw.active, .btnType:hover, .btnDraw:hover {
        background-color: #157EAD !important;
        color: white !important;
    }

    .btnType, .btnDraw {
        border: none;
        color: var(--gray);
    }

    .btnType {
        border-right: 1px solid #157EAD;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
    }

    .btnDraw {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }

    .typeInput {
        height: 100px;
        font-size: 30px !important;
        text-align: center;
        background-color: #9DC2E8 !important;
        border: 1px solid #9DC2E8 !important;
    }

    .insurance-carrier img {
        width: 80%;
    }

    .payplan-value {
        font-size: 22px;
    }

    .btn-coverage-details {
        text-decoration: none !important;
        padding-left: 0px;
        color: #0056b3;
        width: 100%;
        text-align: left;
    }

        .btn-coverage-details span {
            font-weight: bold;
            color: #212529;
        }

    [data-toggle="collapse"].btn-coverage-details i:after {
        content: "\f139";
    }

    [data-toggle="collapse"].btn-coverage-details.collapsed i:after {
        content: "\f13a";
    }

    .payment-information {
        border: 1px solid var(--blue);
        font-size: 14px;
        padding: 8px;
        border-radius: 10px;
        width: 100%;
    }

    .thankyou-header-img {
        height: 47px !important;
    }

    .step2-details {
        word-break: break-word;
    }

    .step1, .step2 {
        white-space: nowrap;
    }

    .custInfo-img img {
        width: 50px;
        height: auto;
    }

    .downloadDocu, .confirmPurchase {
        color: #007bff;
    }

        .downloadDocu:hover {
            text-decoration: underline;
            color: #0056b3 !important;
        }

    .downloadDocuBtn {
        outline: none;
    }

    .input-sm {
        height: 30px !important;
        padding: 5px 10px !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        border-radius: 3px !important;
    }

    .cardTypes svg {
        margin-right: 3px;
    }

    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    .dateHR {
        font-size: 20px;
        text-align: center;
        width: 8%;
    }

    .cvvMonth, .cvvYear {
        width: 46%;
    }

    .borderGray {
        border: 1px solid #bdbdbd !important;
    }

    .marginAuto {
        display: block;
        margin-top: auto;
        margin-bottom: auto;
    }

    .moreInfo-container {
        background-color: #D0EDFF;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 13px !important;
        color: var(--blue);
    }

        .moreInfo-container a {
            font-size: 13px !important;
            color: var(--blue);
        }

    .redirect-link-container {
        background-color: #F4FCFF;
        text-align: center;
        margin-top: -7px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .redirect-link-text {
        color: #0044bd;
        font-weight: 600;
    }

    .redirect-link-container svg {
        margin-top: -5px;
    }

    input[type='password']::-ms-reveal,
    input[type='password']::-ms-clear {
        display: none;
    }

    #more-info-liability span, #more-info-full span {
        font-weight: bold;
    }

    .no-offices-content {
        font-weight: 600;
        color: #6c757d;
    }

    .btnReturn img, .btnReload img, .btnAgent img {
        height: 18px !important;
        width: 18px !important;
    }

    .btnReturn, .btnReload, .btnAgent {
        font-size: 11px !important;
        border-color: #0047BB !important;
        width: 185px !important;
        color: var(--gray) !important;
    }

    .btnReturn, .btnReload {
        margin-right: 10px !important;
    }

    @media only screen and (min-width: 470px) and (max-width: 589px) {
        .btnReturn img, .btnReload img, .btnAgent img {
            height: 15px;
            width: 15px;
        }

        .btnReturn, .btnReload, .btnAgent {
            font-size: 9px !important;
            border-color: #0047BB;
            width: 150px !important;
            color: var(--gray);
            padding-right: 3px;
            padding-left: 3px;
        }

        .btnReturn, .btnReload {
            margin-right: 0px !important;
        }
    }

    @media only screen and (max-width: 469px) {
        .btnReturn img, .btnReload img, .btnAgent img {
            height: 12px;
            width: 12px;
        }

        .btnReturn, .btnReload, .btnAgent {
            font-size: 7px !important;
            border-color: #0047BB !important;
            width: 120px !important;
            color: var(--gray);
            padding-right: 3px;
            padding-left: 3px;
        }

        .btnReturn, .btnReload {
            margin-right: 0px !important;
        }

        .vehicle-information-review-edit-button {
            padding-right: 10px !important;
        }

        #MailingAddressScreen #yes-no-btns .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
            width: 50%;
        }

        #MailingAddressScreen .mailing-address-container select {
            background-color: #f5fcff !important;
            border-color: var(--blue);
            border-radius: 10px;
            margin-top: 15px;
            height: 50px;
        }
    }

    .coverage-info-icon img {
        height: 18px;
        padding-bottom: 2px;
    }

    a#bbblink {
        display: block;
        position: relative;
        text-align: center;
        color: #005A78;
        text-decoration: none;
        overflow: hidden;
        padding: 0;
    }

        a#bbblink img {
            border: 0;
            position: absolute;
            top: 0;
            left: 0;
            margin-left: 0;
            max-width: 200%;
        }

        a#bbblink.ruhzbus:hover img {
            margin-left: -100px;
        }

        a#bbblink.ruhzbus {
            width: 100px;
            height: 48px;
        }

    @media only screen and (max-width: 1199px) {
        .zip-label-padding {
            padding-left: 15px !important;
        }
    }

    #no-found-offices-header {
        width: 90%;
    }

    .zip-label-padding {
        padding: 0px;
    }

    .logout-button {
        border-color: var(--blue);
        color: var(--blue);
        font-weight: bold;
        float: right;
        width: 140px;
    }

        .logout-button:hover {
            color: var(--blue);
        }

    .download-button {
        color: var(--blue);
        text-decoration: underline;
    }

    .styled-select select {
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none; /* Safari and Chrome */
        appearance: none;
    }

    .step2-details a {
        color: #0047bb;
    }

    #payment-verify {
        color: #ca0000;
    }

    select#administrative_area_level_1 {
        -moz-appearance: none !important; /* Firefox */
        -webkit-appearance: none !important; /* Safari and Chrome */
        appearance: none !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #171d44 !important;
    }

    .noDocu-message, .noDocu-message a {
        color: red !important;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .best-rating-text {
        text-decoration: underline;
        color: var(--blue);
        font-weight: 600;
        margin-top: 3px;
    }

    #ownership-finance-button:disabled, #coverage-full-button:disabled, #coverage-liability-only-button:disabled, #ownership-lease-button:disabled {
        opacity: 1 !important;
    }

    a.number-link {
        color: var(--blue);
    }

        a.number-link:hover {
            text-decoration: underline;
        }

    .um-disclaimer {
        margin-top: 10px;
    }

    .foundDriver-buttons .dbtnAdd, .foundDriver-buttons .dbtnExclude, .foundDriver-buttons .dbtnDK {
        font-size: 16px;
        border-radius: 8px;
        border-color: #d8d8d8;
        width: 100%;
    }



    .foundVehicle-buttons .vbtnAdd, .foundVehicle-buttons .vbtnExclude {
        font-size: 16px;
        border-radius: 8px;
        border-color: #d8d8d8;
        width: 100%;
    }

    .btnAdd-border {
        color: #fff !important;
        background-color: var(--blue) !important;
        border-color: var(--blue) !important;
    }

    .btnAdd-border-invalid {
        border-color: red !important;
    }

    .applicantVerifyBtn a {
        color: var(--blue);
        font-weight: 600;
        text-decoration: underline;
    }

    .resendCode-details {
        font-size: 13px;
        font-weight: 600;
    }

        .resendCode-details a {
            text-decoration: underline;
            color: var(--blue);
        }

    .verifyNote {
        font-size: 12px;
        text-align: left;
    }

    .code-sent-email, .code-sent-sms {
        text-align: center;
        font-weight: 600;
    }

    .btnSendCode {
        font-size: 14px;
        width: 100%;
    }

    .verifyNote {
        font-weight: 600;
    }

    .buy-policy-title-green-1 {
        color: var(--blue) !important;
    }

    #non-owner input[type="radio"] {
        background-color: white !important;
    }

        #non-owner input[type="radio"]:checked {
            background-color: blue !important;
        }

    .applicantVerifyBtn input[type="radio"], .foundDriver-buttons input[type="radio"], .foundVehicle-buttons input[type="radio"] {
        display: none !important;
    }

        .applicantVerifyBtn input[type="radio"]:checked + label, .foundDriver-buttons input[type="radio"]:checked + label, .foundVehicle-buttons input[type="radio"]:checked + label, .applicantVerify-container .btn-info {
            color: #fff;
            background-color: var(--blue);
            border-color: var(--blue);
        }

    .applicantVerifyBtn label {
        display: inline-block;
        background-color: #ddd;
        padding: 4px 11px;
        font-size: 16px;
        cursor: pointer;
        width: 70px;
        background-color: transparent;
        border: 1px solid #bdbdbd;
        text-align: center;
        border-radius: 6px;
        float: right;
        margin-left: 8px;
    }

    .foundDriver-buttons label, .foundVehicle-buttons label {
        display: inline-block;
        background-color: #ddd;
        padding: .375rem .75rem;
        font-size: 14px;
        cursor: pointer;
        background-color: transparent;
        border: 1px solid #bdbdbd;
        text-align: center;
        border-radius: 8px;
        float: right;
        margin-left: 8px;
        width: 100%;
    }

    @media only screen and (min-width: 1087px) and (max-width: 1183px) {
        .foundDriver-buttons label {
            font-size: 12px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1086px) {
        .foundDriver-buttons label {
            font-size: 10px;
        }
    }

    .missing-driver-note, .missing-vehicle-note {
        font-size: 18px;
        font-weight: bold;
    }

    .validation-disclaimer {
        font-weight: bold;
        font-size: 13px;
    }

    .buy-policy-title-blue-1 {
        color: var(--blue) !important;
    }

    .buy-policy-title-green-1 {
        color: var(--black) !important;
    }

    .blue-text-payment {
        color: var(--blue) !important;
    }

    .buy-now-button-agent {
        padding: 0px;
        font-size: 16px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--green);
        max-width: 190px;
        width: 170px;
        height: 44px;
        border-radius: 5px;
        white-space: nowrap;
    }

    .buy-now-button-agent {
        background-color: var(--blue) !important
    }

    .buy-now-button {
        background-color: var(--orange);
    }

    @media only screen and (min-width: 200px) and (max-width: 700px) {
        .btn-quote, .buy-now-button-agent, .buy-now-button {
            font-size: 3vw !important;
            width: 110% !important;
            min-width: 101px;
        }

        #more-rates-div {
            font-size: 3vw !important;
            text-align: left !important;
            white-space: normal;
        }
    }

    @media only screen and (min-width: 701px) and (max-width: 991px) {
        .btn-quote, .buy-now-button-agent, .buy-now-button {
            font-size: 1.5vw !important;
            width: 120% !important;
        }

        #more-rates-div {
            font-size: 2vw !important;
            white-space: normal;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1150px) {
        .btn-quote, .buy-now-button-agent, .buy-now-button {
            font-size: 1vw !important;
            width: 112% !important;
        }

        #more-rates-div {
            font-size: 1vw;
            text-align: left !important;
            white-space: normal;
        }
    }

    @media only screen and (min-width: 1150px) and (max-width: 2000px) {
        .btn-quote, .buy-now-button-agent, .buy-now-button {
            font-size: 1vw !important;
            width: 110% !important;
        }

        #more-rates-div {
            font-size: 1vw;
            text-align: left !important;
            white-space: normal;
        }
    }

    @media only screen and (min-width: 312px) and (max-width: 1175px) {
        buy-now-button-agent {
        }

        .prefill-btn {
            font-size: 50% !important;
            width: 120% !important;
        }
    }

    @media only screen and (min-width: 2500px) {
        .buy-now-button-agent, .buy-now-button {
            font-size: 18px !important;
        }
    }


    @media only screen and (min-width: 992px) and (max-width: 1583px) {


        .dbtnExclude {
            width: 50% !important;
        }

        .dbtnExcludeText {
            font-size: smaller;
        }
    }



    .missing-disclaimer-text {
        color: var(--gray);
        font-weight: bold;
        font-size: 18px;
        overflow: hidden;
    }

    .center-wrapper {
        display: flex; /* Use flexbox to create a row layout */
        align-items: center; /* Center the items vertically within the row */
        justify-content: center; /* Center the items horizontally within the row */
        padding-right: 5px;
        padding-left: 5px;
    }

    .selectcoveragetext {
        font-weight: bold;
        margin-right: 10px; /* Add some space between the text and the image */
    }

    .dot {
        height: 40px;
        width: 40px;
        background-color: gray;
        border-radius: 50%;
        display: inline-block;
        margin-top: -13px;
    }

    .buy-now-button {
        font-size: 16px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--orange);
        max-width: 190px;
        width: 170px;
        height: 44px;
        border-radius: 5px;
        white-space: nowrap;
    }

    @media (max-width: 425px) {
        .coverage-info {
            font-size: 0.6rem;
            padding-left: 19px;
            justify-content: flex-end;
        }
    }

    @media only screen and (min-width: 990px) and (max-width: 1260px) {

        .coverage-info {
            text-align: center !important;
        }


        @media only screen and (max-width: 469px) {
            #broker-call-now, #call-now {
                font-size: 14px;
                font-weight: bolder;
                color: var(--white) !important;
                background-color: var(--blue);
                max-width: 140px;
                width: 170px;
                height: 44px;
                border-radius: 5px;
                border-color: var(--blue);
                white-space: nowrap;
            }

            .rerate-buy-now-button {
                font-size: 13px;
                font-weight: bolder;
                color: var(--white) !important;
                background-color: var(--orange);
                max-width: 140px;
                width: 170px;
                height: 44px;
                border-radius: 5px;
                border-color: var(--blue);
                white-space: nowrap;
            }
        }

        @media only screen and (min-width: 992px) and (max-width: 1400px) {
            .rerate-buy-now-button {
                font-size: 13px;
                font-weight: bolder;
                color: var(--white) !important;
                background-color: var(--orange);
                max-width: 140px;
                width: 130px;
                height: 44px;
                border-radius: 5px;
                border-color: var(--blue);
                white-space: nowrap;
            }



            #broker-call-now, #call-now {
                font-size: 13px;
                font-weight: bolder;
                color: var(--white) !important;
                background-color: var(--blue);
                max-width: 140px;
                width: 130px;
                height: 44px;
                border-radius: 5px;
                border-color: var(--blue);
                white-space: nowrap;
            }
        }
    }

    @media only screen and (max-width: 469px) {
        .update-section-icon-on {
            font-size: 16px;
            color: var(--green);
            white-space: nowrap;
            margin-top: 6px;
            margin-left: 6px;
        }

        .update-section-title {
            font-size: 15px;
            color: var(--gray);
            font-weight: bold;
            text-wrap: none;
        }
    }

    @media only screen and (max-width: 469px) {
        #apple-wallet-icon {
            margin-bottom: 13px;
            width: 100px;
            height: 20px
        }

        #add_to_google_wallet {
            margin-bottom: 13px;
            width: 100px;
            height: 20px
        }
    }


    @media only screen and (max-width: 469px) {
        #dot2, #dot3, #dot4 {
            margin-left: 10% !important;
        }
    }

    @media only screen and (max-width: 991px) and (min-width: 375px) {
        #sr22-text {
            font-size: 1.90vw !important;
        }

        #driver-text-5 {
            font-size: 1.90vw !important;
        }

        #driver-text-minor-violation {
            font-size: 1.90vw !important;
        }
    }

    @media only screen and (max-width: 991px) and (min-width: 600px) {
        #sr22-text {
            font-size: 1.90vw !important;
        }

        #driver-text-5 {
            font-size: 1.90vw !important;
        }

        #driver-text-minor-violation {
            font-size: 1.90vw !important;
        }
    }

    @media only screen and (max-width: 599px) and (min-width: 30px) {
        #sr22-text {
            font-size: 2.90vw !important;
        }

        #driver-text-5 {
            font-size: 2.90vw !important;
        }

        #driver-text-minor-violation {
            font-size: 2.90vw !important;
        }
    }

    @media only screen and (max-width: 1478px) and (min-width: 992px) {
        #sr22-text {
            font-weight: 500;
            font-size: 16px;
            color: var(--blue);
        }

        #driver-text-5 {
            font-weight: 500;
            font-size: 16px;
            color: var(--blue);
        }

        #driver-text-minor-violation {
            font-weight: 500;
            font-size: 16px;
            color: var(--blue);
        }
    }


    @media only screen and (min-width: 490px) and (max-width: 991px) {

        .add-driver-button {
            margin-right: 30px;
        }

        .add-excluded-driver-button {
            margin-left: 30px;
        }
    }



    @media only screen and (min-width: 1460px) and (max-width: 2560px) {

        .add-driver-button {
            margin-right: 0.05px;
        }

        .add-excluded-driver-button {
            margin-left: 10px;
        }
    }

    @media only screen and (min-width: 490px) and (max-width: 990px) {

        .add-driver-button {
            margin-right: 0.05px;
        }

        .add-excluded-driver-button {
            margin-left: 10px;
        }
    }

    @media only screen and (min-width: 990px) and (max-width: 1260px) {

        .yes-buttons {
            font-size: 15px;
            font-weight: bolder !important;
            color: var(--blue);
            border-radius: 8px;
            height: 44px;
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 420px) {

        .yes-buttons {
            font-size: 15px;
            font-weight: bolder !important;
            color: var(--blue);
            border-radius: 8px;
            height: 44px;
        }
    }

    .instant-offer {
        background-color: #0057d9; /* blue background */
        color: #ffffff; /* white text */
        border: none;
        border-radius: 20px; /* rounded edges */
        padding: 6px 16px;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
    }

        .instant-offer .green {
            color: #31c631; /* green for "Offer" */
        }