@charset "utf-8";html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;}
html{font-size: 10px;}
body{margin:0;padding:0;font-family: var(--globalFont), sans-serif;font-size:16px; color: #101010; overflow-x: hidden; background: var(--WhiteColor) ;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;font-family: 'Poppins', sans-serif;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box; font-family:var(--globalFont), sans-serif;}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
a{text-decoration: none!important;color: var(--SecondaryColor);display: inline-block;font-family: var(--globalFont), sans-serif;}
a:hover{color: #321839;}
label{font-weight: normal!important;}
b, strong{font-family: var(--globalFont), sans-serif;font-weight: 700;}
u{text-decoration:underline;}
i, em{font-style:italic;}
img{max-width:100%;}
input[type="button"], 
input[type="submit"], 
input[type="reset"],
input[type="text"],
select,
textarea{appearance:none;-webkit-appearance:none;-moz-:none;}
select::-ms-expand{display:none;}
input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer;}
p{color: var(--paragraph); font-family: var(--globalFont), sans-serif;}
a{transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;}
html{scroll-behavior: smooth;}
body,html{overflow-x: hidden;}



.carsell_img .carousel button span {background: #000; height: 36px; line-height: 36px; }
.carsell_img .carousel button.carousel-control-prev span {background: #000; height: 58px; line-height: 57px; border-radius: 0px 4px 4px 0px;}
.carsell_img .carousel button.carousel-control-next span {background: #000; height: 58px; line-height: 57px; border-radius: 4px 0px 0px 4px;}
.carousel-control-prev, .carousel-control-next{width: auto;}


@media (min-width: 1200px){
    .container {max-width: 1270px;  }
}




.text-right{text-align: right;}
.onclick{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}


.btn{background: var(--SecondaryColor);color: var(--textWhite); font-size: var(--font16); padding: 10px 15px; border-radius: 0px;line-height: 1; border:1px solid var(--SecondaryColor);outline:none !important; box-shadow: none !important; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; font-weight: 400; text-transform: uppercase; min-width: 160px;}
.btn:hover{background: var(--PrimaryColor); border-color: var(--PrimaryColor); color: var(--textWhite);}

.btn-primary.focus, .btn-primary:focus{background: var(--SecondaryColor);color: var(--PrimaryColor);border-color:var(--SecondaryColor);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow: none;background: var(--SecondaryColor);color: var(--PrimaryColor);border-color:var(--SecondaryColor);}

.btn-primary{min-width: 50px; background-color: transparent; color: #00e0d0; font-weight: 400;}
.btn-primary:hover{background: #00e0d0; border-color:#00e0d0; color: #ffffff;}

.reddB.btn{background: var(--PrimaryColor);color: var(--textWhite); font-size: var(--font14); padding: 10px 24px; border-radius: 0px;line-height: 1; border:1px solid var(--PrimaryColor);outline:none !important; box-shadow: none !important; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; font-weight: 500; text-transform: uppercase;}
.reddB:hover{background: var(--textWhite); border-color: var(--textWhite); color: var(--PrimaryColor);}

.blackbtn.btn{background: transparent;color: var(--textBlack); font-size: var(--font14); padding: 10px 24px; border-radius: 6px;line-height: 1; border:1px solid var(--textBlack);outline:none !important; box-shadow: none !important; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; font-weight: 500; text-transform: uppercase;}
.blackbtn:hover{background: var(--textBlack); border-color: var(--textBlack); color: var(--textWhite);}

.redbtn{background: red;color: white; font-size: var(--font16); 
       text-align: center;
       padding: 10px 15px; border-radius: 0px;line-height: 1; border:1px solid red; font-weight: 400; text-transform: uppercase;width: 100%;}

/*== Margin and Paddinf Class ==*/
.marginT20{margin-top: 20px;}
.marginB20{margin-bottom: 20px;}

.paddingT20{padding-top: 20px;}
.paddingB20{padding-bottom: 20px;}

.marginT30{margin-top: 30px;}
.marginB30{margin-bottom: 30px;}

.paddingT30{padding-top: 30px;}
.paddingB30{padding-bottom: 30px;}

.marginT60{margin-top: 60px;}
.marginB60{margin-bottom: 60px;}

.paddingT60{padding-top: 60px;}
.paddingB60{padding-bottom: 60px;}

/*== END Margin and Paddinf Class ==*/

/*Go to Top*/
.gotop {position: fixed; z-index: 9999; top: auto; bottom: 30px; right: 30px; text-align: center; width: 40px; height: 40px; background: #000000; border-radius: 0px; display: inline-block; color: #ffffff; font-size: var(--font24); line-height: 41px; cursor: pointer; }
.gotop:hover{background: var(--PrimaryColor); color: var(--textWhite);}


/*== Header ==*/
.headnav_main{padding: 5px 0px; background: var(--HeaderBG)!important; box-shadow: 0px 6px 16px rgba(0, 0, 0, 16%); -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 16%);}
.leftH_logo img{max-width: 250px; max-height: 100px;}
.navH_perent .nav-item a{color: var(--HeaderTW); font-size: var(--font16); padding-right: 0rem; padding-left: 0rem; padding: 4px 10px !important; text-transform: uppercase;font-weight: 500;}
.navH_perent .nav-item.active a{color: var(--Header_TColor_second);}
.navH_perent .nav-item a:hover{color: var(--Header_TColor_second);}

.headnav_main .col-sm-9.col-md-9.col-lg-9 {align-self: center; }

.navH_perent .nav-item .dropdown-menu{border-top: 2px solid var(--Header_TColor_second);min-width: 200px;}
.navH_perent .nav-item .dropdown-menu li{margin: 0; padding: 0; display: block; float: left; width: 100%; position: relative; z-index: 50; border-bottom: 1px solid #f3f3f3; }
.navH_perent .nav-item .dropdown-menu li .dropdown-item {margin: 0; padding: 15px 20px !important; font-size: 14px; display: inline-block; float: left; width: 100%; color: var(--HeaderMenuDropdownColour); font-weight: 600; min-height: 48px; text-transform: uppercase; }

.navH_perent .nav-item .dropdown-menu li .dropdown-item:hover  {color: var(--Header_TColor_second); background-color: #e9ecef;}
.navH_perent .nav-item .dropdown-menu li .dropdown-item:focus{background-color: #ffffff;}

.navH_perent .navbar-expand-lg .navbar-collapse {justify-content: flex-end; }
.FbageH {color: var(--favBadgeH); padding-top: 5px; margin-left: 20px; }
.FbageH:hover{color: var(--Header_TColor_second);}
span.header-favourite-badge {width: 18px; text-align: left; display: inline-block; font-size: 12px; position: relative; top: -6px; }



/*== HERO Banner ==*/
.Herobanner{position: relative; overflow: hidden; height: 629px;}
.Herobanner img{width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover;}

/*text on banner*/
.bannerTxt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.autodisc span{display: inline-block; width: 20px; height: 20px; border-radius: 100px; background: var(--textWhite);}
.autodisc span:nth-of-type(2){background: #a1a6a9; margin-left: 10px;}
.autoEmcont h1{font-size: 72px; font-weight: bold; color: var(--textWhite);}
.autoEmcont h1 span{color: #ffc036;}
.autoEmcont h3{font-size: 26px; font-weight: 600; color: var(--textWhite); }
.autoEmcont p{font-size: 18px; font-weight: 600; color: #ffc036;}

/*== Hero slider ==*/
.slidermain .carousel-caption h2{font-size: var(--font32); font-weight: 400; color: #ffffff;}
.slidermain .carousel-caption{bottom: 20%;}
.carousel-indicators [data-bs-target]{opacity: 1 !important;}
.carousel-indicators .active { opacity: 1; background-color: var(--PrimaryColor);}
#carouselExampleCaptions .carousel-item img { width: 100%;}
.mob_Ticon {display: none; }

/*== Body car Saerch ==*/
.bodyst_search {background: var(--bssBG);}
.carslist_serch{display: flex;}
.slidescar_bx{}
.carsliB img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */   filter: grayscale(100%); transition: all 0.4s; opacity: 0.5; position: relative; top: 0;}
.slidescar_bx a:hover .carsliB > img{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */   filter: grayscale(0%);opacity: 1; top: -4px;}
.cartits {font-size: 16px; font-weight: 600; margin-top: 10px;transition: all 0.2s;}
.slidescar_bx .cartits{color: var(--bssTW); opacity: 0.7;}
.slidescar_bx :hover .cartits{color: var(--bssTW); opacity: 1;}
.bodyst_search .sectit{color: var(--bssTW);}
.bodyst_search .sectit::before, .bodyst_search .sectit::after{background: var(--bssTW);}

.sectit {color: var(--SecondaryColor); font-size: 28px; font-weight: 700; padding-bottom: 20px; position: relative; text-transform: capitalize; position: relative; z-index: 9; }
.sectit::before {background-color: var(--SecondaryColor); bottom: 6px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 99px; }
.sectit::after {background-color: var(--SecondaryColor); bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 59px; }

/*== Latest Cars ==*/
.latest_car .sectit {color: var(--lcHeC); font-size: 28px; font-weight: 700; padding-bottom: 20px; position: relative; text-transform: capitalize; position: relative; z-index: 9; }
.latest_car .sectit::before, .latest_car .sectit::after{background: var(--lcHeC);}
.locations {color: white; font-size: 28px; font-weight: 700; padding-bottom: 20px; position: relative; text-transform: capitalize; position: relative; z-index: 9; }

/*= Cell BX =*/
/* .carsell_bx{box-shadow: 0px 6px 16px rgba(0, 0, 0, 16%); -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 16%);} */
.carsell_bx {border: 1px solid rgb(0 0 0 / 13%); transition: all 0.2s; -webkit-transition: all 0.2s;}
.carsell_bx:hover {box-shadow: 0px 8px 18px rgb(0 0 0 / 25%); -webkit-box-shadow: 0px 8px 18px rgb(0 0 0 / 25%);}
.carsell_img{overflow: hidden; position: relative;}
.carsell_img a{display: flex;}
.carsell_img img {width: 100%; object-fit: cover; object-position: center center; transition: transform 4s ease 0s; min-width: 100%; height: 300px; max-height: 300px; }
.carsell_img img:hover {transform: scale(1.15); transition-timing-function: cubic-bezier(0,.88,.44,1); }
.img_lable{display: inline-block; position: absolute; top: 0; left: 0; padding: 4px 10px; color: #ffffff; background: var(--PrimaryColor); font-size: 16px; font-weight: 500; font-style: italic;}
.sold_lable{display: inline-block; position: absolute; top: 0; left: 0; padding: 4px 10px; color: #ffffff; background: red; font-size: 16px; font-weight: 500; font-style: italic;}
.intransit_img_lable{display: inline-block; position: absolute; top: 0; right: 0; padding: 4px 10px; color: #ffffff; background: var(--InTransitColor); font-size: 16px; font-weight: 500; font-style: italic;}
.carsell_bx_Dinn{display: flex;padding: 10px 15px;}
.carsell_bx_Dleft{flex: 1; }
.carsell_bx_Dleft h3{color: var(--lcHeC); font-size: 16px; font-weight: 600;}
.carsell_bx_Dleft p{color: var(--lcDC); font-size: 14px; font-weight: 400; margin-top: 15px;}
.carsell_bx_Dright{width: 20px;}
.carsell_bx_Dright a{color: var(--lcHeC); font-size: 16px;}
.save_sellP{display: flex; border-top: 1px solid var(--lcHeC); padding: 10px 15px;justify-content: space-between;}
.save_sellL{width: 50%;}
.saveP_lable{padding: 4px 10px; color: #ffffff; background: var(--PrimaryColor); font-size: 14px; font-weight: 500;  border-radius: 100px;}
.latest_car .col-sm-4.col-md-4.col-lg-4{margin-top: 20px;}
.save_sellR h5{font-size: var(--font20); color: var(--lcPC);}
.save_sellRNoMargin h5{font-size: var(--font20); color: var(--lcPC);}


/*==Car Dealership==*/
.about_dealer .row .col-sm-6:nth-of-type(1){padding-right: 100px;}
.about_dealer{position: relative;}
.about_dealer::after {content: ''; position: absolute; background: url("/javax.faces.resource/images/car-rim.png.xhtml?ln=standard") no-repeat; background-repeat: no-repeat; background-size: 100%; width: 244px; height: 322px; bottom: 5%; }
.about_dealer{color: var(--abTW);}
.about_dealer {position: relative; background-color: var(--abBG); color: var(--abTW);}
.about_dealer .sectit{color: var(--abTW);}
.about_dealer .sectit::before, .about_dealer .sectit::after{background-color: var(--abTW);}



/*== Our services ==*/
.our_Hservice .sectit::before, .our_Hservice .sectit::after{display: none;}
.our_Hservice{background: url("") no-repeat; background-repeat: no-repeat; background-size: cover;position: relative;   z-index: 1;}
.service_hbx_flex{display: flex;margin-bottom: 15px;min-height: 60px;}
.services_Hbx {padding: 0px 15px; }
.rightourservice{background: #ffffff; padding: 20px 15px;}
.service_hbx_left{flex: 1;align-self: center;}
.service_hbx_left h3 a{color: var(--SecondaryColor);font-size: 18px;}
.service_hbx_right{width: 70px;}
.our_Hservice svg{fill: #ffffff;}
.our_Hservice svg:nth-of-type(2) {position: relative; bottom: -1px; -moz-transform: scaleX(-1) scaleY(-1); -o-transform: scaleX(-1) scaleY(-1); -webkit-transform: scaleX(-1) scaleY(-1); transform: scaleX(-1) scaleY(-1); filter: FlipH FlipV; -ms-filter: "FlipH FlipV"; }

.white_title .sectit, .white_title p{color: #ffffff;}
.rightourservice .col-sm-6.col-md-6.col-lg-6:nth-of-type(3), .rightourservice .col-sm-6.col-md-6.col-lg-6:nth-of-type(4){margin-top: 30px;}
.our_Hservice .col-sm-6.col-md-6.col-lg-6:nth-of-type(1) {align-self: center;}
.sectitle.white_title{ padding-right: 100px; }
.our_Hservice::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(0 0 0 / 40%); z-index: -1; }.our_Hservice .container {padding-top: 60px; padding-bottom: 60px; }

.carimg_only img{max-width: 500px;}
.carimg_only {margin-top: -260px; position: relative; z-index: 1; }


/*== Finance Sec ==*/
.finance_sec .sectitle p{max-width: 650px; margin: 0 auto; margin-top: 15px;}
.finance_limage img {border-radius: 36px 0px; }
.finance_listQ span{background: #fbfbfb none repeat scroll 0 0; border-radius: 100px; margin: 0 auto; display: flex; height: 90px; line-height: 90px; text-align: center; width: 90px; box-shadow: 0 10px 10px rgb(0 0 0 / 10%); margin-bottom: 30px; align-items: center; justify-content: center; }
.finance_listQ span i{color: var(--fsTColor); font-size: 36px;}
.fianceQ_title{color: var(--fsTColor);font-size: 18px; font-weight: 500;}
.finance_listQ .col-sm-4{text-align: center; margin-top: 30px;}
.finance_sec .sectit {color: var(--fsHeC);}
.about_dealer .sectit::before, .about_dealer .sectit::after{background-color: var(--abTW);}



/*== Why haz_sec ==*/
.images_whyH{position: relative;}
.whyhaz_sec{background: #d3d6d8;}

.why_fetures li:nth-child(1) {top: 9rem; left: 4rem; }
.why_fetures li {position: absolute; z-index: 4; text-align: center; margin-bottom: 1rem; }
.why_fetures li:nth-child(1) span {background: var(--PrimaryColor); }
.why_fetures li:nth-child(2) span {background: #fff; color:  var(--PrimaryColor); }
.why_fetures li:nth-child(3) span {background: #ffffff; color:  var(--PrimaryColor); }
.why_fetures li:nth-child(4) span {background: #fff; color:  var(--PrimaryColor); }
.why_fetures li:nth-child(5) span {background: var(--PrimaryColor); color: #ffffff; }
.why_fetures li:nth-child(6) span {background: var(--PrimaryColor); color: #ffffff; }

.why_fetures li span {display: inline-block; padding: 0.75rem 2rem; box-shadow: 0px 0px 14px 4px #dddddd69; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-family: "Roboto",sans-serif; color: #fff; font-weight: bold; font-size: 15px; }
.why_fetures li:nth-child(2) {right: 11.5rem; top: 7em; }
.why_fetures li:nth-child(6) {bottom: 3rem; }
.why_fetures li:nth-child(3) {top: 22rem; left: 14rem; }
.why_fetures li:nth-child(4) {right: 28rem; bottom: 5rem; }
.why_fetures li:nth-child(5) {top: 23.75rem; right: -1rem; }




/*== Footer ==*/
footer{background: var(--FooterBG);}
.footer_heading{font-size: 20px; font-weight: 500; color: var(--FooterTW); }

.social_footer li {
    padding: 5px 5px;
    background: var(--FooterTW);
    border-radius: 100px;
    display: inline-block;
    min-width: 120px;
    margin-bottom: 10px;
    margin-right: 5px;
}
.social_footer li span {
    font-size: 13px;
}
.social_footer li a{color: var(--FooterTW); border-radius: 100%; display: inline-block; height: 28px; width: 28px; margin-right: 8px; padding: 0; text-align: center; }
.social_footer li a.Facebook {background-color: var(--FooterBG); font-size: 20px;}
.social_footer li a span{color: var(--FooterTW);}
.social_footer li span a {font-size: 16px; color: var(--FooterBG) !important; line-height: 28px; }
.social_footer li:hover {opacity: 0.9; }

.footer_links li + li, .footer_workD li + li, .footer_addressL li{margin-top: 10px;}
.footer_links li a{color: var(--Footer_TColor); font-size: var(--font16); font-weight: 400;}
.footer_links li a:hover{color: var(--Footer_TColor_second);}
.footer_workD li {color: var(--Footer_TColor); font-size: var(--font16); font-weight: 400;list-style: circle;}
.footer_addressL li {color: var(--Footer_TColor); font-size: var(--font16); font-weight: 400;}
.footer_addressL li strong, .footer_workD li strong{color: var(--FooterTW);}
footer .col-sm-3.col-md-3.col-lg-3:nth-of-type(2) {padding-left: 30px; }
footer .col-sm-3.col-md-3.col-lg-3:nth-of-type(1) {padding-right: 30px; }
.footer_workD {padding-left: 15px; }





/*== breadcrmb ==*/
.breadcrmbb{background: var(--breadcrumBg); padding-top: 15px; padding-bottom: 15px;}
.breadcrumb_perent li{font-size: 16px; font-weight: 400; color: var(--breadcrumBg); display: inline-block; padding-left: 5px;}
.breadcrumb_perent li i{color: var(--breadcrumBg);}
.breadcrumb_perent li a{color: var(--breadcrumColour); font-size: 16px; font-weight: 500;}
.breadcrumb_perent li a:hover{color: var(--PrimaryColor); font-size: 16px; font-weight: 400;}

/*== Listing Page ==*/
.vihicle_flexP{display: flex;}
.vihicle_flex_left{width: 300px;}
.vihicle_flex_right{flex: 1;padding-left: 30px;}
.formG label{font-size: 14px; color: var(--SecondaryColor);font-weight: 500 !important;}

.find_veh_title{font-size: 16px; font-weight: 500; color: var(--SecondaryColor); margin-bottom: 15px;}
.find_veh_bx{background: #ffffff; padding: 15px; border: 1px solid rgb(128 128 128 / 29%); box-shadow: 0px 3px 9px rgba(0, 0, 0, 16%);}
.formG{display: block; position: relative; margin-bottom: 15px;}
.vichal_fuild{width: 100%; color: var(--SecondaryColor); font-size: 15px; font-weight: 400; background: rgb(128 128 128 / 18%); outline: none; box-shadow: none; border: 1px solid transparent; height: 36px; padding: 0px 15px; appearance: auto; -webkit-appearance: auto; -moz-: auto; transition: all 0.2s;}
.vichal_fuild:hover{border-color: var(--PrimaryColor);}
.listingR_side_bxs .carsell_img img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 4s ease 0s;
    min-width: 100%;
    height: 222px;
    max-height: 222px;
}

/*== Radio btn 01 ==*/
.wrapper{display: flex; align-items: center; justify-content: space-evenly; }
.wrapper .option {background: #e8e8e8; height: 100%; width: 100%; display: flex; align-items: center; justify-content: space-evenly; margin: 0 0px; border-radius: 0px; cursor: pointer; padding: 7px 4px; border: 0px solid lightgrey; transition: all 0.3s ease; }
.wrapper .option .dot{height: 0px; width: 0px; background: #d9d9d9; border-radius: 50%; position: relative; display: none; } 
.wrapper .option .dot::before{position: absolute; content: ""; top: 4px; left: 4px; width: 0px; height: 0px; background: var(--PrimaryColor); border-radius: 50%; opacity: 0; transform: scale(1.5); transition: all 0.3s ease; }
input[type="radio"]{display: none; }
#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2{border-color: var(--PrimaryColor); background: var(--PrimaryColor); }
#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot{background: #fff; }
#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before{opacity: 1; transform: scale(1); }
.wrapper .option span{font-size: 14px; color: var(--SecondaryColor); }
#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span{  color: #fff;}
/*== END Radio btn ==*/

.two_formG{display: flex;}
.two_formG_Inn{width: 50%;}
.two_formG_Inn:nth-of-type(1){padding-right: 8px;}
.two_formG_Inn:nth-of-type(2){padding-left: 8px;}

.shortby{display: flex;justify-content: flex-end;}
.titleShB{font-size: 16px; font-weight: 500; color: var(--SecondaryColor); margin-right: 15px;align-self: center;}
.short_drodown{width: 100%; color: var(--SecondaryColor); font-size: 15px; font-weight: 400; background: #ffffff; outline: none; box-shadow: none; border: 1px solid var(--SecondaryColor); height: 36px; padding: 0px 15px; appearance: auto; -webkit-appearance: auto; -moz-: auto;}
.listbx_btn{padding: 10px 15px;border-top: 1px solid var(--PrimaryColor);}
.listbx_btn .btn{width: 100%;}
.listingR_side_bxs .col-sm-4.col-md-4.col-lg-4{margin-top: 20px;}

.paginatt li{display: inline-block; margin: 0px 1px;}
.paginatt li a{display: inline-block; background: #ffffff; width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 16px; color: var(--SecondaryColor); border: 1px solid var(--SecondaryColor);}
.paginatt li a:hover{background: var(--PrimaryColor); color: #ffffff; border-color: var(--PrimaryColor);}
.paginatt li.active a{background: var(--PrimaryColor); color: #ffffff; border-color: var(--PrimaryColor); pointer-events: none;}

/*== Product Detsils Page==*/
.gotoback_page{color: var(--PrimaryColor); font-size: 14px;}
.sharebbtn{background: #ffffff;}
.sharepar .dropdown{max-width: 65px;}
.copliek{font-size: 16px; color: var(--SecondaryColor); background: #ffffff;}
.likek_bt, .stIP{font-size: 16px; color: var(--SecondaryColor);}
.share_copystock{display: flex; justify-content: flex-end;}
.sharepar button.dropdown-item {  font-size: 14px;}
.copylinnk, .likk, .stIP{margin-left: 20px;}
.copliek:hover, .likek_bt:hover{color: var(--PrimaryColor);}

.title_prodetail{font-size: 22px; color: var(--SecondaryColor); font-weight: 500;}
.vehiclesD_titleP .col-sm-4.col-md-4.col-lg-4{align-self: center;}
.vehiclesD_titleP {padding: 10px 0px; border-top: 1px solid rgb(34 34 34 / 18%); margin-top: 20px; border-bottom: 1px solid rgb(34 34 34 / 18%); }
.proddetails_ppri .save_sellR {margin-right: 110px; }
.proddetails_ppri .save_sellRNoMargin {margin-right: 10px; }

.tabledet_first table tr td{font-size: 14px;color: var(--SecondaryColor); } 
.buttonsof_service button{height: 40px; width: 100%; margin-top: 10px;}
.chart_detailP iframe{width: 100%; min-height: 350px;}
.mapdet{ border: 1px solid rgb(0 0 0 / 10%); padding: 10px;}

.onlyformmobile{display: none; visibility: hidden; opacity: 0;}

.carlimites_perent{padding: 20px 20px; border: 1px solid rgb(0 0 0 / 10%); margin-top: 20px; background: #ffffff;}
.carlimt_title, .carlimt_mark, .carlimit_phone {color: var(--SecondaryColor); font-size: 16px; border-bottom: 1px solid rgb(0 0 0 / 10%); padding: 15px 0px;}
.carlimit_usbx{font-size: 16px; color: var(--SecondaryColor);border: 1px solid rgb(0 0 0 / 10%); margin-top: 20px; padding: 15px 10px;}
.carlimit_usbx i{font-size: 50px;}
.carlimit_usbx h4{margin-top: 10px; margin-bottom: 10px;}


.feature_highL li{font-size: 16px; color: var(--SecondaryColor); display: inline-block; margin-right: 20px;}
.feature_highL li {font-size: 16px; color: var(--SecondaryColor); margin-right: 30px; display: inline-block; margin-top: 10px; position: relative;width: 25%;}
.feature_highL li::after {content: ''; position: absolute; top: 6px; left: -15px; width: 12px; height: 12px; background: url("/javax.faces.resource/images/check-mark.png.xhtml?ln=standard") no-repeat; background-size: contain; }
.feature_highL {padding-left: 20px; }

.feature_highotherP {border: 1px solid rgb(0 0 0 / 10%);-webkit-border: 1px solid rgb(0 0 0 / 10%); padding: 15px; background: rgb(141 145 155 / 5%); border-radius: 0px; }
.listof_otherH{padding-left: 20px;}
.listof_otherH li{list-style: disc; font-size: 16px; color: var(--SecondaryColor); margin-top: 5px;}
.feature_highotherP .title_prodetail{font-size: 20px; margin-bottom: 5px;}
.feature_highotherP p{font-size: 16px; color: var(--SecondaryColor); margin-bottom: 10px;}
.repeat_ddi{padding: 15px 0px; border-bottom: 1px dashed #000000;}
.feature_highotherP .repeat_ddi:last-child{border-bottom: 0px;}

.clac_fuilds{display: flex;justify-content: space-between;}
.calc_group{width: 30.333%;}
.calc_group label{font-size: 14px; font-weight: 600 !important; color: var(--SecondaryColor);}
.form-control:focus, .form-control:hover{box-shadow: none; outline: none; border-color: var(--PrimaryColor);}
.titleFcalc{background: var(--PrimaryColor); color: #ffffff; font-size: 18px; font-weight: 600; padding: 10px 15px;}
.fiancecalc {background: #f9f9fa; border: 1px solid #e0e0e1; }
.clac_fuilds{padding: 15px 15px;}
.choosetremM{padding: 15px 15px;}
.choosetremM .title_prodetail{font-size: 16px;}

.pricand_caluM{display: flex;justify-content: flex-end;}
.pricalcu_link{font-size: 18px; color: var(--PrimaryColor); font-weight: 600;}
.pricalcu_link{display: flex; }
.pricalcu_link span{align-self: center;padding-left: 10px; line-height: 1;}

/*==  custom radio==*/
.list__item {position: relative;}
.list li{display: inline-block;padding-right: 20px;}
ul.list {display: block; padding-top: 10px; }
.pricalcu_link {padding-right: 20px; position: relative; border-right: 1px solid var(--PrimaryColor); margin-right: 20px; }

.list__item input[type="radio"]:checked,
.list__item input[type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.list__item input[type="radio"]:checked + label,
.list__item input[type="radio"]:not(:checked) + label
{position: relative; padding-left: 24px; cursor: pointer; display: inline-block; color: #212121; font-size: 12px; text-transform: uppercase; font-weight: 600; margin-bottom: 0px; padding-bottom: 0px; }
.list__item input[type="radio"]:checked + label:before,
.list__item input[type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 2px solid; border-radius: 100%; background: #fff; border-color: #ddd; }
.list__item input[type="radio"]:checked + label:before{border-color: var(--PrimaryColor); }
.list__item input[type="radio"]:checked + label:after,
.list__item input[type="radio"]:not(:checked) + label:after {content: ''; width: 8px; height: 8px; background: var(--PrimaryColor); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.list__item input[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.list__item input[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*==  END custom radio==*/

/*== Video sec ==*/


.clableY span{display: inline-block; width: 30px; height: 30px; background: #dfdfdf; border-radius: 100px; color: var(--SecondaryColor); text-align: center; line-height: 28px; font-size: 14px; font-weight: 600;  transition: all 0.2s;}
.clableY span:hover{ background: var(--PrimaryColor); color: #ffffff;}
.list__item input[type="radio"]:checked + .clableY > span{ background: var(--PrimaryColor); color: #ffffff;}
.radioM .list__item input[type="radio"]:checked + label:before, .radioM .list__item input[type="radio"]:not(:checked) + label:before{display: none;}
.radioM .list__item input[type="radio"]:checked + label:after, .radioM .list__item input[type="radio"]:not(:checked) + label:after{display: none;}
.radioM .list__item input[type="radio"]:checked + label, .radioM .list__item input[type="radio"]:not(:checked) + label { padding-left: 0px;}
.radioM  .list li { padding-right: 10px;}

.est_payperent{padding: 15px 15px;}
.estiboxes{display: flex; justify-content: space-between; }
.est_payperent .title_prodetail {font-size: 16px; }
.repeat_esti {border: 1px dashed var(--SecondaryColor); padding: 15px 15px; width: 31%; border-radius: 16px 0px 16px 0px; background: #ffffff; }
.repeat_esti h5{font-size: 16px; color: var(--SecondaryColor); font-weight: bold; margin-bottom: 15px;}
.repeat_esti span{font-size: 26px; color: var(--PrimaryColor); font-weight: bold; margin-bottom: 15px;}
.tremscondi{font-size: 12px;}



p.sectit{
    color: white;
}

.dealership_vehicle_bx
{
    color:grey;
    font-style: italic;
}
.carsell_bx_rebate{display: flex;justify-content: center;}
.dealership_vehicle_rebate {
    background:#009688;
    color: white;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.2rem;
}

.short_total{display: flex;justify-content: space-between;}
.totalview{padding-right: 10px;}
.shtotal{align-self: center;}
.totalview p {
    font-weight: 500;
    font-size: 14px;
    color:var(--SecondaryColor);
}

.bottombar > p
{
    color:#2b4a8b;
    background-color: white;
    font-size: 10px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
}

.bottombar  a
{
    color:#2b4a8b;
}

.ui-messages-error, .ui-message-error {
    z-index: 100 !important;
}

.privacy{
    font-size: 10px
}

/*new*/

.carsell_img .carousel button span {background: #000; height: 36px; line-height: 36px; }
.carsell_img .carousel button.carousel-control-prev span {background: #000; height: 58px; line-height: 57px; border-radius: 0px 4px 4px 0px;}
.carsell_img .carousel button.carousel-control-next span {background: #000; height: 58px; line-height: 57px; border-radius: 4px 0px 0px 4px;}
.carousel-control-prev, .carousel-control-next{width: auto;}


.vehicle_bootombar{background: #fff; padding: 1rem 1.5rem; height: 74px; z-index: 100; border-top: 3px solid #ee1844; display: inline-block; position: fixed; width: 100%; margin: auto; bottom: 0; left: 0;  -webkit-box-shadow: 5px 5px 80px rgb(0 0 0 / 30%); -moz-box-shadow: 5px 5px 80px rgba(0,0,0,.3); box-shadow: 5px 5px 80px rgb(0 0 0 / 30%); }
.mclist-bottom{bottom: 73px; left: -3px;width: 215px; top: auto;display: block; position: absolute;     background: #fff; border: 1px solid #ccc; z-index: 999; -webkit-box-shadow: 3px 3px 10px rgb(0 0 0 / 10%); -moz-box-shadow: 3px 3px 10px rgba(0,0,0,.1); box-shadow: 3px 3px 10px rgb(0 0 0 / 10%); }
.mclist-bottom li { background: #ee1844; border: none;line-height: 1.4;
    -webkit-transition: all,.3s;
    -moz-transition: all,.3s;
    -o-transition: all,.3s;
    transition: all,.3s;
      border-bottom: 1px solid rgb(255 255 255 / 20%);
    }

.mclist-bottom li .mdd_item{font-weight: 400; color: #ffffff; display: flex;
    padding: 0.625rem 1rem;
    -webkit-transition: all,.3s;
    -moz-transition: all,.3s;
    -o-transition: all,.3s;
    transition: all,.3s;}

span.iconit_dd {width: 20px;}

 .mclist-bottom li .mdd_item i{font-size: 1.2rem;vertical-align: middle;margin-right: 0.25rem; color: #ffffff;}  
 .ask_btn{border-radius: 3px;
    -webkit-transition: all,.5s;
    -moz-transition: all,.5s;
    -o-transition: all,.5s;
    transition: all,.5s;
    cursor: pointer;
    background: #ee1844;
    border: 1px solid #ee1844;    
    color: #fff;
    display: inline-block;
    padding: 4px 15px;
    text-align: center;
    max-width: 180px;} 

.ask_btn:hover, .ask_btn:focus{background: #cf002b; color: #ffffff;}
.moreact_btn {
    font-size: 1.6rem;
    color: #000000;
    font-weight: 500;
    cursor: pointer;
}
.moreact_btn i {
    position: relative;
    top: 1px;
    left: 2px;
    font-size: 1.4rem;
}
.inner_flexs{display: flex;    margin-top: 10px;}
.ask_btnD, .mainIn_left{width: 50%;align-self: center;}
.ask_btnD{text-align: right;}

.header_barr{background: var(--PrimaryColor);padding: 1rem 0;}
.header_barr .col-sm-8{width: 70%;}
.titleofprod p{color: var(--textWhite); font-size: 1.4rem;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.header_barr .col-sm-4{width: 30%;}
.lis_icon li a{color: var(--textWhite); font-size: 1.4rem;}
.lis_icon li:nth-of-type(2) a{margin-left: 2rem;margin-right: 1rem;}
.lis_icon li a:hover{color: var(--PrimaryColor);}
.lis_icon{display: flex; justify-content: flex-end;}

/* 
.mclist-bottom{display: none; visibility: hidden; opacity: 0;}
.show_mdown .mclist-bottom{display: block;opacity: 1; visibility: visible;} */

@media screen and (min-width: 1199px){
  .vehicle_bootombar, .header_barr{display: none; visibility: hidden; opacity: 0;}
}


.contactus_page .footer_links{margin: auto; text-align: center;}
.contactus_page .footer_links li{display: inline-block;}
.contactus_page .footer_links li a{position: relative; padding: 0px 20px; font-size: var(--font14); color: rgb(255 255 255 / 27%);}
.contactus_page .footer_links li a::after{content: ''; position: absolute; left: 0; top: 5px; height: 10px; width: 2px; background: rgb(255 255 255 / 27%);}
.contactus_page .footer_links li a:hover{color: var(--TBlack);}
.contactus_page .footer_links li:nth-of-type(1) a::after{display: none;}
.contactus_page .footer_social li p, .contactus_page .footer_social li strong{color: var(--TBlack);}
.contactus_page .footer_social li:nth-of-type(2):before {content: '\f0e0';}
.contactus_page .footer_social li:nth-of-type(3):before {content: '\f124';}
.contactus_page .footer_OHrs tr td strong, .contactus_page .footer_OHrs tr td { color: var(--TBlack);}
.map_title{font-size: var(--font16);}
.contactus_page .footer_social li{margin-bottom: 30px;}
.contactus_page .footer_title:after {position: absolute; content: ""; background: var(--TWhite); width: 3px; height: 7px; left: 0; top: 0; left: -15px; overflow: hidden; -webkit-animation: line 8s infinite; animation: downslide02 8s infinite;}
.footer_social li::after {background: transparent;}
.footer_social li::before{color: var(--TBlack); opacity: 0.3;top: -5px;}
.sales-team ul {padding: 2rem 0 1rem; padding-top: 2rem; border-top: 2px dotted #f5f5f5;display:flex; }
    ul.sales .salesPBX { width: 50%; margin-bottom: 20px;}
.sales-team ul li .contact-img {width: 30%; max-width: 110px; float: left;}
ul.sales .salesPBX img {-webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 80px; margin-right: 5px; border: #c8ced5 solid 2px; background: #fff;}
.sales-team ul li .contact-info {width: 70%; float: left; font-size: 14px;}
ul.sales .salesPBX .name {font-size: 14px; font-weight: 700; line-height: 1.4;}
.sales-team ul li .contact-info a {font-size: 14px; border-bottom: 1px dotted #ededed; color: #a0a0a0; -webkit-transition: all, .3s; -moz-transition: all, .3s; -o-transition: all, .3s; transition: all, .3s;}
ul.sales .salesPBX span{display: block;color: #a0a0a0;}
.email a{color: #a0a0a0;}
.salesPBX .col-sm-4{width: 95px;}
.salesPBX .col-sm-8{flex: 1; padding-left: 20px;}
ul.sales{display: flex; flex-wrap: wrap;}
ul.sales li{width: 50%;}
.SP_phone, .name{color: #000000 !important; font-size: 14px; font-weight: 600;}
.form-control{ background-color: #f4f6f9; color: var(--TColor); font-weight: 600;}
.form-control:focus {color: var(--TColor); background-color: #f4f6f9;; border-color: var(--PColor); outline: 0; box-shadow: none; }
.form-control:hover{ border-color: var(--PColor);}
textarea.form-control{min-height: 140px;}
.contactus_page .form-control { border-radius: 0px;}
.contactus_page .form-control:focus {-webkit-box-shadow: 0px 3px 6px rgb(183 207 227 / 61%) !important; box-shadow: 0px 3px 6px rgb(183 207 227 / 61%) !important;}

.contactus_page .footer_social li {
    position: relative;
    padding-left: 26px;
    left: 10px;}


.contactus_page .footer_title{font-size: var(--font34); color: var(--TBlack); font-weight: 500; position: relative; margin-bottom: 30px;}

.contactus_page .footer_title:before {position: absolute; content: ""; width: 3px; height: 26px; background: var(--PColor); left: -15px; top: 5px;}
.contactus_page .footer_title:after {position: absolute; content: ""; background: var(--TBlack); width: 3px; height: 7px; left: 0; top: 0; left: -15px; overflow: hidden; -webkit-animation: line 8s infinite; animation: downslide 8s infinite;}

@-webkit-keyframes downslide02 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(30px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes downslide02 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(30px);
    }
    to {
        transform: translateY(0);
    }
}

.finance_cal_heading{font-size: var(--font26); color: var(--TBlack); font-weight: 500;}
.finance_cal_subheading{font-size: var(--font16); color: gray}
.doller_am_leftM label{display: block; width: 100%;}
.doller_am_leftM .form-control{font-size: var(--font16); font-weight: 500;}
.doller_am_leftM .trade-link{font-size: var(--font12); color: var(--PColor);}
.no_vichal{color: #911; max-width: 80%; margin: auto;}
.price_table {display: flex; flex-wrap: wrap;}
.price_table li {color: rgb(0 0 0 / 44%); font-size: var(--font16); width: 50%; margin-top: 10px;}
.right_section_tab_main .finance_cal_heading{ border-bottom: 1px solid #000000; padding-bottom: 15px;}

.right_section_tab_main {border-left: 1px solid rgb(128 128 128 / 27%); padding-left: 30px; background: rgb(247 247 247 / 74%);}
.right_section_tab_main{padding-top: 30px;}

.ct_month_title {font-size: var(--font14); font-weight: 500; color: var(--TBlack);}
.ct_month_title span{color: gray;}
.ct_month_title {position: relative; top: -9px; background: #f9f9f9;  z-index: 2; left: 50%; transform: translate(-50%, 0px); margin-top: 30px; padding-top: 15px;}
.ct_month_title::after{content: ''; position: absolute; top: 0;  left: 0; width: 100%; height: 2px; background: grey;}
.list_mont_bx{margin: auto; text-align: center;}
.list_mont_bx li{display: inline-block; width: 40px; height: 40px; border: 1px solid #000000; border-radius: 9px; text-align: center; line-height: 39px; font-size: var(--font18); margin: 5px 5px; cursor: pointer;}
.list_mont_bx li.active, .list_mont_bx li:hover{background: var(--PColor); color: var(--TWhite); border-color: var(--PColor);}
.why_BX_BTN .whiteBG_BTN.label_btn {background: var(--TWhite); border-color: var(--TBlack); color: var(--TBlack); border: 1px solid;}
.why_BX_BTN .whiteBG_BTN.label_btn:hover {background: var(--TBlack); border-color: var(--TBlack); color: var(--TWhite);}
.totpayments_title{text-align: center;}

.ct_month_title span {background: #f9f9f9; position: relative; top: -21px; z-index: 1; padding: 5px 15px;}

.price_table {
    list-style-type: none;
    padding: 0;
}
.price_table li {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Ensure vertical alignment is consistent */
}
.price_table li span {
    flex: 1;
    text-align: right;
    margin-right: 10px; /* Adjust this value as needed */
}

.price_table li strong span {
    text-align: right;
    margin-right: 10px; /* Adjust this value as needed */
}

body .ui-slider .ui-slider-handle {
    width: 2.143rem;
    height: 2.143rem;
}

body .ui-slider.ui-slider-horizontal .ui-slider-handle {
    top: -0.9rem;
}

body .ui-slider.ui-slider-horizontal {
    height: 0.5rem;
}