/* _content/DriveAwayServicingBlazor/Pages/BookingBook1.razor.rz.scp.css */
.service-steps .current span[b-md0cu3yihx] {
    border: 2px solid #0769a9;
    color: #0769a9;
}

.service-steps span[b-md0cu3yihx] {
    background-color: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 16px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    margin-bottom: 4px;
    position: relative;
    width: 32px;
    z-index: 2;
}

.service-steps[b-md0cu3yihx] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 0 40px;
}

    .service-steps .current[b-md0cu3yihx] {
        color: #0769a9 !important;
    }

    .service-steps li[b-md0cu3yihx] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #c2c2c2 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center!important; */
        position: relative;
        text-align: center;
        width: 33%;
        display: grid;
        justify-items: center;
    }

        .service-steps li[b-md0cu3yihx]:before {
            background-color: #c2c2c2;
            content: "";
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 16px;
            width: 100%;
            z-index: 1;
        }

.breadcrum_text[b-md0cu3yihx] {
    font-weight: bolder;
    text-align: center !important;
}

.vehicle_details[b-md0cu3yihx] {
    color: #0769a9 !important;
    font-weight: 600;
    padding: 20px;
    font-size: 1.7rem;
}

.step1[b-md0cu3yihx] {
    width: 75%;
    margin: auto;
}

.form_newquote[b-md0cu3yihx] {
    width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 140px !important;
    height: fit-content !important;
}
/*input_boxes */
.form-group[b-md0cu3yihx] {
    margin: 10px !important;
}

.top-steps[b-md0cu3yihx] {
    text-align: -webkit-center !important;
}
/*input_boxes */


.confirm_vehicle_details[b-md0cu3yihx] {
    background-color: #337ab7;
    border-color: transparent;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}
/* _content/DriveAwayServicingBlazor/Pages/BookService.razor.rz.scp.css */
body[b-au3t40779b] {
}
/* _content/DriveAwayServicingBlazor/Pages/CommunicationPreferenceBook.razor.rz.scp.css */
.service-steps .current span[b-khs1s9gdjh] {
    border: 2px solid #0769a9;
    color: #0769a9;
}

.service-steps span[b-khs1s9gdjh] {
    background-color: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 16px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    margin-bottom: 4px;
    position: relative;
    width: 32px;
    z-index: 2;
}

.service-steps[b-khs1s9gdjh] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 0 40px;
}

    .service-steps .current[b-khs1s9gdjh] {
        color: #0769a9 !important;
    }

    .service-steps li[b-khs1s9gdjh] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #c2c2c2 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center!important; */
        position: relative;
        text-align: center;
        width: 33%;
        display: grid;
        justify-items: center;
    }

        .service-steps li[b-khs1s9gdjh]:before {
            background-color: #c2c2c2;
            content: "";
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 16px;
            width: 100%;
            z-index: 1;
        }

.breadcrum_text[b-khs1s9gdjh] {
    font-weight: bolder;
    text-align: center !important;
}

.vehicle_details[b-khs1s9gdjh] {
    color: #0769a9 !important;
    font-weight: 600;
    padding: 20px;
    font-size: 1.7rem;
}

.step1[b-khs1s9gdjh] {
    width: 75%;
    margin: auto;
}

.form_newquote[b-khs1s9gdjh] {
    width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    height: fit-content !important;
}
/*input_boxes */
.form-group[b-khs1s9gdjh] {
    margin-top: 50px !important;
}

.top-steps[b-khs1s9gdjh] {
    text-align: -webkit-center !important;
}
/*input_boxes */


.confirm_vehicle_details[b-khs1s9gdjh] {
    background-color: #337ab7;
    border-color: transparent;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}
