#button-addon2,
#button-addon2 img {
  margin: 0 !important;
}

#copyright_footer p,
.btn-custom-currency .dropdown-toggle,
.btn-custom-language .dropdown-toggle,
.btn-custom-ship-to .dropdown-menu li a {
  font-family: var(--font-family-Lato);
  letter-spacing: -0.01em;
}

#copyright_footer,
#descript_footer {
  background-color: var(--color-blue-300);
}

#main_footer,
#total_inv_cars_added {
  background-color: var(--color-blue-200);
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  /* .height-adjust {
    height: 452px !important;
  } */

  .height-sliders {
    height: 509.8px !important;
  }

  .main-slider-skeleton {
    width: 1116px !important;
    height: 373px !important;
  }

  .main-slider-skeleton2 {
    width: 1116px !important;
    height: 256.52px !important;
  }

  .cards-deals-loader {
    width: 239px !important;
    height: 164px !important;
  }

  .compare-loader .compareloader-item {
    height: 152px !important;
    width: 356px !important;
  }

  .review-loader .reviewloader-item {
    height: 254px !important;
    width: 355px !important;
  }

  .makes-loder {
    max-width: 960px !important;
  }

  .makes-loader-item {
    height: 163px !important;
    width: 163px !important;
  }

  .gallery-loader {
    height: 478px !important;
  }

  .hov-menu-form {
    width: 15.5rem !important;
  }

  .headr-flag-img {
    height: 16px !important;
    width: 20px !important;
  }

  .img-fav-head {
    width: 27px !important;
    height: 27px !important;
  }

  .reset-paswrod-btn,
  .reset-paswrod-input {
    height: 45px !important;
  }

  .head-sec-1 {
    gap: 44px !important;
  }

  #header_contain_divs {
    grid-template-columns: 1.5fr 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;
  }

  .fa-info-circle {
    margin-right: 3px !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;
  }

  .reset-paswrod-text {
    font-size: 20px !important;
  }

  .reset-paswrod-para {
    font-size: var(--font-size-14s) !important;
  }

  .reset-paswrod-label {
    font-size: 16px !important;
  }

  .reset-paswrod-input {
    font-size: var(--font-size-16) !important;
  }

  .reset-paswrod-input input::placeholder {
    font-size: var(--font-size-16) !important;
  }

  .mt-43s {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }

  .mb-32-reset {
    margin-bottom: 20px !important;
  }

  .flex-return-login {
    font-size: 14px !important;
  }

  .reset-paswrod-input img {
    height: 18px;
    width: 18px;
  }

  .gap-32s {
    gap: 34px !important;
  }

  .w-1282 {
    width: 1117px !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .cmn-head-ftr,
  .grid-descript-footer h3 {
    line-height: 26px;
  }

  .w-700 {
    max-width: 658px !important;
  }

  .slick-recent-cars .slick-prev {
    left: 12px !important;
    top: 114px !important;
  }

  .slick-recent-cars .slick-next {
    right: 17px !important;
    top: 114px !important;
  }

  /* .height-adjust {
    height: 392px !important;
  } */

  .height-sliders {
    height: 474.11px !important;
  }

  .main-slider-skeleton {
    width: 936px !important;
    height: 313px !important;
  }

  .main-slider-skeleton2 {
    width: 936px !important;
    height: 215.14px !important;
  }

  .cards-deals-loader {
    width: 194px !important;
    height: 133.13px !important;
  }

  .loader-grid-card .picture-loder {
    height: 141px !important;
  }

  .reset-paswrod-input img,
  .srch-loader {
    height: 16px !important;
    width: 16px !important;
  }

  .compare-loader .compareloader-item {
    height: 152px !important;
    width: 296px !important;
  }

  .review-loader .reviewloader-item {
    height: 201px !important;
    width: 298px !important;
  }

  .makes-loder,
  .popular_makesn {
    max-width: 886px !important;
  }

  .makes-loader-item {
    height: 124px !important;
    width: 142px !important;
  }

  .search-loader {
    height: 240px !important;
  }

  .gallery-loader {
    height: 410px !important;
  }

  .heading-styles-common {
    font-size: 18px !important;
    margin-bottom: 15px !important;
  }

  #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;
  }

  .secondary-banar-btn {
    font-size: 12px !important;
    bottom: 42px !important;
    left: 59px !important;
    max-width: 124px !important;
    max-height: 35px !important;
  }

  .hov-menu-form {
    width: 12.62rem !important;
  }

  .cmn-head-ftr {
    height: 40px;
    padding-inline: 10px;
    padding-block: 4px;
    font-size: var(--font-size-16) !important;
  }

  #copyright_footer p,
  .comn-fotr-head-sub,
  .comn-fotr-head-tri,
  .grid-descript-footer h3 {
    font-size: var(--font-size-14s) !important;
  }

  .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 h4 {
    font-size: var(--font-size-12s) !important;
    line-height: 24px;
  }

  #copyright_footer p {
    padding-block: 0.75rem;
    line-height: 24px;
  }

  .comn-fotr-head-sub {
    line-height: 24px;
  }

  .comn-fotr-head-tri {
    line-height: 23.54px;
    margin-bottom: 11px;
  }

  .w-180 {
    max-width: 144px;
  }

  .h-178 {
    max-height: 126px;
  }

  .popular_makes .slick-next {
    right: -16px !important;
  }

  .popular_makes .slick-prev {
    left: -45px !important;
  }

  .plc-search-stock::placeholder {
    font-size: 10px !important;
  }

  .headr-flag-img {
    height: 16px !important;
    width: 20px !important;
  }

  .head-sec-2 {
    gap: 19px !important;
  }

  .w-1282 {
    width: 936px !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,
  .top-seler-header {
    font-size: 18px !important;
  }

  .fsr-14,
  .prnt-btn {
    font-size: 14px !important;
  }

  .flex-return-login,
  .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;
  }

  .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;
  }

  .similar-cars-cmn .top-car-price {
    font-size: 21px !important;
  }

  .reset-paswrod-label,
  .reset-paswrod-text,
  .similar-cars-cmn .sale-car-name {
    font-size: 16px !important;
  }

  .similar-cars-cmn .sale-car-average {
    font-size: 11px !important;
  }

  .width-dynamic-car-recent .recent-car-img {
    height: 121px !important;
  }

  .reset-paswrod-text {
    line-height: 25px !important;
  }

  .reset-paswrod-para {
    font-size: var(--font-size-12s) !important;
  }

  .reset-paswrod-input {
    height: 45px !important;
    font-size: var(--font-size-12) !important;
  }

  .reset-paswrod-input input::placeholder {
    font-size: var(--font-size-12) !important;
  }

  .mt-43s {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .mb-32-reset {
    margin-bottom: 14px !important;
  }

  .reset-paswrod-btn {
    height: 35px !important;
  }

  .height-reset {
    width: 400px !important;
  }

  .gap-32s {
    gap: 24px !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1023px) {
  .cmn-head-ftr,
  .grid-descript-footer h3 {
    line-height: 26px;
  }

  .w-700 {
    max-width: 658px !important;
  }

  .fsr-18,
  .top-seler-header {
    font-size: 18px !important;
  }

  .slick-recent-cars .slick-prev {
    left: 12px !important;
    top: 114px !important;
  }

  .slick-recent-cars .slick-next {
    right: 17px !important;
    top: 114px !important;
  }

  /* .height-adjust {
    height: 392px !important;
  } */

  .height-sliders {
    height: 452.59px !important;
  }

  .main-slider-skeleton {
    width: 936px !important;
    height: 313px !important;
  }

  .main-slider-skeleton2 {
    width: 936px !important;
    height: 200.14px !important;
  }

  .cards-deals-loader {
    width: 194px !important;
    height: 133.13px !important;
  }

  .loader-grid-card .picture-loder {
    height: 141px !important;
  }

  .reset-paswrod-input img,
  .srch-loader {
    height: 16px !important;
    width: 16px !important;
  }

  .compare-loader .compareloader-item {
    height: 152px !important;
    width: 296px !important;
  }

  .review-loader .reviewloader-item {
    height: 210px !important;
    width: 298px !important;
  }

  .makes-loder {
    max-width: 809px !important;
  }

  .makes-loader-item {
    height: 124px !important;
    width: 142px !important;
  }

  .search-loader {
    height: 220px !important;
  }

  .gallery-loader {
    height: 410px !important;
  }

  .heading-styles-common {
    font-size: 16px !important;
    margin-bottom: 2px !important;
  }

  .cmn-head-ftr {
    height: 40px;
    padding-inline: 10px;
    padding-block: 4px;
    font-size: var(--font-size-16) !important;
  }

  #copyright_footer p,
  .comn-fotr-head-sub,
  .comn-fotr-head-tri,
  .grid-descript-footer h3 {
    font-size: var(--font-size-14s) !important;
  }

  .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 h4 {
    font-size: var(--font-size-12s) !important;
    line-height: 24px;
  }

  #copyright_footer p {
    padding-block: 0.75rem;
    line-height: 24px;
  }

  .comn-fotr-head-sub {
    line-height: 24px;
  }

  .comn-fotr-head-tri {
    line-height: 23.54px;
    margin-bottom: 11px;
  }

  .plc-search-stock::placeholder {
    font-size: 10px !important;
  }

  .headr-flag-img {
    height: 16px !important;
    width: 20px !important;
  }

  .head-sec-2 {
    gap: 19px !important;
  }

  .w-1282 {
    width: 950px !important;
  }

  .w-820 {
    width: 844px !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-14 {
    font-size: 14px !important;
  }

  .flex-return-login,
  .fsr-12,
  .prnt-btn {
    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;
  }

  .w-140h {
    width: 120px;
  }

  .w-105h {
    width: 90px;
  }

  .w-100h {
    width: 85px;
  }

  .w-70h {
    width: 60px;
  }

  .w-50h {
    width: 40px;
  }

  .similar-cars-cmn .top-car-price {
    font-size: 21px !important;
  }

  .reset-paswrod-label,
  .reset-paswrod-text,
  .similar-cars-cmn .sale-car-name {
    font-size: 16px !important;
  }

  .similar-cars-cmn .sale-car-average {
    font-size: 11px !important;
  }

  .width-dynamic-car-recent .recent-car-img {
    height: 127px !important;
  }

  .reset-paswrod-text {
    line-height: 25px !important;
  }

  .reset-paswrod-para {
    font-size: var(--font-size-12s) !important;
  }

  .reset-paswrod-input {
    height: 45px !important;
    font-size: var(--font-size-12) !important;
  }

  .reset-paswrod-input input::placeholder {
    font-size: var(--font-size-12) !important;
  }

  .mt-43s {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .mb-32-reset {
    margin-bottom: 14px !important;
  }

  .reset-paswrod-btn {
    height: 35px !important;
  }

  .height-reset {
    width: 400px !important;
  }

  .gap-32s {
    gap: 21px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .w-700 {
    max-width: 442px !important;
  }

  .top-seler-header {
    font-size: 17px !important;
  }

  .slick-recent-cars .slick-prev {
    left: 12px !important;
    top: 78px !important;
  }

  .slick-recent-cars .slick-next {
    right: 17px !important;
    top: 78px !important;
  }

  .slick-recent-cars .slick-arrow {
    height: 35px !important;
    width: 35px !important;
  }

  img.mt-32-fotr {
    width: 135px !important;
    height: 46px !important;
  }

  /* .height-adjust {
    height: 295px !important;
  } */

  .height-sliders {
    height: 404.52px !important;
  }

  .main-slider-skeleton {
    width: 696px !important;
    height: 233px !important;
  }

  .main-slider-skeleton2 {
    width: 696px !important;
    height: 180.14px !important;
  }

  .cards-deals-loader {
    width: 136px !important;
    height: 93px !important;
  }

  .loader-grid-card .picture-loder {
    height: 100px !important;
  }

  .reset-paswrod-input img,
  .srch-loader {
    height: 16px !important;
    width: 16px !important;
  }

  .compare-loader .compareloader-item {
    height: 152px !important;
    width: 225px !important;
  }

  .review-loader .reviewloader-item {
    height: 210px !important;
    width: 200px !important;
  }

  .makes-loder {
    max-width: 640px !important;
  }

  .makes-loader-item {
    height: 94px !important;
    width: 108px !important;
  }

  .search-loader {
    height: 200px !important;
  }

  .gallery-loader {
    height: 320px !important;
  }

  .heading-styles-common {
    font-size: 12px !important;
    margin-bottom: 2px !important;
  }

  .cmn-head-ftr,
  .cmn-head-ftr2 {
    font-size: var(--font-size-12) !important;
  }

  .img-search-adv-ico {
    height: 11px !important;
    width: 12px !important;
  }

  .cmn-head-ftr {
    height: 40px;
    padding-inline: 10px;
    padding-block: 4px;
    line-height: 26px;
  }

  #copyright_footer p,
  .comn-fotr-head-sub,
  .comn-fotr-head-tri,
  .grid-descript-footer h3 {
    font-size: var(--font-size-12s) !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 {
    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;
    line-height: 24px;
  }

  .comn-fotr-head-sub {
    line-height: 24px;
  }

  .comn-fotr-head-tri {
    line-height: 23.54px;
    margin-bottom: 11px;
  }

  .sub-ftr-img {
    max-width: 25px;
  }

  #header_contain_divs {
    gap: 10px !important;
    grid-template-columns: 1.4fr 1fr !important;
  }

  .btn-custom-currency .fa-chevron-down,
  .btn-custom-language .fa-chevron-down {
    margin-left: 1px !important;
  }

  .head-sec-1 {
    gap: 20px !important;
  }

  .header-search-des,
  .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;
  }

  .w-1282 {
    width: 700px !important;
  }

  .w-820 {
    width: 635px !important;
  }

  .grid_5s {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 10px;
    row-gap: 0;
  }

  .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,
  .similar-cars-cmn .top-car-price {
    font-size: 18px !important;
  }

  .fsr768-16,
  .reset-paswrod-label {
    font-size: 16px !important;
  }

  .fsr768-14,
  .heart-icon,
  .similar-cars-cmn .sale-car-name {
    font-size: 14px !important;
  }

  .flex-return-login,
  .fsr768-12,
  .prnt-btn {
    font-size: 12px !important;
  }

  .fsr768-10 {
    font-size: 10px !important;
  }

  .fsr768-9 {
    font-size: 9px !important;
  }

  .fa-chevron-down,
  .fsr768-8,
  .similar-cars-cmn .sale-car-average {
    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;
  }

  .p768-3 {
    padding-inline: 3px !important;
  }

  .headr-flag-img {
    height: 14px !important;
    width: 16px !important;
  }

  .head-sec-2 {
    gap: 19px !important;
  }

  .w-140h {
    width: 110px;
  }

  .w-100h,
  .w-105h {
    width: 80px;
  }

  .w-70h {
    width: 50px;
  }

  .w-50h {
    width: 30px;
  }

  .width-dynamic-car-recent .recent-car-img {
    height: 91px !important;
  }

  .sale-card-comp {
    padding: 9px !important;
  }

  .reset-paswrod-text {
    font-size: 16px !important;
    line-height: 25px !important;
  }

  .reset-paswrod-para {
    font-size: var(--font-size-12s) !important;
  }

  .reset-paswrod-input {
    height: 45px !important;
    font-size: var(--font-size-12) !important;
  }

  .reset-paswrod-input input::placeholder {
    font-size: var(--font-size-12) !important;
  }

  .mt-43s {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .mb-32-reset {
    margin-bottom: 14px !important;
  }

  .reset-paswrod-btn {
    height: 35px !important;
  }

  .height-reset {
    width: 400px !important;
  }

  .gap-32s {
    gap: 16px !important;
  }
}

.btn-custom-currency .dropdown-toggle,
.btn-custom-currency li a,
.btn-custom-language .dropdown-toggle,
.btn-custom-language li a,
.list-fotr-links li a {
  font-size: var(--font-size-14);
  line-height: 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .reset-paswrod-text {
    font-size: 16px !important;
    line-height: 25px !important;
  }

  .reset-paswrod-para {
    font-size: var(--font-size-12s) !important;
  }

  .reset-paswrod-label {
    font-size: 16px !important;
  }

  .reset-paswrod-input {
    height: 45px !important;
    font-size: var(--font-size-12) !important;
  }

  .reset-paswrod-input input::placeholder {
    font-size: var(--font-size-12) !important;
  }

  .mt-43s {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .mb-32-reset {
    margin-bottom: 14px !important;
  }

  .reset-paswrod-btn {
    height: 35px !important;
  }

  .flex-return-login {
    font-size: 12px !important;
  }

  .reset-paswrod-input img {
    height: 16px !important;
    width: 16px !important;
  }

  .height-reset {
    width: 320px !important;
  }
}

.hov-menu-form {
  max-height: 300px;
  overflow-y: auto;
}

.prnt-btn {
  color: var(--color-black-80);
  text-decoration: none;
  justify-content: end;
  align-items: center;
  font-family: Lato;
  margin-right: 16px;
  font-weight: 700;
  font-size: 16px;
  display: flex;
}

.auto-grid,
.compare-loader,
.review-loader {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.w-700 {
  max-width: 777px;
  width: 1000px;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #cac8d4;
  padding-right: 8px;
}

/* .height-adjust {
  height: 503px;
} */

.height-sliders {
  height: 540.67px;
}

#button-addon2 {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-reconmended,
.view-top-seling {
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-fav-head {
  max-height: 24px;
  max-width: 24px;
}

.model-logregis-setup {
  max-width: 370px !important;
}

.model-logregis-setup .modal-body {
  padding: 20px;
}

.mb-177 {
  margin-bottom: 177px;
}

.model-logregis-setup .mt-26-modl {
  margin-top: 26px;
}

.my-12-modl {
  margin: 12px 0;
}

#header_contain_divs {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  column-gap: 10px;
}

#total_inv_cars_added ul {
  display: inline-block;
  padding: 0;
  margin: 0;
  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: 20px;
  justify-content: space-between;
}

.headr-flag-img {
  height: 16px;
  width: 24px;
  object-fit: contain;
}

.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;
}

.btn-custom-ship-to a {
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  color: #5d6370;
  padding-inline: 0px;
  font-size: 1rem;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  align-items: center;
}

.comn-fotr-head-main,
.grid-descript-footer h3 {
  line-height: 26px;
  letter-spacing: -0.012em;
  font-weight: 600;
}

.chev-icon::after,
.fnd-car span {
  display: inline-block;
}

.chev-icon::after {
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.btn-custom-currency .dropdown-menu,
.btn-custom-ship-to .dropdown-menu,
.btn-custom-language .dropdown-menu {
  padding: 12px;
}

.btn-custom-currency .dropdown-menu .hov-item-dd,
.btn-custom-language .hov-item-dd,
.btn-custom-ship-to .dropdown-menu .hov-item-dd {
  padding: 0;
}

.btn-custom-ship-to .dropdown-menu li a {
  font-size: var(--font-size-14);
  font-weight: 600;
  line-height: 18.64px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.btn-custom-currency .dropdown-menu {
  border-radius: 4px;
  box-shadow: 0px 12px 36px 0px rgba(47, 43, 67, 0.2) !important;
  border: none;
  max-height: 300px;
  overflow-y: auto;
  width: max-content;
}

.coutryname {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn-custom-currency .dropdown-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 600;
  color: white;
  font-size: 1rem;
}

.selected-item {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2384c1;
  color: #ffffff;
  font-size: 9px;
  visibility: hidden;
}

.btn-custom-currency li a {
  font-weight: 500;
  padding: 0px;
  padding: 6px 10px;
  color: #5d6370;
  border-bottom: 1px solid #ced0d4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdown-item.show-active {
  color: #2384c1;
}

.dropdown-item.show-active .selected-item {
  visibility: visible;
}

.search-filter-field-desk input {
  width: 100%;
}

.btn-custom-currency .fa-chevron-down,
.btn-custom-language .fa-chevron-down {
  margin-left: 8px;
}

.btn-custom-language .dropdown-menu {
  border-radius: 4px;
  box-shadow: 0px 12px 36px 0px rgba(47, 43, 67, 0.2) !important;
  border: none;
  max-height: 300px;
  overflow-y: auto;
}

.btn-custom-language .dropdown-toggle {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: white;
  font-size: 1rem;
}

.btn-custom-language li a {
  font-weight: 500;
  padding: 0px;
  padding: 6px 10px;
  color: #5d6370;
  border-bottom: 1px solid #ced0d4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title-ship-to {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

/* ship_to_country_selection */
#ship_to_country_selection .modal-dialog {
  max-width: 720px;
}

#ship_to_country_selection .modal-dialog-scrollable {
  height: calc(600px - var(--bs-modal-margin) * 2);
}

.country-listings {
  max-height: 364px;
  overflow-y: auto;
}

.save-btn-div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 16px;
  position: absolute;
  bottom: 0px;
  width: calc(100% - 32px);
  background-color: white;
}

.save-country-btn[disabled] {
  background-color: grey;
}

.save-country-btn {
  background-color: #2384c1;
  color: #ffffff;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding-block: 7.5px;
  max-width: 248px;
  width: 100%;
  border: 1px solid #2384c1;
  cursor: pointer;
}

.title-ship-to span:last-of-type {
  padding: 0px;
  background: transparent var(--bs-btn-close-bg) center / 0.8em auto no-repeat;
  opacity: 1;
}

.title-ship-to .title {
  font-family: Lato;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: #0c1529;
  margin-bottom: 0px;
}

.search_items_input {
  border: 1px solid #aeb1b8;
  padding: 8px 10px;
  background-color: #f6f6f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3.21px;
  margin-bottom: 14px;
}

.search_items_input input {
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #2f2b43b2;
  width: 100%;
  border: 0;
  background-color: transparent;
}

.search_items_input input:focus-visible {
  outline: 0;
}

.country-listings {
  /* margin-bottom: 73px; */
}

.country-listings label {
  width: 100%;
  cursor: pointer;
  user-select: none;
  margin-bottom: 10px;
}

.country-listings .flag-item span {
  font-family: Lato;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #5d6370;
}

.country-listings .flag-item {
  background-color: #f6f6f8;
  padding: 7.4px 4.2px;
  border: 1px solid #cac8d4;
  width: 100%;
  border-radius: 2.84px;
  display: flex;
  align-items: center;
  gap: 4.18px;
}

label:has(input[type="radio"]:checked) .flag-item {
  border-color: #2384c1;
  background-color: #e7f6ff;
}

#copyright_footer p,
#mail_to_fotr button,
.grid-descript-footer,
.grid-main-fotr,
.list-fotr-links li a {
  color: var(--color-white-900);
}

.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;
}

#copyright_footer {
  border-top: 1px solid #aeb1b88a;
}

#copyright_footer p {
  padding-block: 0.75rem;
  font-size: var(--font-size-16s);
  font-weight: 700;
  line-height: 24px;
}

