/* waqas section slider */
.select2-results__option {
  padding: 2px !important;
}
.sale-car-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}
/* .slick-common .slick-prev::before,
.slick-next::before {
  display: none;
}
.slick-common:hover .slick-prev::before,
.slick-next::before {
  display: block;
} */
/*   */
.slick-common .slick-arrow {
  background-color: rgba(255, 255, 255, 0.663) !important;
}
.slick-common:hover .slick-arrow {
  background-color: var(--color-blue-50);
}
.slick-common .slick-prev:hover,
.slick-common .slick-next:hover {
  background-color: var(--color-blue-50) !important;
  color: white !important;
}
.slick-common .slick-prev:hover::before,
.slick-common .slick-next:hover::before {
  color: white !important;
}
.slick-common .slick-prev:before,
.slick-common .slick-next:before {
  font-size: 16px !important;
}
h3.comparison-title {
  font-family: var(--font-family-Lato);
  font-size: 20px;
  font-weight: 600;
  color: #353c4d;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 0;
  line-height: 28px;
  letter-spacing: -0.014em;
}
/***** end ********/
.thumbnails {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
  margin: 0 0;
}
.no-scroll {
  overflow: hidden;
}
.selectedtag {
  background-color: #ecf5ff !important;
  color: var(--color-black-pure) !important;
}
.bg-notification {
  background-color: #6ad09d;
}
.footer-section .list-group-flush > .list-group-item:last-child {
  border-bottom-width: 1px;
}
.header-section-h .dropdown-toggle::after {
  display: none;
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20150%20150%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4025_26526)%22%3E%3Crect%20width%3D%22150%22%20height%3D%22150%22%20rx%3D%2275%22%20fill%3D%22%232A9FE8%22%2F%3E%3Cpath%20d%3D%22M62.4999%2094.822L119.95%2037.3657L128.794%2046.2032L62.4999%20112.497L22.7249%2072.722L31.5624%2063.8845L62.4999%2094.822Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4025_26526%22%3E%3Crect%20width%3D%22150%22%20height%3D%22150%22%20rx%3D%2275%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.form-check-input:focus {
  box-shadow: none;
}
/* rotate icon 90 */
.rotate-icon-90 {
  transform: rotate(90deg);
}

.car-price-crd {
  font-family: var(--font-family-Lato);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #858a94;
}
/* select option */
select.form-select option:hover {
  background-color: var(--color-blue-50) !important;
}

select.form-select option:hover {
  color: var(--color-white-900) !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  font-weight: bold !important;
}
.modelloginregister .btn-close {
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232F2B43'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat !important;
  --bs-btn-close-opacity: 1;
}
.active_heart {
  color: red !important;
}
.drop_hov_notific:focus,
.drop_hov_notific:hover {
  background-color: unset;
  color: unset;
}
.drp_active.dropdown-item:active {
  background-color: var(--bs-dropdown-link-hover-bg) !important;
}
.badge:empty {
  display: unset;
}
.cursor-pointer {
  cursor: pointer;
}
.btn-custom.show {
  border: none !important;
}
.btn-border-none:first-child:active {
  border-color: unset !important;
  border: none !important;
}
.btn-border-none::after {
  display: none !important;
}
.btn-border-none:first-child:active:focus-visible {
  box-shadow: none !important;
}
.remove_icon_drop::after {
  display: none;
}
.list-group-item {
  background-color: unset;
  /* color: unset; */
}
/* arrow show */
.view-reconmended:hover {
  color: var(--color-blue-50);
}
/* btn visited */
.btn[target="hovbtn"]:hover {
  color: var(--color-blue-50) !important;
  border: 1px solid var(--color-blue-50);
}
.btn[target="hovbtn2"]:hover {
  color: var(--color-white-900) !important;
  border: 1px solid var(--color-blue-50);
  background-color: var(--color-blue-50);
}
.btn[target="hovbtn3"]:hover {
  border: 1px solid var(--color-black-50);
  color: var(--color-black-60);
}
.btn[target="hovbtnquote"]:hover {
  color: white;
  background-color: #154f74;
}
.btn[target="formslider"]:hover {
  border: 1px solid #2f2b4333 !important;
}
.search_header:hover {
  background-color: var(--color-black-80) !important;
}
#sat-slid-srch-drop-btn .filter-btn-srch {
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* #sat-slid-srch-drop-btn .filter-btn-srch::after {
  float: right;
  top: 8px;
  position: relative;
} */