/* _content/DriveAwayServicingBlazor/Pages/FAQ.razor.rz.scp.css */
.dx-accordion-item-title[b-y0vl2oa0d7] {
    background-color: #0769a9 !important;
}
.dxbl-expandable-container[b-y0vl2oa0d7] {
    background-color: white !important;
}
.dxbl-accordion-item-text[b-y0vl2oa0d7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: inherit;
    padding: 5px !important;
}
/* _content/DriveAwayServicingBlazor/Pages/index.razor.rz.scp.css */
.video[b-i9yoc5stgo] {
    display: flex;
    align-items: center;
    padding: 0% 7% 3% 7%;
    justify-content: center;
}
.local-service[b-i9yoc5stgo]{
    border: 2px solid black;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.card[b-i9yoc5stgo] {
    margin: 20px 0;
}


.click_here_mot[b-i9yoc5stgo] {
    border: 2px solid #0769a9 !important;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
    margin: 0;
}

.book_appointment b[b-i9yoc5stgo] {
    color: #0769a9;
    font-size: 1.2rem;
}


.frequently-btn[b-i9yoc5stgo] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
}
    .frequently-btn button[b-i9yoc5stgo] {
        border: 2px solid #0769a9 !important;
        padding: 10px;
        border-radius: 3px;
        color: #0769a9;
        background-color: #fff;
        font-size: 1.5rem;
        font-weight: 700;
    }