#mail_to_fotr button,
#mail_to_fotr input {
  max-height: 2.375rem;
  font-size: var(--font-size-12);
  font-weight: 400;
  line-height: 22.92px;
}

#descript_footer {
  padding-block: 40px;
}

.grid-descript-footer {
  display: grid;
  grid-template-columns: 25% 20% 29% 19%;
  column-gap: 29.67px;
  max-width: 79.125rem;
  width: 100%;
}

#where_we_operate_idc,
.grid-main-fotr,
.loader-grid-card {
  grid-template-columns: repeat(4, 1fr);
}

.grid-descript-footer h3 {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18s);
}

#mail_to_fotr button,
#mail_to_fotr input,
.grid-descript-footer h4 {
  letter-spacing: -0.01em;
  font-family: var(--font-family-Lato);
}

.grid-descript-footer h4 {
  font-size: var(--font-size-16s);
  color: var(--color-black-20);
  font-weight: 500;
  line-height: 24px;
}

#main_footer a[href^="tel:"],
.slick-recent-cars .slick-next:hover::before,
.slick-recent-cars .slick-prev:hover::before {
  color: #fff !important;
}

#main_footer {
  padding-block: 50px;
  border-bottom: 1px solid #004d76;
}

.grid-main-fotr {
  display: grid;
  column-gap: 51px;
  max-width: 1266px;
  width: 100%;
}