/* heading style */
.heading-styles-common {
  margin-bottom: 14px;
  font-size: var(--font-size-24s);
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-black-100);
}
.fw-700ws {
  font-weight: 700 !important;
}
.view_details_common {
  font-size: var(--font-size-16s);
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  cursor: pointer;
}
.view_details_common:hover {
  color: var(--color-blue-50) !important;
}
/* highest heading style */
.heading-styles-secondary {
  font-family: var(--font-family-Lato);
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.018em;
  color: #1f62ae;
}
.fill-blck-40 {
  fill: #5d6370;
}
.view-top-seling:hover .fill-blck-40 {
  fill: var(--color-blue-50);
}
/* media queries */
@media screen and (min-width: 300px) and (max-width: 333px) {
  .img-div-used-cars img {
    height: 68px !important;
    width: 102px !important;
  }
}
@media screen and (min-width: 300px) and (max-width: 350px) {
  .mobile_explore_budget .nav-item {
    margin: 0px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1999px) {
  .thumbnails {
    height: 172px !important;
  }
  .controls .prev-button,
  .controls .next-button {
    top: 300px !important;
  }
}
@media screen and (min-width: 2000px) and (max-width: 2550px) {
  .thumbnails {
    height: 200px !important;
  }
  .controls .prev-button,
  .controls .next-button {
    top: 319px !important;
  }
}
@media screen and (min-width: 2551px) and (max-width: 3000px) {
  .thumbnails {
    height: 257px !important;
  }
  .controls .prev-button,
  .controls .next-button {
    top: 319px !important;
  }
}
@media screen and (min-width: 1330px) and (max-width: 1395px) {
  .thumbnails {
    height: 136px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1329px) {
  .thumbnails {
    height: 124px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  /* new index header */
  /* slider form */
  .secondary-banar-btn {
    bottom: 57px !important;
    left: 69px !important;
    max-width: 140px !important;
    max-height: 40px !important;
  }
  a.secondary-banar-btn2 {
    bottom: 24px !important;
    left: 107px !important;
    max-width: 140px !important;
    max-height: 40px !important;
  }
  .hov-menu-form {
    /* padding: 21px 10px; */
    width: 15.5rem !important;
  }
  .headr-flag-img {
    height: 20px !important;
    width: 24px !important;
  }
  .img-fav-head {
    width: 27px !important;
    height: 27px !important;
  }
  .res1024_register_img {
    height: 28px;
    width: 28px;
  }
  .head-sec-1 {
    gap: 44px !important;
    /* width: 785px; */
  }
  #header_contain_divs {
    grid-template-columns: 1.3fr 1fr !important;
  }
  .comp-card-slider .comp-cards {
    width: 356px !important;
    max-width: 372px !important;
  }
  .comp-card-slider .compare-comon-img {
    max-width: 144px !important;
    max-height: 102px !important;
  }
  .comp-card-slider .slick-slide {
    margin-right: 20px !important;
  }
  .comp-card-slider .slick-next {
    right: 20px !important;
  }
  /* car reviews */
  .car-rev-divs {
    max-width: 355px !important;
    padding: 18px !important;
  }
  #car-rev-desk .rev-comn-texts {
    font-size: var(--font-size-12) !important;
  }
  #car-rev-desk .rev-full-btn {
    padding: 8px;
    max-height: 27px !important;
  }
  #car-rev-desk .slick-next {
    right: -24px !important;
  }
  /* makes section */
  .popular_makesn {
    max-width: 960px !important;
  }
  .w-180 {
    max-width: 165px;
  }
  .h-178 {
    max-height: 165px;
  }
  /* best seller */
  .grid_3_s {
    column-gap: 169px !important;
  }
  /* new changes end */
  /* index */
  /* slider form */
  .wslider_1024_217 {
    top: 3% !important;
    width: 282px !important;
  }
  .mt-6_1024 {
    margin-top: 10px !important;
  }
  .slide_margin {
    height: 385px !important;
  }
  .w-1282 {
    width: 1145px !important;
  }
  .car_listing_imgs1024 {
    width: 45px;
    height: 32px;
  }
  .fa-info-circle {
    margin-right: 3px !important;
  }
  /* index end */
  /* search result */
  #search-toyota-used-cars .buttons {
    height: 107px !important;
    justify-content: start !important;
  }
  .grid-search-result-item .col-4 {
    padding-inline: 4px;
  }
  .select2-container--default .select2-selection--single {
    font-size: 12px;
  }
  .select2-container--default .select2-selection--multiple {
    font-size: 12px;
  }
  .select2-results__option {
    font-size: 12px;
  }
  #search-toyota-used-cars .car-specs-generic h4 {
    line-height: 20px !important;
    letter-spacing: -0.012em;
  }
  #search-toyota-used-cars .grid-4-main-specs div {
    height: 56px !important;
  }
  /* car detail */
  #car_main_details {
    max-width: 505px !important;
  }
  #order_flow_car_detail .order-flow-para {
    font-size: var(--font-size-17s) !important;
  }
  .justify-end-specs {
    justify-content: end !important;
  }
  .car-detail-specs-generic .car-detail-specs-main {
    font-size: 17px !important;
  }
  .car-detail-specs-generic .car-detail-specs-sub {
    font-size: 17px !important;
  }
  .similar-cars-cmn .top-car-price {
    font-size: 22px !important;
  }
  .similar-cars-cmn .sale-car-name {
    font-size: 18px !important;
  }
  .similar-cars-cmn .sale-car-average {
    font-size: 13px !important;
  }
  /* country */
  .grid_country_4 {
    gap: 13px !important;
  }
  .deal-img-card {
    height: 168px !important;
  }
  #country_deals_card .deal-car-average {
    font-size: var(--font-size-14s) !important;
  }
  #offices_information p {
    margin-bottom: 5px !important;
  }
  #offices_information h4 {
    margin-bottom: 0 !important;
  }
  .arrival-port-dimensions {
    max-height: 276px !important;
  }
  .sold-out-bannar {
    height: calc(100% - 124px) !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  /* new changes media query */
  #where_we_operate_idc .operate-items img {
    max-width: 55px !important;
  }
  #where_we_operate_idc .operate-items {
    padding-block: 20px !important;
  }
  #where_we_operate_idc .operate-items a {
    gap: 35px !important;
  }
  /* slider form */
  .secondary-banar-btn {
    font-size: 12px !important;
    bottom: 42px !important;
    left: 59px !important;
    max-width: 124px !important;
    max-height: 35px !important;
  }
  a.secondary-banar-btn2 {
    bottom: 15px !important;
    left: 92px !important;
    max-width: 132px !important;
    max-height: 34px !important;
}
  .hov-menu-form {
    /* padding: 21px 10px; */
    width: 12.62rem !important;
  }
  /* how to buy */
  .htb-second-text {
    font-size: var(--font-size-12s) !important;
    line-height: 18px !important;
    /* padding-bottom: 11px; */
  }
  .htb-prime-text {
    font-size: var(--font-size-16s) !important;
    line-height: 20px !important;
    /* padding-bottom: 6px; */
  }
  .grid-item-hw {
    max-height: 160px !important;
    padding: 16px 15px 11px 15px !important;
  }
  .img-htb {
    max-width: 61px;
  }
  .htb-img-div {
    padding: 0px !important;
  }
  /* compare section */
  .comp-card-slider .comp-cards {
    max-width: 296px !important;
  }
  .comp-card-slider .compare-comon-img {
    max-width: 129px !important;
    max-height: 102px !important;
  }
  .comp-card-slider .slick-slide {
    margin-right: 20px !important;
  }
  .compare-text {
    font-size: var(--font-size-12) !important;
  }
  .comp-card-slider .slick-next {
    right: 26px !important;
  }
  /* car reviews */
  .car-rev-divs {
    max-width: 298px !important;
    padding: 18px !important;
  }
  #car-rev-desk .slick-slide {
    margin-right: 19px !important;
  }
  #car-rev-desk .rev-comn-texts {
    font-size: var(--font-size-10s) !important;
    line-height: 15px !important;
  }
  #car-rev-desk .rev-full-btn {
    padding: 8px;
    max-height: 27px !important;
  }
  .rev-desk-img {
    max-height: 62px;
  }
  #car-rev-desk .slick-next {
    right: -22px !important;
  }
  /* footer new */
  .cmn-head-ftr {
    height: 40px;
    padding-inline: 10px;
    padding-block: 4px;
    font-size: var(--font-size-16) !important;
    line-height: 26px;
  }
  .list-fotr-links li a {
    font-size: var(--font-size-12) !important;
    line-height: 20px;
  }
  .grid-descript-footer {
    grid-template-columns: 25% 20% 29% 19%;
    column-gap: 23.67px !important;
    max-width: 79.125rem;
  }
  .grid-descript-footer h3 {
    font-size: var(--font-size-14s) !important;
    line-height: 26px;
  }
  .grid-descript-footer h4 {
    font-size: var(--font-size-12s) !important;
    line-height: 24px;
  }
  #copyright_footer p {
    padding-block: 0.75rem;
    font-size: var(--font-size-14s) !important;
    line-height: 24px;
  }
  .comn-fotr-head-sub {
    font-size: var(--font-size-14s) !important;
    line-height: 24px;
  }
  .comn-fotr-head-tri {
    font-size: var(--font-size-14s) !important;
    line-height: 23.54px;
    margin-bottom: 11px;
  }
  /* makes section */
  .popular_makesn {
    max-width: 886px !important;
  }
  .w-180 {
    max-width: 144px;
  }
  .h-178 {
    max-height: 126px;
  }
  .popular_makes .slick-next {
    right: -16px !important;
  }
  .popular_makes .slick-prev {
    left: -45px !important;
  }
  /* best seller */
  .grid_3_s {
    column-gap: 109px !important;
  }
  .grid-3-s-items li {
    font-size: var(--font-size-12) !important;
    line-height: 20px;
    padding-bottom: 10px;
  }
  /* new changes end */
  /* gallery plugin */
  .counter-car-detail-gallery {
    top: 242px !important;
    left: 20px;
    font-size: var(--font-size-12) !important;
    padding: 8px !important;
    line-height: 20px;
  }
  .container-gallery .large-image {
    height: 300px !important;
  }
  .thumbnails {
    width: 457px !important;
    height: 100px !important;
  }
  .controls .prev-button,
  .controls .next-button {
    top: 212px !important;
  }
  .header-search-des {
    height: 38px !important;
  }
  .search_header {
    height: 38px !important;
  }
  /* slider form */
  .wslider_1024_217 {
    top: 2% !important;
    width: 235px !important;
  }
  .mt-6_1024 {
    margin-top: 6px !important;
  }
  .slide_margin {
    height: 330px !important;
  }
  .h-slide-form-35 {
    height: 34px !important;
  }
  .plc-search-stock::placeholder {
    font-size: 10px !important;
  }
  .py768-10 {
    padding-block: 17px !important;
  }
  /* index */
  /* header */
  /* footer */
  .w-1282 {
    width: 950px !important;
  }
  .w-820 {
    width: 860px !important;
  }
  .h-126 {
    height: 126px !important;
  }
  .logo1024 {
    width: 129.48px !important;
    height: 43.1px !important;
  }
  .h1024-28 {
    height: 28px !important;
  }
  .pt-3s1024 {
    padding-top: 3px !important;
  }
  .res1024-align-self-start {
    align-self: flex-start !important;
  }
  .fsr-22 {
    font-size: 22px !important;
  }
  .fsr-18 {
    font-size: 18px !important;
  }
  .fsr-14 {
    font-size: 14px !important;
  }
  .fsr-12 {
    font-size: 12px !important;
  }
  .fsr-10 {
    font-size: 10px !important;
  }
  .fsr-8 {
    font-size: 8px !important;
  }
  .img-res-1024 {
    width: 207.29px !important;
    height: 69px !important;
  }
  .hov-login-img {
    width: 28px !important;
    height: 28px !important;
  }
  .res1024_register_img {
    width: 15px !important;
    height: 15px !important;
  }
  .img-bell1024 {
    width: 20px !important;
  }
  .img-fav-head {
    width: 22px !important;
    height: 22px !important;
  }
  .used_cars_imgs_1024 {
    height: 42px !important;
    width: 42px !important;
  }
  .car_listing_imgs1024 {
    width: 40px !important;
    height: 27px !important;
  }
  .slider_form1024 .slick-prev {
    left: 41% !important;
  }
  .slider_form1024 .slick-next {
    right: 41% !important;
  }
  /* header widths */
  .w-140h {
    width: 130px !important ;
  }
  .w-105h {
    width: 95px !important ;
  }
  .w-100h {
    width: 90px !important ;
  }
  .w-70h {
    width: 60px !important ;
  }
  .w-50h {
    width: 45px !important ;
  }
  /* index end */
  /* ********************* ********************************************************************/
  /***************************************** search page *************************************/
  #no_record_found .title-recod {
    font-size: var(--font-size-18) !important;
  }
  #no_record_found .title-recod-para {
    font-size: var(--font-size-16s) !important;
  }
  #no_record_found .list-record-nofound {
    font-size: var(--font-size-16s) !important;
  }
  #no_record_found .norecorddoundimg {
    max-width: 304px !important;
  }
  #search-toyota-used-cars .buttons {
    height: 75px !important;
  }
  .seperator-search {
    margin-block: 22px !important;
  }
  .grid-search-result-item .fix-w2 {
    width: 80px !important;
  }
  .img-search-result-p {
    height: 16px !important;
    width: 16px !important;
  }
  .grid-search-result-item .col-4 {
    padding-inline: 8px;
  }
  #breadcrumb-section .breadcrumb-item {
    font-size: var(--font-size-10s) !important;
  }
  .price-calculator .price-calculator-para h2 {
    font-size: 18px !important;
    margin-bottom: 5px !important;
    text-wrap: wrap;
  }
  .w-360 {
    width: 275px !important;
  }
  .price-calculator .price-calculator-para h4 {
    font-size: 12px !important;
  }
  .price-calculator .select-drop .des {
    font-size: var(--font-size-10s) !important;
  }
  .price-calculator .select-drop select {
    height: 28px !important;
    font-size: var(--font-size-10s) !important;
  }
  .price-calculator .check-radio-label {
    font-size: var(--font-size-10s) !important;
  }
  .rest-btn {
    height: 28px !important;
    width: 99px !important;
    font-size: 10px !important;
  }
  .rest-btn img {
    height: 17px !important;
    width: 17px !important;
  }
  .cal-btn img {
    height: 17px !important;
    width: 17px !important;
  }
  .cal-btn {
    height: 28px !important;
    width: 99px !important;
    font-size: 10px !important;
  }
  .cal-btn i {
    font-size: 16px !important;
  }
  .cust-head-title {
    font-size: 18px !important;
  }
  .cust-fot-title {
    font-size: 12px !important;
  }
  .further-resource-search h2 {
    font-size: 18px !important;
  }
  .further-resource-search h4 {
    font-size: 14px !important;
    margin-top: 14px;
  }
  .further-resource-search .further-resource-lists a {
    font-size: 14px !important;
  }
  .buy-used-cars-search h2 {
    font-size: 18px !important;
  }
  .buy-used-cars-search h4 {
    font-size: 16px !important;
  }
  .buy-used-cars-search .about-car-detail {
    font-size: 16px !important;
  }
  .margin-dynamic-search-car {
    margin-bottom: 20px !important;
  }
  .slick-recent-cars .car-price-card {
    font-size: 12px !important;
  }
  .slick-recent-cars .car-title-card {
    font-size: 10px !important;
  }
  .slick-recent-cars .car-date-card {
    font-size: 8px !important;
  }
  .slick-recent-cars .car-specs-card {
    font-size: 8px !important;
  }
  .width-dynamic-car-recent .recent-car-img {
    height: 121px !important;
  }
  .slick-recent-cars .car-heart-icon {
    font-size: 15px !important;
  }
  .pagination-section .pagination-styles > ul > li {
    font-size: var(--font-size-12s) !important;
    padding-inline: 10px !important;
    padding-block: 10px !important;
  }
  .pagination-section .pagintaion-count span {
    font-size: 12px !important;
  }
  .pagination-section .pagintaion-count select {
    width: 52px !important;
    height: 32px !important;
    font-size: 12px !important;
  }
  .search-toyota-used-cars {
    padding-block: 20px !important;
  }
  .search-toyota-used-cars .used-cars-searc-title {
    font-size: 18px !important;
  }
  .used-cars-searc-sort {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .car-search-dropdown button {
    font-size: var(--font-size-10s) !important;
    min-width: 139px !important;
    height: 34px !important;
  }
  .img-used-cars-search-list {
    width: 285.87px !important;
    height: 182.04px !important;
  }
  #search-toyota-used-cars .promobadges span {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .car-title-search {
    font-size: 18px !important;
  }
  #search-toyota-used-cars .car-specs-generic h4 {
    font-size: 12px !important;
    margin-bottom: 0px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs span.light-texts {
    font-size: 8px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs span.dark-texts {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs div {
    height: 50px !important;
  }
  #search-toyota-used-cars .location-flag h4 {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .location-flag span {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .price-calculation .price-tag {
    font-size: 16px !important;
  }
  #search-toyota-used-cars .price-calculation .price-title {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .price-calculation .price-title-2 {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .buttons button {
    font-size: 10px !important;
    height: 34px !important;
    width: 125px !important;
  }
  #search-toyota-used-cars .buttons-car-detail button {
    width: 150px !important;
    height: 35px !important;
    font-size: 10px !important;
  }
  #search-toyota-used-cars .buttons-car-detail a {
    width: 150px !important;
    height: 35px !important;
    font-size: 10px !important;
  }
  .img-used-cars-search-list {
    margin-top: 0px !important;
    width: 285.87px !important;
    height: 100% !important;
  }
  #sat-slid-srch-drop-btn .filters-btns-srch {
    font-size: var(--font-size-10s) !important;
  }
  #show-hide-adv-filt {
    font-size: 10px !important;
  }
  .types-specs-car-search .label-specs-search {
    font-size: 10px !important;
  }
  .grid_5_s {
    gap: 0px !important;
  }
  .promo-search-info span {
    font-size: 10px !important;
  }
  .search-fontawe-car {
    height: 28px !important;
    width: 99px !important;
    font-size: 10px !important;
  }
  .search-fontawe-car i {
    font-size: 12px !important;
  }
  .w-dynamic-search-page {
    min-width: 224px !important;
  }
  #sat-slid-srch-drop-btn .dropdown-menu .dropdown-item {
    font-size: 10px !important;
  }
  .w-101 {
    width: 65px !important;
    padding-inline: 3px !important;
  }
  .w-69 {
    padding-inline: 3px !important;
    width: 43px !important;
  }
  .responsive-gap-search-page {
    gap: 1px !important;
  }
  .px-responsive-3 {
    padding-inline: 3px !important;
  }
  .select2-container--default .select2-selection--single {
    font-size: 10px !important;
  }
  .select2-container--default .select2-selection--multiple {
    font-size: 10px !important;
  }
  .select2-results__option {
    font-size: 10px !important;
  }
  .select-common-search {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .price-calculation .price-tag-search-result {
    font-size: 12px !important;
    width: 71px !important;
  }
  .grid-3-search-car-used {
    gap: 23px !important;
  }
  /* ********************* */
  /***************************************** search end ************************************/
  /* ************************************** car detail ************************************ */
  .sold-out-bannar {
    height: calc(100% - 101px) !important;
  }
  .sold-out-bannar h2 {
    font-size: 70px !important;
  }
  #sepecs_car_detail ul li {
    width: 210px !important;
  }
  .feature-title {
    width: 70px !important;
  }
  .feature-specs-detail-2 {
    width: 130px !important;
  }
  #car_main_details {
    max-width: 400px !important;
  }
  .heading-styles-common {
    font-size: 18px !important;
  }
  .car-detail-specs-generic .car-detail-title {
    font-size: 22px !important;
  }
  .car-detail-specs-generic .car-detail-specs-main {
    font-size: 12px !important;
    line-height: 3px !important;
  }
  .car-detail-specs-generic .car-detail-specs-sub {
    font-size: 12px !important;
  }
  .car-detail-specs-generic .price-detail-main {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .car-detail-specs-generic .price-title-head-detail {
    font-size: 12px !important;
    line-height: 17px !important;
  }
  .car-detail-drop .des {
    font-size: 10px !important;
  }
  .car-detail-drop select {
    font-size: 10px !important;
    height: 28px !important;
  }
  .mt-33-car-detail {
    margin-top: 15px !important;
  }
  .car-gallery-bottom p a {
    font-size: 12px !important;
  }
  .car-gallery-bottom p {
    margin-bottom: 0px;
  }
  .car-gallery-bottom {
    margin-top: 0px !important;
  }
  .heading-styles-common {
    margin-bottom: 15px !important;
  }
  .py-32 {
    padding-block: 23px !important;
  }
  .feature-title {
    font-size: 10px !important;
  }
  .feature-specs-detail {
    font-size: 12px !important;
  }
  .feature-specs-detail-2 {
    font-size: 12px !important;
  }
  .grid_specs-car-detail .list-group-item {
    padding-inline: 0px !important;
  }
  #features_car_detail .feature-names {
    font-size: 12px !important;
  }
  #order_flow_car_detail img {
    height: 42px !important;
    width: 42px !important;
  }
  #order_flow_car_detail .car-detail-order-text {
    font-size: 12px !important;
  }
  #order_flow_car_detail .car-detail-order-step {
    font-size: 10px !important;
  }
  #order_flow_car_detail .card-body {
    padding-inline: 5px !important;
  }
  #order_flow_car_detail .order-flow-para {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .img-payment-method-card img {
    height: 106px !important;
    width: 90px !important;
  }
  #payment_method_car_detail .car-detail-order-text {
    font-size: 12px !important;
  }
  #payment_method_car_detail .card-body {
    padding-inline: 5px !important;
  }
  .seperator-dots {
    font-size: 12px !important;
    align-self: flex-start !important;
  }
  .similar-cars-cmn .top-car-price {
    font-size: 21px !important;
  }
  .similar-cars-cmn .sale-car-name {
    font-size: 16px !important;
  }
  .similar-cars-cmn .sale-car-average {
    font-size: 11px !important;
  }
  /* ********car detail end****** */
  /* ********thank you ****** */
  .thank_you_div {
    padding-block: 10px;
  }
  .main-text-title-thank {
    font-size: 18px !important;
  }
  .thanks-car-detail-img {
    height: 205px !important;
  }
  .car-detail-specs-sub-thank {
    font-size: 12px !important;
  }
  .car-detail-specs-main-thank {
    font-size: 12px !important;
    line-height: 17px !important;
  }
  .price-title-thank {
    font-size: 14px !important;
    line-height: 15px !important;
  }
  .price-tag-thank {
    font-size: 12px !important;
    line-height: 15px !important;
  }
  .price-calculation {
    margin-top: 10px !important;
  }
  .price-title-thank-end {
    font-size: 12px !important;
  }
  .price-tag-thanks-price {
    font-size: 16px !important;
  }
  .price-title-thank-status {
    font-size: 16px !important;
  }
  .price-tag-thanks-paid {
    font-size: 16px !important;
  }
  .ps-th-24 {
    padding-top: 35px !important;
    padding-left: 24px;
  }
  .button-thank {
    font-size: 12px !important;
    width: 153px !important;
    height: 40px !important;
  }
  .button-thank-mt {
    margin-top: 20px !important;
    padding-right: 34px !important;
  }
  .status-margin {
    margin-top: 2px !important;
  }
  .pt-custom-24 {
    padding-top: 24px !important;
  }
  .heading-styles-secondary {
    font-size: 24px !important;
  }
  .mtb-custom {
    margin-top: 0px !important;
  }
  /* ********thank you end****** */
  /*********** how to buy******** */
  .img-how-to-buy {
    height: 42px;
    width: 42px;
  }
  .main-heading-how-to-buy {
    font-size: 20px !important;
  }
  .sub-heading-how-to-buy {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .list-how-to-buy > li {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  /*********** how to buy end******** */
  /* cookie policy */
  .list-cookie-policy > li {
    line-height: 20px !important;
  }
  .custom-res-cols-cookie {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  /********* country page *********/
  #counry_deals_section .list-group-item {
    font-size: 14px !important;
  }
  .deal-img-card {
    height: 137px !important;
  }
  #country_deals_card .deal-car-price {
    font-size: var(--font-size-20s) !important;
    margin-bottom: 0px;
  }
  #country_deals_card .deal-car-name {
    font-size: var(--font-size-18s) !important;
  }
  #country_deals_card .card-body {
    padding: 10px;
  }
  #country_deals_card .deal-car-modl {
    font-size: var(--font-size-16s) !important;
  }
  #country_deals_card .deal-car-average {
    font-size: var(--font-size-12s) !important;
  }
  .country-port-tite {
    font-size: var(--font-size-14s) !important;
  }
  .arrival-port-div h4 {
    font-size: var(--font-size-18s) !important;
  }
  .arrival-port-div ul > li {
    font-size: var(--font-size-18s) !important;
  }
  .common-card-sections-country .main-title-country {
    font-size: var(--font-size-14s) !important;
  }
  #payment_methods_country .card-body {
    padding: 10px;
  }
  .view_details_common {
    font-size: var(--font-size-14s) !important;
  }
  #offices_information {
    padding-left: 50px !important;
  }
  #offices_information h4 {
    font-size: var(--font-size-16s) !important;
    line-height: 20px !important;
    padding: 9px !important;
  }
  #offices_information p {
    font-size: var(--font-size-16s) !important;
    line-height: 20px !important;
    margin-bottom: 4px;
  }
  #import_reulation_country .card-body {
    padding: 10px;
  }
  .common-card-sections-country .main-para-country {
    width: 205px !important;
    font-size: var(--font-size-14s) !important;
  }
  .grid_country_4 {
    gap: 41px !important;
  }
  #show_more_import_regulation .show_more_import_texts h4 {
    font-size: var(--font-size-14s) !important;
  }
  #jpananese_used_cars_country_intro p {
    font-size: var(--font-size-16s) !important;
  }
  #why_choose_sat_country .card-body {
    padding: 10px;
  }
  #faq_section_tabs_country .list-group-item {
    font-size: var(--font-size-16s) !important;
  }
  .comman-accordion-parents .accord-btn-label {
    font-size: 18px !important;
  }
  .comman-accordion-parents .accordion-body-paragrph {
    font-size: 18px !important;
  }
  .comman-accordion-parents .accordion-header {
    height: 60px !important;
  }
  .import-regulation-cust-title {
    font-size: var(--font-size-18s) !important;
    line-height: 20px !important;
    padding: 9px !important;
  }
  .import-regulation-cust-para {
    font-size: var(--font-size-16s) !important;
    line-height: 20px !important;
    margin-block: 9px !important;
  }
  .import-foreign-made {
    width: 450px !important;
  }
  .import_width_551 {
    width: 456px !important;
  }
  .import-list-details li {
    font-size: var(--font-size-18s) !important;
    line-height: 28px !important;
  }
  .arrival-port-dimensions {
    max-height: 217px;
    overflow: auto;
  }
  /******** country end ********/
  #back_to_top {
    height: 40px !important;
    width: 40px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  /* new changes media query */
  #where_we_operate_idc .operate-items img {
    max-width: 55px !important;
  }
  #where_we_operate_idc .operate-items {
    padding-block: 20px !important;
  }
  #where_we_operate_idc .operate-items a {
    gap: 35px !important;
  }
  /* slider form */
  .secondary-banar-btn {
    font-size: 12px !important;
    bottom: 42px !important;
    left: 59px !important;
    max-width: 124px !important;
    max-height: 35px !important;
  }
  a.secondary-banar-btn2 {
    bottom: 15px !important;
    left: 92px !important;
    max-width: 132px !important;
    max-height: 34px !important;
    font-size: 12px !important;
}
  .hov-menu-form {
    /* padding: 21px 10px; */
    width: 12.62rem !important;
  }
  /* how to buy */
  .htb-second-text {
    font-size: var(--font-size-12s) !important;
    line-height: 18px !important;
    /* padding-bottom: 11px; */
  }
  .htb-prime-text {
    font-size: var(--font-size-16s) !important;
    line-height: 20px !important;
    /* padding-bottom: 6px; */
  }
  .grid-item-hw {
    max-height: 160px !important;
    padding: 16px 15px 11px 15px !important;
  }
  .img-htb {
    max-width: 61px;
  }
  .htb-img-div {
    padding: 0px !important;
  }
  /* compare section */
  .comp-card-slider .comp-cards {
    max-width: 296px !important;
  }
  .comp-card-slider .compare-comon-img {
    max-width: 129px !important;
    max-height: 102px !important;
  }
  .comp-card-slider .slick-slide {
    margin-right: 20px !important;
  }
  .compare-text {
    font-size: var(--font-size-12) !important;
  }
  .comp-card-slider .slick-next {
    right: 26px !important;
  }
  /* car reviews */
  .car-rev-divs {
    max-width: 298px !important;
    padding: 18px !important;
  }
  #car-rev-desk .slick-slide {
    margin-right: 19px !important;
  }
  #car-rev-desk .rev-comn-texts {
    font-size: var(--font-size-10s) !important;
    line-height: 15px !important;
  }
  #car-rev-desk .rev-full-btn {
    padding: 8px;
    max-height: 27px !important;
  }
  .rev-desk-img {
    max-height: 62px;
  }
  #car-rev-desk .slick-next {
    right: -22px !important;
  }
  /* footer new */
  .cmn-head-ftr {
    height: 40px;
    padding-inline: 10px;
    padding-block: 4px;
    font-size: var(--font-size-16) !important;
    line-height: 26px;
  }
  .list-fotr-links li a {
    font-size: var(--font-size-12) !important;
    line-height: 20px;
  }
  .grid-descript-footer {
    grid-template-columns: 25% 20% 29% 19%;
    column-gap: 23.67px !important;
    max-width: 79.125rem;
  }
  .grid-descript-footer h3 {
    font-size: var(--font-size-14s) !important;
    line-height: 26px;
  }
  .grid-descript-footer h4 {
    font-size: var(--font-size-12s) !important;
    line-height: 24px;
  }
  #copyright_footer p {
    padding-block: 0.75rem;
    font-size: var(--font-size-14s) !important;
    line-height: 24px;
  }
  .comn-fotr-head-sub {
    font-size: var(--font-size-14s) !important;
    line-height: 24px;
  }
  .comn-fotr-head-tri {
    font-size: var(--font-size-14s) !important;
    line-height: 23.54px;
    margin-bottom: 11px;
  }
  /* makes section */
  .popular_makesn {
    max-width: 809px !important;
  }
  .w-180 {
    max-width: 144px;
  }
  .h-178 {
    max-height: 126px;
  }
  .popular_makes .slick-next {
    right: -24px !important;
  }
  .popular_makes .slick-prev {
    left: -45px !important;
  }
  /* best seller */
  .grid_3_s {
    column-gap: 109px !important;
  }
  .grid-3-s-items li {
    font-size: var(--font-size-12) !important;
    line-height: 20px;
    padding-bottom: 10px;
  }
  /* new changes end */
  .header-search-des {
    height: 38px !important;
  }
  .search_header {
    height: 38px !important;
  }
  /* slider form */
  .wslider_1024_217 {
    top: 2% !important;
    width: 235px !important;
  }
  .mt-6_1024 {
    margin-top: 6px !important;
  }
  .slide_margin {
    height: 330px !important;
  }
  .h-slide-form-35 {
    height: 34px !important;
  }
  .plc-search-stock::placeholder {
    font-size: 10px !important;
  }
  .py768-10 {
    padding-block: 17px !important;
  }
  /* index */
  /* header */
  /* footer */
  .w-1282 {
    width: 950px !important;
  }
  .w-820 {
    width: 860px !important;
  }
  .h-126 {
    height: 126px !important;
  }
  .logo1024 {
    width: 129.48px !important;
    height: 43.1px !important;
  }
  .h1024-28 {
    height: 28px !important;
  }
  .pt-3s1024 {
    padding-top: 3px !important;
  }
  .res1024-align-self-start {
    align-self: flex-start !important;
  }
  .fsr-22 {
    font-size: 22px !important;
  }
  .fsr-18 {
    font-size: 18px !important;
  }
  .fsr-14 {
    font-size: 14px !important;
  }
  .fsr-12 {
    font-size: 12px !important;
  }
  .fsr-10 {
    font-size: 10px !important;
  }
  .fsr-8 {
    font-size: 8px !important;
  }
  .img-res-1024 {
    width: 207.29px !important;
    height: 69px !important;
  }
  .hov-login-img {
    width: 28px !important;
    height: 28px !important;
  }
  .res1024_register_img {
    width: 15px !important;
    height: 15px !important;
  }
  .img-bell1024 {
    width: 20px !important;
  }
  .img-fav-head {
    width: 22px !important;
    height: 22px !important;
  }
  .used_cars_imgs_1024 {
    height: 42px !important;
    width: 42px !important;
  }
  .car_listing_imgs1024 {
    width: 40px !important;
    height: 27px !important;
  }
  .slider_form1024 .slick-prev {
    display: none !important;
  }
  .slider_form1024 .slick-next {
    display: none !important;
  }
  /* header widths */
  .w-140h {
    width: 120px;
  }
  .w-105h {
    width: 90px;
  }
  .w-100h {
    width: 85px;
  }
  .w-70h {
    width: 60px;
  }
  .w-50h {
    width: 40px;
  }
  /* index end */
  /* ********************* ****************************************************************************/
  /***************************************** search page **********************************************/
  #no_record_found .title-recod {
    font-size: var(--font-size-18) !important;
  }
  #no_record_found .title-recod-para {
    font-size: var(--font-size-16s) !important;
  }
  #no_record_found .list-record-nofound {
    font-size: var(--font-size-16s) !important;
  }
  #no_record_found .norecorddoundimg {
    max-width: 304px !important;
  }
  #search-toyota-used-cars .buttons {
    height: 75px !important;
  }
  .seperator-search {
    margin-block: 16px !important;
  }
  .grid-search-result-item .fix-w2 {
    width: 85px !important;
  }
  .img-search-result-p {
    height: 16px !important;
    width: 16px !important;
  }
  .grid-search-result-item .col-4 {
    padding-inline: 8px;
  }
  #breadcrumb-section .breadcrumb-item {
    font-size: var(--font-size-10s) !important;
  }
  .price-calculator .price-calculator-para h2 {
    font-size: 18px !important;
    margin-bottom: 5px !important;
    text-wrap: wrap;
  }
  .w-360 {
    width: 275px !important;
  }
  .price-calculator .price-calculator-para h4 {
    font-size: 12px !important;
  }
  .price-calculator .select-drop .des {
    font-size: var(--font-size-10s) !important;
  }
  .price-calculator .select-drop select {
    font-size: var(--font-size-10s) !important;
  }
  .price-calculator .check-radio-label {
    font-size: var(--font-size-10s) !important;
  }
  .rest-btn {
    height: 28px !important;
    width: 99px !important;
    font-size: 10px !important;
  }
  .rest-btn img {
    height: 17px !important;
    width: 17px !important;
  }
  .cal-btn img {
    height: 17px !important;
    width: 17px !important;
  }
  .cal-btn {
    height: 28px !important;
    width: 99px !important;
    font-size: 10px !important;
  }
  .cal-btn i {
    font-size: 16px !important;
  }
  .cust-head-title {
    font-size: 18px !important;
  }
  .cust-fot-title {
    font-size: 12px !important;
  }
  .further-resource-search h2 {
    font-size: 18px !important;
  }
  .further-resource-search h4 {
    font-size: 14px !important;
    margin-top: 14px;
  }
  .further-resource-search .further-resource-lists a {
    font-size: 14px !important;
  }
  .buy-used-cars-search h2 {
    font-size: 18px !important;
  }
  .buy-used-cars-search h4 {
    font-size: 16px !important;
  }
  .buy-used-cars-search .about-car-detail {
    font-size: 16px !important;
  }
  .margin-dynamic-search-car {
    margin-bottom: 20px !important;
  }
  .slick-recent-cars .car-price-card {
    font-size: 12px !important;
  }
  .slick-recent-cars .car-title-card {
    font-size: 10px !important;
  }
  .slick-recent-cars .car-date-card {
    font-size: 8px !important;
  }
  .slick-recent-cars .car-specs-card {
    font-size: 8px !important;
  }
  .width-dynamic-car-recent .recent-car-img {
    height: 127px !important;
  }
  .slick-recent-cars .car-heart-icon {
    font-size: 15px !important;
  }
  .pagination-section .pagination-styles > ul > li {
    font-size: var(--font-size-12s) !important;
    padding-inline: 10px !important;
    padding-block: 10px !important;
  }
  .pagination-section .pagintaion-count span {
    font-size: 12px !important;
  }
  .pagination-section .pagintaion-count select {
    width: 52px !important;
    height: 32px !important;
    font-size: 12px !important;
  }
  .search-toyota-used-cars {
    padding-block: 20px !important;
  }
  .search-toyota-used-cars .used-cars-searc-title {
    font-size: 18px !important;
  }
  .used-cars-searc-sort {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .car-search-dropdown button {
    font-size: var(--font-size-10s) !important;
    min-width: 139px !important;
    height: 34px !important;
  }
  .img-used-cars-search-list {
    width: 285.87px !important;
    height: 182.04px !important;
  }
  #search-toyota-used-cars .promobadges span {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .car-title-search {
    font-size: 18px !important;
  }
  #search-toyota-used-cars .car-specs-generic h4 {
    font-size: 12px !important;
    margin-bottom: 0px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs span.light-texts {
    font-size: 8px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs span.dark-texts {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs div {
    height: 50px !important;
  }
  #search-toyota-used-cars .location-flag h4 {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .location-flag span {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .price-calculation .price-tag {
    font-size: 16px !important;
  }
  #search-toyota-used-cars .price-calculation .price-title {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .price-calculation .price-title-2 {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .buttons button {
    font-size: 10px !important;
    height: 34px !important;
    width: 125px !important;
  }
  #search-toyota-used-cars .buttons-car-detail button {
    height: 34px !important;
    width: 125px !important;
    font-size: 10px !important;
  }
  #search-toyota-used-cars .buttons-car-detail a {
    height: 34px !important;
    width: 125px !important;
    font-size: 10px !important;
  }
  .img-used-cars-search-list {
    margin-top: 0px !important;
    width: 285.87px !important;
    height: 100% !important;
  }
  #sat-slid-srch-drop-btn .filters-btns-srch {
    font-size: var(--font-size-10s) !important;
  }
  #show-hide-adv-filt {
    font-size: 10px !important;
  }
  .types-specs-car-search .label-specs-search {
    font-size: 10px !important;
  }
  .grid_5_s {
    gap: 0px !important;
  }
  .promo-search-info span {
    font-size: 10px !important;
  }
  .search-fontawe-car {
    height: 28px !important;
    width: 99px !important;
    font-size: 10px !important;
  }
  .search-fontawe-car i {
    font-size: 12px !important;
  }
  .w-dynamic-search-page {
    min-width: 224px !important;
  }
  #sat-slid-srch-drop-btn .dropdown-menu .dropdown-item {
    font-size: 10px !important;
  }
  .w-101 {
    width: 65px !important;
    padding-inline: 3px !important;
  }
  .w-69 {
    padding-inline: 3px !important;
    width: 43px !important;
  }
  .responsive-gap-search-page {
    gap: 1px !important;
  }
  .px-responsive-3 {
    padding-inline: 3px !important;
  }
  .select2-container--default .select2-selection--single {
    font-size: 10px !important;
  }
  .select2-container--default .select2-selection--multiple {
    font-size: 10px !important;
  }
  .select2-results__option {
    font-size: 10px !important;
  }
  .select-common-search {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .price-calculation .price-tag-search-result {
    font-size: 12px !important;
    width: 71px !important;
  }
  /* ********************* */
  /***************************************** search end **********************************************/
  /* ************************************** car detail ************************************ */
  .counter-car-detail-gallery {
    top: 242px !important;
    left: 20px;
    font-size: var(--font-size-12) !important;
    padding: 8px !important;
    line-height: 20px;
  }
  #sepecs_car_detail ul li {
    width: 210px !important;
  }
  .feature-title {
    width: 70px !important;
  }
  .feature-specs-detail-2 {
    width: 130px !important;
  }
  #car_main_details {
    max-width: 400px !important;
  }
  .seperator-dots {
    font-size: 12px !important;
    align-self: flex-start !important;
  }
  .heading-styles-common {
    font-size: 16px !important;
  }
  .car-detail-specs-generic .car-detail-title {
    font-size: 22px !important;
  }
  .car-detail-specs-generic .car-detail-specs-main {
    font-size: 12px !important;
    line-height: 3px !important;
  }
  .car-detail-specs-generic .car-detail-specs-sub {
    font-size: 12px !important;
  }
  .car-detail-specs-generic .price-detail-main {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .car-detail-specs-generic .price-title-head-detail {
    font-size: 12px !important;
    line-height: 17px !important;
  }
  .car-detail-drop .des {
    font-size: 10px !important;
  }
  .car-detail-drop select {
    font-size: 10px !important;
    height: 28px !important;
  }
  .mt-33-car-detail {
    margin-top: 15px !important;
  }
  .container-gallery .large-image {
    height: 305px !important;
  }
  .thumbnails {
    width: 457px !important;
    height: 100px !important;
  }
  .controls .prev-button,
  .controls .next-button {
    top: 216px !important;
  }
  .car-gallery-bottom p a {
    font-size: 12px !important;
  }
  .car-gallery-bottom p {
    margin-bottom: 0px;
  }
  .car-gallery-bottom {
    margin-top: 0px !important;
  }
  .heading-styles-common {
    margin-bottom: 2px !important;
  }
  .feature-title {
    font-size: 10px !important;
  }
  .feature-specs-detail {
    font-size: 12px !important;
  }
  .feature-specs-detail-2 {
    font-size: 12px !important;
  }
  .grid_specs-car-detail .list-group-item {
    padding-inline: 0px !important;
  }
  #features_car_detail .feature-names {
    font-size: 12px !important;
  }
  #order_flow_car_detail img {
    height: 42px !important;
    width: 42px !important;
  }
  #order_flow_car_detail .car-detail-order-text {
    font-size: 12px !important;
  }
  #order_flow_car_detail .car-detail-order-step {
    font-size: 10px !important;
  }
  #order_flow_car_detail .card-body {
    padding-inline: 5px !important;
  }
  #order_flow_car_detail .order-flow-para {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .img-payment-method-card img {
    height: 106px !important;
    width: 90px !important;
  }
  #payment_method_car_detail .car-detail-order-text {
    font-size: 12px !important;
  }
  #payment_method_car_detail .card-body {
    padding-inline: 5px !important;
  }
  .buy-used-cars-search h4 {
    line-height: 36px !important;
  }
  .buy-used-cars-search .about-car-detail {
    line-height: 36px !important;
  }
  .similar-cars-cmn .top-car-price {
    font-size: 21px !important;
  }
  .similar-cars-cmn .sale-car-name {
    font-size: 16px !important;
  }
  .similar-cars-cmn .sale-car-average {
    font-size: 11px !important;
  }
  /* ********car detail end****** */
  /* ********thank you ****** */
  .main-text-title-thank {
    font-size: 16px !important;
  }
  .thanks-car-detail-img {
    height: 197px !important;
  }
  .car-detail-specs-sub-thank {
    font-size: 12px !important;
  }
  .car-detail-specs-main-thank {
    font-size: 12px !important;
    line-height: 17px !important;
  }
  .price-title-thank {
    font-size: 14px !important;
    line-height: 15px !important;
  }
  .price-tag-thank {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .price-calculation {
    margin-top: 10px !important;
  }
  .price-title-thank-end {
    font-size: 10px !important;
    line-height: 20px !important;
  }
  .price-tag-thanks-price {
    font-size: 14px !important;
  }
  .price-title-thank-status {
    font-size: 14px !important;
    line-height: 35px !important;
  }
  .price-tag-thanks-paid {
    font-size: 14px !important;
    line-height: 35px !important;
  }
  .ps-th-24 {
    padding-top: 23px !important;
    padding-left: 24px;
  }
  .button-thank {
    font-size: 12px !important;
    width: 153px !important;
    height: 40px !important;
  }
  .button-thank-mt {
    margin-top: 20px !important;
    padding-right: 34px !important;
  }
  .status-margin {
    margin-top: 2px !important;
  }
  .pt-custom-24 {
    padding-top: 12px !important;
  }
  .heading-styles-secondary {
    font-size: 22px !important;
  }
  .mtb-custom {
    margin-top: 0px !important;
  }
  /* ********thank you end****** */
  /*********** how to buy******** */
  .img-how-to-buy {
    height: 42px;
    width: 42px;
  }
  .main-heading-how-to-buy {
    font-size: 20px !important;
  }
  .sub-heading-how-to-buy {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .list-how-to-buy > li {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  /*********** how to buy end******** */
  /* cookie policy */
  .list-cookie-policy > li {
    line-height: 20px !important;
  }
  /********* country page *********/
  #counry_deals_section .list-group-item {
    font-size: 14px !important;
  }
  .deal-img-card {
    height: 137px !important;
  }
  #country_deals_card .deal-car-price {
    font-size: var(--font-size-20s) !important;
    margin-bottom: 0px;
  }
  #country_deals_card .deal-car-name {
    font-size: var(--font-size-18s) !important;
  }
  #country_deals_card .card-body {
    padding: 10px;
  }
  #country_deals_card .deal-car-modl {
    font-size: var(--font-size-16s) !important;
  }
  #country_deals_card .deal-car-average {
    font-size: var(--font-size-12s) !important;
  }
  .country-port-tite {
    font-size: var(--font-size-14s) !important;
  }
  .arrival-port-div h4 {
    font-size: var(--font-size-18s) !important;
  }
  .arrival-port-div ul > li {
    font-size: var(--font-size-18s) !important;
  }
  .common-card-sections-country .main-title-country {
    font-size: var(--font-size-14s) !important;
  }
  #payment_methods_country .card-body {
    padding: 10px;
  }
  .view_details_common {
    font-size: var(--font-size-14s) !important;
  }
  #offices_information {
    padding-left: 50px !important;
  }
  #offices_information h4 {
    font-size: var(--font-size-16s) !important;
    line-height: 20px !important;
    padding: 9px !important;
  }
  #offices_information p {
    font-size: var(--font-size-16s) !important;
    line-height: 20px !important;
    margin-bottom: 4px;
  }
  #import_reulation_country .card-body {
    padding: 10px;
  }
  .common-card-sections-country .main-para-country {
    width: 205px !important;
    font-size: var(--font-size-14s) !important;
  }
  .grid_country_4 {
    gap: 41px !important;
  }
  #show_more_import_regulation .show_more_import_texts h4 {
    font-size: var(--font-size-14s) !important;
  }
  #jpananese_used_cars_country_intro p {
    font-size: var(--font-size-16s) !important;
  }
  #why_choose_sat_country .card-body {
    padding: 10px;
  }
  #faq_section_tabs_country .list-group-item {
    font-size: var(--font-size-16s) !important;
  }
  .comman-accordion-parents .accord-btn-label {
    font-size: 18px !important;
  }
  .comman-accordion-parents .accordion-body-paragrph {
    font-size: 18px !important;
  }
  .comman-accordion-parents .accordion-header {
    height: 60px !important;
  }
  .import-regulation-cust-title {
    font-size: var(--font-size-18s) !important;
    line-height: 20px !important;
    padding: 9px !important;
  }
  .import-regulation-cust-para {
    font-size: var(--font-size-16s) !important;
    line-height: 20px !important;
    margin-block: 9px !important;
  }
  .import-foreign-made {
    width: 450px !important;
  }
  .import_width_551 {
    width: 456px !important;
  }
  .import-list-details li {
    font-size: var(--font-size-18s) !important;
    line-height: 28px !important;
  }
  /******** country end ********/
  #back_to_top {
    height: 40px !important;
    width: 40px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* new changes media query */
  .img-search-adv-ico {
    height: 11px !important;
    width: 12px !important;
  }
  #where_we_operate_idc .operate-items img {
    max-width: 45px !important;
  }
  #where_we_operate_idc .operate-items {
    padding-block: 20px !important;
  }
  #where_we_operate_idc .operate-items a {
    gap: 20px !important;
  }
  /* slider form */
  .secondary-banar-btn {
    font-size: 10px !important;
    bottom: 29px !important;
    left: 47px !important;
    max-width: 95px !important;
    max-height: 26px !important;
  }
  a.secondary-banar-btn2 {
    bottom: 10px !important;
    left: 71px !important;
    max-width: 125px !important;
    max-height: 29px !important;
    font-size: 10px !important;
}
  .hov-menu-form {
    padding: 10px !important;
    width: 185px !important;
  }
  .hov-menu-form li {
    padding: 10px !important;
  }
  /* how to buy */
  .htb-second-text {
    font-size: var(--font-size-8s) !important;
    line-height: 18px !important;
    /* padding-bottom: 11px; */
  }
  .htb-prime-text {
    font-size: var(--font-size-12s) !important;
    line-height: 20px !important;
    /* padding-bottom: 6px; */
  }
  .grid-item-hw {
    max-height: 160px !important;
    padding: 16px 15px 11px 15px !important;
  }
  .img-htb {
    max-width: 44px;
  }
  .htb-img-div {
    padding: 0px !important;
  }
  /* compare section */
  .comp-card-slider .comp-cards {
    max-width: 225px !important;
  }
  .comp-card-slider .compare-comon-img {
    max-width: 95px !important;
    max-height: 102px !important;
  }
  .comp-card-slider .compare-vs-img {
    max-width: 32px !important;
  }
  .comp-card-slider .slick-slide {
    margin-right: 10px !important;
  }
  .compare-text {
    font-size: var(--font-size-12) !important;
  }
  .comp-card-slider .slick-next {
    right: 26px !important;
  }
  /* car reviews */
  .car-rev-divs {
    max-width: 298px !important;
    padding: 18px !important;
  }
  #car-rev-desk .slick-slide {
    margin-right: 19px !important;
  }
  #car-rev-desk .rev-comn-texts {
    font-size: var(--font-size-8s) !important;
    line-height: 15px !important;
  }
  #car-rev-desk .rev-full-btn {
    padding: 8px;
    max-height: 27px !important;
  }
  .rev-desk-img {
    max-height: 62px;
  }
  #car-rev-desk .slick-next {
    right: -22px !important;
  }
  /* footer new */
  .cmn-head-ftr {
    height: 40px;
    padding-inline: 10px;
    padding-block: 4px;
    font-size: var(--font-size-12) !important;
    line-height: 26px;
  }
  .cmn-head-ftr2 {
    font-size: var(--font-size-12) !important;
  }
  .list-fotr-links li a {
    font-size: var(--font-size-10) !important;
    line-height: 20px;
  }
  .grid-descript-footer {
    grid-template-columns: 25% 20% 29% 19%;
    column-gap: 18.67px !important;
    max-width: 79.125rem;
  }
  .grid-main-fotr {
    column-gap: 38px !important;
  }
  .grid-descript-footer h3 {
    font-size: var(--font-size-12s) !important;
    line-height: 17px !important;
  }
  .grid-descript-footer h4 {
    font-size: var(--font-size-10s) !important;
    line-height: 24px;
  }
  #copyright_footer p {
    padding-block: 0.75rem;
    font-size: var(--font-size-12s) !important;
    line-height: 24px;
  }
  .comn-fotr-head-sub {
    font-size: var(--font-size-12s) !important;
    line-height: 24px;
  }
  .comn-fotr-head-tri {
    font-size: var(--font-size-12s) !important;
    line-height: 23.54px;
    margin-bottom: 11px;
  }
  .sub-ftr-img {
    max-width: 25px;
  }
  /* makes section */
  .popular_makesn {
    max-width: 640px !important;
  }

  .h-178 {
    max-height: 126px;
  }
  .popular_makes .slick-next {
    right: -24px !important;
  }
  .popular_makes .slick-prev {
    left: -45px !important;
  }
  /* best seller */
  .grid_3_s {
    column-gap: 47px !important;
  }
  .grid-3-s-items li {
    font-size: var(--font-size-12) !important;
    line-height: 16px !important;
  }
  /* new changes end */
  #header_contain_divs {
    gap: 10px !important;
  }
  .btn-custom-currency .fa-chevron-down {
    margin-left: 1px !important;
  }
  .btn-custom-language .fa-chevron-down {
    margin-left: 1px !important;
  }
  .head-sec-1 {
    gap: 20px !important;
  }
  .header-search-des {
    height: 34px !important;
  }
  .search_header {
    height: 34px !important;
  }
  .slider_form .slick-next {
    top: 109% !important;
    right: 39% !important;
  }
  .slider_form .slick-prev {
    top: 109% !important;
    left: 39% !important;
  }
  /* slider form */
  .plc-search-stock::placeholder {
    font-size: 8px !important;
  }
  .wslider_1024_217 {
    top: 2% !important;
    width: 183px !important;
  }
  .mt-6_1024 {
    margin-top: 5px !important;
  }
  .slide_margin {
    height: 233px !important;
  }
  .h-slide-form-35 {
    height: 24px !important;
  }
  .py768-10 {
    padding-block: 7px !important;
  }
  .mt768-10 {
    margin-top: 10px !important;
  }
  .py768-1 {
    padding: 3px !important;
  }
  /* index */
  /* header */
  /* footer */
  .w-1282 {
    width: 700px !important;
  }
  .w-820 {
    width: 635px !important;
  }
  /* local offices */
  .grid_5s {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 10px;
    row-gap: 0px;
  }
  .h-126 {
    height: 96px !important;
  }
  .w-126 {
    width: 96px !important;
  }
  .w-180 {
    width: 110px !important;
  }
  .logo1024 {
    width: 97.11px !important;
    height: 32.32px !important;
  }
  .h1024-28 {
    height: 28px !important;
  }
  .pt-3s1024 {
    padding-top: 3px !important;
  }
  .res1024-align-self-start {
    align-self: flex-start !important;
  }
  .fsr768-22 {
    font-size: 22px !important;
  }
  .fsr768-18 {
    font-size: 18px !important;
  }
  .fsr768-16 {
    font-size: 16px !important;
  }
  .fsr768-14 {
    font-size: 14px !important;
  }
  .fsr768-12 {
    font-size: 12px !important;
  }
  .fsr768-10 {
    font-size: 10px !important;
  }
  .fsr768-9 {
    font-size: 9px !important;
  }
  .fsr768-8 {
    font-size: 8px !important;
  }
  .fsr768-6 {
    font-size: 6px !important;
  }
  .img-res-1024 {
    width: 155.47px !important;
    height: 51.75px !important;
  }
  .hov-login-img {
    width: 28px !important;
    height: 28px !important;
  }
  .res1024_register_img {
    width: 15px !important;
    height: 15px !important;
  }
  .img-bell1024 {
    width: 17px !important;
    height: 20px;
  }
  .img-fav-head {
    width: 17px !important;
    height: 17px !important;
  }
  .used_cars_imgs_1024 {
    height: 32px !important;
    width: 32px !important;
  }
  .car_listing_imgs1024 {
    width: 27px !important;
    height: 18px !important;
  }
  .p768-3 {
    padding-inline: 3px !important;
  }
  .slider_form1024 .slick-prev {
    display: none !important;
  }
  .slider_form1024 .slick-next {
    display: none !important;
  }
  /* header widths */
  .w-140h {
    width: 110px;
  }
  .w-105h {
    width: 80px;
  }
  .w-100h {
    width: 80px;
  }
  .w-70h {
    width: 50px;
  }
  .w-50h {
    width: 30px;
  }
  /* index end */
  /* ********************* */
  /***************************************** search page **********************************************/
  #no_record_found .title-recod {
    font-size: var(--font-size-12) !important;
  }
  #no_record_found .title-recod-para {
    font-size: var(--font-size-10s) !important;
  }
  #no_record_found .list-record-nofound {
    font-size: var(--font-size-10s) !important;
  }
  #no_record_found .norecorddoundimg {
    max-width: 226px !important;
  }
  #search-toyota-used-cars .buttons {
    height: 90px !important;
    justify-content: flex-start !important;
  }
  .seperator-search {
    margin-block: 14px !important;
  }
  .img-search-result-p {
    height: 16px !important;
    width: 16px !important;
  }
  .grid-3_search_radio {
    grid-template-columns: 39% 24% 23% !important;
    gap: 10px !important;
  }
  .grid_3_car_price {
    grid-template-columns: 40% 32% 21% !important;
    gap: 16px !important;
  }
  #breadcrumb-section .breadcrumb-item {
    font-size: var(--font-size-8s) !important;
  }
  .price-calculator .price-calculator-para h2 {
    font-size: 12px !important;
    margin-bottom: 5px !important;
    text-wrap: wrap;
  }
  .w-360 {
    width: 206px !important;
  }
  .price-calculator .price-calculator-para h4 {
    font-size: 10px !important;
  }
  .price-calculator .select-drop .des {
    font-size: var(--font-size-8s) !important;
  }
  .price-calculator .select-drop select {
    font-size: var(--font-size-8s) !important;
  }
  .price-calculator .check-radio-label {
    font-size: var(--font-size-8s) !important;
  }
  .rest-btn {
    height: 28px !important;
    width: 99px !important;
    font-size: 8px !important;
  }
  .rest-btn img {
    height: 17px !important;
    width: 17px !important;
  }
  .cal-btn img {
    height: 17px !important;
    width: 17px !important;
  }
  .cal-btn {
    height: 28px !important;
    width: 99px !important;
    font-size: 8px !important;
  }
  .cal-btn i {
    font-size: 12px !important;
  }
  .cust-head-title {
    font-size: 12px !important;
  }
  .cust-fot-title {
    font-size: 10px !important;
  }
  .further-resource-search h2 {
    font-size: 12px !important;
  }
  .further-resource-search h4 {
    font-size: 14px !important;
    margin-top: 14px;
  }
  .further-resource-search .further-resource-lists a {
    font-size: 10px !important;
  }
  .buy-used-cars-search h2 {
    font-size: 12px !important;
  }
  .buy-used-cars-search h4 {
    font-size: 12px !important;
  }
  .buy-used-cars-search .about-car-detail {
    font-size: 12px !important;
  }
  .margin-dynamic-search-car {
    margin-bottom: 20px !important;
  }
  .slick-recent-cars .car-price-card {
    font-size: 10px !important;
  }
  .slick-recent-cars .car-title-card {
    font-size: 8px !important;
  }
  .slick-recent-cars .car-date-card {
    font-size: 8px !important;
  }
  .slick-recent-cars .car-specs-card {
    font-size: 8px !important;
  }
  .width-dynamic-car-recent {
    width: 129px !important;
  }

  .width-dynamic-car-recent .recent-car-img {
    height: 91px !important;
  }
  .slick-recent-cars .car-heart-icon {
    font-size: 15px !important;
  }
  .pagination-section .pagination-styles > ul > li {
    font-size: var(--font-size-12s) !important;
    padding-inline: 10px !important;
    padding-block: 10px !important;
  }
  .pagination-section .pagintaion-count span {
    font-size: 10px !important;
  }
  .pagination-section .pagintaion-count select {
    width: 38px !important;
    height: 23px !important;
    font-size: 10px !important;
  }
  .search-toyota-used-cars {
    padding-block: 10px !important;
  }
  .search-toyota-used-cars .used-cars-searc-title {
    font-size: 12px !important;
  }
  .used-cars-searc-sort {
    font-size: 8px !important;
  }
  #search-toyota-used-cars .car-search-dropdown button {
    font-size: var(--font-size-8s) !important;
    min-width: 139px !important;
    height: 34px !important;
  }
  #search-toyota-used-cars .promobadges span {
    font-size: 8px !important;
  }
  #search-toyota-used-cars .car-title-search {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .car-specs-generic h4 {
    font-size: 10px !important;
    margin-bottom: 0px !important;
    line-height: 16px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs span.light-texts {
    font-size: 8px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs span.dark-texts {
    font-size: 8px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs div {
    height: 50px !important;
  }
  #search-toyota-used-cars .location-flag h4 {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .location-flag span {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .price-calculation .price-tag {
    font-size: 12px !important;
  }
  #search-toyota-used-cars .price-calculation .price-title {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .price-calculation .price-title-2 {
    font-size: 10px !important;
  }
  #search-toyota-used-cars .buttons button {
    font-size: 8px !important;
    height: 30px !important;
    width: 94px !important;
  }
  #search-toyota-used-cars .buttons-car-detail button {
    font-size: 8px !important;
    height: 30px !important;
    width: 94px !important;
  }
  #search-toyota-used-cars .buttons-car-detail a {
    font-size: 8px !important;
    height: 30px !important;
    width: 94px !important;
  }
  #search-toyota-used-cars .buttons-car-detail button {
    font-size: 8px !important;
  }
  #search-toyota-used-cars .buttons .btn-price img {
    width: 12px !important;
    height: 12px !important;
  }
  #search-toyota-used-cars .buttons .btn-car-detail-prices img {
    width: 12px !important;
    height: 12px !important;
  }
  #search-toyota-used-cars .buttons .btn-buy img {
    width: 12px !important;
    height: 12px !important;
  }
  #search-toyota-used-cars .buttons-car-detail .btn-car-detail-buy img {
    width: 12px !important;
    height: 12px !important;
  }
  #search-toyota-used-cars .buttons-car-detail .btn-car-detail-prices img {
    width: 12px !important;
    height: 12px !important;
  }
  .img-used-cars-search-list {
    margin-top: 0px !important;
    width: 214.87px !important;
    height: 100% !important;
  }
  .grid-3-search-car-used {
    grid-template-columns: 31% 45% 19% !important;
    gap: 17px !important;
  }
  #search-toyota-used-cars .grid-4-main-specs div img {
    margin-inline: 0.1rem !important;
  }
  #sat-slid-srch-drop-btn .filters-btns-srch {
    font-size: var(--font-size-8s) !important;
  }
  #show-hide-adv-filt {
    font-size: 8px !important;
  }
  .types-specs-car-search .label-specs-search {
    font-size: 8px !important;
  }
  .grid_5_s {
    gap: 0px !important;
  }
  .promo-search-info span {
    font-size: 8px !important;
  }
  .search-fontawe-car {
    height: 28px !important;
    width: 99px !important;
    font-size: 8px !important;
  }
  .search-fontawe-car i {
    font-size: 10px !important;
  }
  .w-dynamic-search-page {
    min-width: 164px !important;
  }
  #sat-slid-srch-drop-btn .dropdown-menu .dropdown-item {
    font-size: 8px !important;
  }
  .w-101 {
    width: 49px !important;
    padding-inline: 3px !important;
  }
  .w-69 {
    padding-inline: 3px !important;
    width: 33px !important;
  }
  .responsive-gap-search-page {
    gap: 1px !important;
  }
  .px-responsive-3 {
    padding-inline: 3px !important;
  }
  #sat-slid-srch-drop-btn .filters-btns-srch {
    height: 29px !important;
  }
  .filters-btns-srch {
    padding-inline: 1px !important;
  }
  .fa-info-circle {
    margin-right: 3px !important;
  }
  .grid-search-result-item .col-4 {
    padding-inline: 4px;
  }
  .grid-search-result-item .mt-15 {
    margin-top: 10px !important;
  }
  .select2-container--default .select2-selection--single {
    font-size: 8px !important;
  }
  .select2-container--default .select2-selection--multiple {
    font-size: 8px !important;
  }
  .select2-results__option {
    font-size: 8px !important;
  }
  .select-common-search {
    font-size: 8px !important;
  }
  #search-toyota-used-cars .price-calculation .price-tag-search-result {
    font-size: 8px !important;
    width: 48px !important;
  }
  .grid-search-result-item .row {
    padding-left: 19px !important;
  }
  .grid-search-result-item .fix-w2 {
    width: 65px !important;
  }
  .grid-search-result-item .fix-w {
    width: 46px !important;
  }
  .price-calculator .select-drop select {
    height: 30px !important;
  }
  .price-calculator .check-radio-label i {
    font-size: 10px !important;
  }
  /* ******************** */
  /**************************************** search end **********************************************/
  /* ************************************** car detail ************************************ */
  .counter-car-detail-gallery {
    top: 207px !important;
    left: 20px;
    font-size: var(--font-size-12) !important;
    padding: 8px !important;
    line-height: 20px;
  }
  #sepecs_car_detail ul li {
    width: 160px !important;
  }
  .feature-title {
    width: 54px !important;
  }
  .feature-specs-detail-2 {
    width: 130px !important;
  }
  #car_main_details {
    max-width: 300px !important;
  }
  #sepecs_car_detail .mr-20p {
    margin-right: 3px !important;
  }
  .heading-styles-common {
    font-size: 12px !important;
  }
  .car-detail-specs-generic .car-detail-title {
    font-size: 16px !important;
  }
  .car-detail-specs-generic .car-detail-specs-main {
    font-size: 8px !important;
    line-height: 3px !important;
  }
  .car-detail-specs-generic .car-detail-specs-sub {
    font-size: 8px !important;
  }
  .car-detail-specs-generic .price-detail-main {
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .car-detail-specs-generic .price-title-head-detail {
    font-size: 8px !important;
    line-height: 10px !important;
  }
  .car-detail-drop .des {
    font-size: 8px !important;
  }
  .car-detail-drop select {
    font-size: 8px !important;
    height: 28px !important;
  }
  .mt-33-car-detail {
    margin-top: 15px !important;
  }
  .similar-cars-cmn .top-car-price {
    font-size: 18px !important;
  }
  .similar-cars-cmn .sale-car-name {
    font-size: 14px !important;
  }
  .similar-cars-cmn .sale-car-average {
    font-size: 8px !important;
  }
  /* gallery plugin */
  .container-gallery .large-image {
    height: 252px !important;
  }
  .thumbnails {
    height: 78px !important;
  }
  .controls .prev-button,
  .controls .next-button {
    top: 194px !important;
  }
  .car-gallery-bottom p a {
    font-size: 8px !important;
  }
  .car-gallery-bottom p {
    margin-bottom: 0px;
  }
  .car-gallery-bottom {
    margin-top: 0px !important;
  }
  .heading-styles-common {
    margin-bottom: 2px !important;
  }
  .feature-title {
    font-size: 8px !important;
  }
  .feature-specs-detail {
    font-size: 8px !important;
    width: 51px !important;
  }
  .feature-specs-detail-2 {
    font-size: 8px !important;
  }
  .grid_specs-car-detail .list-group-item {
    padding-inline: 0px !important;
  }
  #features_car_detail .feature-names {
    font-size: 8px !important;
  }
  #order_flow_car_detail img {
    height: 32px !important;
    width: 32px !important;
  }
  #order_flow_car_detail .car-detail-order-text {
    font-size: 8px !important;
  }
  #order_flow_car_detail .car-detail-order-step {
    font-size: 10px !important;
  }
  #order_flow_car_detail .card-body {
    padding-inline: 5px !important;
  }
  #order_flow_car_detail .order-flow-para {
    font-size: 10px !important;
    line-height: 20px !important;
  }
  .img-payment-method-card img {
    height: 60px !important;
    width: 70px !important;
  }
  #payment_method_car_detail .car-detail-order-text {
    font-size: 8px !important;
  }
  #payment_method_car_detail .card-body {
    padding-inline: 5px !important;
  }
  .buy-used-cars-search h4 {
    line-height: 27px !important;
  }
  .buy-used-cars-search .about-car-detail {
    line-height: 27px !important;
  }
  #payment_method_car_detail .img-payment-method-card {
    height: 47.05px !important;
  }
  #buy-used-cars-search h2 {
    margin-bottom: 4px !important;
  }
  .seperator-dots {
    font-size: 12px !important;
    align-self: flex-start !important;
  }
  /* ********car detail end****** */
  /* ********thank you ****** */
  .main-text-title-thank {
    font-size: 12px !important;
  }
  .thanks-car-detail-img {
    height: 152px !important;
  }
  .car-detail-specs-sub-thank {
    font-size: 8px !important;
  }
  .car-detail-specs-main-thank {
    font-size: 8px !important;
    line-height: 5px !important;
  }
  .custom-align-self {
    align-self: flex-start !important;
  }
  .price-title-thank {
    font-size: 10px !important;
    line-height: 15px !important;
  }
  .price-tag-thank {
    font-size: 10px !important;
    line-height: 15px !important;
  }
  .price-calculation {
    margin-top: 10px !important;
  }
  .price-title-thank-end {
    font-size: 8px !important;
    line-height: 18px !important;
  }
  .price-tag-thanks-price {
    font-size: 10px !important;
  }
  .price-title-thank-status {
    font-size: 10px !important;
    line-height: 19px !important;
  }
  .price-tag-thanks-paid {
    font-size: 10px !important;
    line-height: 19px !important;
  }
  .ps-th-24 {
    padding-top: 10px !important;
  }
  .button-thank {
    font-size: 8px !important;
    width: 140px !important;
    height: 35px !important;
  }
  .button-thank-mt {
    margin-top: 30px !important;
    padding-right: 34px !important;
  }
  .status-margin {
    margin-top: 2px !important;
  }
  .pt-custom-24 {
    padding-top: 0px !important;
  }
  .heading-styles-secondary {
    font-size: 18px !important;
    margin-bottom: 0px !important;
  }
  .mtb-custom {
    margin-top: 0px !important;
  }
  .width-238 {
    width: 177px !important;
  }
  /* ********thank you end****** */
  /*********** how to buy******** */
  .img-how-to-buy {
    height: 42px;
    width: 42px;
  }
  .img-how-to-buy-section {
    height: 305px !important;
    object-fit: cover;
    border-radius: 5px;
  }
  .main-heading-how-to-buy {
    font-size: 20px !important;
  }
  .sub-heading-how-to-buy {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .list-how-to-buy > li {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  /*********** how to buy end******** */
  /********* country page *********/
  #counry_deals_section .list-group-item {
    font-size: 10px !important;
  }
  .deal-img-card {
    height: 96px !important;
  }
  #country_deals_card .deal-car-price {
    font-size: var(--font-size-14s) !important;
    margin-bottom: 0px;
  }
  #country_deals_card .deal-car-name {
    font-size: var(--font-size-12s) !important;
    line-height: 5px !important;
  }
  #country_deals_card .card-body {
    padding: 6px;
  }
  #country_deals_card .deal-car-modl {
    font-size: var(--font-size-10s) !important;
  }
  #country_deals_card .deal-car-average {
    font-size: var(--font-size-8s) !important;
    line-height: 5px !important;
  }
  .country-port-tite {
    font-size: var(--font-size-12s) !important;
  }
  .arrival-port-div h4 {
    font-size: var(--font-size-12s) !important;
  }
  .arrival-port-div ul > li {
    font-size: var(--font-size-12s) !important;
  }
  .common-card-sections-country .main-title-country {
    font-size: var(--font-size-10s) !important;
  }
  #payment_methods_country .card-body {
    padding: 10px;
  }
  .view_details_common {
    font-size: var(--font-size-10s) !important;
  }
  #offices_information {
    padding-left: 40px !important;
  }
  #offices_information h4 {
    font-size: var(--font-size-12s) !important;
    line-height: 15px !important;
    padding: 4px !important;
    margin-bottom: 4px;
  }
  .common-card-sections-country .why-choose-section-img-2 {
    height: 50px !important;
    width: 50px !important;
  }
  .common-card-sections-country .why-choose-section-img {
    height: 30px !important;
    width: 30px !important;
  }
  .head-offices-img-count {
    height: 20px;
    width: 20px;
  }
  #offices_information p {
    font-size: var(--font-size-10s) !important;
    line-height: 20px !important;
    margin-bottom: 2px;
  }
  #import_reulation_country .card-body {
    padding: 10px;
  }
  .common-card-sections-country .main-para-country {
    width: 163px !important;
    font-size: var(--font-size-10s) !important;
  }
  .grid_country_4 {
    gap: 41px !important;
  }
  #show_more_import_regulation .show_more_import_texts h4 {
    font-size: var(--font-size-10s) !important;
  }
  #jpananese_used_cars_country_intro p {
    font-size: var(--font-size-10s) !important;
  }
  #why_choose_sat_country .card-body {
    padding: 6px;
  }
  #faq_section_tabs_country .list-group-item {
    font-size: var(--font-size-12s) !important;
  }
  .arrival-port-dimensions {
    max-height: 217px;
    overflow: auto;
  }
  /* .accord-btn-label {
    font-size: 12px !important;
  } */
  /* .comman-accordion-parents .accordion-body-paragrph {
    font-size: 12px !important;
  } */
  /* .accordion-header {
    height: 50px !important;
  } */
  .import-regulation-cust-title {
    font-size: var(--font-size-10s) !important;
    line-height: 10px !important;
    padding: 6px !important;
  }
  .import-regulation-cust-para {
    font-size: var(--font-size-10s) !important;
    line-height: 20px !important;
    margin-block: 6px !important;
  }
  .import-foreign-made {
    width: 312px !important;
    height: 70px !important;
  }
  .import_width_551 {
    width: 312px !important;
  }
  .import-list-details li {
    font-size: var(--font-size-12s) !important;
    line-height: 28px !important;
  }
  /******** country end ********/
  #back_to_top {
    height: 40px !important;
    width: 40px !important;
  }
}
/* MOBILE */
@media screen and (min-width: 600px) and (max-width: 767px) {
  /* index  */
  /* footer new */
  .cmn-head-ftr {
    height: 40px;
    padding-inline: 10px;
    padding-block: 4px;
    font-size: var(--font-size-12) !important;
    line-height: 26px;
  }
  .cmn-head-ftr2 {
    font-size: var(--font-size-12) !important;
  }
  .list-fotr-links li a {
    font-size: var(--font-size-10) !important;
    line-height: 20px;
  }
  .grid-descript-footer {
    grid-template-columns: 25% 20% 29% 19%;
    column-gap: 18.67px !important;
    max-width: 79.125rem;
  }
  .grid-main-fotr {
    column-gap: 10px !important;
  }
  .grid-descript-footer h3 {
    font-size: var(--font-size-12s) !important;
    line-height: 17px !important;
  }
  .grid-descript-footer h4 {
    font-size: var(--font-size-10s) !important;
    line-height: 24px;
  }
  #copyright_footer p {
    padding-block: 0.75rem;
    font-size: var(--font-size-12s) !important;
    line-height: 24px;
  }
  .comn-fotr-head-sub {
    font-size: var(--font-size-12s) !important;
    line-height: 24px;
  }
  .comn-fotr-head-tri {
    font-size: var(--font-size-12s) !important;
    line-height: 23.54px;
    margin-bottom: 11px;
  }
  .sub-ftr-img {
    max-width: 25px;
  }
  img.mt-32-fotr {
    max-width: 145px !important;
    max-height: 60px !important;
  }
  /********* country page *********/
  #counry_deals_section {
    max-width: 100% !important;
  }
  #service_map {
    max-width: 100%;
  }
  #payment_methods_country {
    max-width: 100%;
  }
  #head_offices_sat {
    max-width: 100%;
  }
  #import_reulation_country .container {
    max-width: 100%;
  }
  #jpananese_used_cars_country_intro .container {
    max-width: 100%;
  }
  #why_choose_sat_country {
    max-width: 100%;
  }
  #why_choose_sat_country .grid_country_4 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  #faqs_section_country {
    max-width: 100%;
  }
  .heart-icon {
    font-size: 14px !important;
    align-self: center;
  }
  #counry_deals_section .list-group-item {
    font-size: 10px !important;
  }
  .deal-img-card {
    height: 121px !important;
  }
  #country_deals_card .deal-car-price {
    font-size: var(--font-size-14s) !important;
    margin-bottom: 0px;
  }
  #country_deals_card .deal-car-name {
    font-size: var(--font-size-12s) !important;
    line-height: 5px !important;
  }
  #country_deals_card .card-body {
    padding: 6px;
  }
  #country_deals_card .deal-car-modl {
    font-size: var(--font-size-10s) !important;
  }
  #country_deals_card .deal-car-average {
    font-size: var(--font-size-8s) !important;
    line-height: 5px !important;
  }
  .country-port-tite {
    font-size: var(--font-size-12s) !important;
  }
  .arrival-port-div h4 {
    font-size: var(--font-size-12s) !important;
  }
  .arrival-port-div ul > li {
    font-size: var(--font-size-12s) !important;
  }
  .common-card-sections-country .main-title-country {
    font-size: var(--font-size-10s) !important;
  }
  #payment_methods_country .card-body {
    padding: 10px;
  }
  .view_details_common {
    font-size: var(--font-size-10s) !important;
  }
  #offices_information {
    padding-left: 40px !important;
  }
  #offices_information h4 {
    font-size: var(--font-size-12s) !important;
    line-height: 15px !important;
    padding: 4px !important;
    margin-bottom: 4px;
  }
  .common-card-sections-country .why-choose-section-img-2 {
    height: 50px !important;
    width: 50px !important;
  }
  .common-card-sections-country .why-choose-section-img {
    height: 30px !important;
    width: 30px !important;
  }
  .head-offices-img-count {
    height: 20px;
    width: 20px;
  }
  #offices_information p {
    font-size: var(--font-size-10s) !important;
    line-height: 20px !important;
    margin-bottom: 2px;
  }
  #import_reulation_country .card-body {
    padding: 10px;
  }
  .common-card-sections-country .main-para-country {
    width: 163px !important;
    font-size: var(--font-size-10s) !important;
  }
  .grid_country_4 {
    gap: 5px !important;
  }
  #show_more_import_regulation .show_more_import_texts h4 {
    font-size: var(--font-size-10s) !important;
  }
  #jpananese_used_cars_country_intro p {
    font-size: var(--font-size-10s) !important;
  }
  #why_choose_sat_country .card-body {
    padding: 6px;
  }
  #faq_section_tabs_country .list-group-item {
    font-size: var(--font-size-12s) !important;
  }
  .arrival-port-dimensions {
    max-height: 217px;
    overflow: auto;
  }
  /* .accord-btn-label {
    font-size: 12px !important;
  } */
  /* .comman-accordion-parents .accordion-body-paragrph {
    font-size: 12px !important;
  } */
  /* .accordion-header {
    height: 50px !important;
  } */
  .import-regulation-cust-title {
    font-size: var(--font-size-10s) !important;
    line-height: 10px !important;
    padding: 6px !important;
  }
  .import-regulation-cust-para {
    font-size: var(--font-size-10s) !important;
    line-height: 20px !important;
    margin-block: 6px !important;
  }
  .import-foreign-made {
    width: 312px !important;
    height: 70px !important;
  }
  .import_width_551 {
    width: 312px !important;
  }
  .import-list-details li {
    font-size: var(--font-size-12s) !important;
    line-height: 28px !important;
  }
  /******** country end ********/
}
/* 600 */
@media screen and (min-width: 300px) and (max-width: 380px) {
  /* bannar */
  .secondary-banar-btn {
    bottom: 21px !important;
    left: 29px !important;
    font-size: 10px !important;
    max-width: 104px !important;
    max-height: 25px !important;
  }
  a.secondary-banar-btn2 {
    bottom: 10px !important;
    left: 71px !important;
    max-width: 125px !important;
    max-height: 29px !important;
    font-size: 10px !important;
}
}
@media screen and (min-width: 430px) and (max-width: 500px) {
  a.secondary-banar-btn2 {
    bottom: 28px !important;
    left: 26px !important;
    max-width: 125px !important;
    max-height: 29px !important;
    font-size: 10px !important;
}
}
@media screen and (min-width: 381px) and (max-width: 500px) {
  /* bannar */
  .secondary-banar-btn {
    bottom: 34px !important;
    left: 32px !important;
    font-size: 10px !important;
    max-width: 104px !important;
    max-height: 25px !important;
  }

}
@media (max-width: 430px) {
  .comp-card-slider .compare-text {
    font-size: var(--font-size-10s) !important;
    line-height: 14.29px !important;
  }
  .comp-card-slider .compare-comon-img {
    max-width: 108px !important;
    max-height: 60px !important;
  }
  .comp-card-slider .comp-cards {
    max-width: 237px !important;
    max-height: 100px !important;
    border-radius: 6px;
    padding-block: 12px;
  }
  .comp-card-slider .compare-vs-img {
    max-width: 22px !important;
    max-height: 22px !important;
  }
  .comp-card-slider .slick-slide {
    margin-right: 10px !important;
  }
  .comp-card-slider2 .compare-text {
    font-size: var(--font-size-10s) !important;
    line-height: 14.29px !important;
  }
  .comp-card-slider2 .compare-comon-img {
    max-width: 108px !important;
    max-height: 60px !important;
  }
  .comp-card-slider2 .comp-cards {
    max-width: 237px !important;
    min-height: 100px !important;
    border-radius: 6px;
    padding-block: 12px;
  }
  .comp-card-slider2 .compare-vs-img {
    max-width: 22px !important;
    max-height: 22px !important;
  }
  .comp-card-slider2 .slick-slide {
    margin-right: 10px !important;
  }
  a.secondary-banar-btn2 {
    bottom: 8px !important;
    left: 23px !important;
    max-width: 125px !important;
    max-height: 29px !important;
    font-size: 10px !important;
}
}
@media screen and (min-width: 430px) and (max-width: 767px) {
  .comp-card-slider .compare-text {
    font-size: var(--font-size-10s) !important;
    line-height: 14.29px !important;
  }
  .comp-card-slider .compare-comon-img {
    max-width: 108px !important;
    max-height: 60px !important;
  }
  .comp-card-slider .comp-cards {
    max-width: 237px !important;
    max-height: 100px !important;
    border-radius: 6px;
    padding-block: 12px;
  }
  .comp-card-slider .compare-vs-img {
    max-width: 22px !important;
    max-height: 22px !important;
  }
  .comp-card-slider .slick-slide {
    margin-right: 10px !important;
  }
  .comp-card-slider2 .compare-text {
    font-size: var(--font-size-14s) !important;
    line-height: 14.29px !important;
  }
  .comp-card-slider2 .compare-comon-img {
    max-width: 150px !important;
    max-height: 60px !important;
  }
  .comp-card-slider2 .comp-cards {
    max-width: 240px !important;
    min-height: 100px !important;
    border-radius: 6px;
    padding-block: 12px;
  }
  .comp-card-slider2 .compare-vs-img {
    max-width: 26px !important;
    max-height: 28px !important;
  }
  .comp-card-slider2 .slick-slide {
    margin-right: 10px !important;
  }
  /* explore make */
  .mobile_explore_budget .card-img-top {
    height: 100%;
  }
  .mobile_explore_budget .card {
    width: 147px !important;
  }
  .grid-3-popula .card {
    min-width: 140px !important;
  }
  #news_blogs_mobile img {
    height: 88px !important;
  }
  .blogs-news-texts h4 {
    font-size: 14px !important;
    line-height: 16px;
  }
  /* how to buy */
  #grd_hw_bu {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .grid-item-hw {
    padding: 10px 6px !important;
    max-height: 118px !important;
  }
  .htb-prime-text {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .htb-second-text {
    font-size: var(--font-size-12s) !important;
    line-height: 17px !important;
  }
  .img-htb {
    max-width: 37px !important;
  }
  .htb-img-div {
    padding-bottom: 0px !important;
  }
  .d-sm-non-custm {
    display: block !important;
  }
  .d-cust-semi {
    display: none !important;
  }
}
/*//////////////////////////////////////////////// index page css //////////////////////////////////////////////*/
/* ********************************************************************************************************* */
.modl-w-para {
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #858a94;
  margin-top: 18px;
}
.d-sm-non-custm {
  display: none;
}
.d-cust-semi {
  display: block;
}
.main-slider-img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}
/* newheaders */
/* car detail similar cars */
.secondary-banar-btn {
  position: absolute;
  bottom: 72px;
  left: 77px;
  font-size: var(--font-size-14);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-blue-70);
  background-color: var(--color-white-900);
  border: 0px;
  width: 100%;
  height: 100%;
  max-width: 148px;
  max-height: 44px;
}
a.secondary-banar-btn2 {
  display: flex;
  position: absolute;
  bottom: 24px;
  left: 120px;
  font-size: var(--font-size-14);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  background-color: var(--color-blue-60);
  border: 0px;
  width: 100%;
  height: 100%;
  max-width: 148px;
  max-height: 44px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.secondary-banar-btn:active {
  transform: translateY(0.5px);
}
.secondary-banar-btn:hover {
  background-color: #ffffffd6;
}
.similar-cars-cmn .similar-car-items {
  border: 1px solid #cac8d4bd;
}
.similar-cars-cmn .slick-slide {
  margin-right: 10px;
}
.grid-3-s-items {
  list-style-type: none;
  margin: 0px;
  padding: 10px;
}
.grid-3-s-items li {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  padding-bottom: 10px;
}
.max-162-grid {
  max-width: 162px;
}
.img-fav-head {
  max-height: 24px;
  max-width: 24px;
}
.model-logregis-setup {
  max-width: 370px !important;
}
.model-logregis-setup .modal-body {
  padding: 20px;
  min-height: 565px !important;
}
.model-logregis-setup .mt-26-modl {
  margin-top: 26px;
}
.my-12-modl {
  margin: 12px 0 6px 0;
}
#header_contain_divs {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  column-gap: 32px;
}
#total_inv_cars_added {
  background-color: var(--color-blue-200);
}
#total_inv_cars_added ul {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  padding-block: 4px;
}
#total_inv_cars_added li {
  display: inline-block;
  font-size: clamp(var(--font-size-10s), 1vw, var(--font-size-12));
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  padding-right: 40px;
  padding-block: 0px;
}
.header-search-des {
  font-size: var(--font-size-14s);
  height: 46px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  background-color: var(--color-grey-100);
}
.search_header {
  height: 46px;
}
.head-sec-1 {
  display: flex;
  align-items: center;
  gap: clamp(15px, 9vw, 120px);
  /* width: 785px; */
}
.headr-flag-img {
  height: 22px;
  width: 32px;
}
.res1024_register_img {
  height: 24px;
  width: 24px;
}
.head-sec-1 .input-group {
  max-width: 400px;
}
.head-sec-2 {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 32px;
  /* width: 446px; */
}
.btn-custom-ship-to a {
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  color: var(--color-black-50);
  padding-inline: 0px;
  font-size: var(--font-size-14s);
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.btn-custom-ship-to .dropdown-menu {
  padding: 10px 7px;
}
.btn-custom-ship-to .dropdown-menu .hov-item-dd {
  margin-bottom: 8px;
}
.btn-custom-ship-to .dropdown-menu li a {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 600;
  line-height: 18.64px;
  letter-spacing: -0.01em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.btn-custom-currency .dropdown-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--color-black-50);
  font-size: var(--font-size-16s);
  font-weight: 600;
  line-height: 20px;
}
.btn-custom-currency .dropdown-toggle {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.btn-custom-currency li a {
  font-size: var(--font-size-14);
  font-weight: 600;
  line-height: 20px;
  padding-block: 0px;
  padding-inline: 8px;
}
.btn-custom-currency .fa-chevron-down {
  margin-left: 8px;
}
.btn-custom-language .dropdown-toggle {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  line-height: 20px;
  font-weight: 500;
  color: var(--color-black-40);
  font-size: var(--font-size-16s);
}
.btn-custom-language li a {
  font-size: var(--font-size-14);
  font-weight: 600;
  line-height: 20px;
  padding-block: 0px;
  padding-inline: 8px;
  color: var(--color-black-50);
}
.btn-custom-language .dropdown-toggle {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.btn-custom-language .fa-chevron-down {
  margin-left: 8px;
}
.custom-profile-head .dropdown-menu li a {
  font-size: var(--font-size-16s);
  color: var(--color-purple-500);
  font-weight: 600;
  line-height: 20px;
  padding-inline: 8px;
  padding-block: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#grd_hw_bu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1rem;
}
.grid-item-hw {
  border: 1px solid var(--color-black-20s);
  border-radius: 16px;
  height: 100%;
  max-height: 191px;
  padding: 16px 28px 11px 28px;
}
.htb-prime-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20);
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-blue-70);
  padding-bottom: 6px;
}
.htb-second-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  padding-bottom: 11px;
}
.htb-img-div {
  padding-bottom: 12px;
}
.popular_makes .card {
  border: 1px solid #dcdae2;
  margin-bottom: 30px;
}
.popular_makes .slick-prev {
  left: -85px;
  border: 1px solid #aeb1b8;
  top: 46% !important;
  box-shadow: 0px 0px 6.08px 0px #2f2b434d;
}
.popular_makes .slick-next {
  right: -58px;
  border: 1px solid #aeb1b8;
  top: 46% !important;
  box-shadow: 0px 0px 6.08px 0px #2f2b434d;
}
.popular_makesn .slick-arrow {
  background-color: rgba(255, 255, 255, 0.663) !important;
}
.popular_makes:hover .slick-arrow {
  background-color: var(--color-blue-50);
}
.popular_makes .slick-prev:hover,
.popular_makes .slick-next:hover {
  background-color: var(--color-blue-50) !important;
  color: white !important;
}
.popular_makes .slick-prev:hover::before,
.popular_makes .slick-next:hover::before {
  color: white !important;
}
.popular_makes .slick-prev:before,
.popular_makes .slick-next:before {
  font-size: 14px !important;
}
.popular_makesn h3 {
  color: var(--color-black-50);
  letter-spacing: -0.014em;
}
.popular_makesn .slick-slide {
  margin-right: 30px;
  max-width: 11.25rem;
}
.popular_makesn {
  max-width: 1028px;
}
.comp-card-slider .slick-slide {
  cursor: pointer;
  margin-right: 33px;
}
.comp-card-slider .comp-cards {
  max-width: 403px;
  max-height: 160px;
  width: 100%;
  border: 1px solid var(--color-black-20s);
  border-radius: 10px;
  background-color: var(--color-white-900);
  padding-block: 12px;
}
.comp-card-slider .compare-comon-img {
  object-fit: contain;
  object-position: center;
  width: 182px;
  height: 102px;
  max-width: 182px;
  max-height: 102px;
}
.comp-card-slider .compare-vs-img {
  max-width: 37px;
  max-height: 37px;
}
.comp-card-slider .mb4 {
  margin-bottom: 1.25rem;
}
.comp-card-slider .compare-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 500;
  line-height: 24.03px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  text-align: center;
}
.comp-card-slider .slick-prev,
.comp-card-slider .slick-next {
  display: none !important;
}
.comp-card-slider .slick-prev::before,
.comp-card-slider .slick-next::before {
  display: none;
}
.comp-card-slider:hover .slick-prev::before,
.comp-card-slider:hover .slick-next::before {
  display: block !important;
}
.comp-card-slider:hover .slick-prev,
.comp-card-slider:hover .slick-next {
  display: block !important;
}
.comp-card-slider .slick-arrow {
  background-color: white !important;
}
.comp-card-slider:hover .slick-arrow {
  background-color: var(--color-blue-50);
}
.comp-card-slider .slick-prev:hover,
.comp-card-slider .slick-next:hover {
  background-color: var(--color-blue-50) !important;
  color: white !important;
}
.comp-card-slider .slick-prev {
  left: 20px;
  border: 1px solid #aeb1b8;
  box-shadow: 0px 0px 6.08px 0px #2f2b434d;
}
.comp-card-slider .slick-next {
  right: 45px;
  border: 1px solid #aeb1b8;
  box-shadow: 0px 0px 6.08px 0px #2f2b434d;
}
.comp-card-slider .slick-prev:hover::before,
.comp-card-slider .slick-next:hover::before {
  color: white !important;
}
.comp-card-slider .slick-prev:before,
.comp-card-slider .slick-next:before {
  font-size: 14px !important;
}
/* free comp card slider */
.comp-card-slider2 .comp-cards {
  max-width: 400px;
  max-height: 160px;
  width: 100%;
  border: 1px solid var(--color-black-20s);
  border-radius: 10px;
  background-color: var(--color-white-900);
  padding-block: 12px;
}
.comp-card-slider2 .compare-comon-img {
  max-width: 182px;
  max-height: 102px;
}
.comp-card-slider2 .compare-vs-img {
  max-width: 37px;
  max-height: 37px;
}
.comp-card-slider2 .mb4 {
  margin-bottom: 1.25rem;
}
.comp-card-slider2 .compare-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 500;
  line-height: 24.03px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  text-align: center;
}
/* reviews */
.car-rev-divs {
  max-width: 408px;
  width: 100%;
  border: 1px solid var(--color-black-20s);
  border-radius: 10px;
  padding: 18px;
}
.grid-3-rev-desk {
  display: grid;
  grid-template-columns: 39% 49% 6%;
  gap: 10px;
}
.mbdesk-6 {
  margin-bottom: 0.375rem !important;
}
#car-rev-desk .stars-rev {
  font-size: 10px;
  color: #ffbd12;
}
#car-rev-desk .rev-comn-texts {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
  -webkit-box-orient: vertical;
}
#car-rev-desk .rev-comn-text2 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12);
  line-height: 16px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
