@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);}



/*== 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;}
.Herobanner img{width: 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;}
.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;}
}