.grid-main-fotr-item,
.overflow-hiden {
  overflow: hidden;
}

#mail_to_fotr input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

#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 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--color-blue-50);
}

.mt-32-fotr {
  margin-bottom: 32px;
}

.comn-fotr-head-main {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18);
  margin-bottom: 12px;
}

.comn-fotr-head-sub,
.comn-fotr-head-tri {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16s);
}

.list-fotr-links,
.social-address {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.social-address li {
  padding-block: 12px;
  gap: 14px;
}

.comn-fotr-head-sub {
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
}

.comn-fotr-head-tri {
  font-weight: 700;
  line-height: 23.54px;
  letter-spacing: -0.014em;
  margin-bottom: 11px;
}

.cmn-head-ftr,
.cmn-head-ftr2 {
  padding-inline: 10px;
  padding-block: 4px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  display: flex;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-18);
}

.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 {
  font-family: var(--font-family-Lato);
  font-weight: 500;
  letter-spacing: -0.01em;
}

.cmn-head-ftr {
  height: 40px;
  margin-bottom: 0;
  justify-content: flex-start;
  align-items: center;
}

.cmn-head-ftr2 {
  height: 43px;
  margin-bottom: 1px;
  justify-content: flex-start;
  align-items: center;
}

.slider_form .slick-slide {
  margin-right: 0 !important;
}

#where_we_operate_idc {
  display: grid;
  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;
}

.height-reset {
  max-width: 504px;
  width: 483px;
}

.flex-return-login {
  text-decoration: none;
  color: #08202e;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
}

.reset-paswrod-text {
  font-family: var(--font-family-Lato);
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -0.018em;
  color: #0c1529;
  margin-bottom: 2px;
}

.reset-paswrod-para {
  font-size: var(--font-size-16s);
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: var(--color-black-30);
  margin-bottom: 0;
}

.reset-paswrod-anchr,
.reset-paswrod-btn,
.reset-paswrod-label {
  line-height: 28px;
  letter-spacing: -0.014em;
}

.reset-paswrod-label {
  font-size: 16px;
  font-weight: 500;
  color: #0c1529;
  margin-bottom: 5px;
}

.reset-paswrod-btn,
.reset-paswrod-input {
  height: 50px;
  font-size: var(--font-size-16);
  display: flex;
}

#reset-password-link {
  padding: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reset-paswrod-input {
  background-color: var(--color-white-50);
  max-width: 100%;
  border-radius: 6px;
  padding: 20px 23px;
  align-items: center;
  gap: 5px;
}

.reset-paswrod-input input,
.reset-paswrod-input-s input {
  background-color: var(--color-white-50);
  border-radius: 0;
  border: 0;
  width: 100%;
}

.reset-paswrod-input input:focus,
.reset-paswrod-input input:focus-visible {
  border: 0;
  outline: 0;
}

.reset-paswrod-input input::placeholder {
  font-size: var(--font-size-16);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: var(--color-black-30);
}

.mt-43s {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mb-32-reset {
  margin-bottom: 14px;
}

.mb-21s {
  margin-bottom: 21px !important;
}

.mt-19w {
  margin-top: 19px;
}

.my-42s {
  margin-bottom: 40px;
  margin-top: 20px;
}

.reset-paswrod-btn {
  max-width: 353px;
  border-radius: 6px;
  padding: 1.1875em;
  font-weight: 600;
  text-align: center;
  color: var(--color-white-900);
  background-color: var(--color-blue-50);
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
}

.sale-car-average,
.sale-car-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}

.reset-paswrod-input img,
.srch-loader {
  height: 20px;
  width: 20px;
}

.reset-paswrod-anchr {
  font-size: var(--font-size-20s);
  font-weight: 600;
  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") center
    no-repeat;
}

.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:focus,
.reset-paswrod-input-s input:focus-visible {
  border: 0;
  outline: 0;
}

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