#car-rev-desk .rev-comn-texts3 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
}
#car-rev-desk .rev-full-btn {
  padding: 8px;
  border: 1px solid var(--color-blue-70);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  max-height: 32px;
}
#car-rev-desk .slick-prev,
#car-rev-desk .slick-next {
  display: none !important;
}
#car-rev-desk .slick-prev::before,
#car-rev-desk .slick-next::before {
  display: none;
}
#car-rev-desk:hover .slick-prev::before,
#car-rev-desk:hover .slick-next::before {
  display: block !important;
}
#car-rev-desk:hover .slick-prev,
#car-rev-desk:hover .slick-next {
  display: block !important;
}
#car-rev-desk .slick-arrow {
  background-color: white !important;
}
#car-rev-desk:hover .slick-arrow {
  background-color: var(--color-blue-50);
}
#car-rev-desk .slick-prev:hover,
#car-rev-desk .slick-next:hover {
  background-color: var(--color-blue-50) !important;
  color: white !important;
}
#car-rev-desk .slick-prev {
  left: -24px;
  border: 1px solid #aeb1b8;
  box-shadow: 0px 0px 6.08px 0px #2f2b434d;
}
#car-rev-desk .slick-next {
  right: -4px;
  border: 1px solid #aeb1b8;
  box-shadow: 0px 0px 6.08px 0px #2f2b434d;
}
#car-rev-desk .slick-prev:hover::before,
#car-rev-desk .slick-next:hover::before {
  color: white !important;
}
#car-rev-desk .slick-prev:before,
#car-rev-desk .slick-next:before {
  font-size: 14px !important;
}
#car-rev-desk .slick-slide {
  margin-right: 25px;
}
/* footer copyright */
#copyright_footer {
  border-top: 1px solid #aeb1b88a;
  background-color: var(--color-blue-300);
}
#copyright_footer p {
  padding-block: 0.75rem;
  color: var(--color-white-900);
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
}
#descript_footer {
  padding-block: 40px;
  background-color: var(--color-blue-300);
}
.grid-descript-footer {
  display: grid;
  grid-template-columns: 25% 20% 29% 19%;
  column-gap: 29.67px;
  color: var(--color-white-900);
  max-width: 79.125rem;
  width: 100%;
}
.grid-descript-footer h3 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.012em;
}
.grid-descript-footer h4 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  color: var(--color-black-20);
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
}
#main_footer a[href^="tel:"] {
  color: white !important;
}
#main_footer {
  /* margin-top: .75rem; */
  padding-block: 50px;
  background-color: var(--color-blue-200);
  border-bottom: 1px solid #004d76;
}
.grid-main-fotr {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 51px;
  max-width: 1266px;
  width: 100%;
  color: var(--color-white-900);
}
#mail_to_fotr input {
  max-height: 2.375rem;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12);
  font-weight: 400;
  line-height: 18.92px;
  letter-spacing: -0.01em;
}
#mail_to_fotr input::placeholder {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12);
  font-weight: 400;
  line-height: 18.92px;
  letter-spacing: -0.01em;
}
#mail_to_fotr button {
  max-height: 2.375rem;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12);
  font-weight: 400;
  line-height: 18.92px;
  letter-spacing: -0.01em;
  background-color: var(--color-blue-50);
  color: var(--color-white-900);
}
.mt-32-fotr {
  margin-bottom: 32px;
}
.comn-fotr-head-main {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18);
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.012em;
  margin-bottom: 12px;
}
.social-address {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.social-address li {
  padding-block: 12px;
  gap: 14px;
}
.comn-fotr-head-sub {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
}
.comn-fotr-head-tri {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 23.54px;
  letter-spacing: -0.014em;
  margin-bottom: 11px;
}
.list-fotr-links {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.list-fotr-links .cmn-ftr-1 {
  margin-bottom: 0.5px;
  padding: 8px 10px;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.list-fotr-links .mtftr-2 {
  margin-top: 2px;
}
.list-fotr-links .cmn-ftr-3 {
  padding: 8px 10px;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.list-fotr-links li a {
  color: var(--color-white-900);
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}
.cmn-head-ftr {
  height: 40px;
  padding-inline: 10px;
  padding-block: 4px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  margin-bottom: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cmn-head-ftr2 {
  height: 43px;
  padding-inline: 10px;
  padding-block: 4px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  margin-bottom: 1px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.slider_form .slick-slide {
  margin-right: 0px !important;
}
#where_we_operate_idc {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
#where_we_operate_idc .operate-items img {
  max-width: 68px;
  max-height: 45px;
  height: 100%;
  width: 100%;
}
#where_we_operate_idc .operate-items .operate-items-text {
  font-size: var(--font-size-20s);
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.016em;
  color: var(--color-black-50);
}
#where_we_operate_idc .operate-items:hover {
  border: 1px solid #1c6a9bc7;
}
#where_we_operate_idc .operate-items {
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #dcdae2d1;
  width: 100%;
  padding-block: 46px;
}
#where_we_operate_idc .operate-items a {
  display: flex;
  gap: 50px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
/* end newheaders */
.reset-paswrod-text {
  font-family: var(--font-family-Lato);
  font-size: 36px;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: -0.018em;
  color: #0c1529;
  margin-bottom: 2px;
}
.reset-paswrod-para {
  font-size: var(--font-size-18s);
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-30);
  margin-bottom: 0px;
}
.reset-paswrod-label {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: #0c1529;
  margin-bottom: 5px;
}
.reset-paswrod-input {
  background-color: var(--color-white-50);
  max-width: 484px;
  height: 61px;
  border-radius: 6px;
  font-size: var(--font-size-20);
  padding: 20px 23px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.reset-paswrod-input input {
  background-color: var(--color-white-50);
  border-radius: 0px;
  border: 0px;
  width: 100%;
}
.reset-paswrod-input input:focus,
.reset-paswrod-input input:focus-visible {
  border: 0px;
  outline: 0px;
}
.reset-paswrod-input input::placeholder {
  font-size: var(--font-size-20);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-30);
}
.mt-43s {
  margin-top: 43px;
  margin-bottom: 59px;
}
.mb-21s {
  margin-bottom: 21px !important;
}
.mt-19w {
  margin-top: 19px;
}
.my-42s {
  margin-bottom: 40px;
  margin-top: 20px;
}
.reset-paswrod-btn {
  height: 67px;
  border-radius: 6px;
  padding: 1.1875em;
  font-size: var(--font-size-20);
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.014em;
  text-align: center;
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.reset-paswrod-anchr {
  font-size: var(--font-size-20s);
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: #08202e;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
}
.close-eye-icon-reset {
  background: url("assets/images/index/icon/eye-close-icon.svg") no-repeat
    center;
}
.reset-paswrod-input-s {
  background-color: var(--color-white-50);
  height: 34px;
  border-radius: 3px;
  font-size: var(--font-size-12);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  text-align: left;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  gap: 3.31px;
}
.reset-paswrod-input-s input {
  background-color: var(--color-white-50);
  border-radius: 0px;
  border: 0px;
  width: 100%;
}
.reset-paswrod-input-s input:focus,
.reset-paswrod-input-s input:focus-visible {
  border: 0px;
  outline: 0px;
}
.reset-paswrod-input-s input::placeholder {
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
}
/* back_to_top */
#back_to_top {
  height: 50px;
  width: 50px;
  padding: 17px;
  border-radius: 50%;
  border: 1px solid #1c6a9b;
}
/* modals */
.new-home-page .input-groups {
  display: flex;
  flex-direction: column;
}
.new-home-page .input-icon-container {
  display: flex;
  flex-direction: row;
  background-color: var(--color-white-50);
  height: 46px;
  align-items: center;
  overflow: hidden;
}
.new-home-page .input-icon-container input {
  outline: none;
  border: none;
  background: none;
  font-size: 12px;
  font-weight: 500;
  padding: 0.5em;
  color: inherit;
  flex: auto 1 1;
  width: 100%;
  border-radius: 0px;
  background-color: transparent;
}
.new-home-page .input-icon-container input::placeholder {
  color: var(--color-black-30);
  font-family: var(--font-family-Lato);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
}
.plc-style-modal::placeholder {
  color: var(--color-black-30);
  font-family: var(--font-family-Lato);
  font-weight: 500 !important;
  line-height: 16px;
  letter-spacing: -0.01em;
}
.plc-style-modal:focus {
  box-shadow: unset !important;
}
/* navbar Dashboard */
.sub-dropdown-item {
  fill: var(--color-black-50);
}
.dashborad_icons {
  fill: #7a7493;
}
.dashborad_bell_icons {
  fill: var(--color-black-50);
}
.make_icon {
  fill: var(--color-black-80);
}
.dropdown_content_header {
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
  z-index: 6;
}
.lists-space-sub-head a.list-group-item {
  padding: 6px 10px 6px 10px !important;
  line-height: 20px;
  height: 32px;
}
.lists-space-sub-head li.list-group-item {
  line-height: 26px;
  height: 46px;
  padding: 10px;
}
.lists-space-sub-head .mt-10i {
  margin-top: 10px;
}
.make-lists-i .list-group-item {
  margin-bottom: 2px;
}
.lists-group-local .list-group-item {
  height: 33.33px;
  padding: 6px 10px 6px 10px !important;
}
section.py-12.position-sticky {
  height: 44px;
}
.border_dropdown_content_header {
  position: absolute;
  top: -3px;
  left: -1px;
  border: 1px solid var(--color-blue-50);
}
.hov-login-img {
  width: 41px;
  height: 41px;
  object-fit: contain;
  object-position: center;
}
/* country listing */
.para-with h2 {
  display: flex;
  flex-direction: row;
  letter-spacing: 0em;
}
.plus_icon_clr {
  fill: var(--color-black-40);
}
.active_clr_listing {
  color: var(--color-blue-50) !important;
  fill: var(--color-blue-50) !important;
}
.active_clr_listing_country {
  color: #1c6a9b !important;
  fill: #1c6a9b !important;
}
.hov_flags_listing:hover {
  border: 1px solid var(--color-black-40) !important;
}
.hov_flags_listing:hover span {
  color: var(--color-blue-50) !important;
}
.para-with h2:before,
h2:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid var(--color-black-20s);
  margin: auto;
}
.para-with h2:before {
  margin-right: 63px;
}
.para-with h2:after {
  margin-left: 63px;
}
/* makes */
.hov-makes:hover {
  background-color: var(--color-white-500) !important;
}
.hov-makes-cars:hover {
  border: 1px solid var(--color-blue-50);
}
/* seller */
.hov-seller:hover {
  color: var(--color-blue-70) !important;
  text-decoration: underline !important;
  /* border-bottom: 1px solid var(--color-blue-70) !important; */
}
.hov-car-resources:hover {
  color: var(--color-blue-70) !important;
  text-decoration: underline !important;
}
/* slider form */
.formsearch_Text::placeholder {
  font-size: 12px;
  font-weight: 500;
  font-family: var(--font-family-Lato);
  color: #858a94 !important;
}
/* padding--- */
/* x-axis */
.px-10 {
  padding-inline: 10px;
}
.px-8 {
  padding-inline: 8px;
}
.pr-8 {
  padding-right: 8px;
}
.pl-8 {
  padding-left: 8px !important;
}
/* y-axis */
.py-32 {
  padding-block: 32px;
}
.pb-32 {
  padding-bottom: 32px;
}
.py-19 {
  padding-block: 19px;
}
.py-12 {
  padding-block: 12px;
}
.py-10 {
  padding-block: 10px;
}
.py-8 {
  padding-block: 8px;
}
.pb-5s {
  padding-bottom: 5px;
}
.pa-27 {
  padding: 27px;
}
.ps-25 {
  padding-left: 35px;
}
/* margin-- */
.slide_margin {
  height: 424px;
}
#mobile_slider_section .slick-slide {
  margin-right: 0px !important;
}
.mx-25 {
  margin-inline: 25px;
}
.ml-36 {
  margin-left: 36px;
}
.mr-4w {
  margin-right: 0.25rem;
}
.mr-27 {
  margin-right: 27px;
}
.mt-33 {
  margin-top: 33px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-23 {
  margin-top: 23px;
}
.mt-18 {
  margin-top: 18px;
}
.mt-15 {
  margin-top: 21px;
}
.mt-10mdl {
  margin-top: 9px;
}
.mt-9 {
  margin-top: 9px;
}
.mb-18 {
  margin-bottom: 18px;
}
.mb-8 {
  margin-bottom: 8px;
}
/* header widths--- */
.w-140h {
  width: 141px;
}
.w-105h {
  width: 105px;
}
.w-100h {
  width: 100px;
}
.w-70h {
  width: 70px;
}
.w-50h {
  width: 50px;
}
/* width-- */
.w-1282 {
  width: 1282px;
}
.w-820 {
  width: 920px;
}
.w-685 {
  min-width: 684px !important;
}
.w-666 {
  min-width: 666px !important;
}
.w-360 {
  width: 360px;
}
.w-361 {
  width: 361px !important;
}
.w-336 {
  min-width: 336px !important;
  border-top: 2px solid var(--color-blue-50);
}
.w-327m {
  min-width: 327px;
}
.w-313 {
  width: 313px;
}
.w-300 {
  min-width: 300px;
}
.w-280s {
  min-width: 140px;
}
.w-253 {
  width: 253px;
}
.w-251 {
  min-width: 251px !important;
  /* transform: translate(55px, 55px) !important; */
  border-top: 2px solid var(--color-blue-50);
}
.w-180 {
  width: 180px;
}
.w-150px {
  width: 150px;
}
.w-140 {
  width: 140px;
}
.w-101 {
  width: 86px;
}
.w-101s {
  min-width: 101px;
}
.w-69 {
  width: 61px;
}
.w-69s {
  min-width: 61px;
}
.w-52 {
  width: 52px !important;
}
.w-8 {
  width: 8px;
}
.w-71 {
  border-radius: 0;
  min-width: 71px !important;
}
.w-100-s {
  border-radius: 0;
  min-width: 100px !important;
}
.w-167 {
  width: 175px;
}
/* height-- */
.h-178 {
  height: 178px;
}
.h-46 {
  height: 46px;
}
.h-35 {
  height: 35px;
}
.h-34 {
  height: 40px;
  max-height: 35px;
}
.h-39 {
  height: 39px;
}
.h-8 {
  height: 8px;
}
/* img-- */
.object_fit_cover {
  object-fit: cover;
}
.recent-car-img {
  object-fit: cover;
  width: 100%;
  object-position: center;
  max-height: 171.04px;
}
/* border-- radius-- */
.br-top-blue-1 {
  border-top: 1px solid var(--color-blue-50);
}
.br-alpha {
  border: 1px solid #2f2b4333;
}
.br-none {
  border-radius: 0px !important;
}
.br-8p {
  border-radius: 8px;
}
.br-6p {
  border-radius: 6px;
}
.br-4p {
  border-radius: 4px;
}
.br-3p {
  border-radius: 3px;
}
.br-top-left-0 {
  border-top-left-radius: 0;
}
.br-bottom-left-0 {
  border-bottom-left-radius: 0;
}
.br-top-left-6 {
  border-top-left-radius: 6px;
}
.br-bottom-left-6 {
  border-bottom-left-radius: 6px;
}
/* border-- */
.br-24 {
  border-radius: 24px;
}
.brr-none {
  border: none !important;
}
.brb-none {
  border-bottom: none !important;
}
/* placeholder-- */
.plc::placeholder {
  color: var(--color-grey-200);
  font-size: var(--font-size-14) !important;
  font-weight: var(--font-weight-500);
}
/* input focus-- */
.plc.form-control:focus {
  box-shadow: unset !important;
}
/* line height */
.line-h-40 {
  line-height: 40px;
}
.line-h-24 {
  line-height: 24px;
}
.line-h-20 {
  line-height: 24px;
}
/* positions-- */
.bottom-ve13 {
  bottom: -13%;
}
.left-80 {
  left: 80%;
}
/* grid */
.grid_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.grid_5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 10px;
  row-gap: 0px;
}
.grid_5_s {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 10px;
  row-gap: 0px;
}
.grid_3_s {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 206px;
  row-gap: 0px;
}
.grid_2_notify {
  display: grid;
  grid-template-columns: 15% 75%;
  gap: 10px;
}
.grid_4_car_price {
  display: grid;
  grid-template-columns: 30% 25% 20% 20%;
  gap: 21px;
}
.grid_3_car_price {
  display: grid;
  grid-template-columns: 40% 32% 21%;
  gap: 28px;
}
.grid_2_car_price {
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 21px;
}
.grid_4_car_price_p {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.car_price_p1 {
  grid-area: 1 / 1 / 2 / 2;
}
.car_price_p2 {
  grid-area: 1 / 2 / 2 / 3;
}
.car_price_p3 {
  grid-area: 1 / 3 / 2 / 4;
}
.car_price_p4 {
  grid-area: 1 / 4 / 2 / 5;
}
.grid-3-search-car-used {
  display: grid;
  grid-template-columns: 31% 45% 19%;
  gap: 30px;
}
.grid-4-main-specs {
  margin-top: 11px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}
.grid-3_search_radio {
  margin: auto;
  display: grid;
  grid-template-columns: 40% 10% 24%;
  gap: 32px;
}
.grid_specs-car-detail {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.grid_country_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 76px;
}
/* hover */
.hov-login-img:hover {
  border: 1px solid var(--color-black-100);
}
.hov-nav-items:hover p {
  color: var(--color-blue-50) !important;
  /* border-bottom: 2px solid var(--color-blue-50); */
}
.hov-nav-items:hover .dropdown_content_header {
  display: block !important;
}
.hov-item-dd:hover a {
  color: var(--color-blue-50) !important;
}
.hov-item-dd .dropdown-item:active {
  color: unset;
  background-color: unset;
}
.custom-profile-head .hov-item-dd:hover a {
  background-color: #ededf1;
}
.hov-item-dd:hover .dashborad_icons {
  fill: var(--color-blue-50) !important;
}
.hov_sub_item_dd:hover .sub-dropdown-item {
  fill: var(--color-blue-50) !important;
}
.hov_sub_item_dd:hover {
  color: var(--color-blue-50);
}
.dashborad_bell_icons:hover {
  fill: var(--color-black-20) !important;
}
.hov-footer:hover {
  /* border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6; */
  color: var(--color-blue-50) !important;
}
.hov-menu-form {
  padding: 21px 10px;
  width: 16.9rem;
}
.hov-menu-form span.dropdown-item:nth-child(1).active,
.dropdown-item:nth-child(1):active {
  background-color: unset;
}
.hov-menu-form span.dropdown-item:nth-child(1) {
  padding: 0px 0px 10px 0px;
}
.hov-menu-form span.dropdown-item:nth-child(1):focus,
.dropdown-item:nth-child(1):hover {
  background-color: white;
}
.search-filter-field-desk {
  border: 1px solid #aeb1b8;
  background-color: #f6f6f8;
  max-height: 34px;
  padding: 9px 10px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
}
.search-filter-field-desk input {
  background-color: #f6f6f8;
  height: 100%;
  border: 0px;
  font-size: var(--font-size-12);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #2f2b43b2;
}
.search-filter-field-desk input:focus-visible {
  outline: 0px;
}
.hov-menu-form li:hover {
  color: var(--color-black-40) !important;
  background-color: var(--color-grey-100);
}
.hov-menu-form li {
  cursor: pointer;
  font-size: var(--font-size-12);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  padding: 14px 10px;
}
.drop_hov_notific:hover {
  background-color: #80808017;
}
/* slider form dots and arrows */
.slider_form .slick-prev {
  left: 43%;
  top: 105%;
  z-index: 1 !important;
}
.slider_form .slick-next {
  top: 105%;
  right: 43%;
  z-index: 1 !important;
}
.slider_form .slick-arrow {
  display: block !important;
  height: 30px !important;
  width: 30px !important;
  border-radius: 50% !important;
  border: 1px solid #5d6370 !important;
}
.slider_form .slick-prev::before,
.slick-next::before {
  font-size: 14px !important;
}
.slider_form .slick-next::before {
  font-size: 14px !important;
}
.slider_form .slick-dots {
  bottom: -38px !important;
}
/* slider */
/* #make_section .slick-disabled {
  display: none !important;
} */
#popular_makes:hover .slick-arrow {
  background-color: white;
}
#popular_makes .slick-prev::before,
.slick-next::before {
  display: none;
}
#popular_makes:hover .slick-prev::before,
.slick-next::before {
  display: block;
}
#popular_makes .slick-arrow {
  display: none !important;
}
#popular_makes:hover .slick-arrow {
  display: block !important;
}
#popular_makes h3 {
  color: var(--color-black-50);
  letter-spacing: -0.014em;
}
.popular_makes .used_cars_imgs_1024 {
  width: 60px;
  height: 60px;
  object-fit: contain;
  max-width: 100%;
}
.operate-i h3 {
  color: var(--color-black-50);
  letter-spacing: -0.014em;
}
.mb-32i {
  margin-bottom: 32px;
}
/* colors-- */
.light-pink-bg {
  background-color: #ffd3d1;
}
.light-warning-bg {
  background-color: #fbf2cb;
}
.light-green-bg {
  background-color: #b2ffc0;
}
.clr-pink-red {
  color: #cd3636;
}
.clr-warning-darl {
  color: #c8811a;
}
.clr-green-darl {
  color: #10ab2b;
}
/* ////////////////////////////////////////////////////////////search result page///////////////////////// */
/* ********************************************************************************************************* */
.seperator-search {
  margin-block: 32px;
}
.grid-search-result-item .fix-w {
  width: 60px;
  padding-inline: 0px;
}
.grid-search-result-item .fix-w2 {
  width: 115px;
  padding-inline: 0px;
}
.grid-search-result-item .row {
  padding-left: 39px;
}
.price-calculator .check-radio-label i {
  font-size: 16px;
}
/* filters select 2 */
.select2-container .select2-selection--single {
  height: 39px !important;
}
/* 
 span.select2 {
  width: 100% !important;
} */
span.select2.select2-container {
  width: 100% !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #5d6370;
  line-height: 35px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 6px !important;
}
.select2-container--default .select2-selection--single {
  font-family: var(--font-family-Lato);
  background-color: #fff;
  border: 1px solid var(--color-black-40) !important;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
}
.select2-container--default .select2-selection--multiple {
  min-height: 39px !important;
  font-family: var(--font-family-Lato) !important;
  background-color: #fff;
  border: 1px solid var(--color-black-40) !important;
  border-radius: 3px;
  font-size: 12px;
  padding-top: 5px;
  font-weight: 500;
}
.select2-container .select2-search--inline .select2-search__field {
  font-family: var(--font-family-Lato) !important;
  color: #5d6370 !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #5d6370 !important;
  font-family: var(--font-family-Lato) !important;
}
.select2-results__option {
  font-weight: 500;
  font-size: 12px;
  font-family: var(--font-family-Lato) !important;
}
.grid-container-search {
  padding-inline: 10px;
  display: grid;
  grid-template-columns: 30% 30% 25% 15%;
}
.grid-search-result-item {
  user-select: none;
}
.price-calculator-para {
  padding-right: 30px;
}
.car-destination {
  padding: 0 5px 0 21px;
}
#search-toyota-used-cars .car-search-dropdown button {
  height: 48px;
  border: 1px solid #5d6370;
  background-color: var(--color-white-900);
  border-radius: 3px;
  font-size: var(--font-size-12s);
  font-weight: 500;
  color: var(--color-black-40);
  font-weight: 500;
  font-family: var(--font-family-Lato);
  min-width: 196px;
  text-align: left;
}
#search-toyota-used-cars .car-search-dropdown button::after {
  float: right;
  top: 10px;
  position: relative;
}
#search-toyota-used-cars .car-search-dropdown .dropdown-menu {
  border-radius: 0px;
  width: 191px;
}
#search-toyota-used-cars .car-search-dropdown .dropdown-menu li:hover {
  color: var(--color-white-900) !important;
  background-color: var(--color-blue-50);
}
#search-toyota-used-cars .promobadges span {
  font-size: var(--font-size-12s);
  font-weight: 600;
  color: var(--color-white-900);
}
#search-toyota-used-cars .promobadges .promo-span-1 {
  background-color: #ff4b44;
}
#search-toyota-used-cars .promobadges .promo-span-2 {
  background-color: #a576f1;
}
#search-toyota-used-cars .car-title-search {
  margin-top: 6px;
  margin-bottom: 6px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-24s);
  font-weight: var(--font-weight-700);
  line-height: 32px;
  letter-spacing: -0.016em;
  text-align: left;
  color: var(--color-blue-70);
}
#search-toyota-used-cars .car-specs-generic h4 {
  margin-bottom: 0px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  line-height: 26px;
  letter-spacing: -0.01em;
}
#search-toyota-used-cars .car-specs-generic h4.light-text {
  color: var(--color-black-30);
  font-weight: 400;
}
#search-toyota-used-cars .car-specs-generic h4.dark-text {
  color: var(--color-black-80);
  font-weight: 700;
}
#search-toyota-used-cars .car-specs-generic span {
  color: var(--color-black-20s);
  font-size: 12px;
}
#search-toyota-used-cars .grid-4-main-specs div {
  height: 58px;
  width: 100%;
  background-color: var(--color-white-50);
  /* padding-inline: 3px; */
}
#search-toyota-used-cars .grid-4-main-specs div img {
  margin-top: 0.5rem;
  margin-inline: 0.5rem;
}
#search-toyota-used-cars .grid-4-main-specs span.light-texts {
  margin-bottom: 0px;
  color: var(--color-black-30);
  font-size: var(--font-size-10s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
}
#search-toyota-used-cars .grid-4-main-specs span.dark-texts {
  margin-bottom: 0px;
  font-size: var(--font-size-14s);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-80);
}
#search-toyota-used-cars .location-flag img {
  padding: 4px;
}
#search-toyota-used-cars .location-flag h4 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.012em;
}
#search-toyota-used-cars .location-flag span {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.012em;
}
#search-toyota-used-cars .location-flag h4 {
  color: var(--color-black-30);
}
#search-toyota-used-cars .location-flag span {
  color: var(--color-black-80);
}
#search-toyota-used-cars .price-calculation .price-tag {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.016em;
  color: var(--color-black-80);
}
#search-toyota-used-cars .price-calculation .price-tag-search-result {
  margin-top: 3px;
  width: 100px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
}
#search-toyota-used-cars .price-calculation .price-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
#search-toyota-used-cars .buttons {
  height: 122px;
}
#search-toyota-used-cars .buttons button {
  width: 177px;
  height: 48px;
  border-radius: 4px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
}
#search-toyota-used-cars .buttons-car-detail button {
  width: 186px;
  height: 48px;
  border-radius: 4px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
}
#search-toyota-used-cars .buttons-car-detail a {
  width: 186px;
  height: 48px;
  border-radius: 4px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  display: flex;
  justify-content: center;
  align-items: center;
}
#search-toyota-used-cars .buttons .btn-buy {
  background-color: var(--color-blue-50);
}
#search-toyota-used-cars .buttons-car-detail .btn-car-detail-buy {
  background-color: #4678ff;
}
#search-toyota-used-cars .buttons .btn-price {
  color: #71bff0;
  border: 1px solid #71bff0;
}
#search-toyota-used-cars .buttons-car-detail .btn-car-detail-reserve {
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
  border: 1px solid var(--color-blue-50);
}
#search-toyota-used-cars .buttons-car-detail .btn-car-detail-prices {
  color: #71bff0;
  border: 1px solid #71bff0;
}
.pagination-section .pagintaion-count span {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.pagination-section .pagintaion-count select {
  border: 1px solid var(--color-black-pure);
  margin-left: 15px;
  width: 73px;
  height: 44px;
}
.pagination-section .pagination-styles {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.pagination-section .pagination-styles > ul > li {
  font-size: var(--font-size-16s);
  font-weight: 700;
  padding-inline: 10px;
  padding-block: 10px;
  margin-right: 40px;
  cursor: pointer;
}
.pagination-section .pagination-styles > ul > li.number-counts-page:hover {
  background-color: #ededf1;
}
.pagination-section .active-pagination {
  color: var(--color-blue-50) !important;
}
/* ****slider recent cars*** */
.slick-recent-cars .slick-prev::before,
.slick-next::before {
  display: none;
}
.slick-recent-cars:hover .slick-prev::before,
.slick-next::before {
  display: block;
}
.slick-recent-cars .slick-arrow {
  display: none !important;
}
.slick-recent-cars:hover .slick-arrow {
  display: block !important;
}
.slick-recent-cars .width-dynamic-car-recent {
  max-width: 245px;
}
.slick-recent-cars .car-price-card {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-80);
}
.slick-recent-cars .car-title-card {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.slick-recent-cars .car-date-card {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.slick-recent-cars .car-specs-card {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.slick-recent-cars .car-heart-icon {
  font-size: var(--font-size-16s);
  color: #ced0d4;
}
.buy-used-cars-search h2 {
  font-size: var(--font-size-24s);
  font-weight: 700;
  color: var(--color-blue-100);
  line-height: 36px;
}
.buy-used-cars-search h4 {
  font-size: var(--font-size-20s);
  font-weight: 400;
  color: var(--color-black-40);
  line-height: 40px;
}
.buy-used-cars-search .about-car-detail {
  font-size: var(--font-size-20s);
  font-weight: 400;
  color: var(--color-black-40);
  line-height: 40px;
}
.further-resource-search h2 {
  font-size: var(--font-size-24s);
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-black-100);
}
.further-resource-search h4 {
  font-size: var(--font-size-18s);
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-20s);
}
.further-resource-search .further-resource-lists a {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-blue-50);
  border-radius: 0px !important;
  border: none !important;
}
.price-calculator .price-calculator-para h2 {
  font-size: var(--font-size-24s);
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-black-100);
}
.price-calculator .price-calculator-para h4 {
  font-size: var(--font-size-16s);
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--color-black-40);
}
.price-calculator .select-drop .des {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--color-black-40);
}
.price-calculator .select-drop select {
  border: 1px solid var(--color-black-40);
  height: 40px;
  font-size: var(--font-size-12s);
  font-weight: 500;
  color: var(--color-black-40);
  background-color: var(--color-white-50);
  border-radius: 4px;
}
.price-calculator .check-radio-label {
  margin-top: 3px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
}
.price-calculator .check-radio-label i {
  margin-right: 3px !important;
}
#sat-slid-srch-drop-btn .filters-btns-srch {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  border: 1px solid #2f2b4333;
  background-color: var(--color-white-900);
  border-radius: 3px;
  font-weight: 500 !important;
  color: #5d6370;
  height: 39px;
}
#show-hide-adv-filt {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-blue-60);
}
#sat-slid-srch-drop-btn .dropdown-menu .dropdown-item {
  font-size: var(--font-size-12s);
  font-weight: 500;
  font-family: var(--font-family-Lato);
  color: var(--color-black-50);
}
.types-specs-car-search {
  user-select: none;
}
.types-specs-car-search .label-specs-search {
  font-size: var(--font-size-14s);
  font-weight: 500;
  font-family: var(--font-family-Lato);
  color: var(--color-black-pure);
}
#breadcrumb-section .breadcrumb-item {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
}

