@font-face {
    font-family: CenturyGothic-Regular;
    src: url("../fonts/CenturyGothic-Regular.ttf");
  }
  @font-face {
    font-family: CenturyGothic-Bold;
    src: url("../fonts/CenturyGothic-Bold.TTF");
  }
  @font-face {
    font-family: CenturyGothic-Black;
    src: url("../fonts/CenturyGothic-Black.TTF");
  }

:root{
    --primary-color: #E02D2D;
    --header-color: #E02D2D;
    --black-text: #181818;
    --active-nav-bg: #FF5B5B;
    --primary-light: rgba(224, 45, 45, 0.10);
    --paragraph-color: #6B6B6B;
}

  body{
/*    font-family: CenturyGothic-Regular;*/
font-family: 'Plus Jakarta Sans', sans-serif;
	    color: var(--default-text-color);
  }

  .container-fluid{
    padding-left: 30px;
    padding-right: 30px;
  }

/*===================
Navigation Start 
====================*/

@media (min-width: 1400px){
  .nav_header .container, .header-2 .container, .header-3 .container {
    max-width: 1420px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl{
    max-width: 1420px;
}
}
@media (max-width: 1399.9px) and (min-width:1320px){
.container, .container-lg, .container-md, .container-sm, .container-xl{
    max-width: 1300px !important;
}
}

.nav_header, .header-2, .header-3{
  font-family: 'Plus Jakarta Sans', sans-serif;
}
.nav_header, .header-2{
  background-color: var(--header-color);
}
.header-2{
  border-top: 1px solid #FF4747;
}
nav .navbar-nav.menu_1 li:nth-child(3){
     /* border-left: 1px solid #fff;
    line-height: 10px;
    margin-left: 16px;*/
    padding-left: 10px;
}
li.nav-item > *, .search_label{
  font-size: 18px;
  font-weight: 400
}
.header-3 li.nav-item a{
  color: #000;
  font-weight: 500;
}
/*.navbar-brand img{
      width: 150px;
}*/
.lang_drop button{
  background: transparent;
    border: 0;
    border-radius: 0px;
    box-shadow: none !important;
    padding: 0px;
    margin-left: 10px;
}
.lang_drop button:after{
  font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f078";
  border: 0;
    vertical-align: baseline;
}
.search-form {
  right: 200px;
  top: 200px;
}

.search-field {
  background-color: transparent;
/*  background-image: url(../img/search-status.png);*/
  background-image: url(../landing_page/img/search-status.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  cursor: pointer;
  height: 40px;
  margin: 3px 0;
  padding: 0 0 0 34px;
  position: relative;
  -webkit-transition: width 400ms ease, background 400ms ease;
  transition: width 400ms ease, background 400ms ease;
  width: 0px;
  cursor: pointer;
}

.search-field:focus {
    background-color: transparent;
    border: 2px solid #fff;
    cursor: text;
    outline: 0;
    width: 250px;
    color: #fff;
}
.search-field::placeholder {
    color: #fff;
    font-size: 18px;
}
.search-form .search-submit {
  display: none;
}
.search_label{
  cursor: pointer;
}


@media screen and (max-width: 576px){
  .search_label{
    display: none;
  }
}

@media screen and (min-width: 768.1px){
  .subscribe_input{
    width: 50% !important;
  }
  .menu_2 li:hover a {
    color: #000 !important;
}
  .menu_3 li:hover a {
    color: var(--primary-color); !important;
}
}


@media screen and (max-width: 768px){
  ul.menu_1 {
    /*display: -webkit-inline-box;
    text-align: right;*/
    display: flex;
    flex-direction: row;
  }
  ul.menu_1 a.nav-link{
    padding: 0px;
    height: auto;
    margin: 0px;
  }
   ul.menu_1 li:nth-child(2) {
       line-height: unset !important; 
  }
  ul.menu_3 li a{
    color: #fff;
  }
}

@media screen and (max-width: 350px){
  nav .navbar-nav.menu_1 li:nth-child(3){
    border-left: 0px;
    padding-left: 0px;
    margin-left: 10px;
  }
  .sign_in_text{
    display: none;
  }
}

/* ipad Css Start */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    li.nav-item > *, .search_label {
        font-size: 16px;
    }
}

/* ipad Css End */

/*===================
Navigation End
====================*/


/* New Navigation Start */

.menu_second ul > li.dropdown_menu_ a {
  padding: 15px !important;
  text-decoration: none;
  color: var(--black-text);
}
a.navbar-brand h3 {
    font-size: clamp(1.3125rem, 0.8864rem + 2.1994vw, 2.25rem) !important;
    font-weight: 500 !important;
}
.menu_first li a{
   color: var(--black-text);
  font-size: 14px;
  font-weight: 600;
}
.menu_first li{
   padding: 0px 70px;
}
.menu_first li:nth-child(3){
   padding-right: 0px;
}
.menu_first li:nth-child(2){
   border-left: 2px solid var(--black-text);
    border-right: 2px solid var(--black-text);
}
.menu_second ul > li.dropdown_menu_{
  margin-right: 50px;
}
.menu_second ul > li.dropdown_menu_:last-child{
  margin-right: 0px;
}
.megamenu {
  padding: 20px 15px;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(14px);
  border-radius: 0px;
}
.megamenu .list-header{
  color: var(--black-text);
  font-size: 16px;
  font-weight: 600;
}
.megamenu .list-header + hr{
  border-color: rgb(24 24 24 / 80%);
}
.megamenu .mega_sub_menu li{
  margin-bottom: 14px;
}
.megamenu .mega_sub_menu li a{
  color: var(--black-text);
  font-size: 16px;
  font-weight: 400;
}
.dropdown_menu_ .nav-link:hover{
  text-decoration: underline;
}
.finance_sub_menu{
   -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.finance_sub_menu li, .sell_sub_menu li {
    margin-bottom: 13px;
    margin-right: 40px;
}
@media screen and (max-width: 1365.9px){
  .navbar-brand{
    padding-left: 15px !important;
  }
  .right_menu > ul, .menu_second{
    padding-right: 15px;
  }
}
@media screen and (min-width: 1366px){
  .navbar-brand{
    padding-left: 60px !important;
  }
  .right_menu > ul, .menu_second{
    padding-right: 60px;
  }
  .megamenu {
    padding-left: 60px;
    padding-right: 60px;
}
}
@media screen and (min-width: 768px){
  .menu_first{
    background-image: url("/images/header_curve.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
  }
  .dropdown_menu_.active{
    background: var(--active-nav-bg);
    padding: 0px 15px;
  }
  .menu_second ul > li.dropdown_menu_ {
    padding: 15px;
    position: unset;
}
.dropdown_menu_ > a:after{
  content: unset !important;
}
.navbar-brand img{
  width: 90% !important;
  height: auto;
}
}
@media screen and (max-width:991.9px) and (min-width: 768px){
  .menu_first li {
    padding: 0px 30px;
}
  .menu_second ul li.dropdown_menu_ {
    margin-right: 50px;
}

}

@media screen and (max-width: 767.9px){
  .navbar-brand {
/*      width: 20% !important;*/
      width: 27% !important;
  }
  .navbar-brand img{
    width: 100% !important;
  }
  .right_menu {
      width: 70% !important;
      padding: 10px 0px;
  }
  .menu_first{
    flex-direction: row;
  }
  .menu_first li {
    padding: 0px 17px;
}
  .menu_first li svg{
    display: block;
    margin: auto !important;
    margin-bottom: 5px !important;
}
  .menu_first li svg path{
    fill: #fff;
}
.menu_first li:nth-child(2){
  border-color: #fff;
      height: 30px;
}
.menu_first li:nth-child(2) a{
      transform: translateY(-6.5px);
}
.menu_first li:last-child{
  padding-right: 0px;
}
.menu_first li > *{
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
#collapsibleNavbar .navbar-nav{
  padding-bottom: 20px;
}
.dropdown_menu_ .megamenu{
  position: unset !important;
  transform: unset  !important;
/*      border-radius: 10px;*/
    border: 0px;
}
.menu_second ul > li.dropdown_menu_ {
    margin-right: 0px;
        margin-bottom: 0px;
}
.menu_second{
  padding-right: 0px;
}
.menu_second ul > li.dropdown_menu_ > a {
    font-size: 20px;
}
.megamenu > div > li{
  margin-bottom: 20px;
}
.megamenu > div > li:last-child{
  margin-bottom: 00px;
}
.finance_sub_menu{
   -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
}

@media screen and (max-width: 399.9px){
.menu_first li {
    padding: 0px 10px;
}
/*.right_menu {
    width: 70% !important;
}*/
}
@media screen and (max-width: 576px){
.text_mob{
  font-size: 10px;
}
.menu_first li svg {
    margin-bottom: 0px !important;
    width: 18px;
}
.navbar-brand {
    width: 35% !important;
}
.right_menu {
    width: 62% !important;
}
}

@media screen and (max-width: 350px){

.menu_first li:nth-child(2) {
    border: 0px;
    height: unset;
}

.menu_first li svg {
    margin-bottom: 0px !important;
    width: 15px;
}
.menu_first li:nth-child(3) {
    padding-right: 10px;
}
.menu_first li:nth-child(2) a {
    transform: unset;
}
.menu_first li {
    padding: 0px 5px;
}
.hero_tabs .radio_button label, #filter-form select, #filter-form input::placeholder{
  font-size: 13px;
}
}

@media screen and (min-width: 1024px){
  .megamenu > .row{
    max-width: 1260px;
    margin: auto;
  }
}
/* New Navigation End */

.form-control {
    height: calc(1.9em + 0.75rem + 2px);
    border-color: #ebebeb;
    font-size:14px;
    border-radius: 8px !important;
}


.greenbar h5 {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 5px 0px;
}

.greenbar {
    background-color: var(--primary-color);
    padding: 5px 0px;
    text-align: center;
}
/*a.navbar-brand img {
    max-width: 200px;
}*/
/*.navbar{
    padding: 15px 0px;
}*/
.navbar-expand-lg .navbar-nav .nav-link {
    color: #252525;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 600;
    text-transform: uppercase;
}



/* .navbar ul li:nth-child(2) { */
    /* background-color: var(--primary-color); */
    /* border-radius: 100px; */
    /* padding: 0px 15px; */
/* } */

.car_search_btn{
	background:var(--secondary-color);
	padding: 0.5rem 1.4rem !important;
	border-radius:50px;
}
.saved_card_btn{
	background:var(--secondary-color);
	padding: 0.5rem 1.4rem !important;
	border-radius:50px;
    color: var(--secondary-text-color) !important;
}
/* .navbar ul li:nth-child(2) a.nav-link{ */
    /* color:#fff; */
    /* padding-left: 5px; */
    /* padding-right: 5px; */
/* } */

.right-sec ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
}
.right-sec .nav-link img {
    width: 30px;
    height: 25px;
}

.right-sec .dropdown-menu {
    right: 0px;
    left: auto;
    padding: 5px 0px;
}


.right-sec ul li.dropdown  a {
    font-size: 14px;
    padding: 6px 17px;
}

/*===================
Loader 
====================*/
/* public/css/styles.css */
.loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    border: 6px solid #f3f3f3; /* Light gray */
    border-top: 6px solid var(--primary-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/*===================
Filter Sidebar
====================*/

/*section.listing-details .container-fluid > .row {
    margin: 0!important;
}*/
  /*.no-pad {
    padding: 0px !important;
}*/
.mobile-filter{
    display: none;
}

.filter-sidebar {
    padding: 0px;
/*    box-shadow: 0px 7px 12px #e9e9e9;*/
   
}
label {
    font-size:14px;
}
/*.product-listing {
    padding: 25px 0px 25px 20px;
}*/

.filter-sidebar h3 {
/*    background-color: var(--secondary-color);*/
/*    background-color: var(--secondary-color);*/
    padding: 14px 15px;
    text-align: center;
    font-size: 22px;
    color: var(--secondary-text-color);
    font-weight: 600;
        margin-bottom: 20px;
}

.sidebar-content {
/*    padding: 12px 23px;*/
   /* overflow-Y: scroll;
    height: calc(100vh - 62px);*/
        padding: 36px 0px 20px;
    border-radius: 11px;
    border: 1px solid #E7EBF3;
    margin-top: 23px;
}

.filter-sidebar .d-flex {
    align-items: center;
    justify-content: space-between;
}

.filter-sidebar .d-flex .form-control {
    width: 48%;
}
.filter-sidebar  .nav-tabs {
    border-bottom: 0px;
}
.filter-sidebar .nav-tabs .nav-item.show .nav-link,.filter-sidebar .nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--primary-color);
    border-color: transparent;
    border-radius: 100px;
/*    font-family: CenturyGothic-Black;*/
}
.filter-sidebar li.nav-item {
    width: 50%;
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 60px;
}
.filter-sidebar li.nav-item a{
    color:var(--default-text-color);
    font-size:14px;
}
.filter-sidebar .nav-tabs {
    border-bottom: 0px;
    background-color: #f8f8f8;
    border-radius: 100px;
}

.form-group.tab-head-sec {
    padding: 8px 20px;
}
.form-group.tab-head-sec.more-options{
    padding: 18px 0px;
}
.value-box h4 {
    font-size: 16px;
    padding-right: 10px;
/*    font-family: CenturyGothic-Black;*/
}

.value-box a {
    width: 100%;
    border: 1px dotted #cbcbcb;
    padding: 0px;
    color: #8f8f8f;
    font-size: 15px;
    padding: 5px;
}

.value-box {
    margin: 20px 0px;
    clear:both;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: transparent;
}
.filter-sidebar .btn-danger {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 0px;
    width: 100%;
    padding: 11px 15px;
    font-size: 16px;
    font-weight: 600;
/*    margin-top: 15px;*/
    border-radius: 10px;
}
.filter-sidebar  .list-group-item{
    padding: 0;
    border:0;
}

a.reset-btn {
    color: #000;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 15px;
    padding: 6px 0px;
}
.filter-sidebar ul {
    padding: 0px;
    list-style: none;
}
.filter-sidebar ul.product-img-sec {
    display: flex !important;
    text-align: center;
    flex-wrap: wrap;
}
.product-img-sec input[type=checkbox]:not(.default), .product-img-sec input[type=radio]:not(.default) {
    width: 17px;
    height: 17px;
}


.filter-sidebar ul.product-img-sec li {
    width: 33%;
	margin-bottom:10px;
    
}
.filter-sidebar ul.product-img-sec li input.body-style {
    display: block;
    accent-color: var(--primary-color);
    margin: auto;
}
.filter-sidebar ul.product-img-sec li label .body-type__name {
    font-size: 12px;
}
.filter-sidebar ul.product-img-sec li img{
    width: 100%;
    height: 27px;
    margin-bottom: 5px;
}

@media screen and (max-width:1240px) and (min-width:992px){
    .filter-sidebar ul.product-img-sec li {
        width: 50%;
    }
}
@media screen and (min-width:992px){
    .filter-sidebar ul.product-img-sec li label .body-type__name {
        font-size: 10px;
        color: var(--black-text);
    }
    .product-img-sec .body-type-container__body-type {
        padding: 3px !important;
    }
}
.sidebar-content .custom_card{
    border:1px solid #ddd;
    border-radius: 15px;
    margin-bottom: 40px;
}
.sidebar-content .custom_card.home_delivery{
    margin-bottom: 20px;
}
.custom_card .custom_card-body{
        padding: 30px 15px 25px;
    position: relative;
}
.custom_card .custom_card-body h5{
    margin-bottom: 0px;
    background: #ffff;
    color: var(--secondary-color);
    position: absolute;
    top: -13px;
    display: inline-block;
    padding: 0px 10px;
    font-weight: 700;
}
.custom_card .custom_card-body .form-group:last-child{
    margin-bottom: 0px;
}


/*===================
Product Listing
====================*/

section.listing-details {
    padding: 0px 0px;
        padding-top: 30px;
}
/*upperfilter*/
.upper-filter {
        display: flex;
    justify-content: end;
    padding: 5px;
    border: 1px solid #E9E8E8;
    border-radius: 10px;
}
.listing_right_side .upper-filter {
    padding: 0px;
    border: 0;
}
.upper-filter .btn-group .btn.active {
    background-color: var(--primary-color);
}
/*.upper-filter .btn-group .btn.active img{
    filter:brightness(100)
}*/
.upper-filter .btn-group .btn:focus{
    border: 0px;
    outline: none;
    box-shadow: none;
}
.upper-filter .btn-group .btn .icon-active{
    display: none;
}
.upper-filter .btn-group .btn.active .icon-active{
    display: inline-block;
}
.upper-filter .btn-group .btn.active .icon-noactive{
    display: none;
}
.upper-filter .sort {
    display: flex;
    align-items: center;
}
.upper-filter .sort span {
    min-width: 63px;
}
.upper-filter .btn-group .btn{
    background-color: transparent !important;
    border-radius: 100px !important;
    height: 40px;
    width: 40px;
    padding: 0px;
/*    margin-left: 10px;*/
    padding-bottom: 3px;
        border: 0px !important;
}
.upper-filter button img {
    width: auto;
    height: 20px;
}
.upper-filter .form-control{
    background-color: #F8F8F8;
    border:0px;
    font-size:14px;
    font-weight: 600;
	/* box-shadow:0px 0px 5px var(--secondary-color); */
/*	border:1px solid var(--secondary-color);*/
    border:1px solid #ddd;
}
/* .upper-filter .form-control:focus{ */
	/* border:1px solid var(--secondary-color); */
	/* box-shadow:none; */
/* } */

/*Lookup Page*/

.listing-id-check{
    padding: 80px 0px;
}
.listing-id-form{
	box-shadow: 0 10px 15px rgba(0,0,0,0.09), 0 -4px 6px rgba(0,0,0,0.03);
	border-radius: 15px;
}

/*Prouctlist*/


.product-img-sec .body-type-container__body-type {
    position: relative;
    cursor: pointer;
    opacity: .7;
    text-align: center;
    padding: 8px;
}
.saved-car-icon i {
    color: #000;
    font-size: 16px;
}

.saved-car-icon {
    position: absolute;
    background-color: #ffffff;
    padding: 6px;
    border-radius: 100px;
    height: 36px;
    width: 36px;
    text-align: center;
        right: 18px;
    top: 18px;
/*box-shadow: 0px 0px 10px #00000012;*/
    display: flex;
    justify-content: center;
    align-items: center;
}


.product-img-sec input[type=radio]:not(.default):checked + label {
    color: #000;
    margin-bottom: 0px !important;
    border: 1px solid #000;
    border-radius: 7px;
    background: #ebebeb;
}
.product-img-sec input[type=checkbox]:not(.default),.product-img-sec input[type=radio]:not(.default) {
    
    width: 20px;
    height: 20px;
}

 .card{
    border: 0px;
}
 .card .img-event img{
    height: 250px;
    width: 100%;
    border-radius: 10px;
/*    box-shadow: 0px 0px 10px #00000012;*/
	object-fit: cover;
}

.view-group .card .card-title{
    min-height:62px;
}
.card .card-title a {
    color: var(--default-text-color);
    font-size:21px;
}
 .price-boxs {
    display: flex;
    width: 100%;
    margin-bottom: 18px;
     justify-content: space-between; 
/*    text-align: center;*/
	gap: 10px;
        /*padding-bottom: 15px;
    border-bottom: 1px solid #E9E8E8;*/
}
 .product-des .price-boxs {
	flex-direction: column;
	align-items:center;
}

 /*.price-box {
    padding: 7px 5px 9px;
     border: 2px dotted #eee; 
	box-shadow: inset 0px 0px 5px #aaa;
    border-radius: 5px;
    width: 50%;
}*/
.single-details .price-box {
    box-shadow: inset 0px 0px 5px #aaa;
}
 .card .card-title {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 700;
    margin-top: 0px;
/*    font-family: CenturyGothic-Black;*/
}
.list-group-item .caption.card-body{
    padding: 0px;
}
 .caption.card-body p.group.inner {
    font-size: 14px;
    margin-bottom: 10px;
}
.caption.card-body .tags span {
/*    display: inline-block;*/

    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}
.caption.card-body .tags{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 0px;
    margin: 15px 0px;
    border-width: 1px 0 1px 0;
    border-color: #E9E8E8;
    border-style: solid;
}
/*.caption.card-body .tags svg path{
    fill: var(--primary-color);
}*/
/*.right-box {
    flex: 0 0 29%;
    padding-left: 0px;
    text-align: center;
}*/
.right-box .btn-danger img,.call-btn img {
    margin-right: 5px;
    margin-top: -5px;
}
.right-box .btn-danger,.call-btn {
    display: block;
    background-color: var(--primary-color);
    border: 0px;
    border-radius: 0px;
    font-size: 16px;
    padding: 8px 0px;
}



.view-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}
.thumbnail
{
    margin-bottom: 30px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 10px;
/*        box-shadow: 0 1px 4px hsla(0,0%,66%,.5);*/
	 border: 1px solid #E9E8E8;
     /*border: 3px solid #fff;
	 box-shadow: 0px 0px 5px #aaa;*/
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
    border: 0;
}
.item.list-group-item .img-event {
    float: left;
    width: 30%;
    overflow: hidden;

}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
    border-radius: 10px 0px 0px 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
}
.item.list-group-item .caption
{
    float: left;
    width: 70%;
    margin: 0;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item:after
{
    clear: both;
}

/*gridview*/

.product-listing .card-body {
    /* padding: 11px 0px 0px; */
    padding: 16px 20px 22px;
/*    text-align: center;*/
}

/*listview*/
.list-group-item .left-sec {
    text-align: left;
    padding: 0px 15px;
}

 section.listing-details .list-group-item .price-boxs{
    margin-bottom: 0px;
 }


.list-group-item  .right-box{
    padding-left: 30px;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
        width: 40px;
    height: 24px;
    float:right;
    border-radius: 100px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {display:none;}
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 100px;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 100px;
  }
  
  input.default:checked + .slider {
    background-color: var(--primary-color);
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
  }
  section.listing-details.saved-details h1 {
    font-weight: 600;
    margin-bottom: 20px;
/*    font-family: CenturyGothic-Black;*/
}



  /*====================
  footer
  =====================*/

 /* footer {
    background-color: #d5e8f3;
    padding: 60px 0px 0px;
}*/

/*footer h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--secondary-color);
    text-transform: uppercase;
}

footer ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 40px;
}
footer ul li{
    margin-bottom: 10px;
    font-size: 15px;
	    color: var(--secondary-color);
}
footer ul li a{
    font-size: 15px;
    color:var(--secondary-color);
}
footer p{
    font-size: 15px;
	color: var(--secondary-color);
}*/
.bottom-foot {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 20px;
}

.bottom-foot p {
    margin-bottom: 0px;
}

button.btn.btn-sidefilter {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 0px;
    padding: 0px 35px;
}
a.btn.btn-info.remove-btn {
    display: block;
    background-color: var(--secondary-color);
    border: 0px;
    border-radius: 0px;
    font-size: 16px;
    padding: 8px 0px;
    margin-top: 15px;
}
.saved-car-listing{
    padding: 0px;
}
section.listing-details.saved-details{
    padding: 30px 0px;
}
.side-headbox{
    background-color: var(--primary-color);
}

/*====================
Single Listing
=====================*/
.car-gallery img {
    height: 100%;
    width: 100%;
	/* height: 504px; */
	object-fit:cover;
}
.car-gallery .img-event img{
	height: 504px;
}
.single-details.listing-details{
    padding: 30px 0px;
}
.product-des > h2 {
/*    font-family: CenturyGothic-Black;*/
    font-size: 35px;
    margin-bottom:25px;
}
.product-des .price-boxs .price-box h2{
	font-size:26px;
	   color: var(--secondary-color);
}
.product-des small{
	display:block;
}

.product-des h4.price {
    font-size: 28px;
/*    font-family: CenturyGothic-Black;*/
    margin-bottom: 0px;
    color: var(--primary-color);
}
.product-des p {
    font-size: 14px;
    line-height: 28px;
}

.overview .innerbox {
    display: flex;
    align-items: center;
}
.overview .innerbox .icon {
       background-color: transparent;
    padding: 9px 15px;
    font-size: 34px;
    margin-right: 14px;
    color: #fff;
    border-radius: 0px;
    width: 69px;
    text-align: center;
}
.single-details .order-btn {
    margin-top: 25px;
    border-radius: 0px;
    padding: 15px 48px;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.overview h3 {
    background-color: var(--secondary-color);
    padding: 12px 15px;
    color: var(--secondary-text-color);
    margin-bottom: 24px;
/*    font-family: CenturyGothic-Black;*/
    border-radius: 2px;
    font-size:21px;
}
.overview .innerbox .icon.price-icon img {
    width: 30px;
    margin-top: -10px;
}
.overview {
    padding:0px;
    border: 0px dotted #eee;
    border-radius: 0px;
    margin-top: 20px;
}
section.product-info {
    padding-bottom: 50px;
}
.product-des {
    padding: 0px 35px;
}

.overview .innerbox {
        /* background-color: var(--primary-color)26; */
		box-shadow: inset 0px 0px 5px #aaa;
    border-radius: 5px;
    padding: 0px;
    margin-bottom: 10px;
}
.overview .innerbox p{
    margin-bottom: 0px;
    font-size:14
}
.overview .innerbox h5{
/*    font-family: CenturyGothic-Black;*/
    margin-bottom: 2px;
    font-size:16px;
	color: var(--secondary-color);
}
.sell_car_card{
    padding-bottom: 60px;
}
/*section.recent-product {
    background: #FCFCFC;
    padding: 40px 0px;
}*/
section.recent-product h2 {
    text-align: center;
    margin-bottom: 40px;
}
.overview .innerbox .icon img {
      width: 40px;
    /* filter: brightness(100); */
    margin-top: -8px;
}

section.recent-product .product-listing{
    padding: 0px;
}
.for_list_view .price-box h2{
	color: var(--primary-color);
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 700;
}
.pricing_ p{
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 400;
}
.price-box p.offer_price{
    text-decoration-line: line-through;
}
/*.price_div{
    margin-bottom: 18px;
}*/
.pricing_ h2 span{
    color: var(--black-text);
    font-size: 15px;
    font-weight: 400;
}
.car_special_heading{
    padding: 6px 15px;
    background-color: var(--primary-color);
    color: #fff;
    position: absolute;
    top: 18px;
    left: 18px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
}
.flickity-enabled {
    position: relative;
  }
  
  .flickity-enabled:focus { outline: none; }
  
  .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  
  .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  /* draggable */
  
  .flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
            tap-highlight-color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  
  /* ---- previous/next buttons ---- */
  
  .flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: white;
    background: hsla(0, 0%, 100%, 0.75);
    cursor: pointer;
    /* vertically center */
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  
  .flickity-prev-next-button:hover { background: white; }
  
  .flickity-prev-next-button:focus {
    outline: none;
  }
  
  .flickity-prev-next-button:active {
    opacity: 0.6;
  }
  
  .flickity-prev-next-button.previous { left: 20px; }
  .flickity-prev-next-button.next { right: 20px; }
  /* right to left */ */
  /* .flickity-rtl .flickity-prev-next-button.previous { */
  /*   left: auto; */
  /*   right: 10px; */
  /* } */
  /* .flickity-rtl .flickity-prev-next-button.next { */
  /*   right: auto; */
  /*   left: 10px; */
  /* } */
  
  .flickity-prev-next-button:disabled {
    opacity: 0.3;
    cursor: auto;
  }
  
  .flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
  }
  
  .flickity-prev-next-button .arrow {
    fill: #333;
  }
  
  
  
  .carousel-main {
    margin-bottom: 8px;
  }
  
  .carousel-cell {
    width: 100%;
    /* height: 504px; */
    margin-right: 8px;
    background: #8C8;
    border-radius: 5px;
    /* counter-increment: carousel-cell; */
  }
  
  /* cell number */ 
  /* .carousel-cell:before { */
  /*   display: block; */
  /*   text-align: center; */
  /*   content: counter(carousel-cell); */
  /*   line-height: 200px; */
  /*   font-size: 80px; */
  /*   color: white; */
  /* } */
  
  .carousel-nav .carousel-cell {
    height: 90px;
    width: 120px;
  }
  
  /* .carousel-nav .carousel-cell:before { */
  /*   font-size: 50px; */
  /*   line-height: 80px; */
  /* } */
  
  /* .carousel-nav .carousel-cell.is-nav-selected { */
  /*   background: #ED2; */
  /* } */
  
  /* Atelierbram edit */
  .carousel-main img {
    display: block;
    margin: 0 auto; 
  }
  

  .page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    font-weight: 600;
}
.page-link {
    font-size:14px;
    color: #6c6c6c;
}
.card .card-title a {
/*    color: var(--default-text-color);*/
    text-decoration: none;
        text-decoration: none;
    color: #26232A;
    font-size: 18px;
    font-weight: 700;
}
.vehicle_description{
    color: #86898E;
font-size: 14px;
font-weight: 500;
}
section.single-details.listing-details .call-btn {
    margin-top: 0;
    display: inline-block;
    padding: 9px 18px;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.saved-car-icon a.active i {
    color: var(--primary-color);
}
section.single-details.listing-details .product-des .call-btn img {
    margin-top: 0px;
}

section.single-details.listing-details .overview h3{
	margin-bottom: 17px;
}
.right-sec {
    display: flex;
}
.filter-sidebar .sidebar-content .postcode_check{
	color: var(--primary-color);
    border-radius: 50px;
}
.filter-sidebar .sidebar-content .postcode_check:last-child{
	    background-color: var(--primary-color) !important;
/*		    padding: 7px 8px;*/
}
.filter-sidebar .sidebar-content .postcode_check:last-child svg{
	    fill:#fff;
}
.filter-sidebar .sidebar-content label{
	color: var(--default-text-color);
	font-weight:700;
}
.filter-sidebar .sidebar-content input, .filter-sidebar .sidebar-content select{
/*	border:1px solid var(--secondary-color) ;*/
/*    border:1px solid #ddd;*/
}
input#postcode {
    padding-left: 40px;
}
.postcode_check:first-child {
    position: absolute;
    z-index: 10;
    left: 5px;
    top: 6px;
    padding: 5px;
}
.postcode_check:last-child {
  position: absolute;
    right: 5px;
    top: 5px;
    padding: 3px;
}