.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: 0;
  border: none;
  background: 0 0;
  font-size: 12px;
  font-weight: 500;
  padding: 0.5em;
  color: inherit;
  flex: auto 1 1;
  width: 100%;
  border-radius: 0;
}

.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;
}

.sale-car-name,
.slick-recent-cars .car-price-card,
.slick-recent-cars .car-title-card,
.top-car-price {
  font-family: var(--font-family-Lato);
  font-weight: 700;
}

.plc-style-modal:focus {
  box-shadow: unset !important;
}

.dashborad_bell_icons,
.sub-dropdown-item {
  fill: var(--color-black-50);
}

.dashborad_icons {
  fill: #7a7493;
}

.make_icon {
  fill: var(--color-black-80);
}

.dropdown_content_header {
  width: max-content;
  position: absolute;
  padding-top: 18px;
  /* opacity: 0;
  visibility: hidden; */
  /* left: 0;
  z-index: 6;
  transition: 0.4s; */
  transform-origin: top center;
  transform: scaleY(0);
  opacity: 0;
  pointer-events: none;
  transition:
    transform 400ms ease-in-out,
    opacity 400ms ease-in-out;
  z-index: 2;
}

.dropdown_content_header .card {
  box-shadow: 0 4px 10px #2f2b4333;
  border-radius: 14px;
}

.lists-space-sub-head a.list-group-item {
  padding: 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 0 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;
}

.similar-cars-cmn .similar-car-items {
  border: 1px solid #cac8d4bd;
}

.similar-cars-cmn .slick-slide {
  margin-right: 10px;
}

.top-car-price {
  font-size: var(--font-size-24);
  color: #0c1529;
  margin-bottom: 10px;
  margin-top: 13px;
}

.sale-car-name {
  font-size: 20px;
  color: #353c4d;
  margin-bottom: 2px;
}

.sale-car-average {
  font-family: var(--font-family-Lato);
  font-size: 16px;
  font-weight: 400;
  color: #353c4d;
}

.loader-item,
.sale-card-comp {
  padding: 10px;
}

.slick-recent-cars .slick-next::before,
.slick-recent-cars .slick-prev::before {
  display: block;
  font-size: 16px !important;
}

.slick-recent-cars .slick-prev {
  left: 18px;
  z-index: 1;
  top: 155px;
}

.slick-recent-cars .slick-next {
  right: 28px;
  top: 155px;
}

.slick-recent-cars .slick-arrow {
  background-color: rgba(255, 255, 255, 0.663) !important;
  display: block !important;
}

.login-btn-m,
.login-btn-m:hover {
  background-color: var(--color-blue-50);
}

.slick-recent-cars .width-dynamic-car-recent {
  cursor: pointer;
  max-width: 245px;
}

.slick-recent-cars .width-dynamic-car-recent:hover {
  background-color: #f6f6f8e5;
}

.slick-recent-cars .car-price-card {
  font-size: var(--font-size-18);
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--color-black-80);
}

.slick-recent-cars .car-title-card {
  font-size: var(--font-size-16s);
  line-height: 22px;
  letter-spacing: -0.01em;
  color: var(--color-black-50);
}

.slick-recent-cars .car-date-card,
.slick-recent-cars .car-specs-card {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  letter-spacing: -0.01em;
  color: var(--color-black-50);
  line-height: 22px;
}

.slick-recent-cars .car-date-card {
  font-weight: 500;
}

.slick-recent-cars .car-specs-card {
  font-weight: 400;
}

.slick-recent-cars .car-heart-icon {
  font-size: var(--font-size-16s);
  color: #ced0d4;
}

.slick-recent-cars .slick-next:hover,
.slick-recent-cars .slick-prev:hover {
  background-color: var(--color-blue-50) !important;
  color: #fff !important;
}

#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;
}

.main-slider-skeleton {
  width: 1296px;
  height: 434px;
}

.main-slider-skeleton2 {
  width: 1296px;
  height: 297px;
}

.loader-grid-card {
  display: grid;
  gap: 20px;
}

.loader-grid-card .picture-loder {
  width: 100%;
  height: 194px;
  margin-bottom: 15px;
}

.loader-grid-card .body-loder .one {
  height: 20px;
  margin-bottom: 15px;
}

.loader-grid-card .body-loder .three,
.loader-grid-card .body-loder .two {
  height: 15px;
  margin-bottom: 15px;
}

.cards-deals-loader {
  width: 284px;
  height: 194.84px;
}

.title-loader {
  height: 28px;
  max-width: 300px;
}

.compare-loader .compareloader-item {
  height: 182px;
  width: 403px;
  border: 1px solid var(--color-black-20s);
  border-radius: 10px;
}

.review-loader .reviewloader-item {
  height: 254px;
  width: 408px;
  border: 1px solid var(--color-black-20s);
  border-radius: 10px;
}

.makes-loder {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  max-width: 1028px;
  margin-bottom: 30px;
}

.makes-loader-item {
  height: 176px;
  width: 178px;
  border: 1px solid #dcdae2;
  gap: 20px;
  border-radius: 24px;
}

.search-loader {
  height: 256px;
  width: 100%;
  margin-bottom: 32px;
}

.gallery-loader {
  height: 545px;
  width: 100%;
}

.login-btn-g,
.login-btn-m {
  font-size: var(--font-size-14);
  font-weight: 700;
  width: 100%;
  height: 39px;
  font-family: var(--font-family-Lato);
}

.login-btn-m {
  color: var(--color-white-900);
  border-radius: 4px;
  border: 1px solid var(--color-blue-50);
}

.login-btn-m:hover {
  border: 1px solid var(--color-blue-50);
  color: var(--color-white-900);
}

.login-btn-m:active {
  border: 1px solid var(--color-blue-50) !important;
  background-color: var(--color-blue-50) !important;
  color: var(--color-white-900) !important;
}

.login-btn-m:focus-visible {
  border: 1px solid var(--color-blue-50);
  background-color: var(--color-blue-50);
  color: var(--color-white-900);
}

.login-btn-g {
  color: var(--color-blue-60);
  border-radius: 4px;
  background-color: var(--color-white-900);
  border: 1px solid var(--color-blue-60);
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-btn-g:hover {
  border: 1px solid var(--color-blue-60);
  color: var(--color-blue-60);
}

.login-btn-g:active {
  border: 1px solid var(--color-blue-60) !important;
  color: var(--color-blue-50) !important;
}

.login-btn-g:focus-visible {
  border: 1px solid var(--color-blue-60);
  background-color: var(--color-blue-60);
  color: var(--color-white-900);
}

.mb-186 {
  margin-bottom: 186px;
}

.mb-245 {
  margin-bottom: 245px;
}

.mb-218 {
  margin-bottom: 218px;
}

.mb-237 {
  margin-bottom: 237px;
}

.loc-fonts {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #aeb1b8;
}

.discount-cars .off,
.earn-points {
  font-size: 12px;
  letter-spacing: -0.01em;
}

.earn-title-model,
.feedback-btn,
.scan-image-text,
.scan-image-text p {
  text-align: center;
}

.gap-32s {
  gap: 35px;
}

.cnm-cls {
  cursor: pointer;
  font-family: var(--font-family-Lato);
  font-weight: 600;
  color: #141817;
  margin-bottom: 0;
}

.fnd-car {
  display: flex;
  align-items: center;
}

.w-170 {
  width: 170px;
}

.w-204 {
  width: 204px;
}

.earn-points {
  background-color: #f1892b;
  color: #fff;
  font-family: Lato;
  font-weight: 700;
}

.toaster-alerts {
  border: 1px solid var(--color-blue-50);
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  width: max-content;
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 10000;
  max-width: 700px;
  transition: 0.5s;
}

.toaster-alerts .flex {
  display: flex;
  align-items: center;
  gap: 10px;
}

.toaster-alerts .flex p {
  margin-bottom: 0;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #353c4d;
}

.toaster-alerts.error {
  border: 1px solid #f04438;
  background-color: #ffefee;
}

.toaster-alerts.success {
  border: 1px solid #17b26a;
  background-color: #effff8;
}

.search-title-heading {
  font-size: 18px;
  font-weight: 600;
  color: #08202e;
  letter-spacing: -0.018em;
}

.discount-cars {
  display: flex;
  flex-direction: column;
  margin-top: -5px;
}

.discount-cars .off {
  font-family: Lato;
  font-weight: 600;
  line-height: normal;
  color: #2384c1;
}

.discount-cars .value {
  font-family: Lato;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-decoration: line-through;
  letter-spacing: -0.01em;
  color: #5d6370;
}

.discount-car .off,
.discount-car .value {
  font-family: Lato;
  font-weight: 700;
  letter-spacing: -0.01em;
  font-size: 14px;
}

.dicount-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 10px;
}

.discount-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.discount-car {
  display: flex;
  margin-top: 5px;
  justify-content: center;
  align-items: center;
}

.discount-car .off {
  line-height: 20px;
  margin-right: 10px;
  font-family: Lato;
  color: #2f9461;
  border-radius: 2px;
  background: #e7ffe4;
  padding-inline: 6px;
}

.discount-car .value {
  line-height: 20px;
  text-align: left;
  color: #858a94;
  text-decoration: line-through;
}

.title-similar {
  font-family: Sofia Pro;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.016em;
  color: #020408;
  margin-bottom: 24px;
}

.feedback-btn {
  background-color: #fff;
  border: 1px solid #fffdf6;
  padding: 10px 20px;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #0d1017;
  border-radius: 6px;
}

.download-app {
  display: flex;
  gap: 17px;
  flex-wrap: wrap;
}