.cal-btn {
  height: 39px;
  width: 140px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  font-family: var(--font-family-Lato);
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
}
.rest-btn {
  border-radius: 4px;
  height: 39px;
  width: 140px;
  font-weight: 700;
  font-size: 14px;
  font-family: var(--font-family-Lato);
  color: var(--color-black-50);
  background-color: var(--color-blue-900);
  border: 1px solid var(--color-black-50);
}
.img-used-cars-search-list {
  object-fit: contain;
  max-width: 100%;
  height: 100%;
}
/* ******************************************* car detail page ********************************************** */
/* ********************************************************************************************************* */
.sold-out-bannar {
  width: 100%;
  height: calc(100% - 143px);
  position: absolute;
  font-family: Lato;
  font-weight: 600;
  line-height: 130.73px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 19px;
  background-color: rgba(255, 255, 255, 0.263);
}
.sold-out-bannar div {
  background-color: #0c1529a6;
  width: calc(100% - 6px);
}
.sold-out-bannar h2 {
  margin-bottom: 0px;
  font-size: 91.51px;
}
.sold-out-bannar span {
  font-size: 43px;
}
.counter-car-detail-gallery {
  display: inline-block;
  position: absolute;
  color: var(--color-white-900);
  top: 347px;
  left: 20px;
  background-color: hsla(221, 19%, 25%, 0.8);
  font-size: var(--font-size-14);
  font-weight: 600;
  padding: 10px;
  line-height: 20px;
  letter-spacing: -0.01em;
}
.container-gallery .large-image {
  background-size: contain !important;
  background-position: center top !important;
}
#car_main_details {
  border-radius: 14px;
  max-width: 550px;
}
.price-calculation .cif-total {
  margin-top: 10px;
}
.car-detail-specs-generic .car-detail-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-26);
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.018em;
  text-align: left;
  color: var(--color-blue-70);
}
.car-detail-specs-generic .car-detail-specs-main {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-30);
}
.car-detail-specs-generic .car-detail-specs-sub {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-80);
}
.car-detail-specs-generic .price-title-head-detail {
  /* max-width: 120px; */
  /* width: 100%; */
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
#sepecs_car_detail .h-44-specs {
  height: 44px;
}
#sepecs_car_detail .h-60-specs {
  height: 60px;
}
.car-detail-specs-generic .price-detail-main {
  /* width: 100%; */
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-24s);
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-black-80);
}
.buy-now-bank-tablec {
  border-collapse: collapse;
  width: 100%;
  border: none;
  margin-top: 6px;
}
.buy-now-bank-tablec th,
.buy-now-bank-tablec td {
  padding: 10px;
  border-bottom: 10px solid transparent;
  background-clip: padding-box;
}
.buy-now-bank-tablec th {
  background-color: #ededf1;
  color: var(--color-black-50);
  width: 140px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}
