@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body{
    font-family: "Rubik", sans-serif;
    /*background-color: #f2f4f8;*/
    background-color: #fff;
    color:#003366;
}
.theme-color{color:#0e4975;}
/* Start : Header */
.header{padding: 20px 0;position: sticky;top:0;z-index: 9;background-color: #fff;}
.header .nav-brand{text-align: center;}
.header .nav-brand a{text-align: center;display: inline-block;margin: 0 auto;}
/*.header .nav-brand a img{max-width: 340px;display: inline-block;margin: 0 auto;max-height: 140px;}*/
.header .nav-brand a img{display: inline-block;margin: 0 auto;}
/* End : Header */

.page-footer{text-align: center;padding: 40px 0 20px 0;}
.page-footer p{margin: 0 0 5px 0;font-size: 14px;line-height: 1;font-weight: 500;}
.page-footer img{display: block;max-width: 200px;margin: 0 auto;}

/* Start : Valuation Form  */
.title-lg{font-size: 32px;line-height: 1.4;text-align: center;}
.title-lg b{color:#0e4975;}
.valuation-wrap{padding: 50px 0;}

.valuation-card{padding: 40px 0;max-width: 800px;margin: 0 auto;}
.valuation-card .vcard-title{font-size: 22px;margin: 0 0 15px 0;}

.swiper-sales-report.swiper .swiper-slide{padding: 5px 10px;}
.valuation-swiper.swiper .valuation-slide{padding: 5px 10px;}

.valuation-card-foot{margin: 25px 0 0 0;padding: 0;list-style: none;text-align: center;display: flex;align-items: center;justify-content: center;}
.valuation-card-foot li{position: relative;padding-right: 25px;font-size: 14px;font-weight: 500;letter-spacing: 0.4px;}
.valuation-card-foot li:last-child{padding-right: 0px;}
.valuation-card-foot li:not(:last-child):after{content: "\e979";font-family: 'fleet-ui-icon';position: absolute;right: 4px;font-size: 16px;font-weight: bold;color: #ff3333;top: -2px; }

.valuation-foot-note{text-align: center;padding-top: 50px;}
.valuation-foot-note p{font-size: 20px;}
.valuation-foot-note .btn{display: inline-block;}

.wb_button_section,
.button-section{text-align: center;display: flex;align-items: center;justify-content: center;gap: 16px;margin: 20px 0 0 0;}
.swiper .button-section .btn{min-width: 200px;justify-content: center;}


.select2-container--default .select2-selection--single{height: 38px;border-color:#ced4da;border-radius: 8px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 38px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #0e4975;}
.select2-container--default .select2-search--dropdown .select2-search__field{outline: none;}

.select2.select2-container{width: 100%;}
/* End : Valuation Form  */


/* Start : Iframe Valuation Form  */
.wizard_box *{vertical-align: top;}
.wizard_box .wb_mtitle{font-weight: 500;max-width: 100%;margin-bottom: 5px;margin-top: 0;font-size: 14px;}
.wizard_box .wb_mtitle_lg{font-weight: 500;max-width: 100%;margin-bottom: 10px;margin-top: 0;font-size: 17px;}
/*.wizard_box .slide_section{flex:0 0 100%;max-width: 100%;padding: 0 15px;margin-bottom: 10px;}*/
.wizard_box.swiper.swiper-manual{max-width: 750px;margin: 0 auto;}
.wizard_box.swiper.swiper-manual .swiper-slide{padding: 0 15px;}

.wb_items .wb_button_row{}
.wb_items .wb_button_row ul {margin: 0 -8px;padding: 0;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}
.wb_items .wb_button_row li {list-style: none;padding-right: 4px;padding-left: 4px;width: 100%;position: relative}
.wb_items .wb_button_row li label {min-height: 38px;border-radius: 8px;border: 1px solid #dde5eb;background-color: #fff;line-height: normal;text-align: center;margin-top: 0px;padding: 0 12px;font-size: 12px;font-weight: 500;letter-spacing: 0.5px;color: #373f51;cursor: pointer;display: flex;margin-bottom: 8px;user-select: none;transition: background .14s ease-in-out;text-transform: capitalize;position: relative;z-index: 1;align-items: center;justify-content: center;}
.wb_items .wb_button_row li label:hover {border-color: #304594}
.wb_items .wb_button_row li input {position: absolute;top: 0;left: 0;margin: 0;height: 0;width: 0;opacity: 0}
.wb_items .wb_button_row li input:checked+label {border-color: #304594;color:#304594;}
.wb_items .wb_button_row li label img {max-height: 14px;display: inline-block;margin-right: 10px}
.wb_items .wb_button_row ul.text-left li label {text-align: left}
.wb_items .wb_button_row ul.btn_col_2 li {width: calc(100%/2)}
.wb_items .wb_button_row ul.btn_col_3 li {width: calc(100%/3)}
.wb_items .wb_button_row ul.btn_col_4 li {width: calc(100%/4)}
.wb_items .wb_button_row ul.btn_col_5 li {width: calc(100%/5)}
.wb_items .wb_button_row ul.btn_col_6 li {width: calc(100%/6)}
.wb_items .wb_button_row ul.btn_col_sm {margin: 0 -5px}
.wb_items .wb_button_row ul.btn_col_sm li {padding-right: 5px;padding-left: 5px}
.wb_items .wb_button_row ul.btn_col_sm li label {margin-top: 12px;padding: 0 8px;font-size: 15px;min-height: 40px;line-height: 40px}
.wb_items .wb_button_row ul.body_type li label>span {display: flex;align-items: center;justify-content: center;flex: 1;}

#privacy_text {background-color: #fff;font-size: 11px;overflow: auto;position: relative;height: 280px;padding: 10px 10px 10px 0;margin-bottom: 10px;border: dashed 1px #b5b4b4;width: 100%;}

.slide_section{margin-bottom: 10px;}

/* Start : Error */
.error.error_preview:empty {display: none !important}
.error.error_preview {position: absolute;background: #ea4031;font-weight: 400;z-index: 2;left: inherit;right: 0;bottom: 48px;min-width: 50px;padding: 2px 8px;color: #fff !important;text-align: center;text-decoration: none;border: 1px solid #ea4031;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;word-wrap: break-word;font-size: 12px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: auto !important;box-shadow: 0 1px 2px rgba(0, 0, 0, .4);max-width: 240px}
.error.error_preview:after {border-bottom: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #ea4031;content: "";left: 30px;z-index: 1;position: absolute;bottom: -6px}
.form-forgot-space .error{bottom: inherit;top:6px;}

.wizard_box .form-check{position: relative}
.wizard_box .form-check-label{cursor: pointer;}
.wizard_box .form-check .error {top: -32px;bottom: inherit;left: 0;right: auto;}
.wizard_box .form-check.radio-inline .error{white-space: nowrap;left: 0;right: auto;}
.wizard_box .form-check.radio-inline .form-check-label{font-size: 14px;}
.qa-text-line{margin-top: 20px;}
.qa-text-line .wb_mtitle_lg{font-size: 16px;margin-bottom: 5px;}
.qa-text-line p{font-size: 14px;font-weight: 500;margin: 0 0 10px 0;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #304594;
    transition: background-color 5000s ease-in-out 0s;
}

.select-valid .select2-selection__rendered{color: #304594 !important;}

.select-valid>option:not(:checked){color:#003366;}
.select-valid{ border-color: #304594 !important;color: #304594 !important; }
/* End : Iframe Valuation Form  */

/* Start : Form  */
.btn{font-size: 15px;border-radius: 8px;display: flex;align-items: center;gap: 6px;}
.btn-theme{background-color: #0e4975;color:#fff; }
.btn-theme:hover{color:#fff; }
.btn-theme:focus{box-shadow: 0 0 0 .2rem rgb(10 59 96 / 29%);}
.btn-manual{background-color: #fff;color:#0e4975;box-shadow: 0px 0px 0px 2px inset #ff3333; }
.btn-manual:hover{color:#fff;background-color: #ff3333; }
.btn-manual:focus{box-shadow: 0 0 0 .2rem rgb(235 30 37 / 29%);}
.form-wrap .form-group>label:not(.error){font-weight: 500;letter-spacing: 0.3px;color: #373f51;font-size: 14px;margin: 0 0 5px 0;}
.form-wrap .form-group>label:not(.error) em{color:#ff3333;}
.form-wrap .form-group .form-control{border-radius: 8px;}
.form-wrap .form-group .form-control:focus{box-shadow: 0 0 0 .2rem rgb(10 59 96 / 29%);border-color: rgb(10 59 96 / 10%);}
/* End : Form  */


/* Start : thanks page  */
.thankyoupage-wrap{padding: 40px 0;position: relative;}
.thankyoupage-wrap .appointment-confirm{max-width: 80%;margin: 0 auto;}
.thankyoupage-wrap .appointment-confirm .alert{margin-top: 25px;}
.thankyoupage-wrap .appointment-content{text-align: center;margin-top: 40px;}
.thankyoupage-wrap .appointment-content .page_title{font-size: 24px;font-weight: 600;letter-spacing: 0.4px;}
.thankyoupage-wrap .appointment-content p{margin-bottom: 8px;}
.thankyoupage-wrap .appointment-content p strong{font-weight: 500;text-decoration: underline}
/* End : thanks page  */



@media screen and (min-width: 501px) {

}
@media screen and (max-width: 500px) {
    .header{padding-bottom: 10px;}
    .header .nav-brand a img{max-width: 200px;}
    .valuation-wrap{padding: 20px 0 30px;}
    .title-lg{font-size: 27px;}
    .wizard_box .make_section{flex:0 0 100%;max-width: 100%;padding: 0 15px;margin-bottom: 0px;}
    .wizard_box .year_section,
    .wizard_box .models_section,
    .wizard_box .month_section{margin-bottom: 0;}
    .wizard_box .make_section label{display: block;width: 100%;}
    .wb_items .wb_button_row ul.btn_col_3 li{flex: 1 1 auto; width: auto;}
    .wizard_box .slide_section.detail_section .row{margin: 0 -7.5px;}
    .wizard_box .slide_section.detail_section .row .col-xs-6{padding: 0 7.5px;}
    .valuation-card-foot{flex-direction: column;}
    .valuation-card-foot li{padding-right: 0;padding-bottom: 30px;}
    .valuation-card-foot li:not(:last-child):after{transform: rotate(90deg);top: inherit;bottom: 4px;left: 0;right: 0;}

    .thankyoupage-wrap{padding-top: 20px;}
    .thankyoupage-wrap .appointment-confirm{max-width: 100%;}
    .thankyoupage-wrap .appointment-confirm .alert .alert-heading{font-size: 17px;}
}
@media screen and (max-width: 425px) {
    .valuation-foot-note{padding-top: 30px;}
    .valuation-foot-note p{font-size: 16px;}

}
@media screen and (max-width: 380px) {
    .wizard_box .make_section,
    .wizard_box .slide_section{padding: 0}
}