.download-app img {
  height: 36.66px;
}

.download-app img:first-of-type {
  max-width: 109px;
}

.download-app img:last-of-type {
  max-width: 123px;
}

.cart-items {
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.cart-count {
  position: absolute;
  top: -10px;
  right: 0;
  height: 18px;
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: Lato;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  letter-spacing: -0.01em;
  padding: 3.5px 4.5px;
  color: #fff;
  background-color: #6ad09d;
}

#currency_change .curr-action-btn button,
.earn-title-btn {
  border-radius: 4px;
  width: 100%;
  height: 38px;
  font-family: Lato;
}

#currency_change .curr-action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

#currency_change .curr-action-btn button {
  border: 1px solid;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}

#currency_change .curr-action-btn button:first-of-type {
  max-width: 100px;
  color: #353c4d;
  border-color: #353c4d;
  background-color: #fff;
}

#currency_change .curr-action-btn button:last-of-type {
  max-width: 120px;
  color: #fff;
  border-color: #0368a0;
  background-color: #0368a0;
}

#currency_change .curr-text {
  font-family: Lato;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.014em;
  color: #141817;
  margin-bottom: 28px;
  text-align: center;
}

#currency_change .modal-dialog {
  max-width: 434px;
}

#currency_change .modal-body {
  padding: 25px 16px;
}

.header-shadow {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.earn-title-model {
  font-family: Lato;
  color: #0c1529;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.216px;
}

.earn-title-btn {
  background: #2a9fe8;
  max-width: 228px;
  border: 1px solid #2a9fe8;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18.701px;
  letter-spacing: -0.131px;
  padding-block: 10px;
}

#earn_points_login p,
.signin-earn {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-style: normal;
}

#earn_points_login p {
  color: #0c1529;
  font-family: Lato, sans-serif;
  margin-bottom: 0;
}

#earn_points_login {
  background: #e9f7ff;
  padding-block: 10px;
}

#earn_points_login .get-points-bannar {
  display: flex;
  justify-content: center;
}

#earn_points_login .modal-close-earn {
  position: absolute;
  top: 0;
  cursor: pointer;
  right: 0;
}

.signin-earn {
  position: absolute;
  top: -19%;
  right: 20%;
  color: #fff;
  font-family: Lato;
  border-radius: 4px;
  background: #2384c1;
  border: 1px solid #2384c1;
  height: 32px;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animated-button {
  animation: 1.8s linear infinite grow;
}

.animated-button:hover {
  -webkit-animation: none;
}

.app-bannar-re {
  padding-block: 24px;
}

.app-bannar-recard {
  padding: 8px 64px 0;
  border-radius: 20px;
  background: #f7fbfb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 87px;
}

.text-bannar-app {
  max-width: 348px;
}

.img-container-app {
  display: flex;
  align-items: center;
  gap: 16px;
}

.text-bannar-app h2 {
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.54px;
  margin-bottom: 12px;
}

.scan-image-text p,
.text-bannar-app p {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.text-bannar-app p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.16px;
  margin-bottom: 42px;
}

.scan-image-text p {
  color: #0c1529;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.14px;
  margin-bottom: 0;
  margin-top: 10px;
}

@keyframes grow {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.bg-bannar-app {
  position: relative;
  border-radius: 6px;
  background: linear-gradient(180deg, #185982 0%, #2a9fe8 185.15%);
  overflow-y: hidden;
  display: flex;
}

.button-promo-app {
  display: flex;
  gap: 16px;
}

.bannar-text-pro-sec {
  max-width: 340px;
}

.bannar-text-pro-sec .bannar-text {
  color: #fff;
  font-family: "Lato";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.54px;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.bannar-text-pro-sec .bannar-para {
  color: #fff;
  font-family: "Lato";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.28px;
  margin-bottom: 20px;
}

.items-specs-app {
  padding-block: 31px;
  padding-right: 43px;
  margin-left: auto;
}

/* html bannar */
.html-card-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.scan-qr-code {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-block: 26px 20px;
}

.scan-qr-code img {
  object-fit: contain;
}

.scan-qr-code span {
  color: #fff;
  font-family: "Lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.28px;
  margin-top: 4px;
  text-shadow: 0px 0px 4px rgb(0 0 0 / 76%);
}

.paragraph-slider {
  font-family: Lato;
  font-size: 45px;
  font-weight: 700;
  line-height: 54px;
  color: #ffffff;
  text-shadow: 0px 0px 7.3px rgba(0, 0, 0, 0.5);
  max-width: 517px;
}

.absolute-text {
  position: absolute;
  top: 0px;
  bottom: 0px;
  padding: 46px 184px 40px 338px;
  display: flex;
  width: 100%;
}

.main-paraslider {
  flex-grow: 1;
}

.title-sign50 {
  font-family: Lato;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.018em;
  color: #000000;
  margin-bottom: 10px;
  margin-top: 50px;
  text-align: center;
}

.para-sign50 {
  font-family: Lato;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.014em;
  color: #000000;
  margin-bottom: 24px;
  text-align: center;
}

/* new profile dropdown */
.profile-dropdown {
  border-radius: 0px;
  width: 230px;
  padding: 32px 19px;
}

.profile-dropdown .dropdown-item {
  padding: 0px;
}

.profile-dropdown .dropdown-item.prof-name {
  font-family: Lato;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: #353c4d;
  margin-bottom: 12px;
}

.profile-dropdown .dropdown-item.title-prof:hover {
  color: var(--color-blue-60);
}

.profile-dropdown .dropdown-item.sign-out-btn {
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-dropdown .dropdown-item.sign-out-btn button {
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #5d6370;
  padding-block: 6px;
  border: 1px solid #01334e;
  border-radius: 4px;
  width: 100%;
  opacity: 0.9;
}

.profile-dropdown .dropdown-item.sign-out-btn button:hover {
  opacity: 1;
}

.profile-dropdown .dropdown-item.title-prof {
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #5d6370;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block: 6px;
}

/* budget car */
.budget-car {
  min-height: 213px;
  width: 100%;
}

/*  */
.auctioned-tag-search {
  background-color: #f0eaff !important;
  color: #6a45be !important;
}

.auctioned-tag {
  background-color: #a576f1 !important;
  color: #ffffff !important;
}

.welfare-tag-search {
  background-color: #f7e798 !important;
  color: #9d8b37 !important;
  /* border: 1px solid #34a9c3 !important; */
}

/* form main */
.form-search-main {
  display: flex;
  flex-grow: 1;
  border: 1px solid #dfdfdf;
  border-radius: 12px;
  position: relative;
  box-shadow:
    0px -4px 4px 0px rgba(0, 0, 0, 0.02) inset,
    0px 4px 4px 0px rgba(0, 0, 0, 0.02) inset;
  max-width: 465px;
  margin-left: auto;
  margin-right: auto;
}

.form-search-main .select-search {
  /* min-width: 112px; */
  display: flex;
  align-items: center;
}

.form-search-main #selection_type button {
  font-family: Lato;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #353c4d;
  border: 0px;
  border-right: 1px solid #dfdfdf;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  padding: 12px 16px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: white;
  min-width: 112px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.form-search-main #selection_type .dropdown-menu {
  font-family: Lato;
  font-size: 14px;
  line-height: 20px;
  color: #353c4d;
  cursor: pointer;
  min-width: 0;
  width: 100%;
}

.form-search-main #selection_type .dropdown-menu .dropdown-item {
  font-weight: 600;
}

.form-search-main #selection_type .dropdown-menu .dropdown-item:hover {
  background-color: #f7f8fb;
  color: #000000;
}

.form-search-main .car_search_input:focus-visible {
  outline: none;
}

.form-search-main .car_search_input::placeholder {
  color: #2f2b434d;
}

.form-search-main:focus-within {
  border-color: #2a9fe8;
}

.form-search-main .car_search_input {
  width: 100%;
  border: 0px;
  font-family: Lato;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 12px;
  color: #000;
}

.form-search-main .btn_search_car {
  border: 1px solid #0c1529;
  background-color: #0c1529;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-self: center;
  padding: 12px 16px;
}
.inventory-bar {
  background-color: #014e78;
  padding-block: 6px;
  color: white;
  font-family: Lato;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.inventory-bar-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.currency-language-flex {
  display: flex;
  align-items: center;
}
.inventory-text {
  display: flex;
  align-items: center;
  gap: 40px;
  font-weight: 500;
}
#home_slider_sat .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Crect%20x%3D%22-1.15%22%20y%3D%221.15%22%20width%3D%2237.7%22%20height%3D%2237.7%22%20rx%3D%2218.85%22%20transform%3D%22matrix(-1%200%200%201%2037.7%200)%22%20stroke%3D%22white%22%20stroke-width%3D%222.3%22%2F%3E%3Cpath%20d%3D%22M16.75%2020.0012L25%2011.7512L22.6433%209.39453L12.0367%2020.0012L22.6433%2030.6079L25%2028.2512L16.75%2020.0012Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  transform: rotate(180deg);
}
#home_slider_sat .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Crect%20x%3D%22-1.15%22%20y%3D%221.15%22%20width%3D%2237.7%22%20height%3D%2237.7%22%20rx%3D%2218.85%22%20transform%3D%22matrix(-1%200%200%201%2037.7%200)%22%20stroke%3D%22white%22%20stroke-width%3D%222.3%22%2F%3E%3Cpath%20d%3D%22M16.75%2020.0012L25%2011.7512L22.6433%209.39453L12.0367%2020.0012L22.6433%2030.6079L25%2028.2512L16.75%2020.0012Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
#home_slider_sat .carousel-control-next-icon,
#home_slider_sat .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
}
#home_slider_sat .carousel-control-next,
.carousel-control-prev {
  width: 8%;
  opacity: 1;
}
.cr-1 {
  position: relative;
}
.cr-1 .text-cr-1 {
  position: absolute;
  top: 50%;
  left: 32%;
  transform: translate(-50%, -50%);
  background: #00000099;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Lato;
  font-weight: 700;
  font-size: 30px;
  line-height: 49.85px;
  color: #ffffff;
}
.cr-1 .text-cr-1 .search {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 4.99px;
  padding: 10px 13px;
  font-size: 19.94px;
  line-height: 26.59px;
  border: 1.66px solid #d4ecfa;
}
.filters-home-search .action-btn {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.filters-home-search .s-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: max-content;
  border: 1px solid transparent;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
}
.filters-home-search .s-btn.search {
  background-color: #2a9fe8;
  border-color: #2a9fe8;
  color: white;
  font-family: Lato;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  max-width: 174px;
}
.filters-home-search .s-btn.reset {
  background-color: transparent;
  border-color: #353c4d;
  color: #353c4d;
  font-family: Lato;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  max-width: 140px;
}
.filters-home-search .action-btn .v-line {
  border: 1px solid #ced0d4;
  margin-inline: 25px;
}

/* filters Home*/
.filters-home-search .fitler-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.filters-home-search .satSelectBlock.dropdown.cmn-drp {
  width: 100%;
}
.filters-home-search .cmn-drp .select-input-cmn {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  background-color: #ffffff;
  width: 100%;
  border-radius: 6px;
  min-height: 52px;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.012em;
  color: #667085;
}
.filters-home-search .cmn-drp .select-input-cmn.start1 {
  padding: 5px 18px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px solid #aeb1b8;
  border-right: 0px;
}
.filters-home-search .cmn-drp .select-input-cmn .type-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

.filters-home-search .cmn-drp .select-input-cmn .fa-chevron-up {
  font-size: 14px;
  transform: rotate(180deg);
}
.filters-home-search .cmn-drp .select-input-cmn .type-text .type {
  font-family: Lato;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #353c4d;
  margin-bottom: 2px;
}
.filters-home-search .cmn-drp .select-input-cmn span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: calc(100% - 13px);
  color: #353c4d;
  font-family: Lato;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.filters-home-search .cmn-drp .select-input-cmn.middle1 {
  border: 1px solid #aeb1b8;
  border-radius: 0px;
  padding: 5px 18px;
}
.filters-home-search .cmn-drp .end1 {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 1px solid #aeb1b8;
  border-left: 0px;
  border-top-left-radius: 0px;
  padding: 5px 14px;
}
.filters-home-search .dropdown-toggle::after {
  display: none;
}
.filters-home-search .filter-last-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-grow: 1;
}
.filters-home-search .cmn-drp .select-input-cmn.start3-left {
  padding: 8px 18px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px solid #aeb1b8;
}
.filters-home-search .cmn-drp .select-input-cmn.start3-right {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 1px solid #aeb1b8;
  border-left: 0px;
  border-right: 0px;
  border-top-left-radius: 0px;
}
.filters-home-search .end1-bottom {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border: 1px solid #aeb1b8;
  border-left: 0px;
  border-top-left-radius: 0px;
  background-color: white;
  padding: 4px 14px;
}
.filters-home-search .end1-bottom .chassis-search-modal {
  border: 0px;
  font-family: Lato;
  font-size: 16px;
  line-height: 24px;
  color: #353c4d;
  outline: none;
  width: 100%;
  font-weight: 600;
}
.filters-home-search .end1-bottom .text-stock {
  font-family: Lato;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #353c4d;
}
.filters-home-search .cmn-drp .search-input {
  width: 100%;
  padding: 9px 10px;
  border: 1px solid #aeb1b8;
  border-radius: 4px;
  font-family: Lato;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  vertical-align: bottom;
  background-color: #f6f6f8;
  position: relative;
}
.filters-home-search .cmn-drp .year {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 1px solid #aeb1b8;
  border-left: 0px;
  border-top-left-radius: 0px;
  padding: 5px 14px;
}
.filters-home-search .cmn-drp .year-last {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border: 1px solid #aeb1b8;
  border-left: 0px;
  border-top-left-radius: 0px;
  padding: 5px 14px;
}
.filters-home-search .cmn-drp .fixed-search-input {
  position: sticky;
  top: 0px;
  background-color: white;
  z-index: 1;
}
.filters-home-search .cmn-drp .dropdown-menu .dropdown-item {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.012em;
  padding: 12px 10px;
  color: #5d6370;
}
.filters-home-search .cmn-drp .dropdown-menu .dropdown-item:hover {
  background-color: #ededf1;
  cursor: pointer;
}
.filters-home-search .cmn-drp .dropdown-menu .dropdown-item.group-title {
  font-weight: 600;
  color: #000;
  padding-block: 8px;
  cursor: default;
  user-select: none;
}
.filters-home-search .cmn-drp .dropdown-menu .dropdown-item.group-title:hover {
  background-color: white;
}
.filters-home-search .cmn-drp .dropdown-menu {
  font-family: "Lato", sans-serif, Arial;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  width: 100%;
  color: #000000;
  box-shadow: 0px 0px 8px 0px rgba(47, 43, 67, 0.2);
  border-bottom: 6px;
  padding: 0px;
  overflow-x: auto;
  max-height: 208px;
  min-width: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}