.buy-now-bank-tablec td {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-blue-70);
}
.car-detail-drop .des {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--color-black-40);
}
.car-detail-drop select {
  font-family: var(--font-family-Lato);
  line-height: 16px;
  letter-spacing: -0.01em;
  font-size: var(--font-size-12s);
  font-weight: 500;
  color: var(--color-black-40);
  background-color: var(--color-white-50);
  border-radius: 4px;
  height: 40px;
  border: 1px solid #5d6370;
}
.car-gallery-bottom p a {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-blue-60);
}
.used-cars-searc-title {
  margin-bottom: 28px;
}
/* ******************************************* car detail page end ********************************************** */
/* ********************************************************************************************************* */
.cd-alert-text {
  padding-inline-end: 13px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.car-detail-pay-alert {
  background-color: #fde9e9;
}
#features_car_detail .feature-names {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-50) !important;
  margin-bottom: 0px;
}
#features_car_detail img {
  align-self: self-start;
}
#features_car_detail ul > li {
  padding-block: 14px !important;
  padding-inline: 8px !important;
}
#sepecs_car_detail ul > li {
  /* padding-block: 14px !important; */
  padding-inline: 8px !important;
}
#sepecs_car_detail .mt-8car {
  margin-top: 8px;
}
.car-detail-pt-32 {
  padding-top: 32px;
}
#order_flow_car_detail .order-flow-para {
  text-align: justify;
  max-width: 594px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-40);
}
#order_flow_car_detail .order-flow-para span {
  color: var(--color-blue-50);
}
#order_flow_car_detail .car-detail-order-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
#order_flow_car_detail .car-detail-order-step {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
#payment_method_car_detail .car-detail-order-text {
  margin-top: 10px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