.listing_left_side{
    padding-left: 15px !important;
}
.listing_right_side{
    padding-right: 15px !important;
    margin-bottom: 30px;
}
/*===================
Media 
====================*/



/*@media screen and (min-width: 1700px) {

    .container-fluid {
        width: 80%;
    }
}*/



@media screen and (min-width: 992px) {
    
    .sidebar-modal {
        opacity: 1 !important;
        display: block;
        position: static;
/*        padding-top: 21px;*/
        /*height: 100vh;
        position: sticky;*/
        top: 0;
        /*box-shadow: 0px 0px 5px #aaa;
        border: 1px solid #ddd;*/
		border-radius: 12px;
            margin-bottom: 20px;
    }
    .sidebar-modal .modal-content{
        border:0px;
    }
    .mobile-btn{
        display: none;
    }
    button.btn.btn-sidefilter{
        display: none;
    }
  }

@media screen and (max-width: 1250px) {
	
	.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

/*a.navbar-brand img {
    max-width: 136px;
}*/
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 10px;
    padding-right: 7px;
    padding-left: 7px;
}
.right-sec .nav-link img {
    width: 26px;
    height: 22px;
}
.navbar ul li:nth-child(2) a.nav-link {
    padding-left: 0;
    padding-right: 0;
}
/* .navbar ul li:nth-child(2) { */
    /* padding: 0px 10px; */