/*media query starts*/
@media screen and (max-width: 280px) {
    .driveaway_warranty_video[b-i9yoc5stgo] {
        height: 132px;
        width: 200px;
    }

    .warranty-text h2[b-i9yoc5stgo] {
        font-size: 1.8rem;
        font-weight: 700;
        color: #91BF22;
    }

    .warranty-mockup img[b-i9yoc5stgo] {
        width: 15rem;
    }

    .motorbike-text[b-i9yoc5stgo] {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 281px) and (max-width: 479px) {

    .heading h2[b-i9yoc5stgo] {
        font-size: 1rem;
    }

    .driveaway-para h4[b-i9yoc5stgo] {
        font-size: 1rem;
    }

    .driveaway_warranty_video[b-i9yoc5stgo] {
        height: 176px;
        width: 280px;
    }

    .warranty-mockup img[b-i9yoc5stgo] {
        width: 15rem;
    }

    .warranty-text[b-i9yoc5stgo] {
        margin-top: 5%;
        margin-left: 10%;
    }

        .warranty-text h2[b-i9yoc5stgo] {
            font-size: 2rem;
            font-weight: 700;
            color: #91BF22;
        }

    .motoring-text h4[b-i9yoc5stgo] {
        font-size: 1rem;
        text-align: justify;
    }

    .motorbike-text[b-i9yoc5stgo] {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .driveaway_warranty_video[b-i9yoc5stgo] {
        height: 244px;
        width: 480px;
    }

    .warranty-mockup img[b-i9yoc5stgo] {
        width: 20rem;
    }

    .warranty-text h2[b-i9yoc5stgo] {
        font-size: 2.5rem;
        font-weight: 700;
        color: #91BF22;
    }

    .heading h2[b-i9yoc5stgo] {
        font-size: 1.5rem;
    }

    .warranty-text[b-i9yoc5stgo] {
        margin-top: 5%;
        margin-left: 20%;
    }

    .motoring-text h4[b-i9yoc5stgo] {
        font-size: 1rem;
        text-align: justify;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .driveaway_warranty_video[b-i9yoc5stgo] {
        height: 290px;
        width: 520px;
    }

    .warranty-text h2[b-i9yoc5stgo] {
        font-size: 2.5rem;
        font-weight: 700;
        color: #91BF22;
    }

    .warranty-text[b-i9yoc5stgo] {
        margin-top: 5%;
        margin-left: 20%;
    }

    .motorbike-text[b-i9yoc5stgo], .plant-text[b-i9yoc5stgo] {
        font-size: 1.6rem;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

    .driveaway_warranty_video[b-i9yoc5stgo] {
        height: 310px;
        width: 560px;
    }

    .warranty-text h2[b-i9yoc5stgo] {
        font-size: 2.5rem;
        font-weight: 700;
        color: #91BF22;
    }

    .new-card-2[b-i9yoc5stgo] {
        border: 2px solid #91BF22;
        border-radius: 15px;
        margin: 10px 0;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding-bottom: 1rem;
    }

    .motorbike-text[b-i9yoc5stgo], .plant-text[b-i9yoc5stgo] {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .driveaway_warranty_video[b-i9yoc5stgo] {
        height: 360px;
        width: 640px;
    }

    .new-card-2[b-i9yoc5stgo] {
        border: 2px solid #91BF22;
        border-radius: 15px;
        margin: 10px 0;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding-bottom: 1rem;
    }
}


@media screen and (min-width: 1440px) and (max-width: 2099px) {
    .driveaway_warranty_video[b-i9yoc5stgo] {
        height: 400px;
        width: 720px;
    }
}

@media screen and (min-width: 2100px) {
    .driveaway_warranty_video[b-i9yoc5stgo] {
        height: 400px;
        width: 740px;
    }
}
/* _content/DriveAwayServicingBlazor/Pages/JobBook1.razor.rz.scp.css */
.service-steps .current span[b-y9sm9awtif] {
    border: 2px solid #0769a9;
    color: #0769a9;
}

.service-steps span[b-y9sm9awtif] {
    background-color: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 16px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    margin-bottom: 4px;
    position: relative;
    width: 32px;
    z-index: 2;
}

.service-steps[b-y9sm9awtif] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 0 40px;
}

    .service-steps .current[b-y9sm9awtif] {
        color: #0769a9 !important;
    }

    .service-steps li[b-y9sm9awtif] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #c2c2c2 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center!important; */
        position: relative;
        text-align: center;
        width: 33%;
        display: grid;
        justify-items: center;
    }

        .service-steps li[b-y9sm9awtif]:before {
            background-color: #c2c2c2;
            content: "";
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 16px;
            width: 100%;
            z-index: 1;
        }

.breadcrum_text[b-y9sm9awtif] {
    font-weight: bolder;
    text-align: center !important;
}

.vehicle_details[b-y9sm9awtif] {
    color: #0769a9 !important;
    font-weight: 600;
    padding: 20px;
    font-size: 1.7rem;
}

.step1[b-y9sm9awtif] {
    width: 75%;
    margin: auto;
}

.form_newquote[b-y9sm9awtif] {
    width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    height: fit-content !important;
}
/*input_boxes */
.form-group[b-y9sm9awtif] {
    margin: 10px !important;
}

.top-steps[b-y9sm9awtif] {
    text-align: -webkit-center !important;
}
/*input_boxes */


.confirm_vehicle_details[b-y9sm9awtif] {
    background-color: #337ab7;
    border-color: transparent;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}



.form-switch .form-check-input:checked[b-y9sm9awtif] {
    background-position: right center;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e);
    height: 20px;
    width: 40px;
}



.survey-wrapper[b-y9sm9awtif] {
    width: 100%;
    max-width: 180px;
}

.dx-demo-radio-group-label[b-y9sm9awtif] {
    font-size: inherit;
    font-weight: 600;
}

    .dx-demo-radio-group-label.dx-demo-small[b-y9sm9awtif] {
        font-size: 0.75rem;
    }

    .dx-demo-radio-group-label.dx-demo-large[b-y9sm9awtif] {
        font-size: 1rem;
    }

.dx-demo-radio-group[b-y9sm9awtif] {
    padding-bottom: 1rem;
}

    .dx-demo-radio-group > .dx-demo-radio + .dx-demo-radio[b-y9sm9awtif] {
        padding-top: 0.5rem;
    }

    .dx-demo-radio-group > .dx-demo-radio.dx-demo-radio-selected[b-y9sm9awtif] {
        font-weight: bold;
    }

    .dx-demo-radio-group > .dx-demo-radio.priority-low[b-y9sm9awtif] {
        color: currentColor;
    }

    .dx-demo-radio-group > .dx-demo-radio.priority-normal[b-y9sm9awtif] {
        color: var(--bs-info)
    }

    .dx-demo-radio-group > .dx-demo-radio.priority-urgent[b-y9sm9awtif] {
        color: var(--bs-warning)
    }

    .dx-demo-radio-group > .dx-demo-radio.priority-high[b-y9sm9awtif] {
        color: var(--bs-danger)
    }

.dx-demo-radio-selected-value[b-y9sm9awtif] {
    max-width: 180px;
    width: 100%;
}
/* _content/DriveAwayServicingBlazor/Pages/MaintenancePersonalDetails.razor.rz.scp.css */
.service-steps .current span[b-4hxcpfolzx] {
    border: 2px solid #0769a9;
    color: #0769a9;
}

.service-steps span[b-4hxcpfolzx] {
    background-color: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 16px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    margin-bottom: 4px;
    position: relative;
    width: 32px;
    z-index: 2;
}

.service-steps[b-4hxcpfolzx] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 0 40px;
}

    .service-steps .current[b-4hxcpfolzx] {
        color: #0769a9 !important;
    }

    .service-steps li[b-4hxcpfolzx] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #c2c2c2 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center!important; */
        position: relative;
        text-align: center;
        width: 33%;
        display: grid;
        justify-items: center;
    }

        .service-steps li[b-4hxcpfolzx]:before {
            background-color: #c2c2c2;
            content: "";
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 16px;
            width: 100%;
            z-index: 1;
        }