.filters-home-search .cmn-drp .search-input:focus {
  outline: none;
  border-color: #0099ffa9;
}
/* filters Home*/

.ajax-search-suggestions {
  display: none;
  position: absolute;
  color: var(--bs-body-color);
  background-color: #ffffff;
  z-index: 999;
  top: 47px;
  left: 1px;
  width: calc(100% - 54px);
  box-shadow: 0 0 10px rgb(0 0 0 / 24%);
}

.ajax-search-suggestion-item {
  font-family: var(--font-family-Lato);
  font-size: 12px;
  font-weight: 500;
  padding: 10px;
  cursor: pointer;
}

.ajax-search-suggestion-item:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

.ajax-search-suggestion-item.highlight {
  background-color: #f0f0f0;
  cursor: pointer;
}

.main-slider {
  top: 50%;
  left: 2.5%;
  transform: translateY(-50%) !important;
  width: 100%;
  max-width: 306px;
}

@keyframes growndown {
  0% {
    transform: scaleY(0);
  }

  80% {
    transform: scaleY(1.1);
  }

  100% {
    transform: scaleY(1);
  }
}

/* best seller by type */
#best_seller_by_type .collapsing {
  transition: none;
}

#best_seller_by_type .accordion-button:focus {
  box-shadow: none;
}

#best_seller_by_type .accordion-button {
  color: #020408;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.216px;
  padding: 14px 16px;
}

#best_seller_by_type .accordion-button::after {
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235D6370'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-size: 16px;
}

#best_seller_by_type .accordion-button:not(.collapsed) {
  background-color: white;
  box-shadow: none;
}

#best_seller_by_type .accordion-item {
  margin-bottom: 24px;
  border-bottom: 1px solid #d0d5dd8c;
}

#best_seller_by_type .accordion-item:last-of-type {
  border-bottom: 1px solid #d0d5dd;
  margin-bottom: 0px;
}

#best_seller_by_type .accordion-body {
  padding: 24px 16px 12px 16px;
}

#best_seller_by_type .accordion-body .type {
  column-gap: 76px;
  row-gap: 24px;
  flex-wrap: wrap;
}

#best_seller_by_type .accordion-body .types-block {
  flex: 0 0 186px;
}