/* } */
.right-sec ul li.dropdown a {
    padding: 6px 4px;
}
}


@media screen and (max-width: 767.9px) {
.product-des{
	padding:25px 0px;
}
.upper-filter .btn-group{
        display: none;
    }
    .upper-filter .sort span{
        display: none;
    }

.view-group{
	margin:0px;
}
 .navbar-toggler {
/*        background-color: var(--secondary-color);*/
        color: #fff;
/*        padding: 8px 13px;*/
    }
.upper-filter{
	margin: 0px 15px;
    margin-bottom: 25px;
}

 /*.navbar {
        padding: 15px 17px;
    }*/
}

  @media screen and (max-width: 767px) {
#filter-form{
    margin-top: 20px;
}
.side-headbox .close.mobile-btn{
    padding: 10px;
    color: #fff;
    opacity: 1;
}
.filter-sidebar h3{
    margin-bottom: 0px;
}
.product-listing {
    padding: 25px 0px 20px;
}


header .navbar {
    width: 100%;
    overflow: visible;
}
.right-sec ul li.dropdown a{
	margin-right:9px;
}
.right-sec {
    /* top: 30px; */
    right: 15px;
    position: absolute;
}
.navbar-collapse.collapsing + .right-sec, .navbar-collapse.collapse.show + .right-sec {
    top: 21px;
}

    
    
   
    /*a.navbar-brand img {
        max-width: 200px;
    }*/
