@charset "utf-8";
/* CSS Document */
@font-face {
  font-display: swap;
  font-family: OutfitBlack;
  src: url(../fonts/OutfitBlack.woff) format("woff")
}
@font-face {
  font-display: swap;
  font-family: OutfitExtraBold;
  src: url(../fonts/OutfitExtraBold.woff) format("woff")
}
@font-face {
  font-display: swap;
  font-family: OutfitBold;
  src: url(../fonts/OutfitBold.woff) format("woff")
}
@font-face {
  font-display: swap;
  font-family: OutfitSemiBold;
  src: url(../fonts/OutfitSemiBold.woff) format("woff")
}
@font-face {
  font-display: swap;
  font-family: OutfitMedium;
  src: url(../fonts/OutfitMedium.woff) format("woff")
}
@font-face {
  font-display: swap;
  font-family: OutfitRegular;
  src: url(../fonts/OutfitRegular.woff) format("woff")
}
@font-face {
  font-display: swap;
  font-family: OutfitLight;
  src: url(../fonts/OutfitLight.woff) format("woff")
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
/* ---Custom Scrollbar CSS Starts Here--- */
::-webkit-scrollbar{height:5px;width:6px;border-radius:18px}
::-webkit-scrollbar-track{background:#2f2f2f;}
::-webkit-scrollbar-thumb{background:#6c6c6c;border-radius:18px}
::-webkit-scrollbar-thumb:hover{background:#555;}
/* ---Custom Scrollbar CSS Ends Here--- */
body{margin: 0; padding: 0; background: #ffffff !important; font-family: OutfitRegular !important; font-size: 15px; color: #383838;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
h1,h2,h3,h4,h5,h6,p,ul,ol{margin: 0; padding: 0;}
a{text-decoration: none;}
.container{max-width: 1440px;}
/*header*/
.header-wraper{position: sticky; top: -1px; z-index: 9;}
.header-wraper .container-fluid{padding: 0;}
.menu-wraper ul.nav_menu{display: flex;}
.menu-wraper ul.nav_menu li{list-style: none;}
.menu-wraper ul.nav_menu li a{text-decoration: none; color: #ffffff;}
.menu-wraper ul.nav_menu li a:hover, .menu-wraper ul.nav_menu li a.active{color: #ff0350; font-weight: bold;}
.total-stock{margin: 0 0 0 40px; color: #ffffff}
.total-stock:before{content:"\f10e"; font-family: Flaticon; font-size: 18px; color: #ff0350; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ff0350; padding: 4px;}
.total-stock strong{font-family: OutfitExtraBold;}
.total-stock:hover:before{background: #ff0350; color: #ffffff;}
.sticky_hdr{background: rgba(0, 0, 0, 0.8); border-bottom: 1px solid #ff0350;}
.menu_icon{background: url(/premium/t2_images/menu.svg) no-repeat; background-size: 24px; height: 24px; width: 24px; margin-left: 10px; display: none;}
.close_icon{background: url(/premium/t2_images/close.svg) no-repeat; background-size: 28px; height: 28px; width: 28px; margin-left: 10px; position: absolute; right: 5px; top: 10px; display: none;}


/*Slider*/
.carousel{position: relative; margin-top: -70px;}
.carousel .carousel-inner{position: relative;}
.carousel .carousel-caption{text-align: right; width: 40%; bottom: 10rem;}
.carousel .carousel-caption h5{font-size: 90px; color: #ffffff; font-family: OutfitExtraBold; text-transform: uppercase; margin: 0; padding: 0;}
.carousel .carousel-caption p{font-size: 24px; color: #ff0350; font-family: OutfitBold; text-align: right; position: relative; margin-top: -22px; padding-right: 15px; text-transform: uppercase;}
.carousel .transprent_bg{background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.carousel .carousel-caption{z-index: 2;}
.carousel .carousel-indicators{margin-bottom: 3rem;}
.carousel .carousel-indicators [data-bs-target]{width: 20px; height: 20px; border-radius: 50%; background-color: #e3e1dd !important; opacity: 1; border: 0;}
.carousel .carousel-indicators .active{background-color: #ff0350 !important;}

/*welcome section*/
.welcome_img{position: relative; margin-top: -80px; z-index: 1}
.welcome_img img{border-radius: 40px; background: rgba(0, 0, 0, 0.2); padding: 20px; width: 100%;}
.welcome_text h2{font-size: 40px; color: #333333; font-family: OutfitBlack; text-transform: uppercase; line-height: 2.5rem;}
.welcome_text h2 small{color: #ff0350; font-size: 22px; font-family: OutfitRegular;}
.welcome_text h2 span{color: #ff0350; font-size: 36px; font-family: OutfitMedium;}
.welcome_text p{text-align: justify;}

/*Buying Tools*/
.buyingtools_wraper .block{background: #373636; padding: 70px 20px; transition: ease-out 0.5s; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; position: relative; display: inline-block;}
.buyingtools_wraper article {border-right: 1px solid #ffffff;}
.buyingtools_wraper h4{color: #ff0350; font-size: 26px; font-family: OutfitBold; line-height: 28px; position: relative; padding-left: 140px; display: flex; flex-flow: wrap; align-items: center;}
.buyingtools_wraper h4 small{font-size: 16px; color: #ffffff; font-family: OutfitRegular;}
.buyingtools_wraper .block:hover h4{color: #ffffff;}
.buyingtools_wraper .used_car h4:before{content: ''; background: url(/premium/t2_images/car.svg) no-repeat; background-size: 110px; width: 110px; height: 110px; position: absolute; left: 0;}
.buyingtools_wraper .block.used_car:hover h4:before{content: ''; background: url(/premium/t2_images/car_h.svg) no-repeat; background-size: 110px; width: 110px; height: 110px; position: absolute; left: 0;}
.buyingtools_wraper .insurance_cal h4:before{content: ''; background: url(/premium/t2_images/calculator.svg) no-repeat; background-size: 100px; width: 100px; height: 100px; position: absolute; left: 0;}
.buyingtools_wraper .block.insurance_cal:hover h4:before{content: ''; background: url(/premium/t2_images/calculator_h.svg) no-repeat; background-size: 100px; width: 100px; height: 100px; position: absolute; left: 0;}
.buyingtools_wraper .search_used h4:before{content: ''; background: url(/premium/t2_images/search.svg) no-repeat; background-size: 100px; width: 100px; height: 100px; position: absolute; left: 0;}
.buyingtools_wraper .block.search_used:hover h4:before{content: ''; background: url(/premium/t2_images/search_h.svg) no-repeat; background-size: 100px; width: 100px; height: 100px; position: absolute; left: 0;}
.view_more{background: #ff0350; border: 3px solid #ff0350; color: #ffffff; font-size: 20px; padding: 15px 0; display: flex; align-items: center; text-decoration: none; justify-content: center; position: relative; overflow: hidden;}
.view_more:hover{background: #ffffff; color: #ff0350;}
.buyingtools_wraper article .view_more::before { width: 25px; height: 100%; position: absolute; left: 0; top: 0; content: ""; background: url(/premium/t2_images/round-arrow-right.svg) no-repeat; background-size: 44px; width: 44px;
  height: 44px; border-radius: 0 50% 50% 0; transform: translate(-90%, 24%) scale(1, 1); transform-origin: left center; transition: all 0.25s; z-index: 1; opacity: 0;}
  .buyingtools_wraper article:hover .view_more:hover::before { transform: translate(880%, 24%) scale(1, 1); opacity: 1;}
  .btn-border-5::after,
  .btn-border-5::before { position: absolute; content: ""; width: 0; height: 0; transition: .5s;}
  .btn-border-5::after { top: 0; left: 0; border-top: 4px solid transparent;}
  .btn-border-5::before { bottom: 0; right: 0; border-bottom: 4px solid transparent;}
  .btn-border-5:hover { color: #222222;}
  .btn-border-5:hover::after{ width: 100%; height: 100%; border-color: #ff0350;}
  .btn-border-5:hover::before { width: 100%; height: 100%; border-color: #ffffff;}

  .border-bottom-5{transition: .5s;
    border-bottom: 4px solid #cecece;
    line-height: 40px;
    display: inline-block; position: relative;}
    .border-bottom-5:after{
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0px;
      width: 50%;
      height: 5px;
      transition: .5s;
      border-bottom: 4px solid #ff0350;
      line-height: 40px;
      display: inline-block;}

/*Search Cars*/
.search_cars{background: url(/premium/t2_images/search_cars.jpg) no-repeat center/cover fixed; width: 100%;}
.search_cars .container-fluid{position: relative;}
.search_cars .container-fluid .transprent_bg{background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0;}
.search_cars .container{position: relative;}
.search_cars h2{font-size: 40px; color: #ffffff; font-family: OutfitBlack; text-transform: uppercase; text-align: center;}
.search_cars h2 small{font-size: 26px; font-family: OutfitMedium; color: #ff0350;}
.search_cars article{width: 80%; display: flex; justify-content: center;}
.search_cars select.form-select{height: 70px; border-radius: 10px; font-size: 22px; color: #343434; padding-left: 70px; background-size: 30px 26px;}
.search_cars select.form-select:before{content: ''; background: url(/premium/t2_images/car_h.svg) no-repeat; background-size: 58px; width: 58px; height: 42px; display: inline-block;}
.select-dropdown {width: 100%; max-width: 100%; position: relative;}
.select-dropdown__button { background-color: #fff; padding: 0 16px; color: #343434; border-radius: 16px; height: 70px; width: 100%; cursor: pointer; text-align: left; font-size: 22px; display: flex;
  align-items: center;}
  .select-dropdown__button:before{content: ''; background: url(/premium/t2_images/car_h.svg) no-repeat; background-size: 58px; width: 58px; height: 58px; display: inline-block; margin-right: 10px;}
  .budget .select-dropdown__button:before {content: ''; background: url(/premium/t2_images/investment.svg) no-repeat; background-size: 56px; width: 56px; height: 56px; display: inline-block; margin-right: 10px;}
  .select-dropdown__button:after{content: ''; background: url(/premium/t2_images/down_arrow.svg) no-repeat; background-size: 36px; width: 36px; height: 36px; display: inline-block; position: absolute; right: 15px;}
  .select-dropdown__button::focus { outline: none;}
  .select-dropdown__button .zmdi-chevron-down { position: absolute; right: 10px; top: 12px;}
  .select-dropdown__list { position: absolute; display: block; left: 0; right: 0; max-height: 200px; overflow: auto; margin: 0; padding: 0; list-style-type: none; opacity: 0; pointer-events: none; transform-origin: top left;
    transform: scale(1, 0); transition: all ease-in-out 0.3s; z-index: 2;}
    .select-dropdown__list.active { opacity: 1; pointer-events: auto; transform: scale(1, 1); border-radius: 14px; box-shadow: 1px 1px 4px 2px #eaeaea;}
    .select-dropdown__list-item { display: block; list-style-type: none; padding: 10px 15px; background: #fff; border-top: 1px solid #e6e6e6; font-size: 14px; line-height: 1.4; cursor: pointer;  color: #616161;
      transition: all ease-in-out 0.3s;}
      .select-dropdown__list-item:hover{background: #ff6699; color: #ffffff;}

/*Cars stock*/
.cars_stock_wraper{padding-left:20px !important; padding-right: 20px !important;}
.cars_stock_wraper h2{font-size: 40px; color: #3d3d3d; font-family: OutfitBlack; text-transform: uppercase; text-align: center;}
.cars_stock_wraper h2 small{font-size: 26px; font-family: OutfitMedium; color: #ff0350;}
.cars_stock_wraper .swiper-button-prev, .swiper-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset, 34.3%); right: auto;}
.cars_stock_wraper .swiper-button-next, .swiper-rtl .swiper-button-prev{right: var(--swiper-navigation-sides-offset, 10px); left: 63.7%;}
.cars_stock_wraper .swiper{padding-bottom: 70px !important; z-index: 0;}
.cars_stock_wraper .swiper-slide{position: relative;}
.cars_stock_wraper .swiper-slide article{border-radius: 30px; overflow: hidden;}
.cars_stock_wraper .swiper-slide article .stock_img{width: 100%; height: auto; transition: all ease-in-out 0.3s;}
.cars_stock_wraper .swiper-slide:hover .stock_img{transform: scale(1.1); transition: all ease-in-out 0.3s;}
.vehicle_info{background: #f0efeb; border-radius: 20px; padding: 16px 30px; position: absolute; bottom: -13%; width: 90%; left: 0; right: 0; margin: auto; opacity: 0;}
.cars_stock_wraper .swiper-slide-active .vehicle_info{opacity: 1;}
.cars_stock_wraper .swiper-button-next:after, .cars_stock_wraper .swiper-button-prev:after{font-size: 16px; color: #ffffff;}
.cars_stock_wraper .swiper-button-next, .cars_stock_wraper .swiper-button-prev{width: 40px; height: 40px; border-radius: 50%; background: #ff0350;}
.vehicle_info h4 a{font-size: 22px; text-decoration: none; color: #000000; font-family: OutfitSemiBold;}
.vehicle_info ul{display: flex; margin: 10px 0; padding: 0;}
.vehicle_info ul li{list-style: none; font-size: 14px; color: #3e3c3c; padding-right: 15px; display: flex; align-items: center; flex-wrap: wrap;}
.vehicle_info ul li img{padding-right: 5px;}
.vehicle_info .price{font-size: 32px; color: #ff0350; font-family: OutfitBold;}
.vehicle_info .btn-details{text-decoration: none; font-size: 14px; color: #ffffff; background: #ff0350; font-family: OutfitMedium; display: inline-block; padding: 10px 30px; border-radius: 20px;}
.vehicle_info .btn-details:hover{background: #222222;}
.best-deal{background: #ff0350; color: #ffffff; padding: 8px 20px; border-radius: 30px 30px 0 0; display: flex; align-items: center; justify-content: center;  position: absolute; top: 0px; width: 100%;
  font-size: 24px; font-family: OutfitBold; opacity: 1;}
  .best-deal:before{content: ''; background: url(/premium/t2_images/star.svg) no-repeat; background-size: 26px; width: 26px; height: 26px; display: inline-block; margin-right: 8px;}
  .best-deal:after{content: ''; background: url(/premium/t2_images/star.svg) no-repeat; background-size: 26px; width: 26px; height: 26px; display: inline-block; margin-left: 8px;}
  .cars_stock_wraper .swiper-slide-active .best-deal{opacity: 1;}
  .share{position: absolute; right: 3%; top: 13%; transform: translateX(5rem); opacity: 0; transition: all ease-in-out 0.3s;}
  .share a{display: block; margin: 15px 0; transition: all ease-in-out 0.3s;}
  .share a:hover{transform: scale(1.1);}
  .cars_stock_wraper .swiper-slide-active:hover .share{transform: translateX(0rem); opacity: 1;}

/*Hassle-free*/
.hassle-free{ text-align:center; }
.hassle-free h1{font-size: 54px; color: #ff0350; line-height: 70px; font-family: OutfitBlack; margin-bottom: 25px;}
.hassle-free p{font-size: 26px; color: #303030; line-height: 40px; font-family: OutfitRegular; padding: 0 120px;}

/*Post Requirement*/
.post-requirement{background: url(/premium/t2_images/post_requirement.jpg) no-repeat center/cover fixed; width: 100%; height: 760px;}
.post-requirement .container-fluid{position: relative; height: 760px;}
.post-requirement .container-fluid .transprent_bg{background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; top: 0;}
.post-requirement .container{position: relative; z-index: 1;}
.post-requirement h2{font-size: 36px; font-family: OutfitBold; color: #ffffff; text-align: center; text-transform: uppercase;}
.require_form{background: rgba(0, 0, 0, 0.6); border-radius: 30px; padding: 40px; width: 50%; margin: 30px auto;}
.require_form h4{font-size: 20px; color: #ff0350; font-family: OutfitMedium; margin-top: 15px;}
.fields_set{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.fields_set select{height: 56px; color: #262820; font-size: 18px; background-size: 18px 16px;}
.fields_set select:focus{box-shadow: none; border-color: rgba(255, 3, 80, 0.2);}
textarea.form-control{height: auto;}
.require_form .fields_set{margin-bottom: 0px;}
.require_form ul{margin: 0 0 0px 0; padding: 0; display: flex; flex-wrap: wrap;}
.require_form ul li{list-style: none; color: #ffffff;  font-size: 16px;}
.require_form .form-check-input:checked{background-color: #ff0350; border-color: #ff0350;}
.require_form .post_block .form-control{margin-bottom: 0px;}

.select-dropdown.car-img{background:#ffffff url(/premium/t2_images/car_h.svg) no-repeat left 15px center; padding-left: 70px; background-size: 50px; border-radius: 20px; padding-right: 15px;}
.select-dropdown.car-img select, .select-dropdown.car-img select:focus{  border: 0; background: transparent; outline: none;}

.select-dropdown.budget-bag{background:#ffffff url(/premium/t2_images/investment.svg) no-repeat left 15px center; padding-left: 70px; background-size: 50px; border-radius: 20px; padding-right: 15px;}
.select-dropdown.budget-bag select, .select-dropdown.budget-bag select:focus{  border: 0; background: transparent; outline: none;}



/*Testimonials*/
.testmonials.container-fluid{margin-top: 18% !important;}
.testmonials h2{font-size: 40px; color: #3d3d3d; font-family: OutfitBlack; text-transform: uppercase; text-align: center;}
.testmonials h2 small{font-size: 24px; font-family: OutfitMedium; color: #ff0350;}
.testmonials .testimonialSwiper{padding-bottom: 70px !important;}
.testmonials .swiper-slide{background: #f2f2f2; border-radius: 20px; padding: 40px 40px 0 40px;}
.testmonials .swiper-slide h5{font-size: 16px; font-family: OutfitMedium; margin: 0px 0 0 30px;}
.testmonials .swiper-slide h5 small{font-size: 14px; font-family: OutfitRegular; color: #555555;}
.testmonials .swiper-slide .stars {position: absolute; top: 0; right: 0; padding: 10px 20px 10px 20px; border-radius: 0 0 0 20px; color: #ff0350; background: #fff;}
.testmonials .swiper-slide .stars .shap-right-bottom { position: absolute; bottom: -25px; right: -2px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.testmonials .swiper-slide .stars .shap-left-top { position: absolute; top: -2px; left: -20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.testmonials .swiper-slide .stars .shap-left-top svg { width: 24px; height: 20px;}
.testmonials .swiper-slide .stars .shap-right-bottom svg { width: 24px; height: 24px;}
.testmonials .swiper-slide .img-curv { position: relative; padding: 15px; border-radius: 0 40px 0 0; background: #fff;}
.testmonials .swiper-slide .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -40px;}
.testmonials .swiper-slide .info .img { width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.testmonials .swiper-slide .info .img-curv .shap-left-top { position: absolute; top: -23px; left: -4px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
.testmonials .swiper-slide .info .img-curv .shap-right-bottom { position: absolute; bottom: -2px; right: -22px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
.testmonials .swiper-slide .info .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.testmonials .swiper-slide .img-curv .shap-right-bottom svg { width: 24px; height: 24px;}
.testmonials .swiper-slide .img-curv .shap-left-top svg { width: 24px; height: 21px;}
.testmonials .swiper-pagination-clickable .swiper-pagination-bullet{width: 20px;  height: 20px;}
.testmonials .swiper-horizontal>.swiper-pagination-bullets, .testmonials .swiper-pagination-bullets.swiper-pagination-horizontal, 
.testmonials .swiper-pagination-custom, .testmonials .swiper-pagination-fraction{bottom: 0;}
.testmonials .swiper-pagination-bullet-active{background: #ff0350;}

/*buttons*/
.btn_primary{background: #ff0350; color: #ffffff; font-size: 18px; border-radius: 40px; padding: 16px 50px; display: inline-block; border: 0; position: relative; overflow: hidden;}
.btn_primary_sm{background: #ff0350; color: #ffffff; font-size: 16px; border-radius: 40px; padding: 10px 30px; display: inline-block; border: 0; position: relative; overflow: hidden;}
.butn:link, .butn:visited { display: inline-flex; align-items: center; justify-content: center; font-size: 2.5rem; text-transform: uppercase; text-decoration: none; background-color: #5e16bd;  background-image: linear-gradient(90deg, #501aa8, #870de8);
  padding: 1rem 2.5rem;  height: 6rem; width: 40rem;  margin-right: 13px; border-radius: 4px; border: none; color: #fff; position: relative; overflow: hidden; transition: all 0.3s ease-in-out;}
  .butn::before { background: #fff; content: ""; height: 155px; opacity: 0; position: absolute; top: -100px; transform: rotate(35deg); width: 50px; transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);}
  .butn::after { background: #fff; content: ""; height: 20rem; opacity: 0; position: absolute; top: -100px; transform: rotate(35deg); transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1); width: 8rem;}
  .butn__new::before {left: -50%;}
  .butn__new::after { left: -100%;}
  .butn:hover, .butn:active { transform: translateY(-3px); color: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);}
  .butn__new:hover::before { left: 120%; opacity: 0.5s;}
  .butn__new:hover::after { left: 200%; opacity: 0.6;}
  .butn span { z-index: 20;}




/*EMI Request_Call Back*/
.emi_request_call{position: relative;}
.emi_request_call .bg{background: #ff0350; width: 100%; height: 270px; position: absolute; top: 0; left: 0;}
.emi_request_call .container{position: relative; z-index: 1;}
.emi_calculator {display: flex; flex-direction: column; align-items: center;}
.emi_calculator h4{font-size: 30px; color: #ffffff; font-family: OutfitBold; text-align: center; text-transform: uppercase; margin: 30px 0;}
.emi_calculator article{background: #373636; border-radius: 20px; padding: 58px; width: 74%; min-height: 468px;}
.emi_request_call .form-control, .form-control{width: 100%; height: 50px; font-size: 18px; color: #262820; border-radius: 10px; margin-bottom: 30px;}
.fields_set{align-items: start;}
.accordion-body .form-control{margin-bottom: 0px;}
.form-control:focus{box-shadow: none !important; border-color: rgba(248, 3, 80, 0.8) !important;}
.emi_calculator article .form-check-label{color: #ffffff;}
.emi_calculator article .form-check{display: flex; align-items: center; margin: 0; padding: 0;}
.emi_calculator article .form-check .form-check-input{background: #47494b; border: 3px solid #ffffff; width: 1.3em; height: 1.3em; margin: 0 5px 0 0;}
.emi_calculator article .form-check .form-check-input:checked{background-color: #ff0350;}
.disclaimer{font-size: 14px; font-style: italic; color: #ffffff; line-height: 15px; margin: 20px 0 0 0; font-family: OutfitLight;}

/*Footer*/
.footer_wrapper{margin: 90px 0 0 0; border-top: 2px solid #ff0350; background: #f2f2f2;}
.footer_top_wrapper{display: flex;}
.footer_top_wrapper article{background: #ff0350; width: 33%; display: flex; align-items: center; min-height: 80px; padding: 0 26px; position: relative; margin-top: -40px;}
.footer_top_wrapper article a{font-size: 16px; font-family: OutfitMedium; text-decoration: none; color: #ffffff; display: flex; align-items: center;}
.footer_top_wrapper article a img{margin-right: 5px;}
.footer_top_wrapper article p{font-size: 14px; color: #ffffff; margin: 0; line-height: 22px;}
.ft_mddile {padding: 60px 0;}
.ft_mddile .col-md-4{padding:0 40px;}
.ft_mddile h4{font-size: 26px; text-transform: uppercase; font-family: OutfitMedium;}
.ft_mddile ul{margin: 0; padding: 0; width: 30%;}
.ft_mddile ul li{list-style: none; line-height: 30px;}
.ft_mddile ul li a{color: #4a4a4a; text-decoration: none;}
.ft_mddile ul li a:hover{text-decoration: underline; color: #ff0350;}
.ft_menu{display: flex;}
.social_links a{margin: 20px 10px 0 0px; text-decoration: none;}
.social_links a.facebook{background: url(/premium/t2_images/facebook.png) no-repeat; width: 40px; height: 40px; display: inline-block; background-size: 30px;}
/*.social_links a.facebook:hover{background: url(/premium/t2_images/facebook_h.svg) no-repeat; width: 40px; height: 40px; display: inline-block;}*/
.social_links a.twitter{background: url(/premium/t2_images/twitter-x.svg) no-repeat; width: 40px; height: 40px; display: inline-block;}
.social_links a.twitter:hover{background: url(/premium/t2_images/twitter-x_h.svg) no-repeat; width: 40px; height: 40px; display: inline-block;}
.social_links a.linked{background: url(/premium/t2_images/linked.svg) no-repeat; width: 40px; height: 40px; display: inline-block;}
.social_links a.linked:hover{background: url(/premium/t2_images/linked_h.svg) no-repeat; width: 40px; height: 40px; display: inline-block;}
.social_links a.insta{background: url(/premium/t2_images/instagram.png) no-repeat; width: 40px; height: 40px; display: inline-block;}
/*.social_links a.insta:hover{background: url(/premium/t2_images/instagram_h.svg) no-repeat; width: 40px; height: 40px; display: inline-block;}*/
.social_links a.whatsapp{background: url(/premium/t2_images/whatsapp_icon.png) no-repeat; width: 40px; height: 40px; display: inline-block; background-size: 32px;}
/*.social_links a.whatsapp:hover{background: url(/premium/t2_images/whatsapp_h.svg) no-repeat; width: 40px; height: 40px; display: inline-block;}*/
.ft_bottom{border-top: 1px solid #535353; display: flex; justify-content: space-between;}
.ft_bottom p{color: #4a4a4a;}
.ft_bottom p span{padding: 0 10px;}


/*Featured Car*/
.featuered_car{width: 170px; height: 200px; border-radius: 10px; border: 2px solid #ff0350; position: fixed; right: 1%; top: 40%; display: none; z-index: 9;}
.featuered_car article{background: rgba(0, 0, 0, 0.9); border-radius: 8px 8px 0 0; padding: 5px 0; text-transform: uppercase; font-family: OutfitMedium; position: relative;}
.featuered_car article img.featuer_close{position: absolute; right: 5px; top: 3px; cursor: pointer;}
.featuered_car article img.featuer_close:hover{background-color: #ff0350; border-radius: 50%; width: 20px; height: 20px;}
.featuered_car h4{font-size: 14px; color: #ffffff; margin: 0; text-align: center;}
.featuered_car .featuer_img{width: 100%; height: auto; border-radius: 0 0 8px 8px;}



#container1 {position: relative;height: 50vh;position: fixed; top: 200px; left: 0px;overflow: hidden; z-index: 1;}
#container1 .scroll { align-items: center; justify-content: space-around; width: fit-content; white-space: nowrap; animation: loop 15s linear infinite;height: 100vh;}
@keyframes loop {
  0% {transform: translateY(0%);}
  100% {transform: translateY(-30%);}
}
.item1{background: #222222; width: 5px; height: 40px; margin-top: 15px; margin-left: 60px;}
.car{position: absolute; left: 70px;  top: 0; bottom: 0; margin: auto; width: 162px; height: 281px; }

.timeline { margin: 0; padding: 0; list-style: none; position: fixed;  left: 60px; top: 150px; width: 5px; height: 50%; background:transparent; z-index: 9999;}
.timeline .bar {  position: absolute; width: 80px;height: 180px !important; background:url("/premium/t2_images/car.png") no-repeat center center;background-size: 100px; top: 0; left: -40px;z-index: 99999;}
.animateMe{position: fixed; top: 30%; right: 20px; z-index: 99;}
.close-bt{position: absolute; right: 10px; top: 0px; cursor: pointer;}
.carAnimation { overflow: hidden;  width: 90px;  height: 1300px;  background-color: #fff;  position: fixed; top: 130px; left: 30px; z-index: 99999; }
.road { position: absolute; background-color: #333;  height: 600px; width: 5px; top: 220px; left: 40px; overflow: hidden;}
.road:before { content: ""; position: absolute; background-color: #ffffff; width: 5px; height: 60px; animation: move 0.6s linear infinite reverse; box-shadow: 0px 180px #ffffff; z-index: 999;}
@keyframes move {  
  from { top: -100px; }
  to { top: 200px; }
}
.road:after {content: ""; position: absolute; width: 5px; height: 60px; background-color: #ffffff; animation: move 0.6s linear infinite reverse; box-shadow: 0px 310px #ffffff;}
.vertical-shake {animation: vertical-shaking 4s infinite;position: absolute;top: 390px;left: -9px; z-index: 999;}
@keyframes vertical-shaking {
  0% { transform: translateY(0) }
  25% { transform: translateY(3px) }
  50% { transform: translateY(-2px) }
  75% { transform: translateY(3px) }
  100% { transform: translateY(0) }
}

.customer_support{background: url(/premium/t2_images/customer_support.png) no-repeat #ffffff; background-size: 54px; width: 54px; height: 54px; position: fixed; right: 0.5%; bottom: 10%; z-index: 9;
  border-radius: 50%; display: none;}
  .customer_support:hover{background: url(/premium/t2_images/customer_support_h.png) no-repeat #ff0350; background-size: 54px; width: 54px; height: 54px;}

  .animateMe { background: #ffffff; width: 54px; height: 54px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 3px solid #000000;}
  .animateMe { position: fixed; top: 30%; right: 3px; z-index: 999;}
  .animateMe img{width: 40px !important;}
  .w-80{max-width: 60% !important; padding: 1px;}
  .featured_car .btn-close{position: absolute; top: 10px; right: 10px;}
  .popup-box h3{font-size: 26px; font-weight: 900; margin-bottom: 30px;}
  .popup-box h4{font-size: 18px; color: #ff0350; font-weight: 700;}
  .popup-box ul{list-style: none; margin: 0; padding: 0;}
  .popup-box ul li{margin-bottom: 10px;display: flex;align-items: center; justify-content: start;}
  .popup-box{font-size: 13px;}
  .btn-strong{font-weight: 700; font-size: 24px; line-height: 36px;color: #ff0350;}
  .btn-strong span{font-size: 16px; font-weight: 500; color: #ffffff;}
  a.white-mode, a.white-mode:link, a.white-mode:visited, a.white-mode:active { position: fixed; font-family: "Montserrat"; transform: rotate(-90deg); transform-origin: 0 0; left: 40px; bottom: 0px; font-size: 12px; text-decoration: none; background: #f7f7f7; padding: 4px 8px; z-index: 10; color: #3B425A;}
  a.white-mode:hover, a.white-mode:link:hover, a.white-mode:visited:hover, a.white-mode:active:hover { background: #7B46FE; color: #FDFA75;}
  .fetr-img{width: 100%; height: 100%; object-fit: cover;}
  .btn-strong { font-weight: 700; font-size: 24px; line-height: 36px; color: #f7c500;}
  .btn-black {background: #ff0350 !important; width: 210px; height: 55px; color: #ffffff; overflow: hidden;}

  .back-to-top {position: fixed; bottom: 4%; right: 1%; width: 30px; height: 30px; line-height: 24px; border-radius: 50%; display: inline-block; text-align: center; background: #ff0350;
    border: 2px solid #ffffff; color: #ffffff; text-decoration: none; z-index: 9;}
    .back-to-top:before{ content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 0.8em; color: #fff;}
    .back-to-top:hover { cursor: pointer; background: #313131;}


/*Inner Page Styles*/
/*CarStock*/
.header_wraper_inner{background: #212121; }
.inner_page_banner{background: url(/premium/t2_images/inner_page_banner.jpg) no-repeat center; position: relative; height: 300px; display: flex; align-items: center;}
.inner_page_banner .transprent_bg{background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.inner_page_banner .container{position: relative; z-index: 1;}
.inner_page_banner h4{color: #ffffff; font-size: 30px; text-transform: uppercase; font-family: OutfitBold; text-align: center; position: relative; display: inline-block;}
.inner_page_banner h4 small{font-family: OutfitLight; font-size: 12px; letter-spacing: 2px;}
.inner_page_banner h4::before{ content: ''; width: 28%; height: 1px; background: #ff0350; position: absolute; top: 35px; left: 0;}
.inner_page_banner h4::after{ content: ''; width: 28%; height: 1px; background: #ff0350; position: absolute; top: 35px; right: 0;}

.stocks_wrapper .stock_block{margin-bottom: 4rem;}
.stocks_wrapper .stock_product{position: relative;}
.stocks_wrapper .stock_product article{border-radius: 30px; overflow: hidden;}
.stocks_wrapper .stock_product article .stock_img{width: 100%; height: auto; transition: all ease-in-out 0.3s;}
.stocks_wrapper .stock_product:hover .stock_img{transform: scale(1.1); transition: all ease-in-out 0.3s;}
.stocks_wrapper .vehicle_info{background: rgba(240, 239, 235, 0.9); border-radius: 20px; padding: 16px 30px; position: absolute; bottom: -13%; width: 90%; left: 0; right: 0; margin: auto; opacity: 0; 
  transform: translateY(-13rem); transition: all ease-in-out 0.3s;}
  .stocks_wrapper .stock_product:hover .vehicle_info{transform: translateY(0rem); opacity: 1; transition: all ease-in-out 0.3s;}
  .stocks_wrapper .stock_product-active .vehicle_info{opacity: 1;}
  .stocks_wrapper .vehicle_info h4{font-size: 26px; color: #000000; font-family: OutfitSemiBold;}
  .stocks_wrapper .vehicle_info ul{display: flex; margin: 10px 0; padding: 0; flex-wrap: wrap;}
  .stocks_wrapper .vehicle_info ul li{list-style: none; font-size: 14px; color: #3e3c3c; padding-right: 15px; display: flex; align-items: center;}
  .stocks_wrapper .vehicle_info ul li img{padding-right: 5px;}
  .stocks_wrapper .vehicle_info .price{font-size: 32px; color: #ff0350; font-family: OutfitBold;}
  .stocks_wrapper .vehicle_info .btn-details{text-decoration: none; font-size: 14px; color: #ffffff; background: #ff0350; font-family: OutfitMedium; display: inline-block; padding: 10px 30px; border-radius: 20px;}
  .stocks_wrapper .vehicle_info .btn-details:hover{background: #222222;}
  .stocks_wrapper .best-deal{background: #ff0350; color: #ffffff; padding: 8px 20px; border-radius: 30px 30px 0 0; display: flex; align-items: center; justify-content: center;  position: absolute; top: 0px; width: 100%;
    font-size: 24px; font-family: OutfitBold; opacity: 0;}
    .stocks_wrapper .best-deal:before{content: ''; background: url(/premium/t2_images/star.svg) no-repeat; background-size: 26px; width: 26px; height: 26px; display: inline-block; margin-right: 8px;}
    .stocks_wrapper .best-deal:after{content: ''; background: url(/premium/t2_images/star.svg) no-repeat; background-size: 26px; width: 26px; height: 26px; display: inline-block; margin-left: 8px;}
    .stocks_wrapper .stock_product .best-deal{opacity: 1;}
    .stocks_wrapper .share{position: absolute; right: 3%; top: 13%; transform: translateX(5rem); opacity: 0; transition: all ease-in-out 0.3s;}
    .stocks_wrapper .share a{display: block; margin: 15px 0; transition: all ease-in-out 0.3s;}
    .stocks_wrapper .share a:hover{transform: scale(1.1);}
    .stocks_wrapper .stock_product:hover .share{transform: translateX(0rem); opacity: 1;}
    .sold_out article img{filter: blur(5px);  -webkit-filter: blur(5px);}
    .sold_out article:before{content: ''; background: url(/premium/t2_images/tag-sold.svg) no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: 90px; width: 90px; height: 90px; margin: auto; z-index: 1;}
    .sold_out h6{color: #E70C46; font-family: OutfitBold;}
    .page-item.active .page-link {
      z-index: 3;
      color: #fff !important;
      background-color: #ff3050 !important;
      border-color: #ff3050 !important;
    }
    .page-link{color: #ff3050 !important;}
    .filters_wrapper{position: sticky; top: 64px; z-index: 2; background: #fafafa; padding: 10px 0; border: 1px solid #eaeaea;}
    .filterback{padding-left: 0;}
    .toal-results{font-size: 18px; font-family: OutfitMedium;}
    .sortby span{white-space: nowrap;}
    .sortby select.form-select:invalid{color: #666666;}
    .filter{display: flex; justify-content: center;}
    .filter a{margin-left: 5px;}
    .filter_popup .modal-header{border: none; justify-content: space-between;}
    .filter_popup .reset_close{display: flex; align-items: center;}
    .filter_popup .btn-reset{border: none; background: url(/premium/t2_images/restart.svg) no-repeat #f9fafa 96%; background-size: 18px; padding: 2px 26px 2px 10px; border-radius: 4px; display: flex; align-items: center; 
      border: 1px solid #eeeeee; color: #3a3a3a; font-size: 14px; margin-right: 5px;}
      .filter_popup .btn-reset:hover{border-color: #ff0350; color: #ff0350; background: url(/premium/t2_images/restart_h.svg) no-repeat #ffffff 96%; background-size: 18px;}
      .filter_popup .modal-dialog{max-width: 950px !important; width:950px !important; }
      .filter_popup .modal-body{min-height: 250px; padding-top: 0;}
      .filter_popup .btn_section{display: flex; justify-content: flex-end; margin-top: 15px;}
      .tabs_group{display: flex;}
      .tabs_group ul.nav-tabs{display: block; width: 20%; background: #fafafa; border: 1px solid #dce0e5; border-right: 0;}
      .tabs_group .tab-content{width: 80%; background: #ffffff;}
      .tabs_group .nav-tabs .nav-link{text-align: left; color: #313131; width: 100%; border-radius: 0;}
      .tabs_group .nav-tabs .nav-link.active, .tabs_group .nav-tabs .nav-link:hover{border: none; display: block; width: 100%; border: 1px solid #fafafa; border-right: 0; color: #fff; background: #ff0350; border-radius: 0;}
      .tabs_group .tab-content{padding: 10px 15px; border: 1px solid #dce0e5; border-left: 0; max-height: 300px; overflow: auto;}
      .tabs_group .tab-content h5{font-family: OutfitBold; margin-bottom: 15px;}
      .button-group{display: flex; flex-wrap: wrap;}
      .radio_button{margin-bottom: 10px;}
      .radio_button label{background: #f9fafa; border-radius: 6px; border: none; color: #040419; font-size: 14px; padding: 15px 20px; border: 1px solid #f9fafa; width: 160px; box-shadow: 1px 1px 2px 0px #ccc;}
      .radio_button label:hover{background: #ffffff !important; color: #ff0350 !important; border:1px solid #ff0350 !important;}
      .radio_button .btn-check:checked+.btn{background: #ffffff; color: #ff0350; border:1px solid #ff0350;}
      .manufacturer .radio_button{margin: 0;}
      .manufacturer .radio_button label{padding: 10px 25px;}
      .manufacturer .radio_button p{margin: 5px 0 0 0; text-align: center; font-size: 13px; padding: 0;}
      .manufacturer .radio_button .btn-check:checked+.btn ~ p{color: #ff0350;}
      .kilometer .radio_button label{width: 200px;} 
      .bodytype .radio_button label .hatchback{background: url(/premium/t2_images/hatchback.svg) no-repeat; width: 62px; height: 29px; display: inline-block;}
      .bodytype .radio_button .btn-check:checked+.btn .hatchback{background: url(/premium/t2_images/hatchback_h.svg) no-repeat; width: 62px; height: 29px; display: inline-block;}
      .bodytype .radio_button label .sedan{background: url(/premium/t2_images/sedan.svg) no-repeat; width: 81px; height: 28px; display: inline-block;}
      .bodytype .radio_button .btn-check:checked+.btn .sedan{background: url(/premium/t2_images/sedan_h.svg) no-repeat; width: 81px; height: 28px; display: inline-block;}
      .bodytype .radio_button label .suv{background: url(/premium/t2_images/suv.svg) no-repeat; width: 66px; height: 29px; display: inline-block; background-size: 66px;}
      .bodytype .radio_button .btn-check:checked+.btn .suv{background: url(/premium/t2_images/suv_h.svg) no-repeat; width: 66px; height: 29px; display: inline-block; background-size: 66px;}
      .bodytype .radio_button label .muv{background: url(/premium/t2_images/muv.svg) no-repeat; width: 73px; height: 31px; display: inline-block;}
      .bodytype .radio_button .btn-check:checked+.btn .muv{background: url(/premium/t2_images/muv_h.svg) no-repeat; width: 73px; height: 31px; display: inline-block;}
      .bodytype .radio_button label .coupe{background: url(/premium/t2_images/coupe.svg) no-repeat; width: 81px; height: 26px; display: inline-block;}
      .bodytype .radio_button .btn-check:checked+.btn .coupe{background: url(/premium/t2_images/coupe_h.svg) no-repeat; width: 81px; height: 26px; display: inline-block;}
      .bodytype .radio_button label .convertible{background: url(/premium/t2_images/convertible.svg) no-repeat; width: 76px; height: 22px; display: inline-block;}
      .bodytype .radio_button .btn-check:checked+.btn .convertible{background: url(/premium/t2_images/convertible_h.svg) no-repeat; width: 76px; height: 22px; display: inline-block;}
      .filterback{list-style-type: none; flex-wrap: wrap;}
      .filter-bread{border: 1px solid black;border-radius: 30px;padding: 5px 15px;margin-right: 10px; margin-bottom: 15px;}
      .filter-bread .close{cursor: pointer;}

/*VDP styles*/
.vdp_wrapper .carDetails_big{margin-bottom: 8px;}
.vdp_wrapper .carDetails_big .swiper-slide img{width: 100%; border-radius: 20px; border: 1px solid #ff0350;}
.vdp_wrapper .carDetails_thumb .swiper-slide{height: 100%; opacity: 0.5;}
.vdp_wrapper .carDetails_thumb .swiper-slide img{width: 100%; border-radius: 20px; border: 1px solid #787878;}
.vdp_wrapper .carDetails_thumb .swiper-slide-thumb-active{opacity: 1;}
.vdp_wrapper .carDetails_thumb .swiper-slide-thumb-active img{border: 1px solid #ff0350;}
.vdp_wrapper  .position-stikcy{position: sticky; top: 180px; z-index: 2}
.vdp_wrapper .car_overview{}
.vdp_wrapper .car_overview article{background: #f2f2f2; border-radius: 26px; position: relative; margin-top: -7.2rem; z-index: 2; padding-bottom: 20px;} 
.vdp_wrapper .car_overview article .car_overview_header{background: #ff0350; padding: 30px 30px; border-radius: 20px 20px 0 0; display: flex; justify-content: space-between;
  align-items: center;}
  .vdp_wrapper .car_overview article .car_overview_header h2{font-family: OutfitBold; font-size: 22px; color: #ffffff; text-transform: uppercase;  margin: 0;}
  .vdp_wrapper .car_overview article .car_overview_header .price{font-family: OutfitBlack; font-size: 32px; color: #ffffff;}
  .vdp_wrapper .car_overview article ul{margin: 0; padding: 20px 30px;}
  .vdp_wrapper .car_overview article ul li{list-style: none; display: flex; align-items: center; justify-content: space-between; line-height: 50px; border-bottom: 1px solid #eaeaea;}
  .vdp_wrapper .car_overview article ul li:last-child{border: none;}
  .vdp_wrapper .car_overview article ul li span{width: 60%;}
  .vdp_wrapper .car_overview article ul li strong{width: 40%; font-family: OutfitBold; font-weight: normal;}
  .seller_warranty .accordion-header{}
  .seller_warranty .accordion-button{font-size: 20px; font-family: OutfitSemibold; text-transform: uppercase; background: #f2f2f2;}
  .seller_warranty .accordion-button:not(.collapsed){background: #ffffff; color: #ff0350;}
  .seller_warranty .accordion-button:not(.collapsed)::after{content: ''; background: url(/premium/t2_images/down-arrow.svg) no-repeat; }
  .seller_warranty .accordion-button:focus{box-shadow: none;}
  .smiliar_price_wrapper{}
  .smiliar_price_wrapper h4{font-size: 24px; font-family: OutfitBold; text-transform: uppercase; margin-bottom: 20px;}
  .smiliar_price_wrapper .swiper-button-next:after, .smiliar_price_wrapper .swiper-button-prev:after{color: #ffffff; font-size: 16px;}
  .smiliar_price_wrapper .swiper-button-next, .smiliar_price_wrapper .swiper-button-prev{width: 40px; height: 40px; border-radius: 50%; background: #ff0350;}
  .smiliar_price_wrapper .stocks_wrapper .vehicle_info{opacity: 1; transform: translateY(0rem);}
  .similar_car_slider{padding: 0 12px;}
  .buy_car_wrapper h4{font-size: 24px; font-family: OutfitBold; text-transform: uppercase; margin-bottom: 20px;}
  .buy_car_wrapper button{background: #212121; border-radius: 30px; font-size: 16px; font-family: OutfitMedium; color: #ffffff; border: none; padding: 10px 15px;}
  .buy_car_wrapper button:hover{background: #ff0350;}
  .request_call_popup .modal-dialog{max-width: 440px;}
  .request_call_popup .modal-title{font-family: OutfitBold; text-transform: uppercase;}
  .request_call_popup .form-control{margin-bottom: 20px; height: 50px; font-size: 14px;}
  .request_call_popup .modal-header{padding: 1.2rem 1.8rem;}
  .request_call_popup .modal-body{padding: 1.5rem 1.8rem;}
  .request_call_popup .modal-body .form-label{font-size: 14px; margin: 0;}
  .sellcar_wrapper .accordion-button{font-size: 16px; text-transform: uppercase; font-family: OutfitBold;}
  .sellcar_wrapper .accordion-button::after{transform: rotate(-90deg);}
  .sellcar_wrapper .accordion-button:not(.collapsed){color: #ffffff; background: #ff0350;}
  .sellcar_wrapper .accordion-button:not(.collapsed):after{transform: rotate(0deg); background: url(/premium/t2_images/down-arrow-white.svg) no-repeat;}
  .sellcar_wrapper .accordion-button:focus{box-shadow: none;}
  .sellcar_wrapper .accordion-body h4{font-size: 18px; font-family: OutfitSemiBold;}
  .sellcar_wrapper .accordion-body .fields_set label{font-size: 14px; font-family: OutfitLight; padding-bottom: 2px;}
  .sellcar_wrapper .accordion-body .fields_set select{height: 48px; font-size: 16px;}
  .sellcar_wrapper .accordion-body .fields_set select:focus{box-shadow: none; border-color: rgba(255, 3, 80, 0.2);}
  .sellcar_wrapper .accordion-body .fields_set .form-control{height: 48px; font-size: 16px; margin: 0;}
  .sellcar_wrapper .accordion-body .fields_set .form-control:focus{border-color: rgba(255, 3, 80, 0.2) !important;}
  .sellcar_wrapper .car_insurance .form-check{height: 40px; padding: 8px  22px}
  .sellcar_wrapper .car_insurance .form-check-input{border-color: #cccccc;}
  .sellcar_wrapper .car_insurance .form-check-input:checked{background-color: #ff0350; border-color: #ff0350;}
  .sellcar_wrapper .car_insurance .form-check-input:focus{box-shadow: none;}
  .sellcar_wrapper .date {position: relative;}
  .sellcar_wrapper .date .calander-icon {background: url(/premium/t2_images/calander.svg) no-repeat; background-size: 21px; width: 21px; height: 21px; position: absolute; top: 38px; left: 24px;}
  .sellcar_wrapper .date .form-control{padding-left: 40px;}
  .sellcar_wrapper .installd_features ul{margin: 0 0 20px 0; padding: 0;}
  .sellcar_wrapper .installd_features ul li{list-style: none; margin-bottom: 5px;}
  .sellcar_wrapper .installd_features .form-check-input:checked {background-color: #ff0350; border-color: #ff0350;}
  .sellcar_wrapper .installd_features .form-check-input:focus{box-shadow: none;}
  .sellcar_wrapper .car_condition h4{width: 100%; text-align: center;}
  .sellcar_wrapper .car_condition .border-b{border-bottom: 1px solid #fafafa;}
  .sellcar_wrapper .car_condition .form-check{width: 100%; display: flex; justify-content: center}
  .sellcar_wrapper .car_condition .form-check-input{border-color: #cccccc; cursor: pointer;}
  .sellcar_wrapper .car_condition .form-check-input:checked{background-color: #ff0350; border-color: #ff0350;}
  .sellcar_wrapper .car_condition .form-check-input:focus{box-shadow: none;}
  .sellcar_sticky{position: sticky; top: 60px;}
  .sellcar_sticky .sellcar01{width: 100%; border-radius: 20px 20px 0 0; margin-bottom: 0px; border-bottom: 1px solid #ff0350;}
  .sellcar_sticky .sellcar02{width: 100%; border-radius: 0 0 20px 20px; margin-bottom: 0px;}

  .services_wrapper h2{font-family: OutfitBlack; font-size: 26px; color: #ff0350;}
  .services_wrapper h4{font-family: OutfitBold; font-size: 20px;}
  .services_wrapper h5{font-family: OutfitSemiBold; font-size: 18px;}
  .services_wrapper article.full{border-radius: 14px; background: #f9f9f9; padding: 15px;}
  .services_wrapper article.half{background: #f9f9f9; padding: 15px; border-radius: 14px; min-height: 387px;}
  .services_wrapper .half p{font-family: OutfitLight; font-size: 16px;}
  .services_wrapper .full p{font-family: OutfitLight; margin-bottom: 10px; font-size: 16px; line-height: 20px; text-align: justify;}

  .services_right article{background: #f2f2f2; border-radius: 12px; position: sticky; top: 68px;}
  .services_right article h3{font-family: OutfitBold; font-size: 26px; background: #ff0350; color: #ffffff; padding: 20px 25px; border-radius: 12px 12px 0 0}
  .services_right article ul{margin: 0; padding: 10px 25px;}
  .services_right article ul li{list-style: none; margin-bottom: 10px;}
  .services_right article ul li a{text-decoration: none; color: #212121; border-radius: 8px; padding: 15px 10px 15px 10px; display: block; border: 1px solid #cccccc; font-size: 14px;
    display: flex; align-items: center;}
    .services_right article ul li a:before{content: ''; background: url(/premium/t2_images/arrow-up-right.svg) no-repeat; background-size: 22px; width: 22px; height: 22px; display: inline-block;
      margin-right: 10px;}
      .services_right article ul li a:hover, .services_right article ul li a.active{background: #ff0350; color: #ffffff; border-color: #ff0350;}
      .services_right article ul li a:hover:before{content: ''; background: url(/premium/t2_images/arrow-up-right_h.svg) no-repeat; background-size: 22px; width: 22px; height: 22px;}
      .aboutus_wrapper .welcome_img{margin-top: 0;}
      .aboutus_wrapper .welcome_text h4{font-family: OutfitBold;}
      .carBuying .hdng_text{font-size: 18px; font-family: OutfitSemiBold; text-transform: uppercase; background: url(/premium/t2_images/tick.svg) no-repeat; background-size: 26px; padding-left: 30px;}
      .carBuying p{padding-left: 30px;}
      .contactus_wrapper{position: relative; margin-top: -5rem; z-index: 1;}
      .contactus_wrapper article{background: #ffffff; border-radius: 20px; padding: 30px 30px; box-shadow: 1px 1px 2px 1px #f2f2f2; transition: all 0.25s; position: relative; overflow: hidden;}
      .contactus_wrapper article h4{font-size: 18px; font-family: OutfitBold; margin: 0 0 5px 0;}
      .contactus_wrapper article p{font-size: 13px; font-family: OutfitLight;}
      .contactus_wrapper article h4:before{margin-bottom: 15px;}
      .contactus_wrapper .emailUs article:after{content: ''; background: url(/premium/t2_images/mail_dark.svg) no-repeat; background-size: 150px; width: 150px; height: 150px; position: absolute; 
        right: -1.5rem; bottom: -2rem; opacity: 0.15;}
        .contactus_wrapper .ourAddress article:after{content: ''; background: url(/premium/t2_images/map_dark.svg) no-repeat; background-size: 150px; width: 150px; height: 150px; position: absolute; 
          right: -2.5rem; bottom: -2rem; opacity: 0.15;}
          .contactus_wrapper .openHourse article:after{content: ''; background: url(/premium/t2_images/clock_dark.svg) no-repeat; background-size: 150px; width: 150px; height: 150px; position: absolute; 
            right: -1.5rem; bottom: -2rem; opacity: 0.15;}
            .contactus_wrapper .callUs article:after{content: ''; background: url(/premium/t2_images/call_dark.svg) no-repeat; background-size: 150px; width: 150px; height: 150px; position: absolute; 
              right: -2rem; bottom: -2rem; opacity: 0.15;}
              .contactus_wrapper .emailUs article h4:before{content: ''; background: url(/premium/t2_images/mail_pink.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
              .contactus_wrapper .ourAddress article h4:before{content: ''; background: url(/premium/t2_images/map_pink.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
              .contactus_wrapper .openHourse article h4:before{content: ''; background: url(/premium/t2_images/clock_pink.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
              .contactus_wrapper .callUs article h4:before{content: ''; background: url(/premium/t2_images/call_pink.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
              .contactus_wrapper .emailUs:hover article{background: #ff3050; transform: translateY(-1rem); transition: all 0.25s; box-shadow: none;}
              .contactus_wrapper .emailUs:hover article h4, .contactus_wrapper .emailUs:hover article p{color: #ffffff;}
              .contactus_wrapper .emailUs:hover article h4:before{content: ''; background: url(/premium/t2_images/mail.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
              .contactus_wrapper .ourAddress:hover article{background: #ff3050; transform: translateY(-1rem); transition: all 0.25s; box-shadow: none;}
              .contactus_wrapper .ourAddress:hover article h4, .contactus_wrapper .ourAddress:hover article p{color: #ffffff;}
              .contactus_wrapper .ourAddress:hover article h4:before{content: ''; background: url(/premium/t2_images/map.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
              .contactus_wrapper .openHourse:hover article{background: #ff3050; transform: translateY(-1rem); transition: all 0.25s; box-shadow: none;}
              .contactus_wrapper .openHourse:hover article h4, .contactus_wrapper .openHourse:hover article p{color: #ffffff;}
              .contactus_wrapper .openHourse:hover article h4:before{content: ''; background: url(/premium/t2_images/clock.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
              .contactus_wrapper .callUs:hover article{background: #ff3050; transform: translateY(-1rem); transition: all 0.25s; box-shadow: none;}
              .contactus_wrapper .callUs:hover article h4, .contactus_wrapper .callUs:hover article p{color: #ffffff;}
              .contactus_wrapper .callUs:hover article h4:before{content: ''; background: url(/premium/t2_images/call.svg) no-repeat; display: block; background-size: 34px; width: 34px; height: 34px;}
              .getin_touch{padding: 0 0 0 60px;}
              .getin_touch h4, .map_section h4{font-family: OutfitBold;}
              .map_section{padding: 0px 60px 0 60px;}
              .photos_wrapper .gallery{display: flex; flex-wrap: wrap;}
              .photos_wrapper .gallery .img-box{border-radius: 20px; overflow: hidden; position: relative; cursor: pointer; overflow: hidden;}
              .photos_wrapper .gallery .img-box img{width: 310px; height: 260px; border-radius: 20px; transition: all ease-in-out 0.3s;}
              .photos_wrapper .gallery .img-box:hover img{transform: scale(1.1); transition: all 1s ease;}
              .photos_wrapper .gallery .bottom_fade{background:linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, 
                rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, 
                rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); width: 100%; top: 41%; height: 60%; float: left; position: absolute;}

              .photos_wrapper .gallery .img-box h6{position: absolute; bottom: 10px; display: flex; justify-content: center; left:0; right: 0; color: #fff; font-family: OutfitBold; z-index: 2; 
                transform: translateY(-10rem); opacity: 0; transition: all ease-in-out 0.4s;}
                .photos_wrapper .gallery .img-box:hover h6{transform: translateY(0); opacity: 1; transition: all ease-in-out 0.4s; display: flex; justify-content: center;}


                @media (max-width: 1680px) {
                  .carousel .carousel-caption h5{font-size: 80px;}
                  .vehicle_info ul{flex-wrap: wrap;}
                }

                @media (max-width: 1560px) {
                  .stocks_wrapper .share{transform: translateX(0rem)}
                }

                

                @media (max-width: 1400px) {
                  .menu-wraper ul.nav_menu.gap-5{gap:2rem !important;}
                  .carousel .carousel-caption h5{font-size: 70px;}
                  .require_form{width: 64%;}
                  .testmonials.container-fluid{margin-top: 16% !important;}
                  .buyingtools_wraper h4 small{height: 20px;}
                  .search_cars article{width: 90%;}
                  .cars_stock_wraper .swiper-button-next, .swiper-rtl .swiper-button-prev{left: 62.7%;}
                  .stocks_wrapper .stock_block{width: 50%;}
                  .stocks_wrapper .best-deal{font-size: 18px;}
                  .smiliar_price_wrapper .stocks_wrapper .stock_block{width: 100%;}
                  .buy_car_wrapper button{font-size: 12px;}
                  .services_wrapper .col-lg-9{width: 100%;}
                  .services_wrapper .services_right{/*display: none;*/}
                  .photos_wrapper .gallery .img-box img{width: 100%; height: 275px;}
                }

                @media (max-width: 1200px) {
                  .menu-wraper ul.nav_menu.gap-5{gap: 1rem !important;}
                  .carousel .carousel-caption h5{font-size: 60px;}
                  .carousel .carousel-caption p{font-size: 18px; margin-top: -10px;}
                  .welcome_img{margin-top: 60px;}
                  .buyingtools_wraper .block{padding: 40px 20px;}
                  .buyingtools_wraper h4{padding-left: 120px;}
                  .buyingtools_wraper h4 small{height: 20px;}
                  .buyingtools_wraper .used_car h4:before{background-size: 90px; width: 90px; height: 90px;}
                  .buyingtools_wraper .insurance_cal h4:before{background-size: 80px; width: 80px; height: 80px;}
                  .buyingtools_wraper .block.search_used:hover h4:before{background-size: 80px; width: 80px; height: 80px;}
                  .search_cars article{width: 100%;}
                  .select-dropdown__button:before{background-size: 52px; width: 52px; height: 52px;}
                  .vehicle_info{bottom: -30%; padding: 16px 16px;}
                  .vehicle_info .price{font-size: 28px;}
                  .best-deal{font-size: 22px;}
                  .cars_stock_wraper .swiper-button-next, .cars_stock_wraper .swiper-button-prev{width: 30px; height: 30px;}
                  .cars_stock_wraper .swiper-button-next, .swiper-rtl .swiper-button-prev{left: 62.7%;}
                  .vehicle_info ul li{font-size: 12px;}
                  .hassle-free h1{font-size: 50px; line-height: 50px;}
                  .hassle-free p{font-size: 24px; padding: 0 20px;}
                  .post-requirement{height: auto;}
                  .post-requirement .container-fluid{height: auto;}
                  .require_form{width: 64%;}
                  .testmonials.container-fluid{margin-top: 3% !important;}
                  .emi_calculator article{width: 96%; padding: 48px;}
                  .footer_top_wrapper article{padding: 0 16px;}
                  .footer_top_wrapper article a{font-size: 22px;}
                  .footer_top_wrapper article a img{width: 40px;}
                  .footer_top_wrapper article p{line-height: 18px;}

/* stock page styles */
.stocks_wrapper .col-md-6{max-width: 100%; width: 50%;}

/*VDP page styles*/
.vdp_wrapper .col-sm-12{width: 100%; max-width: 100%;}
.vdp_wrapper .position-stikcy{position: relative; top: 0;}
.vdp_wrapper .car_overview article{margin-top: 2rem;}

.sellcar_wrapper .col-lg-9{width: 100%;}
.sellcar_wrapper .col-lg-3{display: none;}

.contactus_wrapper .col-lg-3{width: 50%; margin-bottom: 30px;}
.contactus_wrapper .getin_touch, .contactus_wrapper .map_section{padding: 0;}

}

@media (max-width: 1024px) {
  .menu_icon{display: block;}
  .menu-wraper ul.nav_menu{position: fixed; display: none; opacity: 0; visibility: visible; display: block; background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; left: 0; top: 0; 
    transform: translateX(-100%); transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s; -moz-transition: ease-out 0.2s; padding-top: 20px;}
    .menu-wraper ul.nav_menu li{line-height: 40px;}
    .menu-wraper ul.nav_menu li a{font-size: 18px;}
    .menu-wraper ul.nav_menu.mob_menu{display: block; transform: translateX(0px); opacity: 1;}
    .close_icon{display: block;}
    .carousel .carousel-caption h5{font-size: 48px;}
    .vehicle_info{bottom: -16%;}
    .cars_stock_wraper .swiper-button-next, .swiper-rtl .swiper-button-prev{left: 70%;}
    .cars_stock_wraper .swiper-button-prev, .swiper-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset, 27%);}
    .buyingtools_wraper h4{flex-flow: column; align-items: flex-start;}
    .buyingtools_wraper h4 small{line-height: 16px; padding-top: 10px;}
    .carousel .carousel-caption{bottom: 4rem;}
    .w-80{max-width: 100% !important; padding: 1px;}
    .btn-close{background-color: #ffffff !important; opacity: 1 !important;}
    .timeline{display: none !important;}
    #container1{display: none !important;}
    .filter_popup .modal-dialog{max-width: 100% !important; width: 100% !important; margin: 0; padding: 0;}
    .contactus_wrapper .getin_touch{margin-bottom: 50px;}
  } 

  @media (max-width: 991px) {
    .stocks_wrapper .best-deal{font-size: 16px;}
    .stocks_wrapper .vehicle_info{position: relative; bottom: 0; margin-top: -14%; padding: 16px 20px; display: block; opacity: 1; transform: translateY(0);}
    .stocks_wrapper .vehicle_info h4{font-size: 22px;}
    .year{width: 49%;}
    .month{width: 49%;}
    .aboutus_wrapper .col-lg-8.ps-5{padding-left: 12px !important;}
    .ft_bottom{display: block; text-align: center;}
    .services_wrapper article.half{min-height: auto; margin-top: 16px;}
  }

  @media (max-width: 820px) {
    .carousel .carousel-caption{width: 50%;}
    .carousel .carousel-caption h5{font-size: 50px;}
    .carousel .carousel-caption{bottom: 3rem;}
    .carousel .carousel-indicators{margin-bottom: 1rem;}
    .buyingtools_wraper h4{font-size: 36px; flex-flow: column; align-items: self-start; line-height: 36px;}
    .buyingtools_wraper h4 small{font-size: 22px; height: auto;}
    .buyingtools_wraper .used_car h4:before{top: -15px;}
    .buyingtools_wraper .search_used h4:before{width: 80px; background-size: 80px; height: 80px;}
    .search_cars article{display: block; width: 74%;}
    .select-dropdown__button{margin-bottom: 20px;}
    .btn_primary.w-25{width: 40% !important;}
    .cars_stock_wraper .swiper-button-next, .swiper-rtl .swiper-button-prev{left: 68.7%;}
    .cars_stock_wraper .swiper-button-prev, .swiper-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset, 27.3%);}
    .require_form{width: 100%;}
    .request_call h4{color: #ff0350;}
    .footer_top_wrapper{display: block;}
    .footer_top_wrapper article{width: 100%; margin-top: 0px; margin-bottom: 20px;}
    .footer_top_wrapper article a{font-size: 26px;}
    .ft_mddile .col-md-12{margin-bottom: 25px;}
    .ft_mddile .ft_menu{display: block;}
    .ft_mddile ul li a{font-size: 17px;}
    .ft_bottom{display: block; text-align: center;}
    .stocks_wrapper .col-md-6 { max-width: 100%; width: 100%;}
  }

  @media (max-width: 767px) {
    .premium_template_2{overflow-y: visible; padding-right: 0px;overflow-x: hidden;}
    .premium_template_2.visabl{overflow-y: hidden; padding-right: 0px;}
    .premium_template_2.visabl .chatbot-container{right: 0px;}
     .stocks_wrapper .stock_product:hover .vehicle_info{transform: none; opacity: 1; transition: none;}
    .stocks_wrapper .stock_product:hover .stock_img{transform:none; transition:none;}
    .stocks_wrapper .stock_product:hover .share {transform: none;}
    .stocks_wrapper .share{opacity: 1;}
    .logo img{width: 80%;}
    .total-stock{margin: 0; font-size: 14px;}
    .header-wraper .container-fluid{background: rgba(0, 0, 0, 0.9); padding:5px 0; }
    .sticky_hdr .container-fluid{}
    .carousel{margin-top: 0px;}
    .welcome_img{margin-top: 30px;}
    .welcome_wrapper .col-lg-7{padding-left: 1rem !important;}
    .welcome_wrapper .col-lg-7 .welcome_text{padding-top: 1rem !important;}
    .welcome_text h2{font-size: 40px;}
    .welcome_text h2 span{font-size: 28px;}
    .buyingtools_wraper h4{padding-left: 0px; padding-top: 90px; font-size: 32px; align-items: center; width: 100%;}
    .buyingtools_wraper h4:before{right: 0; margin: auto; top: 0;}
    .buyingtools_wraper h4 small{line-height: 22px; text-align: center;}
    .search_cars article{width: 90%; margin: 20px 0 !important;}
    .btn_primary.w-25{width: 90% !important;}
    .vehicle_info{bottom: -14%;}
    .cars_stock_wraper .swiper-button-next, .swiper-rtl .swiper-button-prev{left: 89.7%;}
    .cars_stock_wraper .swiper-button-prev, .swiper-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset, 2.3%);}
    .hassle-free h1{font-size: 38px;}
    .hassle-free p{line-height: 32px; font-size: 22px;}
    .ft_mddile{padding: 20px 0;}
    .require_form{padding: 20px;}
    .timeline{display: none !important;}
    #container1{display: none !important;}
    .popup-box .col-md-7{position: sticky; top: 0;}
    .ft_mddile .col-md-12 img{display: none;}
    .footer_wrapper{margin: 20px 0 0 0;}
    .contactus_wrapper article {
      background: #ffffff;
      border-radius: 20px;
      padding: 20px 20px;
      box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.1);
      transition: all 0.25s;
      position: relative;
      overflow: hidden;
    }
    .contactus_wrapper {
      position: relative;
      margin-top: -3rem;
      z-index: 1;
    }
/* stock page styles */
.inner_page_banner{background-size: 100%; height: 200px;}
.stocks_wrapper .stock_block{margin-bottom: 3rem;}
.stocks_wrapper.my-5{margin-bottom: 0 !important;}
.stocks_wrapper .col-md-6{max-width: 100%; width: 100%;}
.stocks_wrapper .share{transform: translateX(0rem);}
.tabs_group ul.nav-tabs{width: 36%;}
.tabs_group .tab-content{width: 64%; height: 100vh; max-height: unset; padding-bottom: 60px;}
.filter_popup .modal-dialog{height: 100vh;}
.filter_popup .btn_section{justify-content: center; position: fixed; width: 100%; bottom: 0; left: 0; padding: 15px 0; background: #f2f2f2;}
.filter_popup .modal-content{border-radius: 0; height: 100vh;}
.filter_popup .modal-body{min-height: unset;}
.request_call_popup .modal-dialog{max-width: 100%;}
.vdp_wrapper.container{margin-bottom: 0 !important;}
.vdp_wrapper .carDetails_big .swiper-slide img{border-radius: 10px;}
.vdp_wrapper .carDetails_thumb .swiper-slide img{border-radius: 10px;}
.smiliar_price_wrapper{margin-bottom: 0 !important;}
.smiliar_price_wrapper .stocks_wrapper .stock_block{margin-bottom: 0px;}
.contactus_wrapper .col-lg-3{width: 100%;}
.photos_wrapper .gallery .img-box img{width: 100%; height: 207px;}
}

@media (min-width: 576px) {
  .container, .container-sm{max-width: 100%;}
}

@media (max-width: 550px) {
  .filters_wrapper{top: 62px;}
  .filters_wrapper .container{}
  .toal-results{text-align: center; margin-bottom: 0px;}
  .footer_top_wrapper article a{font-size: 24px;}
  .filter span{display: none;}
  .photos_wrapper .gallery .img-box img{width: 100%; height: auto;}
}

@media (max-width: 490px) {
  .carousel .carousel-indicators [data-bs-target]{width: 14px; height: 14px;}
  .welcome_text h2{font-size: 34px;}
  .welcome_text h2 span{font-size: 26px;}
  .cars_stock_wraper h2{font-size: 32px;}
  .post-requirement h2{font-size: 28px;}
  .vehicle_info{bottom: -22%;}
  .emi_calculator article{width: 100%; padding: 24px; min-height: inherit;}
  .testmonials h2{font-size: 32px;}
  .timeline, #container1{display: none !important;} 
  .tabs_group ul.nav-tabs{width: 40%;}
  .tabs_group .tab-content{width: 60%;}
  .tabs_group .tab-content h5{font-size: 18px;}
  .button-group{width: 100%;}
  .button-group .radio_button{width: 100%;}
  .radio_button label{width: 100%; padding: 15px 15px;}
  .stocks_wrapper .stock_block{margin-bottom: 3rem;}
  .stocks_wrapper .vehicle_info .price{font-size: 26px;}
  .kilometer .radio_button label{width: 100%;}
  .btn_primary_sm{font-size: 14px;}
  .buy_car_wrapper button{font-size: 12px; padding: 10px 12px;}
  .vdp_wrapper .car_overview article .car_overview_header{padding: 10px 20px;}
  .vdp_wrapper .car_overview article .car_overview_header .price{font-size: 28px;}
  .seller_warranty .accordion-button{font-size: 14px;}
  .sellcar_wrapper .car_insurance .d-flex{display: block !important;}
  .container.my-5.pt-4{margin-top: 0px !important;}
  .toal-results{white-space: nowrap; font-size: 16px;}

}

@media (max-width: 370px) {
  .header_wraper_inner{height: 49px; background: #000000 !important;}
  .logo{width: 40%;}
  .logo img{width: 50%;}
  .btn_primary{width: 100%;}
  .buyingtools_wraper.my-5{margin: 20px 0 !important;}
  .buyingtools_wraper h4{font-size: 26px;}
  .buyingtools_wraper h4 small{font-size: 18px;}
  .testmonials h2{font-size: 28px;}
  .total-stock{font-size: 12px;}
  .total-stock:before{font-size: 12px;}
  .search_cars article{width: 100%;}
  .btn_primary.w-25{width: 100% !important;}
  .hassle-free.my-5{margin: 15px 0 !important;}
  .hassle-free h1{font-size: 30px; line-height: 36px;}
  .search_cars h2{font-size: 28px;}
  .vehicle_info{bottom: -28%;}
  .cars_stock_wraper .swiper-slide .share a img{width: 24px;}
  .best-deal{font-size: 18px; padding: 4px 10px;}
  .share a{margin: 10px 0 0 0;}
  .fields_set{display: block;}
  .fields_set select{margin-bottom: 10px;}
  .btn_primary.w-50{width: 100% !important;}
  .emi_calculator article{padding: 20px;}
  .emi_calculator article .form-check-label{font-size: 12px;}
  .footer_top_wrapper article a{font-size: 20px;}
  .require_form{margin: 10px auto;}
  .request_call h4{font-size: 26px;}
  .emi_calculator h4{font-size: 26px;}
  .ft_mddile img{width: 100%;}
  .toal-results{font-size: 14px;}
  .tabs_group ul.nav-tabs{width: 46%;}
  .tabs_group .tab-content{width: 54%;}
  .radio_button label{width: 120px; padding: 10px 10px;}
  .filters_wrapper{top: 34px; padding: 5px;}
  .filters_wrapper .container{padding: 0;}
  .filters_sort.gap-4{gap: 1rem !important;}
  .filter{margin-left: 15px;}
  .buy_car_wrapper button{display: block; width: 100%; text-align: center; font-size: 14px; margin: 10px 0;}

}

@media (max-width: 350px){
  .tabs_group .tab-content{padding: 8px;}
  .tabs_group .tab-content h5{font-size: 18px;}
  .tabs_group .nav-tabs .nav-link{font-size: 14px;}
  .radio_button label{font-size: 12px;}
  .kilometer .radio_button label{width: auto;}
  .inner_page_banner{height: 180px;}
  .vdp_wrapper .car_overview article .car_overview_header{padding: 10px 20px;}
  .vdp_wrapper .car_overview article .car_overview_header .price{font-size: 24px;}
  .vdp_wrapper .car_overview article .car_overview_header h2{font-size: 18px;}
  .vdp_wrapper .car_overview article ul{padding: 10px;}

}

.error {
  border: 1px solid red !important;
}



/*chat board*/
.chat-icon {
  position: fixed;
  bottom: 80px;
  right: 10px;
  background: #1f6fcf;
  color: #fff;
  padding: 15px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.msg.bot-msg {
  background: #f1f1f1;
  border: none;
  margin-right: 10px;
  padding: 10px 15px;
}
#the_chatbot {background-color: #f4f4f9;display: flex;justify-content: center;align-items: center;height: 100vh;margin: 0;}
.chatbot-container {width: 400px;max-width: 100%;margin: 0 auto;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: #fff;overflow: hidden;display: flex;flex-direction: column;height: 600px;position: fixed; bottom: 0; right: 0; z-index: 99999;}
.chat-header {background: #1f6fcf;color: #fff;padding: 15px;text-align: left;font-size: 18px;font-weight: bold;}
.chat-body {flex: 1;padding: 10px;overflow-y: auto;display: flex;flex-direction: column; font-size: 15px;}
.msg {margin: 10px 0;padding: 10px;border-radius: 10px;max-width: 75%;}
.msg.usr-msg {background: #007bff;color: #fff;align-self: flex-end;text-align: right;}
.msg.bot-msg {background: #f1f1f1;align-self: flex-start;}
/*.chat-icon {position: fixed;bottom: 20px;right: 20px;background: #007bff;color: #fff;padding: 15px;border-radius: 50%;cursor: pointer;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}*/
.optns_div {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin: 20px 0;}
.optns_btn {padding: 10px 20px;border: 1px solid #007bff;border-radius: 4px;font-size: 16px;cursor: pointer;display: inline-flex;align-items: center;gap: 10px;transition: background-color 0.3s, color 0.3s;color: #007bff;background-color: #fff;}
.optns_btn.selected {background-color: #007bff;color: white;}
.selection-footer {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;padding: 10px;}
#deselect-btn, #deselect-price-btn {background-color: #f0f0f0;color: #007bff;}
#submit-btn, #submit-price-btn {background-color: #007bff;color: white;}
/*chat board*/


@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 980px !important;}
  .carousel .carousel-caption h5{font-size:50px;}
  .carousel .carousel-caption p{font-size: 26px; margin-right: 0px; margin-top: -16px; padding-right: 2px;}
  .menu-wraper ul.nav_menu li a{font-size: 12px;}
  .total-stock{font-size: 12px;}
  .welcome_wrapper .col-md-12.col-lg-7{padding-left: 1.5rem !important;}
  .welcome_text.pt-5{padding-top: 1rem !important;}
  .welcome_text h2{font-size: 28px; line-height: 1.8rem;}
  .welcome_text h2 span{font-size: 24px;}
  .welcome_text h2 small{font-size: 14px;}
  .welcome_text p{font-size: 14px;}
  .welcome_img{margin-top: -60px;}
  .welcome_img img{padding: 16px;}
  .carousel .carousel-indicators [data-bs-target]{width: 12px; height: 12px;}
  .btn_primary{font-size: 14px; padding: 10px 30px;}
  .buyingtools_wraper .used_car h4:before{background-size: 60px !important; width: 60px !important; height: 60px !important;}
/*  .buyingtools_wraper .used_car:hover h4:before{background-size: 70px; width: 70px; height: 70px;}*/
  .buyingtools_wraper .insurance_cal h4:before{background-size: 50px !important; width: 50px !important; height: 50px !important;}
/*  .buyingtools_wraper .insurance_cal:hover h4:before{background-size: 70px; width: 70px; height: 70px;}*/
  .buyingtools_wraper .search_used h4:before{background-size: 50px !important; width: 50px !important; height: 50px !important;}
  .buyingtools_wraper h4{padding-left: 100px;}
  .view_more{font-size: 16px; padding: 10px 0;}
  .buyingtools_wraper h4{font-size: 18px; line-height: 22px;}
  .buyingtools_wraper h4 small{font-size: 14px; line-height: 16px;}
  .buyingtools_wraper .block{padding: 40px 20px;}
  .buyingtools_wraper article:hover .view_more:hover::before { transform: translate(800%, 14%) scale(1, 1); opacity: 1; background-size: 34px; height: 34px; width: 34px;}
  .select-dropdown.car-img{background-size: 30px !important; padding-left: 40px !important; border-radius: 10px !important;}
  .select-dropdown.budget-bag{background-size: 30px !important; padding-left: 40px !important; border-radius: 10px !important;}
  .select-dropdown__button{font-size: 16px; height: 50px;}
  .search_cars h2, .cars_stock_wraper h2, .testmonials h2{font-size: 28px;}
  .search_cars h2 small, .cars_stock_wraper h2 small, .testmonials h2 small{font-size: 20px;}
  .vehicle_info{padding: 10px 20px;}
  .vehicle_info h4 a{font-size: 18px;}
  .vehicle_info .price{font-size: 18px;}
  .vehicle_info ul li{font-size: 11px; padding-right: 10px;}
  .vehicle_info .btn-details{font-size: 12px; padding: 8px 26px;}
  .cars_stock_wraper .swiper-button-next, .cars_stock_wraper .swiper-button-prev{width: 30px; height: 30px;}
  .hassle-free.my-5{margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
  .hassle-free h1{font-size: 30px; line-height: 34px;}
  .hassle-free p{font-size: 18px; line-height: 24px; padding: 0 140px;}
  .post-requirement h2{font-size: 26px;}
  .require_form{border-radius: 20px; padding: 30px; width: 54%;}
  .require_form h4{font-size: 16px;}
  .fields_set select{font-size: 14px; height: 46px;}
  .require_form ul li{font-size: 14px;}

  .testmonials.container-fluid {margin-top: 10% !important;}
  .testmonials .swiper-slide{padding: 20px 20px 0 20px;}
  .testmonials.container-fluid .swiper-slide p{font-size: 10px; min-height: 122px !important; padding-top: 10px; line-height: 14px;}
  .testmonials .swiper-slide h5{font-size: 12px;}
  .testmonials .swiper-slide h5 small{font-size: 10px;}
  .testmonials .swiper-slide .img-curv{border-radius: 0 20px 0 0;}
  .testmonials .swiper-slide .info .img{width: 40px; height: 40px;}
  .testmonials .swiper-slide img{width: 20px;}
  .testmonials .swiper-slide .stars span.rate{font-size: 14px;}
  .testmonials .swiper-slide .stars img{width: 14px; height: 14px;}
  .testmonials .swiper-pagination-clickable .swiper-pagination-bullet{width: 16px; height: 16px;}
  .testmonials .swiper-pagination-clickable .swiper-pagination-bullet{font-size: 20px;}
  .emi_calculator h4{font-size: 20px;}
  .emi_calculator article{padding: 26px; min-height: 340px; width: 70%;}
  .emi_calculator article .mb-4.pb-2{}
  .emi_request_call .form-control, .form-control{font-size: 14px; height: 42px;}
  .emi_calculator article .form-check{font-size: 12px;}
  .disclaimer{font-size: 10px; line-height: 12px;}
  .footer_top_wrapper article{min-height: 60px;}
  .footer_top_wrapper article a{font-size: 14px;}
  .footer_top_wrapper article p{line-height: 14px; font-size: 12px;}
  .footer_top_wrapper article a img{width: 28px;}
  .ft_mddile h4{font-size: 16px;}
  .ft_mddile ul li a{font-size: 12px;}
  .ft_bottom, .ft_bottom p{font-size: 12px;}
  .powered img{width: 50%;}
  .ft_mddile img{width: 50%;}
  .social_links a.facebook{background-size: 26px; width: 26px; height: 26px;}

  .stocks_wrapper .vehicle_info{padding: 10px 20px;}
  .stocks_wrapper .stock_block{width: 33%;}
  .stocks_wrapper .vehicle_info a{font-size: 14px;}
  .stocks_wrapper .vehicle_info ul{margin: 5px 0px;}
  .stocks_wrapper .vehicle_info ul li{font-size: 10px; padding-right: 10px;}
  .stocks_wrapper .vehicle_info ul li img{width: 16px;}
  .stocks_wrapper .vehicle_info .price{font-size: 18px;}
  .stocks_wrapper .vehicle_info .btn-details{font-size: 12px; padding: 6px 20px;}
  .filters_wrapper{top: 48px;}
  .sortby select.form-select{font-size: 12px;}
  .toal-results{font-size: 14px;}
  .filter{font-size: 14px;}
  .filter a img{width: 20px;}
  .inner_page_banner .transprent_bg{top: -1px;}
  .pagination{font-size: 12px;}
  .share img{width: 24px;}
  .inner_page_banner{height: 250px;}
  .filter_popup {}
  .radio_button label{font-size: 10px; padding: 6px 20px;}
  .filter_popup .modal-header{padding: 0.5rem 1rem;}
  .filter_popup .nav-tabs li .nav-link{font-size: 12px; padding: 5px 10px;}
  .filter_popup .tab-content h5{font-size: 14px !important;}
  .btn_section button{font-size: 12px; padding: 6px 20px;}
  .filter_popup .btn-reset{font-size: 10px; background-size: 14px;}
  .filter_popup .btn-close{font-size: 12px;}
  .filter_popup .modal-header .modal-title{font-size: 16px !important;}
  .filter_popup .modal-dialog{width: 750px !important; max-width: 750px !important;}
  .filter_popup .radio_button{margin-bottom: 0px;}
  .filter_popup .radio_button label img{width: 60px;}
  .filter-bread{font-size: 12px;}
  .sellcar_wrapper .accordion-body h4{font-size: 14px;}
  .sellcar_wrapper .accordion-button{font-size: 12px; padding: 0.5rem;}
  .sellcar_wrapper .accordion-body .fields_set select{font-size: 12px; height: 38px;}
  .sellcar_wrapper .accordion-body .fields_set label{font-size: 12px;}
  .sellcar_wrapper .accordion-body .col-sm-12.mb-3{margin-bottom:0.5rem !important; }
  .sellcar_wrapper .accordion-body .fields_set .form-control{height: 38px;}
  .sellcar_wrapper .date .calander-icon{top: 34px; left: 32px;}
  .sellcar_wrapper .installd_features ul li{font-size: 12px;}
  .sellcar_wrapper .car_condition .accordion-body h4{font-size: 12px;}
  .car_condition h6{font-size: 12px;}
  .sellcar_wrapper .car_condition .accordion-body .row.mb-3{margin-bottom: 0.5rem !important;}
  .sellcar_wrapper .accordion-body h6{font-size: 12px;}
  .sellcar_wrapper #contact_information .accordion-body .form-label{font-size: 12px;}
  .sellcar_wrapper #contact_information .accordion-body .form-control{font-size: 12px; height: 38px;}
  .services_wrapper h2{font-size: 18px;}
  .services_wrapper h4{font-size: 16px; line-height: 24px;}
  .services_wrapper h5{font-size: 12px;}
  .services_wrapper .full p{font-size: 12px;}
  .services_wrapper .half{width: 100%;}
  .getin_touch h4{font-size: 16px;}
  .getin_touch label{font-size: 12px;}
  .getin_touch .form-control{font-size: 12px; height: 40px;}
  .map_section h4{font-size: 16px;}
  .getin_touch .btn-black{height: 40px;}
  .contactus_wrapper article h4{font-size: 14px;}
  .contactus_wrapper article p{font-size: 10px;}
  .inner_page_banner h4{font-size: 24px;}
  .inner_page_banner h4::before{top: 28px;}
  .inner_page_banner h4::after{top: 28px;}
  .contactus_wrapper article{padding: 20px;}
  .inner_page_banner h4 small{font-size: 10px;}
  .contactus_wrapper .emailUs article h4:before, 
  .contactus_wrapper .ourAddress article h4:before,
  .contactus_wrapper .openHourse article h4:before, .contactus_wrapper .callUs article h4:before {background-size: 30px !important; width: 30px !important; height: 30px !important;}
  .chat-icon{width: 36px; height: 36px;}
  .back-to-top{width: 26px; height: 26px; line-height: 20px;}
  .social_links a.insta{background-size: 30px; width: 30px; height: 30px;}
  .vdp_wrapper h2{font-size: 18px; font-weight: bold;}
  .vdp_wrapper .car_overview article .car_overview_header{padding: 20px 30px;}
  .vdp_wrapper .car_overview article .car_overview_header h2{font-size: 16px;}
  .vdp_wrapper .car_overview article .car_overview_header .price{font-size: 18px;}
  .vdp_wrapper .car_overview article ul{padding: 10px 20px;}
  .vdp_wrapper .car_overview article ul li{font-size: 12px; line-height: 40px;}
  .vdp_wrapper .car_overview article ul li img{width: 18px;}
  .seller_warranty .accordion-button{font-size: 16px; padding: 0.8rem 1rem;}
  .accordion-item .accordion-body{font-size: 12px; padding: 0.8rem 1rem;}
  .smiliar_price_wrapper h4{font-size: 18px;}
  .stocks_wrapper .vehicle_info h4{margin-bottom: 0px;}
  .smiliar_price_wrapper .stocks_wrapper .vehicle_info{transform: translateY(2rem);}
  .car_overview .btn_primary_sm{font-size: 14px;}
  .smiliar_price_wrapper .swiper-button-next, .smiliar_price_wrapper .swiper-button-prev{width: 30px; height: 30px;}
  .buy_car_wrapper h4{font-size: 18px;}
  .timeline .bar{background-size: 70px !important; width: 70px;}
  .item1{width: 3px; height: 34px;}
  .services_right article h3{padding: 15px 20px; font-size: 18px;}
  .services_right article ul li a{padding: 10px; font-size: 12px;}
  .services_wrapper .services_right{width: 28%; display: block;}
  .services_right article ul{padding: 10px 15px;}
  .radio_button label{width: 166px;}
  .manufacturer .radio_button label{padding: 10px 20px; min-height: 64px; display: flex; align-items: center; justify-content: center;}
  .filter_popup .modal-dialog-scrollable .modal-body{overflow-y: unset;}
  .filter_popup .modal-body .tabs_group .tab-content {max-height: 200px; overflow-y: auto;}
  .filter_popup .btn-reset:hover{background-size: 14px;}
}