.breadcrum_text[b-4hxcpfolzx] {
    font-weight: bolder;
    text-align: center !important;
}

.vehicle_details[b-4hxcpfolzx] {
    color: #0769a9 !important;
    font-weight: 600;
    padding: 20px;
    font-size: 1.7rem;
}

.step1[b-4hxcpfolzx] {
    width: 75%;
    margin: auto;
}

.form_newquote[b-4hxcpfolzx] {
    width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    height: fit-content !important;
}
/*input_boxes */
.form-group[b-4hxcpfolzx] {
    margin: 10px !important;
}

.top-steps[b-4hxcpfolzx] {
    text-align: -webkit-center !important;
}
/*input_boxes */


.confirm_vehicle_details[b-4hxcpfolzx] {
    background-color: #337ab7;
    border-color: transparent;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}
/* _content/DriveAwayServicingBlazor/Pages/MaintenancePlanDetails.razor.rz.scp.css */


.service-steps .current span[b-9rrmd4srpv] {
    border: 2px solid #0769a9;
    color: #0769a9;
}

.service-steps span[b-9rrmd4srpv] {
    background-color: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 16px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    margin-bottom: 4px;
    position: relative;
    width: 32px;
    z-index: 2;
}

.service-steps[b-9rrmd4srpv] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 0 40px;
}

    .service-steps .current[b-9rrmd4srpv] {
        color: #0769a9 !important;
    }

    .service-steps li[b-9rrmd4srpv] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #c2c2c2 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center!important; */
        position: relative;
        text-align: center;
        width: 33%;
        display: grid;
        justify-items: center;
    }

        .service-steps li[b-9rrmd4srpv]:before {
            background-color: #c2c2c2;
            content: "";
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 16px;
            width: 100%;
            z-index: 1;
        }

.breadcrum_text[b-9rrmd4srpv] {
    font-weight: bolder;
    text-align: center !important;
}

.vehicle_details[b-9rrmd4srpv] {
    color: #0769a9 !important;
    font-weight: 600;
    padding: 20px;
    font-size: 1.7rem;
}

.step1[b-9rrmd4srpv] {
    width: 75%;
    margin: auto;
}

.form_newquote[b-9rrmd4srpv] {
    width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    height: fit-content !important;
}
/*input_boxes */
.form-group[b-9rrmd4srpv] {
    margin: 10px !important;
}

.top-steps[b-9rrmd4srpv] {
    text-align: -webkit-center !important;
}
/*input_boxes */


.confirm_vehicle_details[b-9rrmd4srpv] {
    background-color: #337ab7;
    border-color: transparent;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}





/*Page CSS*/


.white_box[b-9rrmd4srpv] {
    border: 2px solid #808080;
    padding: 3%;
    height: auto !important;
}

.blue_box[b-9rrmd4srpv] {
    background-color: #0769a9 !important;
    padding: 3%;
    color: #ffff;
    height: auto !important;
     
}

/* _content/DriveAwayServicingBlazor/Pages/MaintenanceVehicle.razor.rz.scp.css */

.span1[b-40hgo2fbm6] {
    color: #0769a9 !important;
}

.service-steps .current span[b-40hgo2fbm6] {
    border: 2px solid #0769a9;
    color: #0769a9;
}

.service-steps span[b-40hgo2fbm6] {
    background-color: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 16px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    margin-bottom: 4px;
    position: relative;
    width: 32px;
    z-index: 2;
}


.current .service-steps span[b-e372jilm01][b-40hgo2fbm6] {
    background-color: #fff;
    border: 2px solid #0769a9 !important;
}