/* .price-boxs{ */
	/* display:block; */
/* } */
/* .price-boxs .price-box{ */
	/* margin-bottom:15px; */
/* width: 100%; */
/* } */
   

    
    .side-headbox {
        display: flex;
        justify-content: space-between;
    }
    .product-des h2 {
        font-size: 30px;
    }
    
    section.single-details.listing-details .product-des .price-box{
        width: 100%;
    }
    .single-details.listing-details {
        padding: 30px 0px 12px;
    }
section.single-details.listing-details .call-btn{
   width:100%;
}
    
    .carousel-cell,.flickity-enabled.is-draggable .flickity-viewport{
        height: 234px;
    }
    section.listing-details.saved-details h1 {
        font-size: 30px;
        text-align: center;
    }
    
.overview .innerbox p{
	text-align:left;
}
    
.right-sec .dropdown-menu{
	    padding: 4px 7px;
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 34%;
    top: 34%;
    width: 30%;
    height: 30%;
}
.flickity-prev-next-button{
	width: 35px;
    height: 35px;
}
.product-des .price-boxs .price-box h2 {
    font-size: 16px;
}
.product-des .price-boxs .price-box p {
    font-size: 11px;
}

.card .card-title a{
	font-size:25px;
}    
.bottom-foot {
    text-align: left;
    margin-top: 37px;
    padding: 0px 15px 20px;
}
.caption.card-body .tags span {
    margin-right: 3px;
}
.price-boxs .contact_us-btn {
    font-size: 11px !important;
}
.price-boxs .price-box:nth-child(2) {
    margin: 0px 5px;
}
.card .img-event img {
    height: 270px;
}
  }
  
  
  
  /* New css Start */
  .common-sec-padding{
	  padding:80px 0px;
  }
  .about-dealer{
		font-size: 14px;
		color: #fff;
	}
	.listing-id-form .dealer-profile{
		background: var(--primary-color);
    text-align: center;
    padding: 24px;
    border-radius: 15px;
	    height: 100%;
	}
	.listing-id-form .dealer-profile img{
		width: 245px;
		height: 245px;
		object-fit: cover;
	}
	.dealer-name{
		font-weight: 600;
	}
	.dealer-name span{
		color: var(--primary-color);
	}
	.dealer-profession{
		color: #a2a2a2;
	}
	.dealer-personal-details h5{
		   font-size: 17px;
		   margin-bottom: 10px;
	}
	.dealer-personal-details h5 span{
		    width: 150px;
    display: inline-block;
    color: #a2a2a2;
	}
	@media screen and (max-width:576px){
		.dealer-personal-details h5 span {
	    width: 110px;
	}
	.dealer-personal-details h5 {
	    font-size: 15px;
		}
		.common-sec-padding{
	  padding:40px 0px;
  }
	}
	.no-similar-listing {
		padding: 7px 0px;
		font-size: 18px;
		font-weight: 600;
		border: 1px solid #d7d7d7;
		margin-bottom: 0px;
		background: var(--primary-color);
		color: #fff;
	}
	.contact_us-btn {
		color: #FFF !important;
		background: var(--primary-color);
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 400;
        border-radius: 10px;
        padding: 13px 25px;
	}
	.contact_us-btn i{
		background: #fff;
		color: var(--primary-color);		
		padding: 8px;
		border-radius: 50px;
		font-size: 12px;
		margin-left: 10px;
	}
    .right-box a.view_car_btn{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        color: #fff !important;
        box-shadow: none !important;
        background: var(--primary-color);
        padding: 10px;
        border-radius: 10px;
    }
    .right-box a.view_car_btn svg path{
        stroke: #fff;
    }
	/* .contact_us-btn:hover { */
		/* background: var(--secondary-color); */
		/* color: #FFF; */
	/* } */
	/* .contact_us-btn:hover i { */
		/* color: var(--secondary-color); */
		/* background: #fff; */
	/* } */
	.card.common-card{
		/* border:1px solid #ddd; */
		border-radius:15px;
		box-shadow: 0 10px 15px rgba(0,0,0,0.09), 0 -4px 6px rgba(0,0,0,0.03);
	}
	.card.common-card .card-header{
		background-color: var(--primary-color);
		color:#fff;
		border-radius: 15px 15px 0px 0px;
	}
	.card.common-card .card-body {
		border-radius: 0px 0px 15px 15px;
	}
	.apinproject-card .card:hover .card-body {
		background: var(--primary-color)26;
	}
	.apinproject-card a{
		text-decoration:none;
		color:#000;
	}
	.ug-sub-card{
		border: 1px solid #eee;
		background: rgb(35 175 227 / 15%);
		border-radius: 15px;
		color: #000;
		margin-bottom: 20px;
		border-color: var(--secondary-color);
		border-width: 1px;
	}
	.ug-sub-card:last-child{
		margin-bottom:0px;
	}
	.ug-sub-card h5 i{
		color: #ffffff;
		border-radius: 50px;
		background: var(--secondary-color);
		padding: 8px;
		font-size: 17px;
	}
	.ug-sub-card ul li i{
		/* color: #000; */
		font-size: 18px;
	}
	.price-boxs > .contact_us-btn{
            border-radius:50px;
        }
	
  /* New css End */

 @media screen and (max-width:1200px) and (min-width:576.1px){
	 .price-boxs {
/*            flex-direction: column;*/
            gap: 10px;
        }
        /*.price-boxs > .price-box{
            width:100% !important;
        }*/
        
		.img-event .carousel.carousel-main > .flickity-viewport, .img-event .carousel.carousel-main > .flickity-viewport img{
			height:360px;
		}
		
 }
  @media screen and (min-width:992px){
	 section.single-details.listing-details .product-des .price-boxs1 .price-boxs > * {
    width: 50% !important;
}
 }
 
 @media screen and (max-width:576px){
	.img-event .carousel.carousel-main > .flickity-viewport, .img-event .carousel.carousel-main > .flickity-viewport img{
		height:345px !important;
	}
 }
 @media screen and (max-width:768px) and (min-width:576.1px){
	.img-event .carousel.carousel-main > .flickity-viewport, .img-event .carousel.carousel-main > .flickity-viewport img{
		height:414px !important;
	}
 }
 @media screen and (max-width:991.9px) and (min-width:768.1px){
	.img-event .carousel.carousel-main > .flickity-viewport, .img-event .carousel.carousel-main > .flickity-viewport img{
		height:500px !important;
	}
 }
 
 
  @media screen and (max-width:992px){
	 
	 .price-boxs2 > div > div {
			gap: 8px;
		}
	 .price-boxs2 > div > div .price-box{
			width:50% !important;
		}
	 .price-boxs2 > div > a{
		border-radius:50px;
		}
  }
  @media screen and (min-width:992.1px){
	  .price-boxs2{
		 display:none;
	 }
	 section.single-details.listing-details .product-des .price-boxs1 .price-boxs > *{
	width: 33.33%;
}

  }
  
  
  
  /* Cookies */
  
  #okCookie {
  background-color: #f2f2f2;
  color: #333333;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  font-family: sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  z-index: 1080;
}

#okCookie p {
  margin: 0 0 10px 0;
  float: left;
  padding: 5px 0px;
}

#okCookie #okClose,
#okCookie #okCprivacy {
  padding: 5px 20px;
  float: right;
  margin-left: 10px;
  text-decoration: none;
  border-radius: 3px;
  color: white;
}

#okCookie #okClose {
  background-color: #39b54a;
  text-shadow: 0px 1px 1px #507f2b;
  box-shadow: inset 0px -1px 1px #507f2b;
}

#okCookie #okClose:hover {
  background-color: #42ce55;
}

#okCookie #okCprivacy {
  background-color: #8d9499;
  text-shadow: 0px 1px 1px #63666b;
  box-shadow: inset 0px -1px 1px #63666b;
}

#okCookie #okCprivacy:hover {
  background-color: #a0a8ae;
}

.okcBeginAnimate {
  -webkit-animation: myfirst 2s;
  animation: myfirst 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Standard syntax */
@keyframes myfirst {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/* New Css Start */

#carousel_thumbnail .carousel-inner{
    border-radius: 12px;
}
.carousel-indicators li{
    border-top: unset !important; 
    border-bottom: unset !important;
}
.carousel-indicators li{
    width: 15px;
    height: 4px;
    border-radius: 2px;

}
.carousel-indicators li.active {
    width: 30px;
}
#products .item.list-group-item .spec_main_span {
    display: flex;
}
#products .item .spec_main_span .spec_title {
    display: none;
}
#products .item.list-group-item .spec_main_span .spec_title {
    display: block;
    color: #86898E;
    font-size: 14px;
    font-weight: 500;
}
#products .item.list-group-item .spec_main_span > div {
    margin-left: 10px;
        text-align: left;
}
#products .item.list-group-item .tags{
        display: flex;
    flex-wrap: wrap;
        border: 0px;
            margin-bottom: 0px;
    padding-bottom: 0px;
        border-top: 1px solid #E9E8E8;
        padding-top: 30px;
}
#products .item.list-group-item .tags > span{
   flex: 40%;
}