#payment_method_car_detail .img-payment-method-card {
  height: 82.05px;
}
.mt-33-car-detail {
  margin-top: 32px;
}
.feature-title {
  width: 94px;
  display: inline-block;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
  margin-bottom: 0px;
}
.feature-specs-detail {
  margin-left: 12px;
  max-width: 149px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-bottom: 0px;
}
#sepecs_car_detail ul {
  height: 60px;
}
#sepecs_car_detail ul li {
  width: 268px;
}
#sepecs_car_detail .mr-20p {
  margin-right: 20px;
}
.feature-specs-detail-2 {
  width: 171px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-bottom: 0px;
}
.buy-now-carmodal .modal-car-detail-img {
  width: 100%;
  height: 214px;
}
.buy-now-carmodal .car-detail-specs-main {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 400;
  line-height: 17px;
  letter-spacing: -0.012em;
  color: var(--color-black-30);
}
.buy-now-carmodal .car-detail-specs-sub {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 700;
  letter-spacing: -0.012em;
  color: var(--color-black-80);
}
.buy-now-carmodal .main-text-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
}
.buy-now-carmodal .price-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.buy-now-carmodal .price-tag {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-80);
}
.buy-now-carmodal .price-title-2 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.des-modal-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.phone-car-detail {
  border: 1px solid #5d63708f;
  border-radius: 4px;
  height: 34px;
  font-size: 10px;
  background-color: #f6f6f8;
}
.iti.iti--allow-dropdown {
  width: 100%;
}
.modal-card-tabs-detail .list-group-item {
  border-bottom: none;
}
.modal-card-tabs-detail .list-group-item {
  width: 185px;
  color: var(--color-black-50);
  font-size: var(--font-size-10s);
  font-family: var(--font-family-Lato);
  font-weight: 500;
}
.modal-card-tabs-detail .list-group-item.active {
  background-color: #f6f6f8;
}
.btn-buy-modal {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
  width: 171px;
  height: 40px;
  border-radius: 4px;
  margin-top: 20px;
}
.btn-buy-modal:hover {
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
}
.btn-buy-modal:active {
  color: var(--color-white-900) !important;
  background-color: var(--color-blue-50) !important;
}
.btn-pricequo-modal {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  background-color: #154f74;
  width: 171px;
  height: 40px;
  border-radius: 4px;
  margin-top: 47px;
}
.modal-choose-payment-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.select-common-search {
  height: 39px;
  background-color: #fff;
  border: 1px solid var(--color-black-40);
  border-radius: 3px;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  font-family: var(--font-family-Lato) !important;
  font-weight: 500;
  color: #5d6370;
}
.main-text-title-thank {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-24s);
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-blue-70);
}
.car-detail-specs-main-thank {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-30);
}
.car-detail-specs-sub-thank {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-80);
}
.price-title-thank {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20s);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-30);
}
.price-tag-thank {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-80);
}
.pt-custom-24 {
  padding-top: 24px;
}
.button-thank {
  width: 180px;
  height: 48px;
  background-color: #154f74;
  color: var(--color-white-900);
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
}
.price-tag-thanks-price {
  width: 101px;
  font-family: Lato;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.016em;
  text-align: left;
  color: #0c1529;
}
.price-title-thank-end {
  font-family: var(--font-family-Lato);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #353c4d;
}
.price-title-thank-status {
  font-family: var(--font-family-Lato);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: #000000;
}
.price-tag-thanks-paid {
  width: 97px;
  font-family: var(--font-family-Lato);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: #353c4d;
}
.ps-th-24 {
  padding-left: 24px;
}
.width-238 {
  width: 238px;
}
/********************************************* insurance services *********************************************/
/* ********************************************************************************************************* */
#insurance-benifits {
  margin-top: 80px;
  font-family: var(--font-family-Lato);
}
#insurance-benifits h1 {
  font-size: clamp(20px, 6vw, var(--font-size-24s));
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.018em;
  color: var(--color-black-100);
}
#insurance-benifits p {
  font-size: clamp(16px, 5vw, var(--font-size-20));
  text-wrap: balance;
  line-height: 32px;
  letter-spacing: -0.016em;
}
#insurance_cover {
  margin-top: 80px;
}
#insurance_cover h2 {
  font-size: clamp(20px, 5vw, var(--font-size-24s));
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-black-80);
}
#insurance_cover p {
  font-size: clamp(18px, 5vw, var(--font-size-20));
  font-weight: 400;
  line-height: clamp(25px, 5vw, 40px);
  letter-spacing: 0.02em;
  color: var(--color-black-40);
}
#report_issues {
  font-family: var(--font-family-Lato);
}
#report_issues h2 {
  font-size: clamp(20px, 6vw, var(--font-size-24s));
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.018em;
  color: var(--color-black-100);
}
#report_issues .rep-para {
  font-size: clamp(20px, 5vw, var(--font-size-24s));
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-black-40);
}
#report_issues .report-section-note h4 {
  font-size: clamp(18px, 5vw, var(--font-size-20));
  margin-top: 20px;
  line-height: clamp(25px, 5vw, 40px);
  letter-spacing: 0.02em;
  text-align: left;
}
#report_issues .cards-report-para {
  font-family: var(--font-family-Lato);
  font-size: clamp(18px, 5vw, var(--font-size-20));
  font-weight: 400;
  line-height: clamp(25px, 5vw, 40px);
  letter-spacing: 0.02em;
  color: var(--color-black-40);
}
#report_issues .cards-report-header-2 {
  font-family: var(--font-family-Lato);
  font-size: clamp(20px, 5vw, var(--font-size-24s));
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-blue-60);
}
#insurace_coverage {
  margin-top: 50px;
  font-family: var(--font-family-Lato);
}
#insurace_coverage h4 {
  font-size: clamp(18px, 5vw, var(--font-size-20));
  font-weight: 700;
  line-height: clamp(20px, 5vw, 28px);
  letter-spacing: -0.014em;
  color: var(--color-black-100);
}
#insurace_coverage p {
  font-size: clamp(18px, 5vw, var(--font-size-20));
  font-weight: 400;
  line-height: clamp(25px, 5vw, 40px);
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--color-black-40);
}
.cards-report-header {
  padding: 6px;
  font-size: clamp(18px, 5vw, var(--font-size-20));
  color: var(--color-white-900);
  font-weight: 700;
  background-color: var(--color-blue-60);
}
.custom-insurance-margin {
  margin-top: 92px;
}
/********************************************* insurance services end *********************************************/
/* ********************************************************************************************************* */
/********************************************* How to buy *********************************************/
/* ********************************************************************************************************* */
.main-heading-how-to-buy {
  font-size: clamp(20px, 5vw, var(--font-size-24s));
  font-weight: 700;
  line-height: clamp(24px, 2vw, 36px);
  letter-spacing: -0.018em;
}
.sub-heading-how-to-buy {
  font-family: var(--font-family-Lato);
  font-size: clamp(18px, 5vw, var(--font-size-20s));
  font-weight: 500;
  line-height: clamp(20px, 5vw, 32px);
  letter-spacing: -0.016em;
  color: var(--color-black-40);
}
.list-how-to-buy > li {
  font-family: var(--font-family-Lato);
  font-size: clamp(18px, 5vw, var(--font-size-20s));
  font-weight: 500;
  line-height: clamp(20px, 5vw, 32px);
  letter-spacing: -0.016em;
  color: var(--color-black-40);
}
/********************************************* How to buy end *********************************************/
/* ********************************************************************************************************* */
/********************************************* country page ****************************** ***************/
/* ********************************************************************************************************* */
.ps-45 {
  padding-left: 40px;
}
.fix-height-country-import {
  height: 44px;
}
.common-card-sections-country .card {
  width: 100% !important;
}
.common-card-sections-country .why-choose-section-img-2 {
  height: 70px;
  width: 70px;
}
.common-card-sections-country .why-choose-section-img {
  height: 50px;
  width: 50px;
}
.common-card-sections-country .main-title-country {
  font-size: var(--font-size-18s);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-80);
}
.common-card-sections-country .main-para-country {
  width: 255px;
  font-family: var(--font-family-Lato);
  text-align: justify;
  font-size: var(--font-size-16s);
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
#show_more_import_regulation .show_more_import_texts h4 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  text-align: center;
}
.import-regulation-cust-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20s);
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.014em;
  background-color: var(--color-grey-100);
  padding: 12px;
  color: var(--color-blue-70);
  display: inline-block;
  margin: 0px;
}
.import-regulation-cust-title-sub {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-block: 10px;
}
.import-regulation-cust-para {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20s);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-40);
  margin-block: 10px;
}
.import-list-details li {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20s);
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-50);
}
.import_width_551 {
  width: 551px;
}
.import_width-491 {
  width: 491px;
}
.import_height_56 {
  height: 56px;
}
.import-foreign-made {
  padding-right: 10px;
  height: 112px;
  width: 551px;
}
.country-port-tite {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  padding: 12px;
}
.arrival-port-dimensions {
  max-height: 327px;
  overflow: auto;
}
.arrival-port-div {
  color: var(--color-black-50);
  margin-top: 17px;
}
.arrival-port-div h4 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20s);
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.014em;
}
.arrival-port-div ul > li {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20s);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
}
.p-12-c {
  padding: 12px;
}
#country_deals_card {
  cursor: pointer;
  width: 100%;
}
#country_deals_card:hover {
  background-color: var(--color-white-50);
}
#country_deals_card .deal-car-price {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-24s);
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-black-80);
}
#country_deals_card .deal-car-name {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20s);
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-50);
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}
#country_deals_card .deal-car-modl {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-50);
  margin-bottom: 0px;
}
#country_deals_card .deal-car-average {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-bottom: 0px;
}
.deal-img-card {
  height: 194px;
  max-width: 285px;
  object-fit: cover;
}
#counry_deals_section .list-group-item {
  border-radius: 100px;
}
#counry_deals_section .list-group-item {
  background-color: #f6f6f8;
  border-color: #f6f6f8;
  color: var(--color-black-40);
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
}
#counry_deals_section .list-group-item.active {
  background-color: #ecf5ff;
  border-color: #ecf5ff;
  color: var(--color-black-50);
}
#jpananese_used_cars_country_intro p {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20s);
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0.02em;
  color: var(--color-black-40);
}
.grid-2-head-offices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 15px;
}
.border-blue-thanks {
  border: 2px solid #20a1fe;
}
#offices_information {
  padding-left: 60px;
}
#offices_information h4 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20);
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-40);
  display: inline-block;
  background-color: var(--color-white-50);
  padding: var(--font-size-12s);
}
#offices_information p {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-20);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-50);
  max-width: 456px;
}
#offices_information p a {
  color: var(--color-blue-60);
}
#import_regulation_details {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.import_div_show {
  max-height: 6000px !important;
}
#faq_section_tabs_country {
  padding-block: 20px;
}
#faq_section_tabs_country .list-group-item.active {
  background-color: #ffffff;
  color: var(--color-blue-70);
  border-bottom: 2px solid var(--color-blue-70);
  margin-top: unset;
}
#faq_section_tabs_country .list-group-item {
  height: 56px;
  border: none;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-30);
}
#faq_section_tabs_country .list-group-flush > .list-group-item:last-child {
}
/********************************************* country page end *********************************************/
/* ********************************************************************************************************* */
/********************************************* cookie policy  *********************************************/
/* ********************************************************************************************************* */
.para-cookie-policy {
  font-family: var(--font-family-Lato);
  font-size: clamp(16px, 4vw, 20px);
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-40);
}
.heading-cookie-policy {
  font-family: var(--font-family-SofiaPro);
  font-size: clamp(20px, 4vw, 24px);
  line-height: 32px;
  letter-spacing: -0.016em;
  color: var(--color-black-80);
}
.list-cookie-policy > li {
  font-family: var(--font-family-Lato);
  margin-top: 16px;
  font-size: clamp(14px, 4vw, 18px);
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-40);
}
#cookie_cards .card-body .fw-700 {
  font-family: var(--font-family-Lato);
  font-size: clamp(14px, 4vw, 18px);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
}
#cookie_cards .card-body p {
  font-family: var(--font-family-Lato);
  font-size: 16px;
  font-weight: 500;
  line-height: clamp(20px, 4vw, 24px);
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.cookie-sp-para {
  padding: 12px;
  display: inline-block;
  background-color: #ededf1;
  font-family: var(--font-family-Lato);
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-blue-70);
}