.service-steps[b-40hgo2fbm6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 0 40px;
}

    .service-steps .current[b-40hgo2fbm6] {
        color: #0769a9 !important;
    }

    .service-steps li[b-40hgo2fbm6] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #c2c2c2 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center!important; */
        position: relative;
        text-align: center;
        width: 33%;
        display: grid;
        justify-items: center;
    }

        .service-steps li[b-40hgo2fbm6]:before {
            background-color: #c2c2c2;
            content: "";
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 16px;
            width: 100%;
            z-index: 1;
        }

.breadcrum_text[b-40hgo2fbm6] {
    font-weight: bolder;
    text-align: center !important;
}

.vehicle_details[b-40hgo2fbm6] {
    color: #0769a9 !important;
    font-weight: 600;
    padding: 20px;
    font-size: 1.7rem;
}

.step1[b-40hgo2fbm6] {
    width: 75%;
    margin: auto;
}

.form_newquote[b-40hgo2fbm6] {
    width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    height: fit-content !important;
}
/*input_boxes */
.form-group[b-40hgo2fbm6] {
    margin: 10px !important;
}

.top-steps[b-40hgo2fbm6] {
    text-align: -webkit-center !important;
}
/*input_boxes */


.confirm_vehicle_details[b-40hgo2fbm6] {
    background-color: #337ab7;
    border-color: transparent;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}
/* _content/DriveAwayServicingBlazor/Pages/PersonalBook.razor.rz.scp.css */
.service-steps .current span[b-8vebn7v2b5] {
    border: 2px solid #0769a9;
    color: #0769a9;
}

.service-steps span[b-8vebn7v2b5] {
    background-color: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 16px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    margin-bottom: 4px;
    position: relative;
    width: 32px;
    z-index: 2;
}

.service-steps[b-8vebn7v2b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 0 40px;
}

    .service-steps .current[b-8vebn7v2b5] {
        color: #0769a9 !important;
    }

    .service-steps li[b-8vebn7v2b5] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #c2c2c2 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center!important; */
        position: relative;
        text-align: center;
        width: 33%;
        display: grid;
        justify-items: center;
    }

        .service-steps li[b-8vebn7v2b5]:before {
            background-color: #c2c2c2;
            content: "";
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 16px;
            width: 100%;
            z-index: 1;
        }

.breadcrum_text[b-8vebn7v2b5] {
    font-weight: bolder;
    text-align: center !important;
}

.vehicle_details[b-8vebn7v2b5] {
    color: #0769a9 !important;
    font-weight: 600;
    padding: 20px;
    font-size: 1.7rem;
}

.step1[b-8vebn7v2b5] {
    width: 75%;
    margin: auto;
}

.form_newquote[b-8vebn7v2b5] {
    width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    height: fit-content !important;
}
/*input_boxes */
.form-group[b-8vebn7v2b5] {
    margin: 10px !important;
}

.top-steps[b-8vebn7v2b5] {
    text-align: -webkit-center !important;
}
/*input_boxes */


.confirm_vehicle_details[b-8vebn7v2b5] {
    background-color: #337ab7;
    border-color: transparent;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}
/* _content/DriveAwayServicingBlazor/Pages/VehicleBook1.razor.rz.scp.css */
.service-steps .current span[b-r2h24jwf4z] {
    border: 2px solid #0769a9;
    color: #0769a9;
}

.service-steps span[b-r2h24jwf4z] {
    background-color: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 16px;
    color: #c2c2c2;
    display: block;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    margin-bottom: 4px;
    position: relative;
    width: 32px;
    z-index: 2;
}

.service-steps[b-r2h24jwf4z] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    max-width: 550px;
    padding: 30px 0 40px;
}

    .service-steps .current[b-r2h24jwf4z] {
        color: #0769a9 !important;
    }

    .service-steps li[b-r2h24jwf4z] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #c2c2c2 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center!important; */
        position: relative;
        text-align: center;
        width: 33%;
        display: grid;
        justify-items: center;
    }

        .service-steps li[b-r2h24jwf4z]:before {
            background-color: #c2c2c2;
            content: "";
            height: 2px;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 16px;
            width: 100%;
            z-index: 1;
        }

.breadcrum_text[b-r2h24jwf4z] {
    font-weight: bolder;
    text-align: center !important;
}