#products .item.list-group-item .for_list_view{
   display: flex;
   width: 100%;
   /*padding: 0px 30px;*/
}
#products .item.list-group-item .left-sec{
   width: 60%;
   border-right: 1px solid #E9E8E8;
   padding-right: 30px;
}
#products .item.list-group-item .img-event .saved-car-icon{
   display: none;
}
#products .item.list-group-item .right-box .saved-car-icon{
   display: block !important;
   position: unset;
    text-align: unset;
    width: 100%;
    padding-right: 0px;
}
#products .item.list-group-item .right-box{
   width: 35%;
   text-align: right;
}
#products .item.list-group-item .left-sec .pricing_{
  display: none !important;
}
#products .item.list-group-item .right-box .pricing_{
  display: flex !important;
  justify-content: end;
}
/*#products .item.list-group-item .right-box p{
  display: block !important;
      font-size: 23px;
    font-weight: 700;
    color: var(--primary-color);
}
#products .item.list-group-item .right-box h3{
  display: block !important;
  font-size: 15px;
font-weight: 400;
color: #000;
}
#products .item.list-group-item .right-box h3 span{
    color: var(--primary-color);
}*/
#products .item.list-group-item .right-box a.btn {
    border-top: 1px solid #E9E8E8;
/*    padding-top: 15px;*/
    margin-top: 15px;
}
#products .item.list-group-item .right-box .saved-car-icon a{
    padding: 10px 13px;
    border: 1px solid #eee;
    border-radius: 50px;
}


/* Sidebar css Start */

h5.sidebar_headings {
    font-size: 18px;
    font-weight: 600;
    padding-left: 10px;
    border-left: 2px solid var(--primary-color);
    margin-bottom: 30px;
    color: var(--black-text);
}

.select-wrap {
  margin-bottom: 10px;
  width:100%;
  border-radius: 6px;
  border: 1px solid #E9E8E8;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.01);
  position: relative;
}
.select-wrap:before {
  font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f078";
  position: absolute;
  right: 10px;
  top: 22px;
}

.select-wrap label
{
  color: var(--paragraph-color) !important;
  font-size: 12px;
  font-weight: 500 !important;
  position: absolute;
  pointer-events: none;
  left: 18px;
  top: 10px;
}

.select-wrap select, .select-wrap input
{
  background-color: transparent;
  border:0px !important;
  outline: 0px !important;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  padding-left: unset !important;
  padding: 32px 18px 10px !important;
  height: unset;
  font-size: 15px;
  font-weight: 500;
  color: var(--black-text);
      width: 100% !important;
}
/*.common_gap{
    padding: 20px 0px;
}*/
.search_by_filter .common_gap > .select-wrap{
    margin-bottom: 15px;
}
.input_select-wrap:before{
    content: unset;
}
.sidebar-content > .row > .card_for_gap{
    padding: 0px 20px;
        width: 100%;
}
.years_filter, .price_filter, .seats_filter, .engine_filter{
    padding: 0px 20px;
}
.sidebar-content > hr{
    margin: 20px 0px;
}
.checkbox_style li label{
    font-size: 15px;
    font-weight: 500 !important;
    color: var(--black-text) !important;
    padding-left: 10px;
        line-height: 24px;
}
.checkbox_style li .custom-control-label::before, .checkbox_style li .custom-control-label::after{
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.01);
    width: 19px;
    height: 19px;
}
.checkbox_style li input.custom-control-input:checked~.custom-control-label::before{
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}
.body_style_filter ul.checkbox_style, .fuel_filter ul{
        height: 230px;
    overflow-y: auto;
}
/* Scrolllbar CSS Start */

.custom_scroll_bar::-webkit-scrollbar {
  width: 4px;
}
 
.custom_scroll_bar::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
}

/* Scrolllbar CSS End */

/* Price slider css start  */
.price-range-slider {
  width: 100%;
  float: left;
}
.price-range-slider .range-value {
  margin: 0;
}
.price-range-slider .range-value input {
  width: 100%;
  background: none;
  color: #000;
  font-size: 16px;
  font-weight: initial;
  box-shadow: none;
  border: none;
  margin: 20px 0 20px 0;
}
.price-range-slider .range-bar {
  border: none;
  background: #E9E8E8;
  height: 3px;
  width: 96%;
  margin-left: 8px;
}
.price-range-slider .range-bar .ui-slider-range {
  background: var(--primary-color);
}
.price-range-slider .range-bar .ui-slider-handle {
  border: none;
  border-radius: 25px;
  background: #fff;
  border: 2px solid #212529;
      height: 35px;
    width: 37px;
    top: -16px;
  cursor: pointer;
  display: flex;
    align-items: center;
    justify-content: center;
}
span.ui-slider-handle.ui-corner-all.ui-state-default:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0c9";
    transform: rotate(90deg);
    color: #000 !important;
}
/*.price-range-slider .range-bar .ui-slider-handle + span {
  background: #06b9c0;
}*/
/* Price slider css End  */

.show_more_filter{
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-color);
}
.listing_pagination > nav{
    display: inline-grid;
}
.listing_pagination .pagination{
    gap: 15px;
    overflow-x: auto;
    max-width: 100%;
    width: 100%;
    justify-content: center;
}
.page-item .page-link{
    border-radius: 10px !important;
    border: 1px solid var(--primary-color);
    padding: 10px 15px;
    display: flex;
    color: var(--primary-color);
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    font-weight: 600;
}
.page-item .page-link:hover{
    background-color: var(--primary-color);
    color: #fff;
}
.top_search_view{
    border-radius: 4px;
border: 1px solid #E9E8E8;
    align-items: center;
}
.search_item .input-group{
    padding: 5px;
    border: 1px solid #E9E8E8;
    border-radius: 10px;
}
.search_item input[type="search"]:focus{
    box-shadow: none;
}
.search_item input::placeholder{
    color: #9D9E9F;

font-size: 18px;
font-weight: 400;
}
.total_cars{
    color: var(--primary-color);
}
#SortBy:focus{
    box-shadow: none;
}
#SortBy{
    color: var(--black-text);
font-size: 18px;
font-weight: 500;
/*-moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;*/
  height: unset;
}
/* Sidebar css End */

.right-box .pricing_ p{
    margin-right: 10px;
}
.filter_items .form-group label {
    color: var(--paragraph-color);
    font-size: 18px;
    font-weight: 500;
    margin-right: 5px;
    margin-bottom: 0px;
}
.finance_eligibilty_column {
    margin-bottom: 30px;
}
.car_finance_eligibilty {
    background: var(--primary-color);
    padding: 40px 40px 20px;
    color: #fff;
    border-radius: 10px;
    height: 100%;
}
.car_finance_eligibilty a.view_car_btn{
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    box-shadow: none !important;
    padding: 10px;
    border-radius: 10px;
}
.car_finance_eligibilty a.view_car_btn svg path{
    stroke: var(--primary-color);
}
.car_finance_eligibilty h1{
    font-size: clamp(2.1875rem, 0.3382rem + 2.1661vw, 2.9375rem);
    font-weight: 700;
}
.car_finance_eligibilty h5{
    font-size: 18px;
    font-weight: 400 !important;
}
.car_finance_eligibilty small.red_card_powered{
    color: #ffffffc9;
}
.item.list-group-item .car_finance_eligibilty img{
    width: 25% !important;
    margin-bottom: 0px !important;
}
.item.list-group-item .car_finance_eligibilty {
    flex-direction: row !important;
    gap: 30px;
    align-items: center;
    padding: 50px 40px;
}
.item.list-group-item .car_finance_eligibilty > div{
    width: 70%;
    gap: 50px;
    display: flex;
        margin-bottom: 0px !important;
}
.item.list-group-item .car_finance_eligibilty > div > div{
    width: 75%;
}
.item.list-group-item .car_finance_eligibilty a.view_car_btn {
    width: 30% !important;
        height: fit-content;
            margin-top: 0px !important;
}
.item.list-group-item .list-group-image {
    height: 300px;
}


/* Responsive Start */

@media screen and (min-width:1366px){
    .container-fluid {
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media screen and (max-width:1599.9px){
    #products .item.list-group-item .left-sec {
        width: 60%;
    }
    #products .item.list-group-item .right-box {
        width: 40%;
        padding-top: 13px;
    }
    .for_list_view .price-box h2 {
        font-size: 16px;
    }
    .pricing_ p {
        font-size: 14px;
    }
}

@media screen and (max-width:1110.9px) and (min-width:768px){
    #products .item.list-group-item .for_list_view, #products .item.list-group-item .for_list_view {
        padding: 10px 10px;
    }
    #products .item.list-group-item .spec_main_span .spec_title {
        font-size: 13px;
    }
    #products .item.list-group-item .left-sec {
        padding-right: 10px;
    }
    .list-group-item .right-box {
        padding-left: 10px;
    }
    .pricing_ p {
        font-size: 11px;
    }
}
/*@media screen and (min-width:1920px){
    .listing_left_side{
        flex: 0 0 20%;
    max-width: 20%;
    }
    #products > .item {
        flex: 0 0 25%;
    max-width: 25%;
    }
    .listing_right_side{
         flex: 0 0 80%;
    max-width: 80%;
    }
}*/





@media screen and (max-width:992px){

    /* Mobile modal Start */

.sidebar-modal.modal-right{
/*    width: 80%;*/
    right: 0;
    left: unset;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    right: 0px;
    position: fixed;
}
.sidebar-modal.modal-right .modal-dialog{
    width: 100%;
    /*margin-left: auto !important;*/
    max-width: 100%;
}
.sidebar-modal.modal-right .mobile-btn {
    right: 10px;
    top: 10px;
    transform: unset;
    background: #0000008f;
    border-radius: 50px;
}
.sidebar-modal.modal-right .modal-content{
    border-radius: 0px;
}
.sidebar-modal.modal-right .mobile-btn{
    position: fixed;
    /*transform: translateX(-41px);
    background: #000;*/
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    padding: 10px 10px 16px;
    color: #fff;
    z-index: 100;
}
.sidebar-modal.modal-right .modal-dialog{
    margin: 0px;
}
.modal.fade.modal-right .modal-dialog {
  transform: translate(125%, 0px);
}

.modal.show.modal-right .modal-dialog {
  transform: none;
}
/* Mobile modal End */

.filter_items{
    margin-top: 30px;
}
button.btn.btn-sidefilter {
    padding: 10px 18px 12px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
}
.upper-filter{
    padding: 0px;
    border:0px;
}
#filter-form{
    padding: 20px;
    margin-top: 0px;
}
.sidebar-content{
    margin-top: 0px;
}
.filter_btns{
    position: fixed;
    bottom: 0px;
    background: #fff;
    z-index: 100;
    width: 100%;
    padding: 20px;
}
.filter_btns > div > div{
    gap: 30px;
}
.listing_left_side .modal-content{
    border:0px !important;
}
.btn.filter{
    order: 2;
}
.pcp_details{
    flex-direction: column;
    height: 84%;
    justify-content: space-between;
}
.seperation_border {
    flex-direction: row !important;
    border: 0px !important;
    padding: 0px !important;
    margin-bottom: 10px;
    text-align: left !important;
}
.seperation_border strong {
    text-align: right !important;
}
.finance_representative .card .card-body {
    display: flex;
    flex-direction: column;
}
}