#best_seller_by_type .accordion-body .types-seller {
  color: #1c6a9b;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.16px;
}
.cookie_session {
  position: fixed;
  bottom: 0px;
  background: white;
  z-index: 1000000000000000;
}
.cookie_session {
  height: max-content;
}
.cookie_session .offcanvas-body {
  padding: 20px 87px;
  border-top: 4px solid #2384c1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
}
.cookie_session .offcanvas-body .para {
  font-family: Lato;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #353c4d;
  margin-bottom: 0px;
}
.cookie_session .offcanvas-body a {
  color: #1c6a9b;
}
.cookie_session .offcanvas-body .button-action {
  display: flex;
  align-items: center;
  gap: 16px;
}
.cookie_session .offcanvas-body .button-action button,
.cookie_session .offcanvas-body .button-action a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 31px;
  border-radius: 4px;
  font-family: Lato;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  width: max-content;
  cursor: pointer;
}
.cookie_session .offcanvas-body .button-action .accept {
  background-color: #0368a0;
  border: 1px solid #0368a0;
  color: white;
}
.cookie_session .offcanvas-body .button-action .reject {
  background-color: white;
  border: 1px solid #000000;
  color: #000000;
}
/* best seller by type */
.anchor-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  color: inherit;
  text-decoration: none;
}
.sat-search-editor h1,
.sat-search-editor h2,
.sat-search-editor h3,
.sat-search-editor h4,
.sat-search-editor h5,
.sat-search-editor h6 {
  font-family: Sofia Pro;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.018em;
  color: #08202e !important;
}
.sat-search-editor p {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-16);
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: var(--color-black-50);
}
.sat-search-editor a {
  color: #2384c1 !important;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .fnd-car span {
    line-height: 22px;
  }

  .lists-space-sub-head a.list-group-item {
    height: 38px;
  }

  .feedback-btn {
    padding: 8px 16px;
  }

  .items-specs-app {
    padding-block: 20px;
  }

  .app-ban-pro {
    max-width: 515px;
  }

  .text-bannar-app h2 {
    font-size: 28px;
  }

  .app-ban-pro {
    max-width: 530px;
  }

  /* html bannar */
  .paragraph-slider {
    font-size: 35px;
    line-height: 44px;
    max-width: 513px;
  }

  .absolute-text {
    padding: 12px 75px 40px 320px;
  }

  .scan-qr-code span {
    margin-top: 14px;
  }

  .profile-dropdown {
    padding: 22px 19px;
  }

  .budget-car {
    min-height: 179px;
  }

  .main-slider {
    max-width: 282px;
  }
  .cookie_session .offcanvas-body .para {
    font-size: 16px;
  }
  .cookie_session .offcanvas-body .button-action button,
  .cookie_session .offcanvas-body .button-action a {
    padding: 14px 20px;
  }
  .cookie_session .offcanvas-body {
    padding: 16px 45px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .discount-car .off,
  .discount-car .value {
    line-height: normal;
    font-size: 12px;
  }

  .discount-cars .value,
  .feedback-btn {
    font-size: 14px;
  }

  .feedback-btn {
    padding: 8px 16px;
  }

  .fnd-car span {
    line-height: 16px;
  }

  .search-title-heading {
    font-size: 16px;
  }

  .discount-cars .off {
    font-size: 12px;
  }

  .discount-car .off {
    margin-right: 4px;
  }

  .items-specs-app {
    padding-block: 10px;
  }

  .app-ban-pro {
    max-width: 400px;
  }

  img.img-fluid.qr-ban-pro {
    max-width: 120px;
  }

  .bannar-text-pro-sec .bannar-para {
    font-size: 16px;
    line-height: 23px;
  }

  .bannar-text-pro-sec .bannar-text {
    font-size: 25px;
    line-height: 28px;
  }

  .text-bannar-app p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .text-bannar-app h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .mobile-app-pic {
    max-width: 260px;
  }

  .scan-image-text img {
    max-width: 85px;
  }

  /* html bannar */
  .paragraph-slider {
    font-size: 27px;
    line-height: 38px;
    max-width: 475px;
  }

  .absolute-text {
    padding: 12px 60px 12px 263px;
  }

  .scan-qr-code img {
    max-width: 80px;
    max-height: 80px;
  }

  .scan-qr-code {
    margin-block: 12px;
  }

  .mobileimageslider img {
    max-height: 280px;
    object-fit: contain;
  }

  .html-card-btn img {
    height: 40px;
    width: 100%;
    object-fit: contain;
  }

  .scan-qr-code span {
    margin-top: 14px;
  }

  .profile-dropdown {
    padding: 22px 19px;
    width: 203px;
  }

  .profile-dropdown .dropdown-item.prof-name {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .profile-dropdown .dropdown-item.sign-out-btn {
    margin-top: 20px;
  }

  .profile-dropdown .dropdown-item.sign-out-btn button {
    line-height: 20px;
  }

  .budget-car {
    min-height: 145px;
  }

  .form-search-main .btn_search_car {
    padding: 9px 12px;
  }

  .form-search-main .car_search_input {
    padding: 10px;
  }

  .form-search-main #selection_type button {
    padding: 10px 13px;
    min-width: 100px;
  }

  .btn_search_car img {
    height: 15px;
    width: 15px;
  }

  .head-sec-1 {
    gap: 30px;
  }

  .main-slider {
    max-width: 235px;
  }

  /* sell by type */
  #best_seller_by_type .accordion-button {
    font-size: 16px;
  }

  #best_seller_by_type .accordion-body .type {
    column-gap: 55px;
    row-gap: 16px;
  }

  #best_seller_by_type .accordion-body .types-seller {
    font-size: 14px;
  }

  #best_seller_by_type .accordion-body {
    padding: 16px 16px 12px 16px;
  }

  /* sell by type */
  #best_seller_by_type .accordion-button::after {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235D6370'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 18px;
  }
  .cookie_session .offcanvas-body .para {
    font-size: 16px;
    line-height: 24px;
  }
  .cookie_session .offcanvas-body .button-action button,
  .cookie_session .offcanvas-body .button-action a {
    padding: 14px 20px;
  }
  .cookie_session .offcanvas-body {
    padding: 16px 45px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1023px) {
  .feedback-btn {
    padding: 8px 16px;
    font-size: 14px;
  }

  .fnd-car span {
    line-height: 16px;
  }

  .lists-space-sub-head a.list-group-item {
    height: 32px;
  }

  .search-title-heading {
    font-size: 16px;
  }

  .discount-cars .value {
    font-size: 12px;
  }

  .discount-cars .off {
    font-size: 10px;
  }

  .discount-car .off,
  .discount-car .value {
    font-size: 12px;
    line-height: normal;
  }

  .heart-icon {
    height: 19px;
    width: 19px;
  }

  .discount-car .off {
    margin-right: 4px;
  }

  .items-specs-app {
    padding-block: 10px;
  }

  .app-ban-pro {
    max-width: 400px;
  }

  img.img-fluid.qr-ban-pro {
    max-width: 120px;
  }

  .bannar-text-pro-sec .bannar-para {
    font-size: 16px;
    line-height: 23px;
  }

  .bannar-text-pro-sec .bannar-text {
    font-size: 25px;
    line-height: 28px;
  }

  .text-bannar-app p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .text-bannar-app h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .mobile-app-pic {
    max-width: 260px;
  }

  .scan-image-text img {
    max-width: 85px;
  }

  /* html bannar */
  .paragraph-slider {
    font-size: 27px;
    line-height: 38px;
    max-width: 475px;
  }

  .absolute-text {
    padding: 12px 60px 12px 263px;
  }

  .scan-qr-code img {
    max-width: 80px;
    max-height: 80px;
  }

  .scan-qr-code {
    margin-block: 12px;
  }

  .mobileimageslider img {
    max-height: 280px;
    object-fit: contain;
  }

  .html-card-btn img {
    height: 40px;
    width: 100%;
    object-fit: contain;
  }

  .scan-qr-code span {
    margin-top: 14px;
  }

  .profile-dropdown .dropdown-item.title-prof {
    line-height: 21px;
    padding-block: 4px;
  }

  .profile-dropdown {
    padding: 18px 14px;
    width: 203px;
  }

  .profile-dropdown .dropdown-item.prof-name {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .profile-dropdown .dropdown-item.sign-out-btn {
    margin-top: 20px;
  }

  .profile-dropdown .dropdown-item.sign-out-btn button {
    line-height: 20px;
  }

  .budget-car {
    min-height: 145px;
  }

  .form-search-main .btn_search_car {
    padding: 9px 12px;
  }

  .form-search-main .car_search_input {
    padding: 10px;
  }

  .form-search-main #selection_type button {
    padding: 10px 13px;
    min-width: 100px;
  }

  .btn_search_car img {
    height: 15px;
    width: 15px;
  }

  .head-sec-1 {
    gap: 30px;
  }

  .main-slider {
    max-width: 235px;
  }

  /* sell by type */
  #best_seller_by_type .accordion-button {
    font-size: 16px;
  }

  #best_seller_by_type .accordion-body .type {
    column-gap: 51px;
    row-gap: 16px;
  }

  #best_seller_by_type .accordion-body .types-seller {
    font-size: 14px;
  }

  #best_seller_by_type .accordion-body {
    padding: 16px 16px 12px 16px;
  }

  #best_seller_by_type .accordion-button::after {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235D6370'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 18px;
  }

  /* sell by type */
  .cookie_session .offcanvas-body .para {
    font-size: 16px;
    line-height: 24px;
  }
  .cookie_session .offcanvas-body .button-action button,
  .cookie_session .offcanvas-body .button-action a {
    padding: 14px 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .cookie_session .offcanvas-body {
    padding: 16px 34px;
  }
  .inventory-bar {
    font-size: 14px;
    line-height: 24px;
  }
  .cr-1 .text-cr-1 .search {
    font-size: 16px;
    line-height: 24px;
    padding: 8px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-btn,
  .search-title-heading {
    font-size: 14px;
  }

  .discount-car .off,
  .discount-car .value {
    font-size: 10px;
    line-height: normal;
  }

  .cart-items img {
    height: 18px;
    width: 18px;
  }

  .cart-count {
    top: -9px;
    height: 16px;
    width: 16px;
    padding: 2.5px;
  }

  .feedback-btn {
    padding: 8px 16px;
  }

  .fnd-car span {
    line-height: 16px;
  }

  .lists-space-sub-head a.list-group-item {
    height: 32px;
  }

  .discount-cars .off,
  .discount-cars .value {
    font-size: 10px;
  }

  .discount-car .off {
    margin-right: 4px;
  }

  .discount-car {
    margin-top: 0;
  }

  .items-specs-app {
    padding-block: 10px;
  }

  .app-ban-pro {
    max-width: 260px;
  }

  img.img-fluid.qr-ban-pro {
    max-width: 114px;
  }

  .bannar-text-pro-sec .bannar-para {
    font-size: 14px;
    line-height: 16px;
  }

  .bannar-text-pro-sec .bannar-text {
    font-size: 16px;
    line-height: 20px;
  }

  .button-promo-app {
    gap: 8px;
  }

  .button-promo-app img {
    max-width: 100px;
    height: 30px;
  }

  .bannar-text-pro-sec {
    max-width: 265px;
  }

  .text-bannar-app p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 19px;
  }

  .text-bannar-app h2 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 29px;
  }

  .mobile-app-pic {
    max-width: 221px;
  }

  .scan-image-text img {
    max-width: 65px;
  }

  .app-bannar-recard {
    padding: 8px 16px 0;
    gap: 30px;
  }

  /* html bannar */
  .paragraph-slider {
    font-size: 17px;
    line-height: 24px;
    max-width: 321px;
  }

  .absolute-text {
    padding: 12px 20px 12px 201px;
  }

  .scan-qr-code img {
    max-width: 80px;
    max-height: 80px;
  }

  .scan-qr-code {
    margin-block: 6px;
  }

  .scan-qr-code span {
    margin-top: 4px;
  }

  .mobileimageslider img {
    max-height: 213px;
    object-fit: contain;
  }

  .html-card-btn img {
    height: 40px;
    width: 100%;
    object-fit: contain;
  }

  .html-card-btn img {
    height: 33px;
    width: 100%;
    object-fit: contain;
  }

  .profile-dropdown .dropdown-item.title-prof {
    line-height: 21px;
    padding-block: 4px;
  }

  .profile-dropdown {
    padding: 18px 14px;
    width: 203px;
  }

  .profile-dropdown .dropdown-item.prof-name {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .profile-dropdown .dropdown-item.sign-out-btn {
    margin-top: 20px;
  }

  .profile-dropdown .dropdown-item.sign-out-btn button {
    line-height: 20px;
  }

  .budget-car {
    min-height: 102px;
  }

  .form-search-main .btn_search_car {
    padding: 9px 12px;
  }

  .form-search-main .car_search_input {
    padding: 7px;
  }

  .form-search-main #selection_type button {
    padding: 7px 10px;
    font-size: 12px;
    background-size: 9px 10px;
    min-width: 50px;
  }

  .form-search-main .car_search_input::placeholder {
    font-size: 12px;
  }

  .form-search-main .select-search {
    min-width: 94px;
  }

  .btn_search_car img {
    height: 15px;
    width: 15px;
  }

  .head-sec-1 {
    gap: 30px;
  }

  .main-slider {
    max-width: 180px;
  }

  /* sell by type */
  #best_seller_by_type .accordion-button {
    font-size: 16px;
  }

  #best_seller_by_type .accordion-body .type {
    column-gap: 51px;
    row-gap: 16px;
  }

  #best_seller_by_type .accordion-body .types-seller {
    font-size: 14px;
  }

  #best_seller_by_type .accordion-body {
    padding: 16px 16px 12px 16px;
  }

  #best_seller_by_type .accordion-button::after {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235D6370'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 18px;
  }

  .signin-earn {
    right: 6%;
  }

  /* sell by type */
  .cookie_session .offcanvas-body .para {
    font-size: 14px;
    line-height: 20px;
  }
  .cookie_session .offcanvas-body .button-action button,
  .cookie_session .offcanvas-body .button-action a {
    padding: 9px 14px;
    font-size: 14px;
    line-height: 20px;
  }
  .cookie_session .offcanvas-body {
    padding: 16px 34px;
    flex-wrap: wrap;
    gap: 8px;
  }
  .inventory-bar {
    font-size: 12px;
    line-height: 24px;
  }
  .cr-1 .text-cr-1 {
    left: 35%;
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
  }
  .cr-1 .text-cr-1 .search {
    font-size: 14px;
    line-height: 22px;
    padding: 6px;
    gap: 4px;
  }
  #home_slider_sat .carousel-control-next-icon,
  #home_slider_sat .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
  }
  .filters-home-search .action-btn {
    margin-top: 18px;
  }
  .filters-home-search .cmn-drp .select-input-cmn span {
    font-size: 14px;
    line-height: 20px;
  }
  .filters-home-search .cmn-drp .select-input-cmn .fa-chevron-up {
    font-size: 10px;
  }
  .filters-home-search .cmn-drp .select-input-cmn.middle3-right {
    padding: 8px;
  }
  .filters-home-search .cmn-drp .select-input-cmn.start3-left {
    padding: 8px;
  }
  .filters-home-search .cmn-drp .select-input-cmn.end3-left {
    padding: 8px;
  }
  .filters-home-search .cmn-drp .select-input-cmn.end3-right {
    padding: 8px;
  }
  .filters-home-search .end1-bottom {
    padding: 3px 10px;
  }
  .filters-home-search .end1-bottom .chassis-search-modal {
    font-size: 14px;
    line-height: 23px;
  }
  .filters-home-search .cmn-drp .end1 {
    padding: 8px;
  }
  .filters-home-search .cmn-drp .select-input-cmn.middle1 {
    padding: 8px;
  }
  .filters-home-search .cmn-drp .select-input-cmn.start1 {
    padding: 8px;
  }
  .filters-home-search .s-btn.search {
    font-size: 14px;
    max-width: 152px;
  }
  .filters-home-search .s-btn.reset {
    font-size: 14px;
    max-width: 117px;
  }
  .filters-home-search .s-btn {
    padding: 6px;
  }
  .inventory-text {
    gap: 18px;
  }
}
/* new header css */
.header-setup {
  display: flex;
  align-items: center;
}
.header-setup .profile-icon {
  display: flex;
  align-items: center;
}
.btn-sell-mycar {
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  max-width: 120px;
  width: 100%;
  border: 1px solid #1c6a9b;
  background-color: #1c6a9b;
  font-family: Lato;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}