/********************************************* cookie policy end *********************************************/
/* ********************************************************************************************************* */
/********************************************* search no record *********************************************/
/* ********************************************************************************************************* */
#no_record_found {
  padding-block: 32px;
}
#no_record_found .title-recod {
  font-size: var(--font-size-24s);
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: #0c1529;
  margin-bottom: 12px;
  margin-top: 20px;
}
#no_record_found .title-recod-para {
  font-size: var(--font-size-20);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-40);
  margin-bottom: 12px;
}
#no_record_found .list-record-nofound {
  font-size: var(--font-size-20);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-50);
}
#no_record_found .norecorddoundimg {
  max-width: 336px;
  max-height: 237px;
}
/********************************************* mobile css index *********************************************/
/* ********************************************************************************************************* */
.mobile-common-heading {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-bottom: 0px;
}
.mobile-common-viewall {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  align-self: center;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-blue-70);
  margin-bottom: 0px;
}
#sidebarmobile.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#menu_logo_mobile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}
#components_mobiles_header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
#components_mobiles_header .sign-up-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  text-decoration: none;
}
#components_mobiles_header .notify-count {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-8s);
  font-weight: 600;
  letter-spacing: -0.01em;
  top: 9px;
  background-color: #6ad09d;
}
.profile-mobile-img {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
/* search mobile */
.form-mobile-search-main {
  background-color: #ededf1;
  color: #555;
  display: flex;
  padding: 2px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.form-mobile-search-main input[type="text"] {
  width: 100%;
  height: 38px;
  border: none;
  background: #ededf1;
  margin: 0;
  padding: 7px 8px;
  font-size: 14px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
  /* color: #2f2b434d !important; */
}
.form-mobile-search-main input[type="search"] {
  width: 100%;
  height: 38px;
  border: none;
  background: #ededf1;
  margin: 0;
  padding: 7px 8px;
  font-size: 14px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
  /* color: #2f2b434d !important; */
}
.form-mobile-search-main input[type="text"]::placeholder {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #2f2b434d !important;
}
.form-mobile-search-main input[type="search"]::placeholder {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #2f2b434d !important;
}
.form-mobile-search-main input[type="search"]::placeholder {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #2f2b434d !important;
}
.form-mobile-search-main button[type="button"] {
  text-indent: -999px;
  overflow: hidden;
  width: 45px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.5233%2011.4628L15.7355%2014.6743L14.6743%2015.7355L11.4628%2012.5233C10.2678%2013.4812%208.7815%2014.0022%207.25%2014C3.524%2014%200.5%2010.976%200.5%207.25C0.5%203.524%203.524%200.5%207.25%200.5C10.976%200.5%2014%203.524%2014%207.25C14.0022%208.7815%2013.4812%2010.2678%2012.5233%2011.4628ZM11.0188%2010.9063C11.9706%209.92741%2012.5022%208.61532%2012.5%207.25C12.5%204.349%2010.1503%202%207.25%202C4.349%202%202%204.349%202%207.25C2%2010.1503%204.349%2012.5%207.25%2012.5C8.61532%2012.5022%209.92741%2011.9706%2010.9063%2011.0188L11.0188%2010.9063Z%22%20fill%3D%22%23353C4D%22%2F%3E%3C%2Fsvg%3E")
    no-repeat center;
  cursor: pointer;
}
.form-mobile-search-main button[type="submit"]:hover {
  opacity: 1;
}
.form-mobile-search-main button[type="submit"]:focus,
.form-mobile-search-main input[type="search"]:focus,
.form-mobile-search-main input[type="text"]:focus {
  outline: none;
}
#search_section_mobile {
  margin-top: 10px;
}
#mobile_slider_section {
  margin-top: 10px;
}
#slider_form_mobile .slick-prev {
  display: none !important;
}
#slider_form_mobile .slick-next {
  display: none !important;
}
#slider_form_mobile img {
  border-radius: 10px;
}
.pad-mailing-mobile {
  padding-block: 10px;
  padding-inline: 35px;
}
.maillist-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  text-align: left;
  margin-bottom: 0.75rem;
}
.sign-text-mobile {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--color-black-40);
}
.mailing-input-mobile {
  border-radius: 4px;
  height: 44px;
  font-size: var(--font-size-14s);
  font-family: var(--font-family-Lato);
}
.mailing-input-mobile::placeholder {
  font-family: var(--font-family-Lato);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.btn-mailing-mobile {
  font-family: var(--font-family-Lato);
  background-color: var(--color-blue-50);
  font-size: var(--font-size-14s);
  color: var(--color-white-900);
  letter-spacing: -0.01em;
  border-radius: 4px;
  line-height: 16px;
  max-width: 120px;
  /* margin-top: 11px; */
  font-weight: 700;
  height: 44px;
  width: 100%;
}
.btn-mailing-mobile:active {
  background-color: var(--color-blue-50) !important;
  border: 1px solid var(--color-blue-50) !important;
  color: var(--color-white-900) !important;
}
.py-mobile-10 {
  padding-block: 10px;
}
#footer_mobile {
  background-color: var(--color-blue-200);
}
#footer_mobile a[href^="tel:"] {
  color: white !important;
}
#footer_mobile .col-7 {
  display: flex;
  justify-content: start;
  align-items: center;
}
#footer_mobile {
  padding-inline: 16px;
}
#footer_mobile .accordion-button:not(.collapsed) {
  box-shadow: unset;
}
#mobile_footer_socials h4 {
  font-size: var(--font-size-14);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-white-900) !important;
  margin-bottom: 6px;
}
.address_links_mobile_footer li {
  padding-left: 2px;
  font-family: var(--font-family-Lato);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--color-white-900) !important;
}
#footer_mobile .mt-mobile-footer-16 {
  margin-top: 16px;
}
#mini_footer_mobile {
  background-color: var(--color-blue-300);
  color: var(--color-white-900) !important;
}
#mini_footer_mobile p {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-8s);
  font-weight: 700;
  line-height: 16px;
  padding: 3px;
  letter-spacing: -0.01em;
}
#footer_mobile .accordion-item {
  margin-bottom: 10px;
  border: 0px;
}
#footer_mobile .accordion {
  --bs-accordion-bg: transperant !important;
}
#footer_mobile .accordion-button {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  height: 40px;
}
#footer_mobile .accordion-button.collapsed {
  border: 1px solid #ffffff75;
}
#footer_mobile .accordion-button:not(.collapsed) {
  background-color: transparent;
  border: 1px solid #ffffff75 !important;
}
#footer_mobile .accordion-button:focus {
  box-shadow: none;
}
#footer_mobile .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206.13893L0.757004%201.89593L2.172%200.481934L5%203.31093L7.828%200.481934L9.243%201.89593L5%206.13893Z%22%20fill%3D%22%23CED0D4%22%2F%3E%3C%2Fsvg%3E");
  background-size: 12px;
  width: 12px;
  height: 8px;
}
.footer-icons {
  fill: var(--color-white-900);
}
/* #footer_mobile .accordion-button:not(.collapsed) {
  color: var(--color-blue-50);
}
#footer_mobile .accordion-button:not(.collapsed) .footer-icons {
  fill: var(--color-blue-50) !important;
} */
#footer_mobile .accordion-body {
  padding-inline: 10px;
  padding-block: 10px;
}
#footer_mobile .accordion-body .list-group .list-group-item {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  color: var(--color-white-900);
  letter-spacing: -0.01em;
  padding-inline: 0px;
  padding-block: 6px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 2px;
}
#frequently_asked_qs {
  margin-top: 16px;
  margin-bottom: 20px;
}
#frequently_asked_qs .accordion-item {
  margin-bottom: 6px;
  border: 0px;
}
#frequently_asked_qs .accordion-button::after {
  display: none;
}
#frequently_asked_qs .accordion-button::before {
  flex-shrink: 0;
  margin-right: 18px;
  content: "";
  background-size: 12px;
  width: 12px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206.41579L0.757004%202.17279L2.172%200.758789L5%203.58779L7.828%200.758789L9.243%202.17279L56.41579Z%22%20fill%3D%22%232F2B43%22%2F%3E%3C%2Fsvg%3E");
}
#frequently_asked_qs .accordion-button:not(.collapsed)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206.41579L0.757004%202.17279L2.172%200.758789L5%203.58779L7.828%200.758789L9.243%202.17279L56.41579Z%22%20fill%3D%22%232F2B43%22%2F%3E%3C%2Fsvg%3E");
  transform: var(--bs-accordion-btn-icon-transform);
}
#frequently_asked_qs .accordion-button.collapsed {
  border: 1px solid #2f2b431a;
}
#frequently_asked_qs .accordion-button:not(.collapsed) {
  background-color: var(--color-white-900);
  color: var(--color-blue-60);
  border: 1px solid var(--color-blue-60);
}
#frequently_asked_qs .accordion-button:focus {
  box-shadow: none;
}
#frequently_asked_qs .accordion-button {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  gap: 10px;
}
#frequently_asked_qs .accordion-body {
  background-color: #f6f6f8e5;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  padding-inline: 10px;
  padding-block: 4px;
}
#mailing_section {
  /* background-color: #f7fbfb; */
  margin-bottom: 1.5rem;
}
#mobile_customer_reviews .card {
  border-radius: 6px;
  border: 1px solid #2f2b4333;
  width: 283.15px;
  margin: 16px 0 1px 0;
}
#mobile_customer_reviews {
  margin-bottom: 34px;
}
#mobile_customer_reviews .card .card-body,
#mobile_customer_reviews .card .card-footer {
  padding: 8.63px;
}
#mobile_customer_reviews .card .card-footer h4 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-bottom: 6px;
}
#mobile_customer_reviews .card .card-footer p {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-align: justify;
  color: var(--color-black-40);
}
#mobile_customer_reviews .card .card-footer {
  height: 80px;
  background-color: white;
  border: 0px;
}
#mobile_customer_reviews .separator-rev {
  border: 1px solid #dcdae23b;
  margin-inline: 8px;
}
#mobile_customer_reviews .middle-section-rev-2 .fa-star {
  margin-right: 2px;
}
#mobile_customer_reviews .middle-section-rev-2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
}
#mobile_customer_reviews .middle-section-rev-2 span {
  margin-left: 2px;
}
#mobile_customer_reviews .middle-section-rev {
  margin-top: 5px;
}
.grid-3-rev-mob {
  display: grid;
  grid-template-columns: 35% 49% 8%;
  gap: 10px;
}
.grid-2-blogs-mob {
  display: grid;
  grid-template-columns: 30% 64%;
  gap: 6px;
  margin-bottom: 8.62px;
}
.prof-rev-mobile {
  height: 24px;
  width: 24px;
  object-fit: cover;
  border-radius: 50%;
}
.middle-section-rev span {
  align-self: center;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-blue-70);
}
.middle-section-rev-2 i {
  font-size: 8px;
  color: #ffbd12;
}
.middle-section-rev-2 span {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 12px;
  letter-spacing: -0.01em;
  color: var(--color-black-pure);
}
.slick-review-card-mob .slick-prev,
.slick-review-card-mob .slick-next,
.slick-compare-card-mob .slick-prev,
.slick-compare-card-mob .slick-next,
.slick-rev-card-mob .slick-prev,
.slick-rev-card-mob .slick-next {
  display: none !important;
}

#news_blog_sect {
  margin: 16px 0 24px 0;
}
.blogs-news-texts h4 {
  margin-bottom: 0px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.blogs-news-texts h5 {
  margin-bottom: 4px;
  margin-top: 8px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 400;
  line-height: 8px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.blogs-news-texts h6 {
  margin-bottom: 0px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 400;
  line-height: 8px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
/* slider section */
#mobile_slider_section .slick-dots li button:before {
  width: 4px;
  height: 4px;
}
#mobile_slider_section .slick-dots li {
  padding: 3px;
}
#mobile_slider_section .slick-dots li.slick-active {
  width: 12px;
  height: 4px;
}
/* review section */
#mobile_customer_reviews .slick-dots li button:before {
  width: 4px;
  height: 4px;
}
#mobile_customer_reviews .slick-dots li {
  padding: 3px;
}
#mobile_customer_reviews .slick-dots li.slick-active {
  width: 12px;
  height: 4px;
}
/* compare section */
#compare_make_mobile .slick-dots li button:before {
  width: 4px;
  height: 4px;
}
#compare_make_mobile .slick-dots li {
  padding: 3px;
}
#compare_make_mobile .slick-dots li.slick-active {
  width: 12px;
  height: 4px;
}
/* best_seller_mobile section */
#best_seller_mobile .slick-dots li button:before {
  width: 4px;
  height: 4px;
}
#best_seller_mobile .slick-dots li {
  padding: 3px;
}
#best_seller_mobile .slick-dots li.slick-active {
  width: 12px;
  height: 4px;
}
/* popular_cars_mobile section */
#popular_cars_mobile .slick-dots li button:before {
  width: 4px;
  height: 4px;
}
#popular_cars_mobile .slick-dots li {
  padding: 3px;
}
#popular_cars_mobile .slick-dots li.slick-active {
  width: 12px;
  height: 4px;
}
/* .mobile_explore_budget section */
.slick-common-mobile-cards .slick-dots li button:before {
  width: 4px;
  height: 4px;
}
.slick-common-mobile-cards .slick-dots li {
  padding: 3px;
}
.slick-common-mobile-cards .slick-dots li.slick-active {
  width: 12px;
  height: 4px;
}
.car-mobile-comparison {
  max-width: 236px;
  width: 100%;
  margin-top: 16px;
}
.car-mobile-comparison p {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  margin-bottom: 16px;
  margin-bottom: 0px;
}
#best_seller_middle_section {
  margin-top: 16px;
  margin-bottom: 16px;
}
.best-seller-main-mob {
  width: 120px;
}
.best-seller-main-mob .list-group .list-group-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 115px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  padding-inline: 0px;
  margin-bottom: 4px;
}
.best-seller-main-mob .list-group .list-group-item:last-child {
  margin-bottom: 0px;
}
.slick-popular-cars-mobile {
  margin-top: 24px;
  /* display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 6px;
  grid-row-gap: 14px; */
}
.grid-3-popula .card:nth-child(3n) {
  border-right: 0px !important;
}
.grid-3-popula {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 6px;
  grid-row-gap: 14px;
  margin-top: 24px;
}
.grid-3-popula .card {
  border: none;
  border-radius: 10px;
  min-width: 100px;
  width: 100%;
  background-color: #f7fbfb;
  border-right: 6px solid white;
}
.grid-3-popula .card-body {
  padding: 0px;
  height: 86px;
}
.grid-3-popula .card h3 {
  text-align: center;
  width: 78px;
  margin-top: 6px;
  margin-bottom: 0px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slick-popular-cars-mobile .card {
  border: none;
  border-radius: 10px;
  width: 100px;
  width: 100%;
  background-color: #f7fbfb;
  border-right: 6px solid white;
  margin-bottom: 14px;
}
.slick-popular-cars-mobile .card-body {
  padding: 0px;
  height: 86px;
}
.slick-popular-cars-mobile .card h3 {
  text-align: center;
  width: 78px;
  margin-top: 6px;
  margin-bottom: 0px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#popular_cars_mobile .slick-slide {
  margin-right: 6px !important;
}
#where_operate_mobile .operate-grid-3-mob {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 14px;
  grid-row-gap: 14px;
}
.operate-grid-3-mob .card {
  border: none;
  border-radius: 10px;
  /* max-width: 150px; */
  width: 100%;
  background-color: #f7fbfb;
}
.operate-grid-3-mob .card h3 {
  margin-top: 6px;
  margin-bottom: 0px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
#where_operate_mobile .country-mobile-section-btn {
  font-family: var(--font-family-Lato);
  border: 1px solid var(--color-blue-70);
  font-size: var(--font-size-12s);
  color: var(--color-blue-70);
  letter-spacing: -0.01em;
  border-radius: 4px;
  line-height: 16px;
  margin-top: 16px;
  font-weight: 700;
  height: 40px;
  width: 120px;
  padding: 0px;
}
#offcanvascountrymobile.offcanvas.offcanvas-bottom {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  height: 84.08vh;
  max-height: 100%;
}
#offcanvascountrymobile .btn-close {
  width: 1em;
  height: 0.5em;
}
#country_listing_mobile span {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
#country_listing_mobile .list-group-item {
  padding: 10px;
}
.grid-country-listing-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}
.how-to-buy-texts .list-group-item {
  padding: 0px;
  margin-bottom: 14px;
}
.how-to-buy-texts .list-group-item span {
  margin-left: 6px;
  width: 168px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
#how_to_buy_sep {
  margin-top: 16px;
}
.mob-how-to-buy-img {
  width: 100%;
  max-width: 130px;
}
.mobile_explore_budget .top-seler-header-nav-link {
  margin-top: 12px;
}
.mobile_explore_budget .nav-item {
  color: var(--color-black-50);
  padding: 10px;
  text-decoration: none;
  transition: 0.3s;
  margin: 0 6px;
  z-index: 1;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
}

.mobile_explore_budget .nav {
  display: flex;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  background-color: #fff;
}
.mobile_explore_budget .nav-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  transition: 0.4s;
  height: 2px;
  z-index: 1;
  width: 82px;
  left: 164px;
  background-color: #2384c1;
}
.common_car_details {
  margin-top: 16px;
}
.common_car_details .deal-car-name {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-bottom: 0px;
  max-width: 134px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common_car_details .deal-car-price {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #0c1529;
  margin-top: 4px;
  margin-bottom: 2px;
}
.common_car_details .deal-car-price span {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
  margin-left: 3px;
}
.common_car_details .deal-car-modl {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 500;
  line-height: 12px;
  letter-spacing: -0.012em;
  color: var(--color-black-40);
  margin-bottom: 2px;
}
.common_car_details .deal-car-average {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 400;
  line-height: 11px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
  margin-bottom: 2px;
}
.common_car_details .heart-icon {
  font-size: 16px !important;
  align-self: flex-end !important;
  height: 20px;
  width: 26px;
  cursor: pointer;
  color: #ced0d4;
}
.mobile_explore_budget .card {
  width: 134px;
}
.slick-common-mobile-cards .slick-slide {
  margin-right: 13px !important;
}
.mobileform-35 {
  height: 36px;
}
.fonts-card-mobile {
  font-size: var(--font-size-12s);
  font-weight: 500;
  color: var(--color-black-50);
}
#search_card_mobile {
  margin-bottom: 24px;
}
#search_card_mobile .card {
  box-shadow: 0 3px 10px rgba(47, 43, 67, 0.16);
}
#search_card_mobile .card .col-12.text-end span {
  padding-right: 13px;
}
#search_card_mobile .px-5s {
  padding-inline: 5px;
}
.mobile-card-btn {
  font-family: var(--font-family-Lato);
  font-weight: 600;
  color: var(--color-white-900);
  font-size: var(--font-size-16s);
  background-color: var(--color-blue-50);
}
.bottom-bar-styles-mobile.offcanvas.offcanvas-bottom {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  height: 84.08vh;
  max-height: 100%;
}
#mobile_customer_reviews .offcanvas.offcanvas-bottom {
  height: 64.94vh !important;
  z-index: 9999;
}
.bottom-bar-styles-mobile .list-group {
  margin-top: 12px;
  border-radius: 0px;
}
.bottom-bar-styles-mobile .list-group .list-group-item {
  padding: 6px 10px;
  margin-bottom: 8px;
  border: none;
  border-bottom: 1px solid rgb(174 177 184 / 40%);
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  color: var(--color-black-50);
  letter-spacing: -0.01em;
  line-height: 16px;
  font-weight: 500;
}
.offcanvas.offcanvas-end {
  width: 17.125rem;
}
.dashboard-mobile-sidebar .list-group-item {
  border: none;
  padding-inline: 0px;
  padding-block: 11px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
}
.dashboard-mobile-sidebar .list-group-item i {
  color: #154f74;
}
.sidebarmain-mobile-sidebar .list-group-item.main-items-sidebar-content {
  border: none;
  padding-inline: 12px;
  padding-block: 11px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  background-color: #f6f6f8;
  margin-bottom: 4px;
}
.sidebarmain-mobile-sidebar .list-group-item.main-items-sidebar-sub {
  border: none;
  margin-inline: 12px;
  padding-block: 11px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  background-color: white;
  margin-bottom: 4px;
}
.sidebarmain-mobile-sidebar .list-group-item i {
  color: #1c6a9b;
}
#collapsedashboardsetting {
  margin-top: 10px;
}
#collapsedashboardsetting .list-group-item {
  padding-block: 11px;
  padding-inline: 0px;
  align-items: center;
}
#collapsedashboardsetting span {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
#collapsedashboardsetting select {
  height: 26px;
  width: 78px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  background-color: #f6f6f8;
  border-radius: 4px;
  border: 1px solid #2f2b4333;
  color: var(--color-black-30);
}
#collapsedashboardsetting select:focus-visible {
  outline: 1px solid #2f2b4333;
}
#collapsedashboardsetting select option {
  color: #000000;
}
#notification.offcanvas.offcanvas-end {
  width: 100%;
}
#notification .text-decoration-none.float-end.clr-blue-50 {
  padding-inline: 0px;
  padding-block: 9px;
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-border-width: 0px;
}
.notify-cards {
  margin-bottom: 11px;
  padding-block: 9px;
  padding-inline: 9px;
}
.notify-cards p {
  max-width: 255px;
}
#offcanvaslocalpages.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvascarservoces.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvascaroverview.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvascarreviews.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvascarhelp.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvasstock.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvasprice.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvasmake.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvastype.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvasyear.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvasdiscount.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvaslocation.offcanvas.offcanvas-start {
  width: 17.125rem;
}
#offcanvascategories.offcanvas.offcanvas-start {
  width: 17.125rem;
}
.local_page_lists_mob .local-text-title {
  background-color: var(--color-white-50);
  border-radius: 0px;
}
.local_page_lists_mob .local-text-title li {
  padding-inline: 10px;
  border: none;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.local_page_lists_mob .common-mobile-listing-side {
  border-radius: 0px;
}
.local_page_lists_mob .common-mobile-listing-side a {
  display: flex;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  color: var(--color-black-50);
  letter-spacing: -0.01em;
  padding-inline: 10px;
  padding-block: 11px;
  border: none;
  line-height: 16px;
  font-weight: 500 !important;
  margin-top: 4px;
  justify-content: start;
  align-items: center;
}
#login_mobile_section .login-text-mob {
  font-family: var(--font-family-Lato);
  font-size: 30px;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: -0.018em;
  color: var(--color-white-900);
}
#login_mobile_section .mt-90 {
  margin-top: 60px;
}
#login_mobile_section .card {
  max-width: 430px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