@media screen and (max-width:360px){
    .filter_items h5.sidebar_headings, .filter_items .form-group label, #SortBy {
        font-size: 15px;
    }
    #filter-form {
        padding: 15px;
        margin-top: 0px;
    }
    .product-listing .card-body {
        padding: 10px;
    }
    .card .card-title a {
        font-size: 18px;
    }
    .caption.card-body .tags span {
        font-size: 12px;
    }
    button.btn.btn-sidefilter {
        padding: 6px 14px 8px;
        border-radius: 6px;
        font-size: 12px;
    }
}
@media screen and (max-width:316px){
    .filter_items .form-group label{
        display: none;
    }
    .search_item h5.sidebar_headings{
        font-size: 14px;
    }
}
@media screen and (max-width:768px){
    .listing_right_side{
        padding: 0px !important;
            margin-bottom: 0px;
    }
    .product-listing{
        padding-top: 0px;
    }
    .hero_section .red_btn {
        padding: 16px 10px ;
        font-size: 18px;
    }
}


/* Responsive End */

.finance_representative{
    margin-bottom: 30px;
}
.finance_representative .card{
    background: #f9f9f9;
    border-radius: 10px;
    height: 100%;
}
.finance_representative .card .card-body{
    padding: 10px 30px;
}
.seperation_border{
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 padding: 0px 5px;
 text-align: center;
 display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
}
.seperation_border > *{
     font-size: 14px;
}



/* New Css End */

/* y Css */

.WLstocktabs .tab-pane .row .d-flex {
    margin-bottom: 20px;
}
/*.WLstocktabs{
    margin-top: 30px;
}*/
.WLstocktabs .nav-tabs.overview-inner {
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: 5px;
/*    margin-bottom: 33px;*/
    flex-wrap: nowrap;
    border-radius: 12px;
    /*overflow-y: auto;
    overflow: hidden;
    touch-action: none;*/
}

.WLstocktabs .nav-tabs .nav-item.show .nav-link,.WLstocktabs .nav-tabs .nav-link.active {
    color: #fff;
    background-color:var(--primary-color);
    border: 0px;
    border-radius: 8px;
}

.WLstocktabs .nav-tabs .nav-link{
    color: var(--black-text);
    font-size: 16px;
    line-height: 20.16px;
    white-space: pre;
    font-weight: 600;
    padding: 10px 24px;
    text-align: center;
}
.WLstocktabs  .owl-theme .owl-nav{
    margin: 0px;
}
.WLstocktabs .owl-carousel .owl-nav button.owl-next,.WLstocktabs .owl-carousel .owl-nav button.owl-prev,.WLstocktabs .owl-carousel button.owl-dot{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee !important;
}
.WLstocktabs .owl-theme .owl-nav .disabled{
    opacity: 1;
}
.WLstocktabs .owl-theme .owl-nav button span {
    margin-top: -3px;
}
.WLstocktabs p span,.WLstocktabs-mobile p span{
    font-weight: 600;
    color: #000;
    margin-left: 3px;
}
.WLstocktabs .fa,.WLstocktabs-mobile .fa {
    font-size: 18px;
    color:var(--primary-color);
    margin-right: 5px;
    margin-top: 3px !important;
}
.WLstocktabs p,.WLstocktabs-mobile p{
    color: #000;
    margin-bottom: 0px;
    font-size: 16px;
}


/*y*/

.WLstocktabs p span,.WLstocktabs-mobile p span{
    font-weight: 600;
    color: #000;
    margin-left: 3px;
    margin-bottom: 5px;
    display: inline-block;
}
span.feature-tags{
    background-color: #fff;
    padding: 3px 7px;
    font-size: 11px;
    border-radius: 5px;
    margin-right: 5px;
    display: inline-table;
    line-height: normal;
}

/*Toggle Menu*/

.WLstocktabs-mobile{
    display: none;
    margin-bottom: 30px;
  }
.WLstocktabs-mobile #faq .card {
    margin-bottom: 15px;
    border: 0;
  }
  
  .WLstocktabs-mobile #faq .card .card-header {
    border-radius: 2px;
    padding: 0;
    background-color: transparent;
  }
  
  .WLstocktabs-mobile #faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    background: var(--primary-color);
    color: #fff;
    padding: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .WLstocktabs-mobile .card-body .col-md-6 {
    padding: 0px;
}
  .WLstocktabs-mobile #faq .card .card-header .btn-header-link:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
  }
  
  .WLstocktabs-mobile #faq .card .card-header .btn-header-link.collapsed {
    background: transparent;
    color: #000;
    border: 1px solid #ededed;
    padding: 15px 15px;
    border-radius: 15px;
    font-weight: 600;
  }
  
  .WLstocktabs-mobile #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f107";
  }
  
  .WLstocktabs-mobile #faq .card .collapsing {
    background: transparent;
    line-height: 30px;
    border: 1px solid #ededed;
  }
  
  .WLstocktabs-mobile #faq .card .collapse,.WLstocktabs-mobile #faq .card .collapsing {
    border: 1px solid #fff;
  }
  
  .WLstocktabs-mobile #faq .card .collapse.show {
    background: #ffffff;
    line-height: 30px;
    color: #222;
    border: 1px solid #ededed;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }
  .WLstocktabs-mobile .card-header.collapse.show{
    border: 1px !important;
  }
  .WLstocktabs-mobile #faq .card .card-header .btn-header-link{
    box-shadow: none;
  }

  .filter-sidebar .nav-link {
    display: block;
    padding: 0.5rem 3px;
}
.form-group.tab-head-sec{
    padding: 8px 15px;
}


  /*y*/

  .menu_second ul > li.dropdown_menu_{
    padding: 0px !important;
  }
  .menu_second ul > li.dropdown_menu_ a {
    padding: 15px !important;
    text-decoration: none;
    color: var(--black-text);
  }
  .menu_second ul > li.dropdown_menu_ a:hover{
    text-decoration: none;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    top: 77px;
  }
  .menu_second ul > li.dropdown_menu_.show > a{
    background: var(--active-nav-bg);
    box-shadow: none !important;
  }
  

  .filter-sidebar .sidebar-content input, .filter-sidebar .sidebar-content select {
    z-index: 90;
    position: relative;
}
.filter-sidebar .sidebar-content label{
    z-index: 99;
}

.select-wrap select, .select-wrap input{
    font-size: 12px;
}


/*Single Listing New*/



.single-details.listing-details.listing-details-new .carousel-main {
    margin-bottom: 0px; 
}
.single-details.listing-details.listing-details-new  .img-event {
    border-radius: 10px !important;
    overflow: hidden;
    margin-bottom: 8px;
}
.single-details.listing-details.listing-details-new .flickity-prev-next-button svg {
    position: absolute;
    left: 28%;
    top: 28%;
    width: 45%;
    height: 45%;
}
button.flickity-button.flickity-prev-next-button.next svg {
    left: 25% !important;
}
.single-details.listing-details.listing-details-new {
/*    padding: 9px 0px 30px;*/
    padding: 0px;
}
.listing-details-new h2, .recent-product h2{
    color: var(--black-text);
    font-weight: 700;
    font-size: 35px;
    line-height: normal;
}
.listing-details-new .breadcrumb {
    background-color: transparent;
    border-bottom: 1px solid #E9E8E8;
    padding:14px 0px;
    margin-bottom: 0px;
}
.listing-details-new .breadcrumb span.active {
    color:var(--primary-color);
}

.listing-details-new .breadcrumb span {
    color:var(--paragraph-color);
    font-size:14px;
    line-height:17.64px;
    font-weight:600;
}

.listing-details-new .breadcrumb span.b-icon{
    margin:0px 11px;
}
.listing-details-new .car-gallery > .carousel-nav .carousel-cell, .listing-details-new .car-gallery > .carousel-nav .carousel-cell img{
    border-radius: 10px;
}
.listing-details-new .car-gallery > .img-event .carousel-cell, .listing-details-new .car-gallery > .img-event .carousel-cell > img{
    border-radius: 20px !important;
}
.car-gallery .img-event img.dealer_warranty_badge {
    position: absolute;
    left: 20px;
    top: 20px;
    height: 160px !important;
    width: 160px;
    z-index: 100;
}
.listing-details-new .saved-car-icon{
    width: 45px;
    height: 45px;
}
.listing-details-new .saved-car-icon a{
    line-height: normal;
}
.listing-details-new .saved-car-icon a i{
    font-size: 24px;
    color: var(--primary-color);
}
.dealers_feature{
    margin: 40px 0px;
}
.dealers_feature p{
    color: var(--black-text) !important;
    font-size: clamp(0.75rem, 0.4038rem + 0.9615vw, 1.125rem) !important;
    line-height: normal;
    border-radius: 10px;
    border: 1px solid #D9D8D8;
    padding: 10px ;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 20px;
}
.dealers_feature img{
    width: 24px;
    height: auto;
    margin-right: 10px;
}
.listing-details-new .product-des{
    padding:0px
}
.listing-details-new h5.sidebar_headings{
    font-size: 24px;
    font-weight: 700;
}
.listing-details-new .product-des p {
    font-size: 16px;
    color: var(--paragraph-color);
    line-height: 20.16px;
}

.listing-details-new .inner-box h2{
    font-size:30px;
    font-weight: 700;
    color:var(--black-text);
}
  
/*.listing-details-new .product-des a.btn.contact_us-btn {
    padding: 15px 25px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20.16px;
    font-weight: 600;
}*/
.listing-details-new .img_right_btn img{
    width: 50%;
}
.listing-details-new .product-des .flex-boxs-outer .inner-box p{
    border-left: 2px solid var(--primary-color);
    padding-left: 10px;
    line-height: 15px;
    text-align: left;
}
.img_right_btn{
    margin-top: 30px;
}
a.btn.contact_us-btn svg,a.view_car_btn svg {
    transform: rotate(45deg);
    margin-left: 6px !important;
}
.listing-details-new .product-des .inner-prop-box .inner-box h2 span {
    font-size: 16px;
    font-weight: 400;
    line-height: 18.9px;
    color: var(--black-text);
}