.cmn-32 {
  margin-right: 32px;
}
ul.dropdown-menu.w-251.shadow.br-none.show {
  margin-top: 8px !important;
}
.btn-custom-language .dropdown-menu {
  margin-top: 8px !important;
}
.btn-custom-currency .dropdown-menu {
  margin-top: 8px !important;
}
.third-party-tag {
  border: 1px solid #be4596 !important;
  color: #be4596 !important;
  background-color: #ffeaf8 !important;
  text-align: center;
}
.third-party-car {
  border: 1px solid #be4596 !important;
  color: #ffffff !important;
  background-color: #be4596 !important;
  text-align: center;
}
.sat-btn-disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}
/* .sat-added-cart-btn {
  pointer-events: none;
  cursor: not-allowed;
} */
.re-cmn--heading {
  font-family: Lato;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #020408;
  margin-bottom: 24px;
}
/* bell notification */
.bell--notification {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.bell--notification .dropdown-menu {
  min-width: 348px;
  background-color: #ffffff;
  border-radius: 11px;
  box-shadow: 0px 12px 36px 0px #2f2b4333;
  border: 0px;
  padding: 16px;
}
.bell--notification .dropdown-menu .dropdown-item {
  padding: 0px;
}
.bell--notification .heading--notification {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}
.bell--notification .heading--notification .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #0c1529;
  margin-bottom: 0;
  cursor: default;
}
.bell--notification .heading--notification .para {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #5d6370;
  margin-bottom: 0px;
}
.bell--notification .heading--notification .btn-close {
  height: .5rem;
  width: .5rem;
}
/* notification count */
.bell--count {
  position: absolute;
  top: -6px;
  right: -8px;
  background: #6ad09d;
  color: #fff;
  width: 18px;
  height: 18px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.notification--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px;
  border-bottom: 1px solid #f1f1f1;
  transition: background 0.25s ease;
  box-shadow: 0px -1px 0px 0px #2f2b431a inset;
  box-shadow: 0px 1px 3px 0px #2f2b431a;
  margin-bottom: 10px;
}

.notification--item:hover {
  background: #fafcff;
}

.notification--item:last-child {
  border-bottom: none;
}

/* Left Icon */
.bell--wrapper {
  width: 36px;
  height: 36px;
  background: #f3f9ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bell--wrapper i {
  font-size: 18px;
  color: #2384c1;
}

/* Red Dot */
.bell--wrapper .dot {
  width: 5px;
  height: 5px;
  background: #f34141;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  right: 9px;
}

/* Content */
.notif--content {
  flex: 1;
  margin-left: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #5d6370;
}
.notif--action {
  font-size: 14px;
  color: #0C1529;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}
.notif--action i {
  font-size: 11px;
}
/* bell notification */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  /* .form-search-main {
    margin-left: 25px;
    margin-right: 35px;
  } */
  .cmn-32 {
    margin-right: 24px;
  }
  .cr-1 .text-cr-1 {
    font-size: 24px;
  }
  .recent-car-img {
    max-height: 187px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* .form-search-main {
    margin-left: 25px;
    margin-right: 25px;
  } */
  .cmn-32 {
    margin-right: 20px;
  }
  .btn-sell-mycar {
    padding: 4px 10px;
    max-width: 125px;
    font-size: 14px;
  }
  .cr-1 .text-cr-1 {
    left: 32%;
    padding: 9px;
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .form-search-main {
    margin-left: 16px;
    margin-right: 16px;
  }
  .filters-home-search .satSelectBlock.dropdown.cmn-drp.condition {
    display: none;
  }
  .filters-home-search .fitler-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .cmn-32 {
    margin-right: 10px;
  }
  .btn-sell-mycar {
    padding: 0px 10px;
    max-width: 78px;
    font-size: 10px;
  }
}
/* new header css */
.btn-nego-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #c1c1c1 !important;
  border-color: #c1c1c1 !important;
}

li.dropdown-item.group-title {
  font-weight: 600 !important;
  color: #000 !important;
  padding-block: 8px;
  cursor: default;
  user-select: none;
}