.vehicle_details[b-r2h24jwf4z] {
    color: #0769a9 !important;
    font-weight: 600;
    padding: 20px;
    font-size: 1.7rem;
}

.step1[b-r2h24jwf4z] {
    width: 75%;
    margin: auto;
}

.form_newquote[b-r2h24jwf4z] {
    width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    height: fit-content !important;
}
/*input_boxes */
.form-group[b-r2h24jwf4z] {
    margin: 10px !important;
}

.top-steps[b-r2h24jwf4z] {
    text-align: -webkit-center !important;
}
/*input_boxes */


.confirm_vehicle_details[b-r2h24jwf4z] {
    background-color: #337ab7;
    border-color: transparent;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
}

/* _content/DriveAwayServicingBlazor/Shared/Footer.razor.rz.scp.css */
footer[b-5dyaswleqr] {
    background-color: #0769a9 !important;
}

.footer[b-5dyaswleqr] {
    display: flex;
    justify-content: space-between;
}
    /*.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc( * var(--bs-gutter-x));
    margin-left: calc( * var(--bs-gutter-x));
}*/
    .footer-bottom[b-5dyaswleqr] {
        background-color: #000;
        padding: 10px 5px;
        margin-bottom: 0;
    }

.left_footer_content[b-5dyaswleqr]{
    display: flex;
    gap: 20px;
}

.policy_links > a[b-5dyaswleqr]{
    color: #fff;
    text-decoration: none;
}

.policy_links[b-5dyaswleqr]{
    font-weight: 600;
}

    .policy_links > a:hover[b-5dyaswleqr]{
        text-decoration: underline !important;
    }
/* _content/DriveAwayServicingBlazor/Shared/Header.razor.rz.scp.css */
nav[b-19btdragbi] {
    border-bottom: 1px solid #0769a9;
    display: flex;
    justify-content:space-between;
    align-items:center;
    padding: 15px 24px;
}

.click_here_mot[b-19btdragbi] {
    border: 2px solid #0769a9 !important;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
    margin: 0;
}

.book_appointment b[b-19btdragbi] {
        color: #0769a9;
        font-size: 1.2rem;
 }



@media screen and (max-width: 767px) and (min-width: 381px) {
    nav[b-19btdragbi]{
        flex-direction: column;
        gap: 24px;
    }
}


@media screen and (max-width: 380px){
    .book_appointment b[b-19btdragbi] {
        font-size: 0.9rem;
    }

    nav[b-19btdragbi]{
        flex-direction: column;
        gap: 24px;
    }
}
/* _content/DriveAwayServicingBlazor/Shared/MainLayout.razor.rz.scp.css */
.page[b-muamf14d12] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}
[b-muamf14d12] .page-layout,
[b-muamf14d12] .page-layout > .dxbl-gridlayout-root,
[b-muamf14d12] .layout-item {
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

[b-muamf14d12] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-muamf14d12] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-muamf14d12] .fit-width {
    max-width: 100%;
}

[b-muamf14d12] .mw-1100 {
    max-width: 1100px;
}
/* _content/DriveAwayServicingBlazor/Shared/NavMenu.razor.rz.scp.css */
.sidebar[b-w4xjwelfnj] {
    min-width: 300px;
    max-width: 300px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

.sidebar.collapse[b-w4xjwelfnj] {
    display: none;
}

.sidebar.expand[b-w4xjwelfnj] {
    display: block;
}

@media (max-width: 1199.98px) {
    .sidebar[b-w4xjwelfnj] {
        display: none;
    }

    .sidebar.expand[b-w4xjwelfnj] {
        position: fixed;
        top: 3.5rem;
        left: 0;
        height: auto;
        min-width: 100%;
        z-index: 1050;
    }
}

[b-w4xjwelfnj] .app-sidebar {
    --dxbl-treeview-spacing-x: 0.5rem;
    --dxbl-treeview-spacing-y: 1rem;
}

[b-w4xjwelfnj] .app-sidebar > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-treeview-items-container > .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container {
    --dxbl-treeview-font-weight: 600;
}          

[b-w4xjwelfnj] .app-sidebar > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-treeview-items-container > .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-btn.dxbl-invisible {
    display: none;
}

@media (max-width: 1199.98px) {
    [b-w4xjwelfnj] .app-sidebar {
        padding-bottom: 0;
    }
}