.listing-details-new .product-des hr.gray-line {
    margin: 20px 0px;
}
.listing-details-new h4{
    color: var(--black-text);
    font-size: clamp(1.375rem, 1.0288rem + 0.9615vw, 1.75rem);
    font-weight: 600;
    line-height: 25px;
}
.listing-details-new .product-info .overview .inner-box {
    display: flex;
/*    margin-bottom: 20px;*/
    align-items: self-start;
}
.listing-details-new .product-info .overview .inner-box .icon{
    margin-right: 10px;
    border-radius: 10px;
    border: 1px solid #D9D8D8;
    padding: 13px;
}
.listing-details-new .product-info .overview .inner-box .textbox h5 {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    color: #86898E;
    margin-bottom: 10px;
}
.listing-details-new .product-info .overview h4 {
    margin-bottom: 30px;
}
.listing-details-new .product-info .overview .inner-box .textbox p{
    font-size: 15px;
    font-weight: 500;
    color:#000;
    margin-bottom: 0px;
    text-align: left;
    text-transform: capitalize;
}
.badge.feature-tag {
    background-color:var(--primary-color);
    color: #fff;
    padding: 9px 18px;
    font-size: 15px;
    line-height: 18.9px;
    left: 15px;
    top: 15px;
    position: absolute;
}

.product-listing .card .card-title a{
    font-size: 20px;
    color: #26232A;
    font-weight: 700;
    line-height: 30px;
}
.product-listing .card-body .left-sec p {
    color: #86898E;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
}
.product-listing .card-body .left-sec .tags{
    padding: 23px 0px;
}
.product-listing .card-body .left-sec .tags span{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
}
.product-listing .card-body .left-sec .tags img {
    height: 26px;
    margin-bottom: 8px;
}
.product-listing .card-body .left-sec .tags p{
    margin-bottom: 0px;
    color:#000;
}
.product-listing .price-boxs.related-price-box .price-box p {
    font-size: 16px;
    line-height: 30px;
    color: var(--paragraph-color);
    margin-bottom: 10px;
    font-weight: 400;
}
.product-listing .price-boxs.related-price-box .price-box h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25.2px;
    text-align: unset;
    color:var(--primary-color);
    margin-bottom: 0px;
}
.product-listing .price-boxs.related-price-box .price-box {
    width: 100% !important;
    flex: 0 0 30% !important;
}
.product-listing .price-boxs.related-price-box .price-box.text-left.fin-avail {
    flex: 0 0 60% !important;
}
.right-box.related-price-box .contact_us-btn{
    padding: 11px;
    margin-bottom: 0px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20.16px;
    font-weight: 600;
}

.price-boxs.related-price-box {
    margin-bottom: 25px;
}
.listing-details-new .product-listing .card-body{
    padding: 16px 20px 22px;
}
.custom-class-filter .view-group .spec_main_span svg {
    height: 25px !important;
    width: 25px !important;
    margin-bottom: 8px;
}

.WLstocktabs .nav-tabs::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px #fff;
	background-color: #F5F5F5;
}

.WLstocktabs .nav-tabs::-webkit-scrollbar
{
	width: 2px;
	background-color: #86898E;
    height: 2px;
}

.WLstocktabs button.owl-prev {
    position: absolute;
    left: 0px;
    top: 37%;
    transform: translateY(-50%);
    background-color: white!important;
    width: 20px;
    height: 20px;
    border-radius: 100%!important;
    color: #000!important;
}
  
.WLstocktabs button.owl-next {
    position: absolute;
    right: 0px;
    top: 37%;
    transform: translateY(-50%);
    background-color: white!important;
    width: 20px;
    height: 20px;
    border-radius: 100%!important;
    color: #000!important;
}
  
  
.WLstocktabs .owl-dots {
    display: none;
}


.WLstocktabs .nav-tabs::-webkit-scrollbar-thumb
{
	background-color: #86898E;
    height: 5px;
	border: 2px solid #86898E;
}
a.btn.contact_us-btn.request-quote {
    background-color: #fff;
    color: var(--primary-color) !important;
    border: 0px solid var(--black-text);
    text-decoration: underline;
    font-weight: 600;
}

/*Saved Car*/

.saved-details .upper-filter{
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.saved-details .upper-filter .btn-group > .btn {
    background-color: #eee !important;
    margin-left: 15px;
}

.saved-details .upper-filter .btn-group > .btn img{
    height: 16px;
}
.saved-details .upper-filter .btn-group > .btn.active {
    background-color: var(--primary-color) !important;
}
.saved-details .upper-filter{
    padding: 11px;
}
.saved-details .card .img-event img{
    height: 100%;
    max-height: 270px;
    min-height: 270px;
}
#products .item.list-group-item .left-sec{
    width: 60%;
}

.list-group-item .caption.card-body {
    padding: 20px 11px;
    display: flex;
}
#products .item.list-group-item .tags{
    padding-top: 14px;
}
#products .item.list-group-item .hide_in_list{
    display: none;
}
.list-group-item .right-box {
    padding: 20px 10px 20px 20px;
}
.price-boxs {
    display: flex;
    width: 100%;
    margin-bottom: 18px;
}
section.listing-details .list-group-item .price-boxs {
    margin-bottom: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section.listing-details .list-group-item .price-boxs .price-box.text-left, section.listing-details .list-group-item .price-boxs .price-box.text-right {
    text-align: center !important;
    margin-bottom: 4px;
}
.product-listing .price-boxs.related-price-box .price-box span {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-text);
    line-height: 18.9px;
}

.custom-class-saved-cars .product-listing .card-body .left-sec p,.recent-product .product-listing .card-body .left-sec p{
text-align: left;
}

/*lising page Listview Design*/

#products .item.list-group-item .spec_main_span {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#products .item.list-group-item .spec_main_span > div {
    margin-left: 0px;
    text-align: center;
}
.right-box .pricing_ p {
    margin-right: 0px;
    margin-bottom: 5px;
    
}
.for_list_view .price-box h2 {
    font-size: 20px;
}
.item.list-group-item .list-group-image{
    margin-right: 0px;
}
#products .item.list-group-item .right-box .pricing_ {
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 0px;
}
#products .item.list-group-item .right-box{
    padding-bottom: 0px;
}

.price-boxs.related-price-box .price-box.text-right p {
    text-align: right !important;
}

.price-boxs.related-price-box .price-box.text-right p {
    text-align: right !important;
}
.list-group-item .price-boxs.related-price-box  .price-box.text-right p {
    text-align: center !important;
}

.listing-details-new .product-des .outer-borderbox .textbox {
    word-break: break-word;
}

.listing_right_side .product-listing .card-body .left-sec .tags span{
    width: 20%;
}   
.home_quick_search select,.home_quick_search input{
    font-size: 14px;
}

.spec_main_span {
    text-transform: capitalize;
}
.insurance_company a{
    color:#0028D7;
    font-size: 16px;
    font-weight: 400;
}
.insurance_company a:last-child{
    text-decoration: underline;
}
.sell_ur_car{
    border-radius: 10px;
    border: 1px solid #D9D8D8;
    padding: 20px;
}
.trustpilot_logo_transform{
    transform: translateY(-3px);
}
.input_text_gb{
    background-color: var(--black-text);
}
.sell_ur_car input{
    border-color: #D9D8D8 !important;
    border-radius: 0px 4px 4px 0px !important;
    height: 44px !important;
}
.sell_ur_car input:focus{
        box-shadow: none;
}
.sell_ur_car_horizontal button{
    height: 44px;
}
.sell_ur_car_horizontal .sell_ur_car{
    gap: 20px;
}
.sell_ur_car_horizontal{
    padding-bottom: 60px;
}

.car_eligibilty_detail_page .car_finance_eligibilty{
    gap: 10px;
}
.car_eligibilty_detail_page .car_finance_eligibilty > div {
    width: 33.33%;
}
@media screen and (max-width: 768px){
    .sell_ur_car_horizontal .sell_ur_car{
        flex-direction: column;
    }
    .sell_ur_car_horizontal .sell_ur_car > div{
        width: 100% !important;
    }
    .sell_ur_car_horizontal .sell_ur_car > div:last-child{
        flex-direction: column;
    }

    .car_eligibilty_detail_page .car_finance_eligibilty {
        gap: 30px;
        flex-direction: column;
    }
    .car_eligibilty_detail_page .car_finance_eligibilty > div {
        width: 100%;
        text-align: center;
    }
}


/* New listing details page tabs Start */
.full_feature_tabs, .faq_div, .listing-details-new .product-info{
    padding-top: 60px;
    padding-bottom: 60px;
}
.listing-details-new p{
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 400;
}
.full_feature_tabs h4, .car_description h4{
    padding-left: 10px;
    border-left: 2px solid var(--primary-color);
}
.full_feature_tabs .features_tabs_button{
    margin-top: 40px;
}
.full_feature_tabs .features_tabs_button ul{
    flex-wrap: nowrap;
    overflow-x: auto;
    cursor: grab;
    padding-bottom: 2px;
}
.full_feature_tabs .features_tabs_button ul::-webkit-scrollbar{
   display: none;
}
.full_feature_tabs .nav-pills .nav-link{
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    width: max-content;
}
.full_feature_tabs .nav-pills .nav-item{
    margin-right: 17px;
}
.full_feature_tabs .nav-pills .nav-item:last-child{
    margin-right: 0px;
}
.full_feature_tabs .nav-pills .nav-link.active{
    background-color: var(--primary-color);
    color: #fff;
}
.full_feature_tabs .full-spec__specs-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding-left: 0;
}
.full_feature_tabs .full-spec__specs-grid li{
    list-style: none;
    color: #4a4a4a;
    padding: 12px 16px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
}
.full_feature_tabs .full-spec__specs-grid li strong{
    font-weight: 600 !important;
    color: var(--black-text);
}
#nav-Options--Features ul li{
    display: block;
}

@media (min-width: 992px){
.full_feature_tabs .full-spec__specs-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.full_feature_tabs .full-spec__specs-grid li:nth-child(3n), .full_feature_tabs .full-spec__specs-grid li:nth-child(3n-1), .full_feature_tabs .full-spec__specs-grid li:nth-child(3n-2) {
    background-color: var(--primary-light);
}
.full_feature_tabs .full-spec__specs-grid li:nth-child(6n), .full_feature_tabs .full-spec__specs-grid li:nth-child(6n-1), .full_feature_tabs .full-spec__specs-grid li:nth-child(6n-2) {
    background-color: #fff;
}
}