#login_mobile_section .card-body {
  padding-inline: 16px;
  padding-block: 24px;
}
#login_mobile_section .card-text-signup-mob {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  text-align: left;
  color: var(--color-black-50);
}
#mobile_customer_reviews .rev-mob-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 600;
  line-height: 12px;
  letter-spacing: -0.01em;
  color: var(--color-black-pure);
  margin-bottom: 16px;
}
#mobile_customer_reviews .img-pro-rev-modal {
  border-radius: 20px;
}
#mobile_customer_reviews .mt-12m {
  margin-top: 12px;
}
#mobile_customer_reviews .flag-modal-mob {
  height: 21px;
  width: 31px;
}
#mobile_customer_reviews .mob-rev-title-pro {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18);
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-blue-50);
}
#mobile_customer_reviews .rev-modal-star-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
#mobile_customer_reviews .rev-modal-star {
  margin-top: 4px;
}
#mobile_customer_reviews .rev-modal-star .fa-star {
  font-size: 10px;
  color: #ffbd12;
}
#mobile_customer_reviews .separator-mob-rev {
  margin-block: 8px;
  border: 1px solid #dcdae261;
}
#mobile_customer_reviews .title-modal-rev-mob {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 14px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-bottom: 6px;
}
#mobile_customer_reviews .para-modal-rev-mob {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: justify;
  color: var(--color-black-40);
}
/* login mobile */
.userform {
  height: 48px;
  color: #353c4d;
  display: flex;
  align-items: center;
  border: 1px solid #ced0d4;
  border-radius: 8px;
}

.login-user-input {
  border: none;
  background: transparent;
  width: 100%;
  margin: 0;
  padding: 7px 8px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
  font-size: var(--font-size-12s);
}

.login-user-input::placeholder {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #aeb1b8;
}
.login-user {
  height: 22px;
  border-right: 1px solid #aeb1b8 !important;
  text-indent: -999px;
  overflow: hidden;
  padding-inline: 15px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  opacity: 0.7;
}

.login-user:hover {
  opacity: 1;
}

.login-user:focus,
.login-user-input:focus {
  outline: 0;
}
.userform:focus-within {
  border: 1px solid #2a9fe8;
}
.bg-img-user {
  background: transparent url("/assets/images/mobile/icons/user-mob-pro.svg")
    no-repeat center;
}
.bg-img-password {
  background: transparent url("/assets/images/mobile/icons/lock-mob-pro.svg")
    no-repeat center;
}
.bg-img-email {
  background: transparent url("/assets/images/mobile/icons/mail-mob-pro.svg")
    no-repeat center;
}
.login-eye {
  height: 22px;
  text-indent: -999px;
  overflow: hidden;
  padding-inline: 15px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  opacity: 0.7;
}
.login-eye-close {
  background: transparent url("/assets/images/mobile/icons/eye-off-mob-pro.svg")
    no-repeat center;
}
.login-eye-open {
  background: transparent url("/assets/images/mobile/icons/eye-open-mob.svg")
    no-repeat center;
}
.login-eye:hover {
  opacity: 1;
}

.login-eye:focus,
.login-eye-input:focus {
  outline: 0;
}
.mt-24m {
  margin-top: 24px;
}
.mb-18m {
  margin-bottom: 18px;
}
.para-with .ormob {
  display: flex;
  flex-direction: row;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  margin-block: 20px;
}
.para-with .ormob:before,
.ormob:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid var(--color-black-20s);
  margin: auto;
}
.para-with .ormob:before {
  margin-right: 22px;
}
.para-with .ormob:after {
  margin-left: 22px;
}
.mob-reglog-btn {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  height: 40px;
  border-radius: 8px;
}
.forgo-logreg {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-blue-50);
  margin-block: 12px;
}
.login-g {
  border: 1px solid var(--color-black-20s);
  background-color: white;
  color: var(--color-black-40);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.para-loginreg {
  margin-top: 32px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.para-loginreg span {
  color: var(--color-blue-50);
}
.customer-review-car-name {
  width: 85px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.customer-review-detail {
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#login_register.offcanvas-end {
  width: 100%;
}
#compare_make_mobile div.d-flex.justify-content-around.px-2 {
  margin-top: 4px;
}
#offcanvascountrymobileLabel {
  color: var(--color-black-pure) !important;
}
.error-text-logreg {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 500;
  color: #f34141;
}
.error-input-field-log {
  border: 1px solid #f34141 !important;
  color: #f34141 !important;
}
/* end */

.search-fld-fltr-btn-mble #sat-slid-srch-drop-btn .filter-btn-srch::after {
  content: "";
  width: 9px;
  height: 6px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="9" height="6" viewBox="0 0 9 6"%3E%3Cpath d="M4.50048 3.78175L7.80048 0.48175L8.74315 1.42442L4.50048 5.66708L0.257812 1.42442L1.20048 0.48175L4.50048 3.78175Z" fill="%23868A94"%3E%3C/path%3E%3C/svg%3E');
}
/* search result mobile */
.accordions-car-resources {
  margin-top: 10px;
}
.accordions-car-resources .accordion-button {
  border: 1px solid #aeb1b8;
}
.accordions-car-resources .accordion-item {
  margin-bottom: 8px;
  border: 0px;
}
.accordions-car-resources .accordion-button {
  height: 36px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.accordions-car-resources .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206.41579L0.757004%202.17279L2.172%200.758789L5%203.58779L7.828%200.758789L9.243%202.17279L56.41579Z%22%20fill%3D%22%232F2B43%22%2F%3E%3C%2Fsvg%3E");
  background-size: 10px;
  width: 12px;
  height: 8px;
}
.accordions-car-resources .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%231C6A9B%22%20d%3D%22M5%206.41579L0.757004%202.17279L2.172%200.758789L5%203.58779L7.828%200.758789L9.243%202.17279L56.41579Z%22%2F%3E%3C%2Fsvg%3E");
}
.accordions-car-resources .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.accordions-car-resources .accordion-button:focus {
  box-shadow: none;
}
.accordions-car-resources .accordion-button:not(.collapsed) {
  border: 1px solid #1c6a9b;
  color: #1c6a9b;
}
.accordions-car-resources .accordion-body {
  padding-inline: 10px;
  padding-block: 12px;
}
.accordions-car-resources .accordion-body .list-group-item {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-blue-50);
  padding-block: 6px !important;
}
.accordions-car-resources .accordion-body .list-group {
}
.common-pb-m {
  padding-bottom: 24px;
}
.common-pb-16 {
  padding-bottom: 16px;
}
#used_cars_text_mob p {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: justify;
  color: var(--color-black-40);
  margin-bottom: 0px;
  margin-top: 10px;
}
#breadcrumb-xm-m li a {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
}
.grid_fur_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

#tot_price_calculator .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206.41579L0.757004%202.17279L2.172%200.758789L5%203.58779L7.828%200.758789L9.243%202.17279L56.41579Z%22%20fill%3D%22%232F2B43%22%2F%3E%3C%2Fsvg%3E");
  background-size: 10px;
  width: 12px;
  height: 8px;
}
#tot_price_calculator .accordion-button {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  height: 36px;
  background-color: #ecf5ff;
  border-radius: 4px;
  padding: 10px;
}
#tot_price_calculator .accordion-button:not(.collapsed) {
  background-color: #ecf5ff;
}
#tot_price_calculator .accordion-button:focus {
  box-shadow: none;
}

#tot_price_calculator .accordion-body {
  padding-inline: 0px;
  padding-block: 12px;
}
#tot_price_calculator .price-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
  margin-bottom: 0px;
}
#tot_price_calculator .des {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  padding: 0px;
  padding-bottom: 6px;
}
#tot_price_calculator select {
  background-color: #f6f6f8;
  height: 28px;
  border-radius: 4px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  border: 1px solid #858a9478;
}
#tot_price_calculator .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-size: 16px 9px;
}
.grid_price_2cal {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  margin-top: 14px;
}
.rorocontainer {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-pure);
}
.destination-cntry {
  margin-bottom: 15px;
}
.destination-prt {
  margin-bottom: 15px;
}
.rorocontainerbtn .btn {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  letter-spacing: -0.01em;
  border-radius: 4px;
  line-height: 20px;
  font-weight: 500;
  height: 28px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}
.activerorocontainer {
  background-color: var(--color-blue-50);
  color: var(--color-white-900);
}
.notactiverorocontainer {
  background-color: #f6f6f8;
  color: #aeb1b8;
  border: 1px solid #ededf1;
}
.activerorocontainer:hover {
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
  border-color: var(--color-blue-50);
}
.notactiverorocontainer:hover {
  background-color: #f6f6f8;
  color: #aeb1b8;
  border: 1px solid #ededf1;
}
.typespricecalculator {
  grid-column: 1 / 3;
}
.typespricecalculator .py-14types {
  padding: 14px 0px;
}
.typespricecalculator .py-14-type2 {
  padding: 11px 0px;
}
.typespricecalculator .list-group-item {
  display: flex;
  gap: 8px;
  border: 0px;
}
.typespricecalculator .list-group-item span {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-pure);
}
.typespricecalculator .form-check-label {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
}
.typespricecalculator .form-check-input {
  height: 15px;
  width: 15px;
  border: 1px solid #aeb1b8;
}
.calcubtn button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  height: 28px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  background-color: var(--color-blue-50);
  color: var(--color-white-900);
  border: 1px solid var(--color-blue-50);
}
.resetubtn button {
  font-family: var(--font-family-Lato);
  border: 1px solid var(--color-black-30);
  font-size: var(--font-size-14);
  color: var(--color-black-50);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 28px;
  border-radius: 4px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}
.calcubtn:hover {
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
  border-radius: 4px;
}
.resetubtn:hover {
  background-color: var(--color-white-900);
  color: var(--color-black-50);
  border-radius: 4px;
  border-color: var(--color-black-30);
}
.mobile-common-sort {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #3f395a;
}
.mobile-common-sort img {
  margin-right: 2px;
}
.mobile-common-sort {
  background-color: transparent;
  border: none;
}
.mobile-common-sort.dropdown-toggle::after {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.mobile-common-sort + ul {
  padding-block: 19px;
  padding-inline: 16px;
}
.mobile-common-sort + ul li {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  padding-inline: 10px;
  padding-block: 6px;
  border-bottom: 1px solid #aeb1b861;
}
.used-cars-sal {
  margin-top: 20px;
  margin-bottom: 24px;
}
#mo_pagination_format li {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
}
#mo_pagination_format .number-counts-page:nth-child(6) {
  margin-right: 0px;
}
#mo_pagination_format .number-counts-page {
  margin-right: 10px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--color-black-50);
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mo_pagination_format {
  margin-top: 16px;
}
#mo_pagination_format .change_new_page {
  height: 24px;
}
#mo_pagination_format .active-pagination-mo {
  background: #ededf1;
  border-radius: 50px;
}
#mo_pagination_format .pr-21 {
  color: var(--color-blue-70);
  padding-right: 21px;
}
#mo_pagination_format .pl-21 {
  padding-left: 21px;
  color: var(--color-blue-70);
}
.grid-2-toyo-sale {
  display: grid;
  grid-template-columns: 33% 64%;
  grid-column-gap: 8px;
  grid-row-gap: 0px;
  margin-block: 16px;
  border-bottom: 1px solid #aeb1b885;
}
.grid-2-toyo-sale .img-div-used-cars {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
}
.grid-2-toyo-sale .img-div-used-cars .list-group-item {
  border: 0px;
  border-radius: 0px;
  padding-inline: 0px;
  padding-top: 4px;
  padding-bottom: 0px;
}
.grid-2-toyo-sale .promo-badge-info {
  padding: 2px 6px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 500;
  line-height: 8.99px;
  letter-spacing: -0.01em;
  color: var(--color-white-900);
  background-color: #ff4b44;
}
.promo-country {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.country-text-img img {
  margin-right: 6px;
}
.country-text-img {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-80);
  display: flex;
  align-items: center;
}
.main-title-info .car-title-search-info {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-blue-70);
  margin-bottom: 0px;
  margin-top: 4px;
}
.main-specs-info {
  display: flex;
  align-items: center;
}
.main-specs-info .spec-info-text {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 700;
  line-height: 12px;
  letter-spacing: -0.012em;
  color: var(--color-black-80);
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.main-specs-info .spec-info-text span {
  font-size: 5px;
  margin-inline: 4px;
  color: var(--color-black-20s);
}
.main-specs-car-prices {
  max-width: 190px;
}
.main-specs-car-prices .price-title-car {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.main-specs-car-prices .price-count-car {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-blue-70);
}
.stock-text-id {
  font-family: var(--font-family-Lato);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #0c1529;
}
.stock-text {
  font-family: var(--font-family-Lato);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.main-specs-car-prices .mb-2xs {
  margin-bottom: 2px;
}
.buttonsused-cars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  padding-bottom: 12px;
}
.buttonsused-cars button {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.05em;
  color: var(--color-white-900);
  border-radius: 4px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 98px;
  width: 100%;
}
.buttonsused-cars button img {
  margin-right: 2px;
}
.buttonsused-cars button.btnCarPriceQuote:active,
.buttonsused-cars button.btnCarPriceQuote:focus-visible,
.buttonsused-cars button.btnCarPriceQuote:hover {
  color: white;
  background-color: #154f74;
}
.buttonsused-cars button.btnCarPriceQuote {
  background-color: #154f74;
}
.buttonsused-cars button.btnCarBuyNow {
  background-color: var(--color-blue-50);
}
.buttonsused-cars button.btnCarBuyNow:active,
.buttonsused-cars button.btnCarBuyNow:focus-visible,
.buttonsused-cars button.btnCarBuyNow:hover {
  background-color: var(--color-blue-50);
  color: white;
}
/* filters */
#filters_multiple .search-pills {
  white-space: nowrap;
}
#filters_multiple .search-pills .ulist {
  padding: 0px 0px;
  list-style-type: none;
  display: inline-block;
}
#filters_multiple .scrollable {
  margin: 0px 0px;
  overflow: auto;
}
#filters_multiple .scrollable::-webkit-scrollbar {
  display: none;
}

#filters_multiple .scrollable {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
#filters_multiple .field-pill {
  position: relative;
}
#filters_multiple .ulist li {
  margin-block: 4px;
  display: inline-block;
  color: #353c4d;
  border: 1px solid #353c4d;
  border-radius: 30px;
  padding: 8px 10px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  margin-right: 2px;
}
#filters_multiple .field-pill .field-text-img {
  margin-left: 9px;
  margin-bottom: 4px;
}
#filters_multiple .mb-2xsm {
  margin-bottom: 2px;
}
#filters_multiple .filters-count {
  padding: 2px 6px;
  color: var(--color-white-900);
  background-color: #6ad09d;
  border-radius: 50%;
  font-family: var(--font-family-SofiaPro);
  font-size: var(--font-size-10s);
  font-weight: 600;
  line-height: 16.68px;
  letter-spacing: -0.01em;
}
#filters_multiple .active-filters-close {
  border: 1px solid #154f74 !important;
  color: #154f74 !important;
  background-color: #ecf5ff !important;
}
#filters_multiple .icon-sliders {
  display: flex;
  gap: 3px;
  justify-content: space-between;
  align-items: center;
}
#all_fiters_siderbar .offcanvas-body {
  padding-inline: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}
#all_fiters_siderbar .offcanvas-body::-webkit-scrollbar {
  display: none;
}

#all_fiters_siderbar .offcanvas-body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.field-pill-text {
  font-size: 14px !important;
  border: 0px !important;
  color: var(--color-black-40) !important;
}
/* Custom CSS for sidebar */
.sidebarcanvasfilters {
  position: fixed;
  top: 0;
  left: 0;
  width: 0px;
  background-color: var(--color-white-900);
  padding: 16px;
  z-index: 556;
  transition: transform 0.3s ease;
  transform: translateX(-250px);
}

.activesidebar-filters {
  width: 100%;
  height: 100%;
  transform: translateX(0px);
}

.sidebarcanvasfilters ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebarcanvasfilters ul li {
  margin-bottom: 10px;
}

.sidebarcanvasfilters ul li a {
  text-decoration: none;
  font-size: 18px;
}

.sidebarcanvasfilters ul li a:hover {
  color: #ccc;
}
.commonbottomcanvase-sizes.offcanvas.offcanvas-bottom {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  height: 235px;
  max-height: 100%;
  padding: 16px;
}
.commonbottomcanvase-sizes .offcanvas-title {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #0c1529;
}
.commonbottomcanvase-sizes .offcanvas-body {
  margin-top: 24px;
}
.commonbottomcanvase-sizes .des {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}
.grid_offcanvas-2-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 35px;
}
.grid_offcanvas-2-bottom select {
  border: 1px solid #858a94;
  background-color: #f6f6f8;
  border-radius: 4px;
  height: 36px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  background-size: 8px 10px;
}
.grid_offcanvas-2-bottom .form-select:focus {
  border-color: #858a94;
  outline: 0;
  box-shadow: none;
}
.grid_offcanvas-2-bottom button {
  height: 40px;
  border-radius: 4px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}
.grid_offcanvas-2-bottom button.btnclr {
  color: var(--color-black-50);
  border: 1px solid #ededf1;
  background-color: #f6f6f8;
}
.grid_offcanvas-2-bottom button.btnclr:focus {
  color: var(--color-black-50);
  border: 1px solid #ccccd1;
  background-color: #f6f6f8;
}
.grid_offcanvas-2-bottom button.btnaply {
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
}
.grid_offcanvas-2-bottom button.btnaply:focus {
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
}
.filter-pills-main {
  padding-bottom: 16px;
  border-bottom: 1px solid #ced0d485;
  max-width: 600px;
  overflow: auto;
  flex-wrap: nowrap !important;
}
.filter-pills-main {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.filter-pills-main {
  margin: 0px 0px;
  overflow: auto;
}
.filter-pills-main span {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  line-height: 16px;
  letter-spacing: -0.01em;
  font-weight: 500;
  padding: 9px 10px;
  margin-right: 12px;
  margin-block: 4px;
  color: #154f74;
  background-color: #ecf5ff;
  border: 1px solid var(--color-blue-70);
  border-radius: 41px;
  text-wrap: nowrap;
}
.filter-pills-main span img {
  margin-left: 4px;
}
.py-28offcanvas {
  padding-top: 28px;
  padding-bottom: 28px;
  position: absolute;
  bottom: 4px;
  left: 0;
  justify-content: center;
  background-color: white;
  width: 100%;
}
.sidebarfiltertable tr td {
  padding-bottom: 12px;
}
.sidebarcustombtn button {
  height: 40px;
  border-radius: 4px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  width: 156px;
}
.sidebarcustombtn button.btnclr {
  color: var(--color-black-50);
  border: 1px solid #ededf1;
  background-color: #f6f6f8;
}
.sidebarcustombtn button.btnclr:focus {
  color: var(--color-black-50);
  border: 1px solid #ccccd1;
  background-color: #f6f6f8;
}
.sidebarcustombtn button.btnaply {
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
}
.sidebarcustombtn button.btnaply:focus {
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
}
.sidebarcustombtn {
  display: flex;
  gap: 16px;
}
.sidebarfiltertable .text-style-table {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.sidebarfiltertable .typeinput-table {
  background-color: #f6f6f8;
  border-radius: 4px;
  height: 36px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}
.sidebarfiltertable .typeinput-table:focus {
  border: 1px solid #1c6a9b;
  box-shadow: none;
}
.custom-sidebar-inputs {
  height: 36px;
  background-color: #f6f6f8;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-30);
  border-radius: 4px;
  padding: 6px 10px;
  border: 1px solid #f6f6f8;
}
.custom-sidebar-inputs:focus {
  box-shadow: none;
}
.sidebarfiltertable .w-111 {
  width: 111px;
}
.deals-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 7px;
  grid-row-gap: 12px;
  margin-top: 10px;
}
.deals-text-sidebar {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #0c1529;
}
.deals-promo-side {
  display: flex;
  align-items: center;
  gap: 8px;
}
.deals-promo-side label {
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  padding: 3px 10px;
}
.accordionadditionalfilter .accordion-button {
  font-family: var(--font-family-Lato);
  background-color: #f6f6f8;
  height: 36px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #0c1529;
}
.accord-selection {
  padding-top: 5px;
  margin-bottom: 16px;
}
.accordionadditionalfilter .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206.41579L0.757004%202.17279L2.172%200.758789L5%203.58779L7.828%200.758789L9.243%202.17279L56.41579Z%22%20fill%3D%22%232F2B43%22%2F%3E%3C%2Fsvg%3E");
  background-size: 8px;
  width: 12px;
  height: 8px;
}
.accordionadditionalfilter .accordion-button:focus {
  box-shadow: none;
}
.accordionadditionalfilter .grid-add-featur-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 12px;
}
.accordionadditionalfilter .grid-add-featur-2 .list-group-item {
  padding: 12px 10px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-pure);
  margin-bottom: 0px;
  border: 0px;
  padding-left: 0px;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  align-items: center;
}
.select-side-custom .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206.41579L0.757004%202.17279L2.172%200.758789L5%203.58779L7.828%200.758789L9.243%202.17279L56.41579Z%22%20fill%3D%22%232F2B43%22%2F%3E%3C%2Fsvg%3E");
  background-size: 8px;
}
.img-div-used-cars img {
  height: 68px;
  width: 109px;
}
.grid-sim-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 0px;
}
.filter-item-side i {
  color: #154f74;
  margin-left: 8px;
  margin-bottom: 2px;
  align-self: center;
  font-size: 11px;
}
.active-filters-close i {
  color: #154f74;
  margin-left: 8px;
  margin-bottom: 2px;
  align-self: center;
  font-size: 10px;
}
#breadcrumb-xm-m .breadcrumb-item + .breadcrumb-item::before {
  padding-top: 2px;
}
#login_preview.offcanvas.offcanvas-bottom {
  height: 30vh !important;
  z-index: 9999;
}
.logsignsat {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  margin-bottom: 19px !important;
}
.logsignsatget {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
  margin-bottom: 30px !important;
}
.logsignsatbtn {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  width: 156px;
}
.btn-logins {
  background-color: var(--color-blue-50);
  color: var(--color-white-900);
  border-radius: 4px;
  padding: 10px;
  border: 1px solid var(--color-blue-50);
}
.separate-sc .card {
  max-width: 397px !important;
  border-bottom-right-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
}
/* flickity */
.flickty-common .carousel-cell {
  margin-right: 10px;
  display: flex;
  gap: 10px;
}
.flickty-common .flickity-page-dots .dot.is-selected {
  opacity: 1;
  background-color: #2a9fe8;
  border: 0px;
  width: 12px !important;
}
.flickty-common .flickity-page-dots .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 8px;
  background: transparent;
  border-radius: 29px;
  border: 1px solid hsla(221, 6%, 70%, 1);
  opacity: 0.25;
  cursor: pointer;
}
.flickty-common.pbs-24 {
  margin-bottom: 24px;
}
.flickty-common .flickity-page-dots {
  bottom: -20px;
}