@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/montserrat/Montserrat-Regular.woff2) format('woff2'), url(../fonts/montserrat/Montserrat-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat-bold';
    src: url(../fonts/montserrat/Montserrat-Bold.woff2) format('woff2'), url(../fonts/montserrat/Montserrat-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@media screen and (max-width:768px) {
	.main-title h2 {
   color: var(--blue);
       background: var(--blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-family: 'Montserrat-bold', sans-serif !important;
	}
    .auction_container {
        background: linear-gradient(90deg, #DFB10C 0%, #202658 100%);
        height: auto;
        width: 100%;
        border-radius: 20px;
        padding: 20px;
        margin: 20px 0
    }
    .box_map a {
        color: var(--light_blue)
    }
    .auction_container h4 {
        font-size: 20px
    }
    .share_whatsapp {
        margin-right: 0px !important
    }
    .mobile_footer {
        background-color: var(--light_blue);
        padding: 20px !important;
        border-top: 1px solid var(--mobile_primary)
    }
    .yellow_color {
        color: var(--mobile_primary) !important
    }
    .mobile_logo {
        text-align: center
    }
    .m_footer_link .title,
    .need_help .title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 26px;
        line-height: 39.97px;
        color: var(--mobile_primary)
    }
    .m_footer_link ul li a {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .m_openin_hr {
        border: 1px solid #DADADA;
        border-radius: 8px;
        background-color: var(--white);
        padding: 15px 0
    }
    .m_openin_hr p {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: 0%
    }
    .need_help {
        border: 1px solid #DADADA;
        border-radius: 8px;
        background-color: #fff0;
        padding: 15px 0;
        text-align: center
    }
    .footer_phone {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: 0%
    }
    .m_copy {
        background-color: var(--white);
        text-align: center;
        padding: 15px 0
    }
    .m_copy p {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0%;
        text-align: center;
        color: var(--light_blue);
        margin: 0
    }
    .m_background {
        background-color: var(--light_blue);
        padding: 40px 20px
    }
    .m_faq h3 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0%;
        color: #fff
    }
    .m_faq h1 {
        font-family: 'Montserrat-bold', sans-serif;
        font-weight: 700;
        font-size: 105.27px;
        line-height: 98.93px;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .faq_container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px
    }
    .faq_text1 {
        flex: 1
    }
    .faq_img img {
        max-width: 100%;
        height: auto;
        display: block
    }
    .m_faq .card {
        background-color: #fff0;
        border-bottom: 1px solid var(--mobile_primary);
        margin-bottom: 10px
    }
    .m_faq .card-header {
        border: none
    }
    .card-header h5 a {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: var(--mobile_primary)
    }
    .m_faq .card-body {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .faq_buy {
        background: linear-gradient(90deg, #C6972F 0%, #F8DD7B 39.06%, #F8DD7B 66.61%, #C6972F 100%);
        padding: 30px 20px
    }
    .faq_buy h4 {
        font-family: 'Montserrat-bold', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 50px;
        letter-spacing: 0%
    }
    .faq_buy h5 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 39.97px;
        letter-spacing: 0%
    }
    .faq_buy p {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 16.44px;
        line-height: 26.77px;
        letter-spacing: 0%;
        text-align: justify
    }
    .call_now_btn {
        margin-top: 30px
    }
    .call_now_btn a {
        color: var(--white);
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        background-color: var(--light_blue);
        text-align: center;
        padding: 12px 25px;
        border-radius: 7px;
        font-weight: 600
    }
    .call_now_btn1 {
        margin-top: 30px
    }
    .call_now_btn1 a {
        color: var(--white);
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        background-color: var(--mobile_primary);
        text-align: center;
        padding: 12px 25px;
        border-radius: 7px;
        font-weight: 600
    }
    .buy_img {
        margin-top: 20px;
        text-align: right
    }
    .buy_img img {
        position: relative;
        right: -20px
    }
    .m_why_chose_us {
        background-color: var(--light_blue);
        padding: 50px 20px
    }
    .m_why_chose_us h3 {
        font-family: 'Montserrat-bold', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 50px;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .m_why_chose_us h4 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 20.44px;
        line-height: 26.77px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .m_why_chose_us_service {
        border: 1px solid #DADADA;
        border-radius: 5px;
        background-color: var(--white);
        padding: 12px 7px;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: var(--light_blue)
    }
    .m_why_chose_us_service_img {
        display: flex;
        align-items: center;
        gap: 15px
    }
    .m_why_chose_us_service_img img {
        max-width: 80px;
        height: auto
    }
    .m_why_chose_us_service b {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 600
    }
    .about_top {
        width: 323px;
        height: 120px;
        font-family: 'Montserrat', sans-serif;
        position: absolute
    }
    .banner_img {
        width: 100%;
        width: 768px;
        height: 830px;
        position: relative;
        object-fit: cover;
        object-position: 61% center
    }
    .about_top {
        position: absolute;
        top: 53px;
        left: 30px;
        color: var(--white);
        max-width: 80%
    }
    .about_section {
        position: relative
    }
    .about_heading {
        font-family: 'Montserrat', sans-serif;
        color: var(--mobile_primary);
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%
    }
    .about_head {
        font-family: 'Montserrat', sans-serif;
        color: var(--white);
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%
    }
    .about_text {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0;
        color: var(--white);
        text-align: justify
    }
    .about_button_text {
        background-color: var(--light_blue);
        color: var(--white);
        text-decoration: none;
        display: inline-block;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 26.53px;
        letter-spacing: 0;
        text-align: center;
        border-radius: 8px
    }
    .commitment_section {
        width: 768px;
        background: var(--mobile_primary)
    }
    .commitment_heading {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .commitment_img {
        width: 412px;
        height: 267px;
        object-fit: cover;
        object-position: right;
        border-radius: 50%;
        overflow: hidden
    }
    .commitment_circle {
        width: 38px;
        height: 38px;
        background: linear-gradient(208.74deg, #155598 16.03%, #202658 91.15%);
        box-shadow: -10px 10px 4px 0 #00000040;
        margin-left: -110px
    }
    .commitment_text {
        width: 374px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0;
        color: var(--light_blue);
        text-align: justify
    }
    .buttom_heading {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .img_buttom {
        position: absolute;
        left: 8.25%;
        right: 76.39%;
        top: 67.45%;
        bottom: 31.49%;
        background: var(--mobile_primary)
    }
    .buttom {
        width: 412px
    }
    .font_img {
        color: var(--mobile_primary);
        font-weight: 700
    }
    .bottom_text {
        width: 100%;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0%;
        text-align: justify;
        margin-right: 30px
    }
    .bottom_span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0%
    }
    .process_section {
        width: 742px;
        height: 2550px;
        background-color: var(--light_blue)
    }
    .process_heading {
        width: 317px
    }
    .process_heading_5 {
        width: 375px
    }
    .pro_head {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .pro_head_span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .head_count {
        height: 77px;
        border-width: 1.91px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 76.31px;
        letter-spacing: 0%
    }
    .pro_text {
        width: 250px;
        height: 44px;
        color: var(--white)
    }
    .pro_car {
        width: 183.2333984375px;
        height: 101.26322174072266px
    }
    .pro_car_2 {
        margin-top: -12px;
        margin-left: -17px
    }
    .inspect_img {
        width: 412px;
        height: 223px
    }
    .contact_section {
        width: 100%;
        background-color: var(--light_blue);
        padding-bottom: 20px
    }
    .contact_heading {
        width: 412px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 39.97px;
        letter-spacing: 0%
    }
    .head_color {
        color: var(--white)
    }
    .head_color_1 {
        color: var(--mobile_primary)
    }
    .contact_box {
        width: 330px;
        border-radius: 12px;
        background: #FFF
    }
    .box_title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700px;
        font-size: 24px;
        line-height: 25px;
        letter-spacing: 0%
    }
    .box_span {
        color: var(--mobile_primary)
    }
    .box_map {
        width: 292px
    }
    .box_map_img {
        width: 21px;
        height: 21px;
        border-radius: 4px;
        background: var(--mobile_primary)
    }
    .box_map_color {
        color: var(--light_blue);
        width: 10px;
        height: 15px
    }
    .box_address {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 12.44px;
        line-height: 21.77px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .map_text {
        width: 310px;
        height: 22px;
        color: var(--light_blue);
        font-family: 'Montserrat-bold', sans-serif
    }
    .map_img {
        width: 331px;
        height: 222.5095520019531px;
        border-radius: 16px
    }
    .box_detail {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 12.44px;
        letter-spacing: 0%
    }
    .box_name {
        color: var(--light_blue)
    }
    .login_section {
        width: 414px;
        opacity: .8;
        background: var(--light_blue);
        background-image: url(../images/login-banner.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 414px;
        height: 850px;
        background-color: rgb(32 38 88 / .8);
        z-index: 1
    }
    .login_content {
        position: relative;
        z-index: 2
    }
    .register_section {
        width: 414px;
        opacity: .8;
        background: var(--light_blue);
        background-image: url(../images/login-banner.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
    .register_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 414px;
        height: 1110px;
        background-color: rgb(32 38 88 / .8);
        z-index: 1
    }
    .register_content {
        position: relative;
        z-index: 2
    }
    .forget_section {
        width: 414px;
        opacity: .8;
        background: var(--light_blue);
        background-image: url(../images/login-banner.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
    .forget_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 414px;
        height: 570px;
        background-color: rgb(32 38 88 / .8);
        z-index: 1
    }
    .forget_content {
        position: relative;
        z-index: 2
    }
    .login_heading {
        width: 317px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700px;
        letter-spacing: 0%
    }
    .height_wel {
        line-height: 10.97px
    }
    .height_nzr {
        line-height: 20.97px
    }
    .log_head_clr {
        color: var(--mobile_primary)
    }
    .head_clr_nzr {
        color: var(--white)
    }
    .log_text {
        width: 292px;
        height: 64px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        line-height: 21.77px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .forget_text {
        width: 292px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        line-height: 21.77px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .form-control {
        width: 328px;
        height: 50px;
        color: var(--black);
        border-radius: 10px
    }
    .form-select {
        border-radius: 10px;
        width: 328px
    }
    .form-check-label {
        width: 127px;
        height: 20px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--white)
    }
    .form-check-input {
        width: 13px;
        height: 13px;
        border-width: 1px;
        border-radius: 2px;
        color: var(--white);
        border: 1px solid var(--mobile_primary)
    }
    .form_button {
        width: 328px;
        height: 50px;
        border-radius: 10px;
        background: var(--mobile_primary)
    }
    .form_btn_text {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0%;
        width: 48px;
        height: 20px;
        color: var(--light_blue)
    }
    .forget_pass {
        width: 144px;
        height: 20px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .forget_pass:hover,
    .forget_pass:focus,
    .forget_pass:active {
        color: var(--mobile_primary)
    }
    .reset_pass {
        width: 127px;
        height: 20px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--white)
    }
    .reset_pass:hover,
    .reset_pass:focus,
    .reset_pass:active {
        color: var(--white)
    }
    .log_text:hover,
    .log_text:focus,
    .log_text:active {
        color: var(--white)
    }
    .review_section {
        width: 100%;
        padding: 0 30px 20px 30px;
        background: var(--light_blue)
    }
    .review_heading {
        width: 100%;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%
    }
    .review_head_clr {
        color: var(--white)
    }
    .review_head_clr_rat {
        color: var(--mobile_primary)
    }
    .review_box {
        background: rgb(255 255 255 / .7);
        backdrop-filter: blur(4px);
        border-radius: 10px;
        width: 100%;
        margin: 0 auto
    }
    .review_box::after {
        content: "";
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translateX(-60%);
        border-width: 20px;
        border-style: solid;
        border-color: #FFFFFFB2 #fff0 #fff0 #fff0
    }
    .review_img {
        width: 100px;
        height: 100px;
        object-fit: cover
    }
    .review_name {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0%;
        text-align: center;
        color: var(--light_blue)
    }
    .checked {
        width: 15px;
        color: var(--mobile_primary);
        border-radius: 1px;
        font-size: 20px !important
    }
    .stars {
        margin-top: -15px
    }
    .review_text {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 12.44px;
        line-height: 21.77px;
        letter-spacing: 0%;
        text-align: center;
        color: var(--light_blue);
        padding: 20px 15px;
        margin-bottom: 20px
    }
    .mobile_slider.owl-theme .owl-dots .owl-dot.active span {
        background: var(--mobile_primary)
    }
    .top_mobile_text {
        position: absolute;
        top: 1%;
        left: 7%;
        z-index: 10
    }
    .top_mobile_text h3 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: .5;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .top_mobile_text h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42px;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .top_mobile_text h1 span {
        color: var(--mobile_primary) !important
    }
    .button_row {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 20px
    }
    .contact_us_btn a {
        display: inline-block;
        padding: 5px 15px;
        background-color: var(--light_blue);
        color: #fff;
        text-decoration: none;
        border-radius: 4px;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Montserrat', sans-serif
    }
    .search_mobile_btn {
        position: absolute;
        right: 60px;
        top: 18px
    }
    .search_mobile_btn button {
        padding: 5px 15px;
        background-color: var(--black);
        color: var(--white);
        border: none;
        border-radius: 4px;
        cursor: pointer
    }
    .mobile_slider .owl-controls {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 10px;
        z-index: 10
    }
    .no-padding-mobile {
        padding: 0
    }
    .mobile_background {
        background: linear-gradient(90deg, #C6972F 0%, #F8DD7B 39.06%, #F8DD7B 66.61%, #C6972F 100%);
        padding: 15px 15px !important
    }
    .listing_filter_row h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42px;
        line-height: 1;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .car-listing .details .price,
    .car-listing .details .title {
        color: var(--light_blue);
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 14px;
        line-height: 1
    }
    .flaticon-gas-station,
    .details .list-inline-item i,
    .flaticon-road-perspective,
    .flaticon-gear {
        color: var(--mobile_primary)
    }
    .opening_hour_widgets .flaticon-gas-station,
    .opening_hour_widgets .list-inline-item i,
    .opening_hour_widgets .flaticon-road-perspective,
    .me-auto .flaticon-gear {
        color: var(--light_blue)
    }
    .opening_hour_widgets {
        margin-bottom: 20px
    }
    .active_list i {
        color: var(--mobile_primary)
    }
    .m_detail_btn {
        margin-top: 0
    }
    .m_detail_btn p {
        display: inline-block;
        padding: 8px 20px;
        background-color: var(--light_blue);
        color: #fff;
        text-decoration: none;
        border-radius: 20px;
        text-transform: capitalize;
        font-size: 13px;
        font-family: 'Montserrat', sans-serif;
        margin-top: 10px
    }
    .looking_container {
        background-color: var(--light_blue);
        padding: 35px 25px
    }
    .looking_container h3 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42px;
        line-height: 1;
        letter-spacing: 0%;
        color: var(--white)
    }
    .looking_container h3 span {
        background: linear-gradient(90deg, #C6972F 0%, #F8DD7B);
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0
    }
    .looking_container p {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0%;
        color: var(--white);
        line-height: 26px
    }
    .looking_img {
        margin-top: 50px;
        margin-bottom: 50px
    }
    .review_buttom_section {
        width: 414px;
        height: 955px;
        background-color: var(--mobile_primary);
        padding: 50px 30px
    }
    .review_buttom_section h3 {
        font-family: 'Montserrat-bold', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 50px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .review_buttom_section h4 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 20.44px;
        line-height: 26.77px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .call_now_btn1_review {
        margin-top: 30px
    }
    .call_now_btn1_review a {
        color: var(--white);
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        background-color: var(--light_blue);
        text-align: center;
        padding: 12px 25px;
        border-radius: 7px;
        font-weight: 600
    }
    .car_log_section h1 {
        width: 332px;
        height: 120px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .car_log_section span {
        color: var(--mobile_primary)
    }
    .log_box {
        border-radius: 8px;
        border-width: 1px;
        border: 1px solid #6F777F
    }
    .log_img {
        max-width: 100%
    }
    .find_perfect_section h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .title_span_pre {
        width: 251px;
        height: 160px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .text_preft {
        width: 317px;
        height: 44px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 12.44px;
        line-height: 21.77px;
        letter-spacing: 0%
    }
    .perfect_box {
        width: 96%;
        height: 85px;
        border-radius: 8px;
        border-width: 1px;
        background: #202658;
        border: 1px solid #DADADA;
        box-shadow: 0 4px 4px 0 #00000040
    }
    .perfect_box_img {
        width: 70px;
        height: 70px
    }
    .box_title_pref {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 12.44px;
        line-height: 16px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .title_span_box {
        width: 188px;
        height: 32px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 12.44px;
        line-height: 16px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .perfect_box_1 {
        width: 96%;
        height: 85px;
        border-radius: 8px;
        border-width: 1px;
        background: var(--mobile_primary);
        border: 1px solid #DADADA;
        box-shadow: 0 4px 4px 0 #00000040
    }
    .box_title_pref_1 {
        width: 188px;
        height: 32px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 12.44px;
        line-height: 16px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .title_span_box_1 {
        width: 188px;
        height: 32px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 12.44px;
        line-height: 16px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .home_contact_Section {
        width: 858px;
        height: 572px;
        opacity: .8;
        background: var(--light_blue);
        background-image: url(../images/home/contact_img.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
    .overlay_home {
        position: absolute;
        top: 0;
        left: 0;
        width: 414px;
        height: 572px;
        background-color: rgb(32 38 88 / .8);
        z-index: -1
    }
    .home_contact_Section {
        position: relative;
        z-index: 2
    }
    .contact_home_title {
        height: 170px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .contact_home_span {
        color: var(--white)
    }
    .home_call {
        width: 356px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 32.47px;
        line-height: 36px;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .home_call_info {
        width: 356px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 32.47px;
        line-height: 36px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .home_review_title {
        width: 281px;
        height: 120px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .home_review_say {
        width: 281px;
        height: 120px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--mobile_primary)
    }
    .hy_img {
        max-width: 100%;
        height: 35px
    }
    .mobile_detail_page {
        background: linear-gradient(90deg, #C6972F 0%, #F8DD7B 39.06%, #F8DD7B 66.61%, #C6972F 100%);
        padding: 20px;
        border-top: var(--blue);
    }
    .breadcrumb_content.style2 li:first-child a,
    .breadcrumb-item a {
        color: var(--blue)
    }
    .breadcrumb-item.active {
        color: var(--black)
    }
    .car_single_content_wrapper .title,
    .main-title h2 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0%;
        color: var(--blue)
    }
    .car-listing .flaticon-road-perspective,
    .car-listing .flaticon-gas-station,
    .car-listing .flaticon-gear {
        color: var(--mobile_primary)
    }
    .similar_cars .flaticon-gas-station,
    .similar_cars .list-inline-item i,
    .similar_cars .flaticon-road-perspective,
    .similar_cars .flaticon-gear {
        color: var(--mobile_primary) !important
    }
    .standard-features ul li span {
        border-radius: 8px
    }
    .user_profile_service .title {
        font-family: 'Montserrat-bold', sans-serif;
        font-weight: 700;
        font-size: 22px;
        line-height: 1;
        letter-spacing: 0%;
        color: var(--light_blue);
        text-transform: uppercase
    }
    .review_buttom_section {
        width: 414px;
        height: 955px;
        background-color: var(--mobile_primary);
        padding: 50px 30px
    }
    .review_buttom_section h3 {
        font-family: 'Montserrat-bold', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 50px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .review_buttom_section h4 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 20.44px;
        line-height: 26.77px;
        letter-spacing: 0%;
        color: var(--white)
    }
    .call_now_btn1_review {
        margin-top: 30px
    }
    .call_now_btn1_review a {
        color: var(--white);
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        background-color: var(--light_blue);
        text-align: center;
        padding: 12px 25px;
        border-radius: 7px;
        font-weight: 600
    }
    .car_log_section h1 {
        width: 332px;
        height: 120px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 42.53px;
        line-height: 39.97px;
        letter-spacing: 0%;
        color: var(--light_blue)
    }
    .car_log_section span {
        background: linear-gradient(90deg, #C6972F 0%, #F8DD7B);
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0
    }
    .log_box {
        border-radius: 8px;
        border-width: 1px;
        border: 1px solid #6F777F;
        padding: 30px
    }
    .listing_footer ul li.list-inline-item {
        margin-right: 17px
    }
    .btn-close1 {
        right: -5px
    }
    .standard-features {
        padding: 50px 24px
    }
    .type_con
    {
        height: 150px;
    }
}

.log_slider_home {
    height: auto !important
}

.find_perfect_section h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42.53px;
    line-height: 39.97px;
    letter-spacing: 0%;
    color: var(--light_blue)
}

.title_span_pre {
    width: 251px;
    height: 160px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42.53px;
    line-height: 39.97px;
    letter-spacing: 0%;
    color: var(--mobile_primary)
}

.text_preft {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 12.44px;
    line-height: 21.77px;
    letter-spacing: 0%
}

.perfect_box {
    border-radius: 8px;
    border-width: 1px;
    background: #202658;
    border: 1px solid #DADADA;
    box-shadow: 0 4px 4px 0 #00000040
}

.perfect_box_img {
    width: 70px;
    height: 70px
}

.box_title_pref {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12.44px;
    line-height: 16px;
    letter-spacing: 0%;
    color: var(--white)
}

.title_span_box {
    width: 188px;
    height: 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12.44px;
    line-height: 16px;
    letter-spacing: 0%;
    color: var(--white)
}

.perfect_box_1 {
    border-radius: 8px;
    border-width: 1px;
    background: linear-gradient(90deg, #C6972F 0%, #F8DD7B 39.06%, #F8DD7B 66.61%, #C6972F 100%);
    border: 1px solid #DADADA;
    box-shadow: 0 4px 4px 0 #00000040
}

.box_title_pref_1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12.44px;
    line-height: 16px;
    letter-spacing: 0%;
    color: var(--light_blue)
}

.title_span_box_1 {
    width: 188px;
    height: 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12.44px;
    line-height: 16px;
    letter-spacing: 0%;
    color: var(--light_blue)
}

.home_contact_Section {
    height: 572px;
    opacity: .8;
    background: var(--light_blue);
    background-image: url(../images/home/contact_img.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.overlay_home {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 572px;
    background-color: rgb(32 38 88 / .8);
    z-index: -1
}

.home_contact_Section {
    position: relative;
    z-index: 2
}

.contact_home_title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42.53px;
    line-height: 50px;
    letter-spacing: 0%;
    background: linear-gradient(90deg, #C6972F 0%, #F8DD7B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.contact_home_span {
    color: var(--white)
}

.home_call {
    width: 356px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 32.47px;
    line-height: 36px;
    letter-spacing: 0%;
    background: linear-gradient(90deg, #C6972F 0%, #F8DD7B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.home_call_info {
    width: 356px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 32.47px;
    line-height: 36px;
    letter-spacing: 0%;
    color: var(--white)
}

.home_call_info:hover,
.home_call_info:focus {
    color: var(--white)
}

.home_review_title {
    width: 281px;
    height: 120px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 39.97px;
    letter-spacing: 0%;
    color: var(--light_blue)
}

.home_review_say {
    width: 281px;
    height: 120px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 39.97px;
    letter-spacing: 0%;
    color: var(--mobile_primary)
}

.active_list {
    background: linear-gradient(90deg, #C6972F 0%, #F8DD7B 39.06%, #F8DD7B 66.61%, #C6972F 100%) !important
}

.sidebar_seller_contact {
    margin-top: 10px
}

.bootstrap-select>.dropdown-toggle {
    background-color: var(--white);
    border: 1px solid #eaeaea;
    border-radius: 10px;
    color: var(--black);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    line-height: 35px;
    letter-spacing: 0em;
    line-height: 26px;
    text-align: left
}

.advnc_search_form_btn {
    height: 40px
}

.btn3,
.btn2 {
    display: inline-block;
    font-weight: 400;
    color: var(--white) !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #fff0;
    border: 1px solid #fff0;
    padding: 5px 10px !important;
    font-size: 14px;
    border-radius: .25rem;
    background-color: var(--black);
    height: 34px;
    border-radius: 5px;
    color: #1A3760;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.bodytypes_container_wrapper {
    background-color: var(--light_blue);
    padding: 30px 15px
}

.bodytypes_container_wrapper h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42.53px;
    line-height: 39.97px;
    letter-spacing: 0%;
    color: var(--white)
}

.bodytypes_container_wrapper ul li {
    width: 30%;
    display: inline-flex;
    margin: 5px 5px
}

.bodytypes_container_wrapper ul li img {
    border-radius: 10px
}

}