@media (max-width: 991px){
.full_feature_tabs .full-spec__specs-grid li:nth-child(2n), .full_feature_tabs .full-spec__specs-grid li:nth-child(2n-1) {
    background-color: var(--primary-light);
}
.full_feature_tabs .full-spec__specs-grid li:nth-child(4n), .full_feature_tabs .full-spec__specs-grid li:nth-child(4n-1) {
    background-color: #fff;
}
.listing-details-new .img_right_btn img{
    width: 40%;
    margin-right: 15px;
}
}

/* New listing details page tabs End */

/* Description */

.car_description h4, .faq_div h2{
    margin-bottom: 40px;
}

/*Details page faq Start*/

#details_page_faq .card {
  margin-bottom: 15px;
  border-radius: 10px;
border: 1px solid #D9D8D8;
}

#details_page_faq .card .card-header {
  border: 0;
  padding: 0;
  background-color: transparent;
}

#details_page_faq .card .card-header .btn-header-link {
  color: #181818;
  display: block;
  text-align: left;
  padding: 20px;
  box-shadow: none !important;
  font-size: 22px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#details_page_faq .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
}

#details_page_faq .card .card-header .btn-header-link.collapsed {
  color: #181818;
}

#details_page_faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

#details_page_faq .card .collapsing {
  line-height: 30px;
}

#details_page_faq .card .collapse {
  border: 0;
}

#details_page_faq .card .collapse.show {
  line-height: 30px;
  color: #181818;
}

/*Details page faq End*/

@media screen and (max-width: 1170px) {
.product-listing .card-body .left-sec .tags img{
    height: 25px;
}
}

@media screen and (max-width: 992px) {

.listing-details-new .product-des {
    padding: 40px 0px 0px;
}
.upper-filter .btn-group button#list{
    display: none;
}
.dealers_feature p {
    padding: 7px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.dealers_feature {
    margin: 20px 0px 15px;
}
}

@media screen and (max-width: 767px) {
    .WLstocktabs .nav-tabs .nav-link{
        width: 100%;
        text-align: center;
        white-space: pre;
    }
    .WLstocktabs .nav-tabs{
        overflow: scroll;
        flex-wrap: nowrap;
        display: flex;
    }
    .WLstocktabs-mobile{
        display: block;
        margin-top: 0;
        padding: 0px 20px;
    }
    /*.WLstocktabs{
            display: none;
    }*/
    .WLstocktabs p span, .WLstocktabs-mobile p span{
        display: block;
    }
    .listing-details-new .outer-borderbox .flex-boxs-outer {
        margin-bottom: 15px;
    }
    .custom-class-saved-cars .recent-product .product-listing .card-body .left-sec p{
        text-align: center;
    }
    .view-group .related-price-box .price-box p{
        text-align: center !important;
    }
    .product-listing .listing-details-new .outer-borderbox .flex-boxs-outer {
        margin-bottom: 15px;
        flex-direction: column;
        align-items: flex-start;
        text-align: left !important;
    }
    .listing-details-new .inner-box h2{
        text-align: left !important;
    }
    .listing-details-new .outer-borderbox .product-info .overview .inner-box .textbox p,.listing-details-new .outer-borderbox .product-info .overview .inner-box .textbox h5{
        text-align: left;
    }
    /*.price-boxs.related-price-box{
        flex-direction: column;
    }*/
    .product-listing .price-boxs.related-price-box .price-box{
        width: 100% !important;
        text-align: center !important;
    }
    .product-listing .card-body .left-sec .tags img{
        height: 20px;
    }
    .WLstocktabs .fa, .WLstocktabs-mobile .fa{
        margin-top: 6px !important;
    }
    section.recent-product{
        padding: 40px 0px;
    }
    .col-md-12.features {
        padding: 0px;
    }
    span.feature-tags {
        display: inline-block !important;
        margin-bottom: 5px;
    }
    .WLstocktabs p, .WLstocktabs-mobile p {
        font-size: 14px;
        line-height: 22px;
    }
    .WLstocktabs .fa, .WLstocktabs-mobile .fa {
        font-size: 16px;
    }
    .listing-details-new .outer-borderbox .inner-prop-box .inner-box {
        margin-bottom: 15px;
    }
    .listing-details-new .product-des{
        padding: 24px 0px 0px
    }
    .price-boxs.related-price-box .price-box.text-right p {
    text-align: center !important;
    }
    .saved-details .upper-filter{
        justify-content: center;
    }
    .saved-details .upper-filter{
        margin-bottom: 15px;
    }
    .dealers_feature img {
        width: 12px;
        margin-right: 5px;
    }
    .listing-details-new .product-des hr.gray-line {
        margin: 20px 0px;
    }
}

@media screen and (max-width: 576px) {
    .view-group .item {
        padding: 0px;
    }
    .listing_right_side .view-group .item{
        padding:0px 15px;
    }
    .car-gallery .img-event img.dealer_warranty_badge {
        left: 0px;
        top: 10px;
        height: 100px !important;
        width: 100px;
    }
    .listing-details-new .inner-box h2 {
        font-size: 22px;
    }
    .img_right_btn .request-quote{
        padding: 0 !important;
        margin-top: 20px;
    }
    .listing-details-new .outer-borderbox .product-info .overview h4 {
        margin-bottom: 22px;
    }
    .full_feature_tabs, .faq_div, .listing-details-new .product-info{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .car_description h4, .faq_div h2 {
        margin-bottom: 20px;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .listing-details-new h2, .recent-product h2{
        font-size: 22px;
        font-weight: 600;
    }
    #details_page_faq .card .card-header .btn-header-link {
        font-size: 18px;
    }
    .sell_ur_car_horizontal {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 390px){
    .listing-details-new .outer-borderbox .product-info .overview .inner-box .icon {
        padding: 8px;
    }
    .listing-details-new .outer-borderbox .product-info .overview .inner-box .textbox h5 {
        font-size: 12px;
        line-height: 12px;
    }
    .listing-details-new .outer-borderbox .product-info .overview .inner-box .textbox p {
        font-size: 12px;
    }
    .insurance_company a {
        font-size: 10px;
    }
    .full_feature_tabs .full-spec__specs-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .full_feature_tabs .full-spec__specs-grid li:nth-child(odd) {
        background-color: var(--primary-light);
    }
    .full_feature_tabs .full-spec__specs-grid li:nth-child(even){
        background-color: #fff;
    }
    .sell_ur_car_horizontal button{
        width: 80% !important;
    }
}
@media screen and (max-width: 500px) {
    .listing-details-new .outer-borderbox .flex-boxs-outer{
    flex-direction: column;
    text-align: left;
  }
    .listing-details-new .outer-borderbox .flex-boxs-outer .inner-box p{
    text-align: left;
  }
}

@media screen and (max-width: 330px) {
    .caption.card-body .tags{
        flex-wrap: wrap;
    }
    .product-listing .card-body .left-sec .tags span{
        width: 43%;
    }
    a.btn.contact_us-btn svg, a.view_car_btn svg {
        width: 16px;
    }
    .WLstocktabs-mobile #faq .card .card-header .btn-header-link{
        padding: 12px 15px !important;
        font-size: 14px;
    }
}
@media screen and (max-width: 1213px) and (min-width:992px){
    .listing-details-new .outer-borderbox a.btn.contact_us-btn {
        padding: 15px 23px;
        font-size: 12px;
    }
}
@media screen and (max-width: 1366px) and (min-width:992px){
    .listing-details-new .product-des hr.gray-line {
        margin: 20px 0px;
    }
    .listing-details-new .product-des > h2 {
        margin-bottom: 16px;
    }
    .listing-details-new .outer-borderbox .product-info .overview h4 {
        margin-bottom: 20px;
    }
    .img_right_btn {
        margin-top: 20px;
    }
}
@media screen and (min-width: 992px){
    .listing-details-new .car-gallery .carousel-main .flickity-viewport, .listing-details-new .car-gallery .carousel-main .flickity-viewport img{
        height: 45rem !important;
    }
    .listing-details-new .outer-borderbox .flex-boxs-outer .inner-box p {
        font-size: 20px;
    }
}


/* Listing details page thumbnail image */

@media screen and (min-width: 1600px){
    .card .img-event img {
        height: 330px;
    }
}
.car-gallery .img-event img {
    height: 100% !important;
}

@media screen and (min-width: 1200px){
    .listing-details-new .product-info .overview .overview_items{
    flex: 1 0 14%;
}
}
@media screen and (max-width: 992px){
    .listing-details-new .product-info .overview .overview_items{
        flex: 0 0 46%;
        max-width: 46%;
    }
    .listing-details-new .product-info .overview > div{
        flex-wrap: wrap;
        justify-content: flex-start !important;
        gap: 20px;
    }
}




.mySlider {
  position: relative;
  padding-bottom: 40px;
}

.slick-dots {
  display: block;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  margin: 0;
  bottom: 10px;
  list-style: none;
}
.slick-dots li {
  display: inline-block;
  margin-right: 10px;
}
.slick-dots li button {
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  text-indent: -999999px;
}
.slick-dots li.slick-active button {
  background-color: #2b9fdf;
}
.recent-product .slick-dots{
    padding-left: 0px;
    bottom: -10px;
}
.recent-product .slick-dots li.slick-active button{
        background-color: var(--primary-color);
}

@media screen and (max-width: 312px){
    .listing-details-new .product-info .overview .overview_items {
        flex: 0 0 100%;
        max-width: 100%;
    }
}




/* Footer css Start */

.wl_footer{
    padding: 40px 0px;
    background-color: #f1f4fa;
}
.wl_footer p, .wl_footer address, .wl_footer .initial_disclosure, .wl_footer .email_us{
    color: var(--paragraph-color);
    font-size: 14px;
    font-weight: 400;
}
.wl_footer h6{
    font-size: 16px;
    font-weight: 600;
    color: var(--black-text);
}
.wl_footer ul.important_links li a{
    color: var(--paragraph-color);
    font-size: 14px;
}

/* Footer css End */

.alert-cookie-policy{
  display: none;
  border-radius: 0;
  position: fixed;
  bottom:0;
  top:auto;
  left:0;
  right: 0;
  z-index: 999;
}
.alert-cookie-policy .alert{
  border-radius: 0;
}
.enter_registraion{
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.enter_registraion::placeholder{
    text-transform: capitalize;
}