.notification-bannar::-webkit-scrollbar {
  display: none;
}

.notification-bannar {
  display: flex;
  align-items: center;
  justify-content: start;
  overflow-x: auto;
  gap: 12px;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.notification-bannar img {
  min-width: 304px;
}

.welcab-tag-search {
  background-color: #f7e798 !important;
  color: #9d8b37 !important;
}
@media screen and (min-width: 381px) and (max-width: 430px) {
  .gallery-slider-mobile {
    height: 330px !important;
  }
}

@media screen and (min-width: 300px) and (max-width: 380px) {
  .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;
  }

  .gallery-slider-mobile {
    height: 270px !important;
  }
}

@media screen and (min-width: 300px) and (max-width: 340px) {
  .img-mhtb {
    width: 91px;
  }
}

@media screen and (min-width: 340px) and (max-width: 400px) {
  .img-mhtb {
    width: 106px;
  }
}

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

  .gallery-slider-mobile {
    height: 370px !important;
  }
}

@media screen and (min-width: 381px) and (max-width: 500px) {
  .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,
  .comp-card-slider2 .compare-text {
    font-size: var(--font-size-10s) !important;
    line-height: 14.29px !important;
  }

  .comp-card-slider .compare-comon-img,
  .comp-card-slider2 .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,
  .comp-card-slider2 .compare-vs-img {
    max-width: 22px !important;
    max-height: 22px !important;
  }

  .comp-card-slider .slick-slide,
  .comp-card-slider2 .slick-slide {
    margin-right: 10px !important;
  }

  .comp-card-slider2 .comp-cards {
    max-width: 237px !important;
    min-height: 100px !important;
    border-radius: 6px;
    padding-block: 12px;
  }

  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,
  .comp-card-slider2 .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;
  }

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

  #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: 0 !important;
  }

  .d-sm-non-custm {
    display: block !important;
  }

  .d-cust-semi {
    display: none !important;
  }
}

@media screen and (min-width: 500px) and (max-width: 767px) {
  .secondary-banar-btn {
    bottom: 34px !important;
    left: 32px !important;
    font-size: 10px !important;
    max-width: 104px !important;
    max-height: 25px !important;
  }

  a.secondary-banar-btn2 {
    bottom: 28px !important;
    left: 26px !important;
    max-width: 125px !important;
    max-height: 29px !important;
    font-size: 10px !important;
  }
}

.secondary-banar-btn,
a.secondary-banar-btn2 {
  position: absolute;
  font-size: var(--font-size-14);
  font-weight: 700;
  border: 0;
  width: 100%;
  max-width: 148px;
  max-height: 44px;
  letter-spacing: -0.01em;
  line-height: 20px;
}

@media screen and (min-width: 600px) and (max-width: 767px) {
  .gallery-slider-mobile {
    height: 442px !important;
  }
}

@media screen and (min-width: 501px) and (max-width: 599px) {
  .gallery-slider-mobile {
    height: 357px !important;
  }
}

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

#notification .insurance-notify {
  display: flex;
  align-items: center;
  gap: 10px;
  /* justify-content: space-between; */
  padding: 20px 10px;
  margin-bottom: 10px;
}

.notification-text .title {
  font-family: Lato;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -1%;
  color: #1e293b;
  margin-bottom: 7px;
}

.notification-text .para {
  font-family: Lato;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -1%;
  color: #858a94;
  margin-bottom: 0px;
}

#notification .insurance-notify .time {
  font-family: Lato;
  font-weight: 400;
  font-size: 10.5px;
  line-height: 15.74px;
  letter-spacing: 0;
  color: #475569;
  align-self: self-start;
}

.secondary-banar-btn {
  bottom: 72px;
  left: 77px;
  color: var(--color-blue-70);
  background-color: var(--color-white-900);
  height: 100%;
}

a.secondary-banar-btn2 {
  display: flex;
  bottom: 24px;
  left: 120px;
  color: var(--color-white-900);
  background-color: var(--color-blue-60);
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.secondary-banar-btn:active {
  transform: translateY(0.5px);
}

.secondary-banar-btn:hover {
  background-color: #ffffffd6;
}

#mailing_section {
  margin-bottom: 1.5rem;
}

#offcanvascountrymobile.offcanvas.offcanvas-bottom {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  height: 84.08vh;
}

#offcanvascountrymobile .btn-close {
  width: 1em;
  height: 0.5em;
}

.mobileform-35 {
  height: 42px;
}

.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: 84vh;
}

#mobile_customer_reviews .offcanvas.offcanvas-bottom {
  z-index: 9999;
  height: 84vh;
}

.bottom-bar-styles-mobile .list-group {
  margin-top: 12px;
  border-radius: 0;
}

.bottom-bar-styles-mobile .list-group .list-group-item {
  padding: 6px 10px;
  margin-bottom: 8px;
  border: none;
  border-bottom: 1px solid;
  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;
}

#collapsedashboardsetting span,
.dashboard-mobile-sidebar .list-group-item,
.sidebarmain-mobile-sidebar .list-group-item.main-items-sidebar-content,
.sidebarmain-mobile-sidebar .list-group-item.main-items-sidebar-sub {
  font-family: var(--font-family-Lato);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
}

.dashboard-mobile-sidebar .list-group-item {
  border: none;
  padding-inline: 0px;
  padding-block: 11px;
  font-size: var(--font-size-12s);
}

.dashboard-mobile-sidebar .list-group-item i {
  color: #154f74;
}

.cmn-para,
.sidebarmain-mobile-sidebar .list-group-item i {
  color: #141817;
}

.sidebarmain-mobile-sidebar .list-group-item.main-items-sidebar-content {
  border: none;
  padding-inline: 10px;
  padding-block: 11px;
  font-size: var(--font-size-12s);
  margin-bottom: 0;
}

.sidebarmain-mobile-sidebar .list-group-item.main-items-sidebar-sub {
  border: none;
  margin-inline: 12px;
  padding-block: 11px;
  font-size: var(--font-size-12s);
  background-color: #fff;
  margin-bottom: 4px;
}

.cmn-para {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01em;
  flex-grow: 1;
}

.pb-s0 {
  padding-bottom: 10px;
}

#collapsedashboardsetting,
#search_section_mobile {
  margin-top: 10px;
}

#collapsedashboardsetting .list-group-item {
  padding-block: 11px;
  padding-inline: 0px;
  align-items: center;
}

#collapsedashboardsetting span {
  font-size: var(--font-size-12s);
  color: var(--color-black-50);
}

#collapsedashboardsetting select,
.local_page_lists_mob .local-text-title li,
.mob-reglog-btn {
  font-family: var(--font-family-Lato);
  font-weight: 500;
}

#collapsedashboardsetting select {
  height: 26px;
  width: 78px;
  font-size: var(--font-size-12s);
  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: #2f2b4333 solid 1px;
}

#collapsedashboardsetting select option {
  color: #000;
}

#login_register.offcanvas-end,
#notification.offcanvas.offcanvas-end,
#offcanvascarhelp.offcanvas.offcanvas-start,
#offcanvascaroverview.offcanvas.offcanvas-start,
#offcanvascarreviews.offcanvas.offcanvas-start,
#offcanvascarservoces.offcanvas.offcanvas-start,
#offcanvascategories.offcanvas.offcanvas-start,
#offcanvasdiscount.offcanvas.offcanvas-start,
#offcanvasfindcar.offcanvas.offcanvas-start,
#offcanvaslocalpages.offcanvas.offcanvas-start,
#offcanvaslocation.offcanvas.offcanvas-start,
#offcanvasmake.offcanvas.offcanvas-start,
#offcanvasprice.offcanvas.offcanvas-start,
#offcanvasstock.offcanvas.offcanvas-start,
#offcanvastype.offcanvas.offcanvas-start,
#offcanvasyear.offcanvas.offcanvas-start,
#sidebarmobile.offcanvas.offcanvas-start {
  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;
}

.local_page_lists_mob .local-text-title {
  background-color: var(--color-white-50);
  border-radius: 0;
}

.local_page_lists_mob .local-text-title li {
  padding-inline: 10px;
  border: none;
  font-size: var(--font-size-12s);
  line-height: 16px;
  letter-spacing: -0.01em;
  color: var(--color-black-40);
}

.local_page_lists_mob .common-mobile-listing-side {
  border-radius: 0;
}

.local_page_lists_mob .common-mobile-listing-side a {
  display: flex;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-14s);
  color: #141817;
  letter-spacing: -0.01em;
  padding-inline: 10px;
  padding-block: 11px;
  border: none;
  line-height: 16px;
  font-weight: 500 !important;
  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-radius: 24px 24px 0 0;
}

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

.userform {
  height: 48px;
  color: #353c4d;
  display: flex;
  align-items: center;
  border: 1px solid #ced0d4;
  border-radius: 8px;
}

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

.login-eye,
.login-user {
  height: 22px;
  padding-inline: 15px;
  opacity: 0.7;
  text-indent: -999px;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
}

.forgo-logreg,
.para-loginreg span {
  color: var(--color-blue-50);
}

.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 {
  border-right: 1px solid #aeb1b8 !important;
  border: 1px solid transparent;
  border-radius: 0;
}

.form-mobile-search-main button[type="submit"]:hover,
.login-eye:hover,
.login-user: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,
.login-eye-input:focus,
.login-eye:focus,
.login-user-input:focus,
.login-user:focus {
  outline: 0;
}

.userform:focus-within {
  border: 1px solid #2a9fe8;
}

.bg-img-user {
  background: url("/assets/images/mobile/icons/user-mob-pro.svg") center
    no-repeat;
}

.bg-img-password {
  background: url("/assets/images/mobile/icons/lock-mob-pro.svg") center
    no-repeat;
}

.bg-img-email {
  background: url("/assets/images/mobile/icons/mail-mob-pro.svg") center
    no-repeat;
}

.bg-img-usr-logo {
  background: url("/assets/images/common/social-icon/user-login-to.svg") center
    no-repeat;
}

.login-eye {
  border: 1px solid transparent;
  border-radius: 0;
}

.login-eye-close {
  background: url("/assets/images/mobile/icons/eye-off-mob-pro.svg") center
    no-repeat;
}

.login-eye-open {
  background: url("/assets/images/mobile/icons/eye-open-mob.svg") center
    no-repeat;
}

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

.ormob:after,
.para-with .ormob:before {
  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-size: var(--font-size-14);
  line-height: 20px;
  letter-spacing: -0.01em;
  height: 40px;
  border-radius: 8px;
}

.forgo-logreg,
.para-loginreg {
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  font-family: var(--font-family-Lato);
  letter-spacing: -0.01em;
}

.forgo-logreg {
  margin-block: 12px;
}

.login-g,
.para-loginreg {
  color: var(--color-black-40);
}

.login-g {
  border: 1px solid var(--color-black-20s);
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.para-loginreg {
  margin-top: 32px;
}

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

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

.logsignsatbtn,
.maillist-text {
  font-size: var(--font-size-14);
}

.error-input-field-log {
  border: 1px solid #f34141 !important;
  color: #f34141 !important;
}

.pad-mailing-mobile {
  padding-block: 10px;
  padding-inline: 35px;
}

.maillist-text {
  font-family: var(--font-family-Lato);
  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);
}

.btn-mailing-mobile,
.mailing-input-mobile {
  font-size: var(--font-size-14s);
  border-radius: 4px;
  height: 44px;
}

#footer_mobile .accordion-body .list-group .list-group-item,
#footer_mobile .accordion-button,
.btn-mailing-mobile {
  color: var(--color-white-900);
  letter-spacing: -0.01em;
  font-family: var(--font-family-Lato);
}

.mailing-input-mobile {
  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 {
  background-color: var(--color-blue-50);
  line-height: 16px;
  max-width: 120px;
  font-weight: 700;
  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);
  padding-inline: 16px;
}

#footer_mobile a[href^="tel:"] {
  color: #fff !important;
}

#footer_mobile .col-7 {
  display: flex;
  justify-content: start;
  align-items: center;
}

#mobile_footer_socials h2,
#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: 0;
}

#footer_mobile .accordion {
  --bs-accordion-bg: transperant !important;
}

#footer_mobile .accordion-button {
  font-size: var(--font-size-12s);
  font-weight: 700;
  line-height: 16px;
  height: 40px;
}

#footer_mobile .accordion-button.collapsed {
  border: 1px solid #ffffff75;
}

#footer_mobile .accordion-button:not(.collapsed) {
  box-shadow: unset;
  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-body {
  padding-inline: 10px;
  padding-block: 10px;
}

#footer_mobile .accordion-body .list-group .list-group-item {
  font-size: var(--font-size-12s);
  padding-inline: 0px;
  padding-block: 6px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 2px;
}

.form-mobile-search-main .dropdown-menu {
  padding: 0;
  width: 100%;
  border-radius: 4px;
  min-width: 0;
}

.form-mobile-search-main .dropdown-item {
  color: #2f2b43;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.12px;
  padding: 10px 8px;
}

.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;
  position: relative;
}

.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-radius: 0;
}

.form-mobile-search-main input[type="search"] {
  width: 100%;
  height: 38px;
  border: 1px solid transparent;
  background: #ededf1;
  margin: 0;
  padding: 7px 8px;
  font-size: 14px;
  color: inherit;
  border-radius: inherit;
}

.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 button[type="button"] {
  text-indent: -999px;
  overflow: hidden;
  width: 45px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: 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")
    center no-repeat;
  cursor: pointer;
}

.form-mobile-search-main .dropdown-toggle {
  background: 0 0;
  height: 100%;
  font-family: Lato;
  color: #2f2b43;
  border: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.12px;
  padding: 8px 10px;
  border-right: 1px solid #dcdae2;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#sidebarmobile.offcanvas .offcanvas-body,
.local_page_lists_mob,
.services_page_lists_mob {
  padding: 12px;
}

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

#change_Currency.offcanvas.offcanvas-bottom,
#login_preview.offcanvas.offcanvas-bottom {
  height: max-content !important;
  z-index: 9999;
}

.btns-currency button {
  height: 38px;
  border-radius: 4px;
  border: 1px solid;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
  width: 100%;
  max-width: 156px;
}

.btns-currency button:first-of-type {
  color: #353c4d;
  border-color: #353c4d;
  background-color: #fff;
}

.btns-currency button:last-of-type {
  color: #fff;
  border-color: #0368a0;
  background-color: #0368a0;
}

.btns-currency {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

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

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

.logsignsatbtn,
.logsignsatget {
  font-family: var(--font-family-Lato);
  font-weight: 500;
  letter-spacing: -0.01em;
}

.logsignsatget {
  font-size: var(--font-size-14s);
  line-height: 20px;
  color: var(--color-black-40);
  margin-bottom: 30px !important;
}

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

.logsignsatbtn {
  line-height: 20px;
  width: 156px;
}

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

.btn-logins {
  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;
}

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

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

.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);
  width: 100%;
  border-radius: 4px;
  background-color: var(--color-white-900);
  border: 1px solid var(--color-blue-60);
  display: flex;
  justify-content: center;
  align-items: center;
}

.loc-fonts,
.reset-paswrod-input-s {
  font-size: var(--font-size-12);
  letter-spacing: -0.01em;
}

.earn-points,
.reset-paswrod-input-s {
  align-items: center;
  display: flex;
}

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

.loc-fonts {
  font-family: var(--font-family-Lato);
  font-weight: 400;
  line-height: 24px;
  color: #aeb1b8;
}

.reset-paswrod-input-s {
  background-color: var(--color-white-50);
  height: 34px;
  border-radius: 3px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  padding: 11px 13px;
  gap: 3.31px;
}

.cart-count,
.earn-title-model,
.scan-image-text {
  text-align: center;
}

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

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

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

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

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

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

.mb-slider {
  height: 170px;
  width: 100%;
  border-radius: 8px;
}

.mbform-slider {
  height: 36px;
  width: 100%;
  margin-bottom: 4px;
}

.gallery-slider-mobile {
  height: calc(369px - 64px);
  width: 100%;
}

.gallery-slider-mobile-item {
  height: 64px;
  width: 100%;
}

.car-talks-loader {
  height: 67px;
  width: 100%;
}

.slider-cmn-loader {
  height: 147px;
  width: 100%;
}

.slider-cmn-loda {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
}

.rotate-infinite {
  height: 45px;
  width: 50px;
  animation: 1.5s linear infinite rotation;
}

@keyframes rotation {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: #e4e4e49c;
}

.earn-points,
.earn-points-detail {
  letter-spacing: -0.01em;
  background-color: #f1892b;
  color: #fff;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: var(--font-size-10s);
  line-height: 8.99px;
  font-weight: 500;
  font-family: var(--font-family-Lato);
}

.preloader .loader {
  left: 50%;
  top: 46%;
  -webkit-transform: translateX(-50%) translateY(-46%);
  transform: translateX(-50%) translateY(-46%);
  position: absolute;
}

.shape-img1 {
  position: absolute;
  left: 10%;
  top: 2%;
  z-index: -1;
}

.no-scroll {
  overflow: hidden;
}

.fresh-stock {
  padding: 2px 6px;
  border-radius: 10px;
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-10s);
  font-weight: 500;
  line-height: 8.99px;
  letter-spacing: -0.01em;
  background-color: #b2ffc0;
  color: #10ab2b;
}

.cart-count,
.comn-title-sidbar,
.feedback {
  font-weight: 600;
  letter-spacing: -0.01em;
  font-family: Lato;
}

.toaster-alerts {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #dcdae2;
  padding: 10px;
  width: max-content;
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 1000000;
  max-width: calc(100% - 12px);
  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;
}

#offcanvas_sort_drp {
  height: max-content;
  max-height: 329px;
}

#offcanvas_sort_drp span {
  display: inline-block;
  font-family: "Lato";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
}

#offcanvas_sort_drp .sort-select-search {
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #334155;
}

#offcanvas_sort_drp .sort-select-search li {
  padding-block: 8px;
  padding-right: 6px;
}

.comn-title-sidbar {
  font-size: 16px;
  line-height: 24px;
  color: #141817;
  margin-bottom: 0;
}

.common-mobile-listing-side .sub-dropdown-item {
  fill: #0368a0;
}

.feedback {
  background-color: #fff;
  border: #fffdf6;
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 17.46px;
  color: #0d1017;
}

.back-top,
.cart-count {
  border-radius: 50%;
  display: flex;
}

.download-links-app {
  display: flex;
  gap: 16px;
}

.download-links-app img {
  height: 36px;
}

.cart-count {
  position: absolute;
  top: 0;
  right: -6px;
  height: 14px;
  width: 14px;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  line-height: 10px;
  padding: 2.5px 4.5px;
  color: #fff;
  background-color: #6ad09d;
}

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

#breadcrumb-xm-m .breadcrumb-item + .breadcrumb-item::before {
  padding-top: 2px;
  color: #cac8d4;
  padding-right: 4px;
}

#breadcrumb-xm-m .breadcrumb-item + .breadcrumb-item {
  padding-left: 5px;
}

#breadcrumb-xm-m li a {
  font-family: var(--font-family-Lato);
  font-size: var(--font-size-12s);
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #0c1529;
}

#breadcrumb-xm-m li:last-of-type a {
  color: #5d6370;
}

.back-top {
  padding: 4px;
  background-color: #fff;
  position: fixed;
  bottom: 20px;
  right: 17px;
  border: 1px solid #5d6370;
  justify-content: center;
  align-items: center;
}

.back-top img {
  transform: rotate(90deg);
}

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

.bannar-text-pro-sec .bannar-para,
.bannar-text-pro-sec .bannar-text,
.earn-title-btn {
  color: #fff;
  font-family: Lato;
  font-style: normal;
}

.earn-img-modal {
  width: 200px;
  height: 161px;
  object-fit: contain;
}

.earn-title-btn {
  border-radius: 4px;
  background: #2a9fe8;
  max-width: 167px;
  width: 100%;
  height: 38px;
  border: 1px solid #2a9fe8;
  font-size: 12px;
  font-weight: 600;
  line-height: 18.701px;
  letter-spacing: -0.131px;
  padding-block: 10px;
  margin-bottom: 4px !important;
}

#points_earned .modal-dialog {
  max-width: 320px;
  margin-inline: auto;
}

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

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

.bannar-text-pro-sec {
  padding-block: 10px;
  padding-right: 14px;
}

.bannar-text-pro-sec .bannar-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.252px;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.bannar-text-pro-sec .bannar-para {
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.14px;
  margin-bottom: 8px;
}

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

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

.app-bannar-recard {
  padding: 8px 17px;
  border-radius: 20px;
  background: #f7fbfb;
  display: flex;
  align-items: center;
  gap: 12px;
}

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

.text-bannar-app h2 {
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 15.525px;
  letter-spacing: -0.233px;
  margin-bottom: 4px;
}

.text-bannar-app p {
  color: #353c4d;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.12px;
  margin-bottom: 12px;
}

.scan-image-text p {
  color: #0c1529;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 6.6px;
  font-style: normal;
  font-weight: 400;
  line-height: 17.6px;
  letter-spacing: -0.066px;
  margin-bottom: 0;
  margin-top: 10px;
}

/* html bannar */
.html-bannar-mob {
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 26px;
  padding-right: 81px;
  padding-block: 12px;
}

.mobileimage-gm {
  height: 100%;
  width: max-content;
}

.html-bannar-mob p {
  font-family: Lato;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  color: #ffffff;
  margin-bottom: 18px;
  max-width: 362px;
  text-shadow: 0px 0px 7.3px rgba(0, 0, 0, 0.5);
}

.image-btn-html {
  display: flex;
  align-items: center;
  gap: 12px;
}

.image-btn-html img {
  border-radius: 0px !important;
}

/* discount-price-card */
.discount-price-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.discount-price-card span:first-of-type {
  font-family: Lato;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #aeb1b8;
  text-decoration: line-through;
}

.discount-price-card span:last-of-type {
  font-family: Lato;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #2f9461;
  border-radius: 2px;
  background-color: #e7ffe4;
  padding-inline: 6px;
}

.download-app {
  background-color: #ecf5ff;
  padding: 14px 26px;
  margin-top: auto;
  margin-bottom: 0px;
  list-style-type: none;
}

.app-title {
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 2px;
}

.app-para {
  font-family: Lato;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 12px;
}

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

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

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

.para-sign50 {
  font-family: Lato;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.014em;
  color: #000000;
  margin-bottom: 12px;
  text-align: center;
}
/* sell by type */
.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;
  justify-content: end;
  flex-grow: 1;
  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: 24px;
  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;
}
.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: 13px;
  line-height: 15px;
  margin-top: 10px;
}
.cookie_session .offcanvas-body {
  padding: 16px;
  flex-wrap: wrap;
  gap: 8px;
}
/* editor css */
.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: 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;
}
.sat-search-editor 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; */
}
.sat-search-editor a {
  color: #2384c1 !important;
}
#negotiate_dealer_sidebar.offcanvas.offcanvas-end {
  width: 100%;
}
#negotiate_dealer_sidebar.offcanvas.offcanvas-end .btn-close {
  padding: 10px;
  opacity: 1;
  height: 0.5em;
  width: 0.5em;
  background: transparent var(--bs-btn-close-bg) center / 0.8em auto no-repeat;
}
#negotiate_dealer_sidebar.offcanvas.offcanvas-end .offcanvas-title {
  font-size: 18px;
  font-family: Lato;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #000000;
  margin-bottom: 0px;
}
#used_negotiate_dealer_sidebar.offcanvas.offcanvas-end {
  width: 100%;
}
#used_negotiate_dealer_sidebar.offcanvas.offcanvas-end .btn-close {
  padding: 10px;
  opacity: 1;
  height: 0.5em;
  width: 0.5em;
  background: transparent var(--bs-btn-close-bg) center / 0.8em auto no-repeat;
}
#used_negotiate_dealer_sidebar.offcanvas.offcanvas-end .offcanvas-title {
  font-size: 18px;
  font-family: Lato;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #000000;
  margin-bottom: 0px;
}
/* editor css */
/* negotiate sidebar */
#negotiate_dealer_sidebar .para {
  font-family: Lato;
  font-weight: 500;
  font-size: 16px;
  line-height: 46px;
  margin-bottom: 0px;
}
#used_negotiate_dealer_sidebar .para {
  font-family: Lato;
  font-weight: 500;
  font-size: 14px;
  line-height: 46px;
  margin-bottom: 0px;
}
.offcanvas .offcanvas .input-card-amount-div .amount-select .button-text {
  color: #000000 !important;
}
.offcanvas .offcanvas .input-card-amount-div {
  background-color: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  max-width: 150px;
}
.input-card-amount-div.error {
  border: 1px solid #f04438 !important;
}
.select-input-cmn.error {
  border: 1px solid #f04438 !important;
}
.offcanvas .offcanvas .input-card-amount-div .amount-input {
  border: none;
  outline: none;
  width: 100%;
  border: none;
  outline: none;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #667085;
}
.offcanvas .offcanvas .input-card-amount-div .amount-select {
  width: 50px;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 500;
  line-height: 19.54px;
  letter-spacing: -0.01em;
  color: #353c4d;
  border: none;
  outline: none;
  background-color: transparent;
}
.offcanvas .offcanvas .input-card-amount-div .dropdown-toggle {
  background-color: transparent;
  border: none;
  outline: none;
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #353c4d;
  padding-left: 9px;
  border-left: 1px solid black;
  /* min-width: 48px; */
}
.offcanvas .offcanvas .input-card-amount-div .dropdown-menu {
  max-width: max-content;
  min-width: 0px;
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #353c4d;
  padding: 12px;
  border: none;
  border-radius: 12px;
  box-shadow: 0px 12px 36px 0px rgba(47, 43, 67, 0.2);
  max-height: 260px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.offcanvas .offcanvas .input-card-amount-div .dropdown-menu .dropdown-item {
  padding: 6px 10px;
  cursor: pointer;
  border-bottom: 1px solid #ced0d4;
}
.offcanvas .offcanvas .input-card-amount-div .dropdown-toggle {
  background-color: transparent;
  border: none;
  outline: none;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #353c4d;
  display: flex;
  align-items: center;
  gap: 5px;
  padding-left: 9px;
  border-left: 1px solid #d0d5dd;
}
.offcanvas .offcanvas .input-card-amount-div .dropdown-menu {
  max-width: max-content;
  min-width: 0px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #353c4d;
  padding: 12px;
  border: none;
  border-radius: 6px;
  box-shadow: 0px 12px 36px 0px rgba(47, 43, 67, 0.2);
  max-height: 209px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.offcanvas .offcanvas .input-card-amount-div .dropdown-toggle::after {
  display: none;
}
.offcanvas
  .offcanvas
  .input-card-amount-div
  .dropdown-menu
  .dropdown-item.active {
  color: #2384c1;
  background-color: transparent;
  font-weight: 700;
}
.offcanvas
  .offcanvas
  .input-card-amount-div
  .dropdown-menu
  .dropdown-item:hover {
  color: #2384c1;
  background-color: transparent !important;
}
.offcanvas .offcanvas .input-card-amount-div .dropdown-menu .dropdown-item {
  padding: 6px 10px;
  cursor: pointer;
  border-bottom: 1px solid #ced0d4;
}
.offcanvas
  .offcanvas
  .input-card-amount-div
  .dropdown-menu
  .dropdown-item:last-of-type {
  border: none;
}
.offcanvas
  .offcanvas
  .input-card-amount-div
  .dropdown-toggle[aria-expanded="false"]
  .fa-chevron-up {
  transform: rotate(180deg);
  font-size: 12px;
  color: black;
}
.offcanvas
  .offcanvas
  .input-card-amount-div
  .dropdown-toggle[aria-expanded="true"]
  .fa-chevron-up {
  transform: rotate(360deg);
  font-size: 12px;
  color: black;
}
.offcanvas .cmn-drp {
  min-width: 170px;
  max-width: 215px;
  display: inline-block;
}
.offcanvas .select-input-cmn {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px;
  background-color: #ffffff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  font-family: "Lato", sans-serif, Arial;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  width: 100%;
  color: #000000;
}
/* ============================== select custom  ==============================*/
.offcanvas .select-input-cmn.dropdown-toggle::after {
  border: none;
  content: none;
  /* transform: rotate(180deg); */
}
.offcanvas .select-input-cmn .fa-chevron-up {
  transform: rotate(180deg);
  font-size: 9px;
}
.offcanvas .select-input-cmn.show .fa-chevron-up {
  transform: rotate(360deg);
}
.offcanvas .select-input-cmn span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: calc(100% - 13px);
}
.offcanvas .select-input-cmn {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px;
  background-color: #ffffff;
  border: 1px solid #0000001a;
  border-radius: 6px;
  font-family: "Lato", sans-serif, Arial;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  width: 100%;
  color: #000000;
}
.offcanvas .offcanvas .input-card-amount-div .amount-select .button-text {
  color: #000000 !important;
}
.offcanvas .select-input-cmn .button-text {
  font-size: 14px;
  color: #667085 !important;
}
.offcanvas .cmn-drp {
  min-width: 170px;
  max-width: 215px;
  display: inline-block;
}
.offcanvas .cmn-drp .search-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #0000001a;
  border-radius: 6px;
  font-family: "Lato", sans-serif, Arial;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
}
.offcanvas .cmn-drp .search-input:focus {
  outline: none;
  border-color: #0099ffa9;
}
.offcanvas .cmn-drp .dropdown-menu {
  font-family: "Lato", sans-serif, Arial;
  font-size: 14px;
  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-block: 0px;
  overflow-x: auto;
  max-height: 208px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.offcanvas .cmn-drp .dropdown-menu .dropdown-item {
  font-family: "Lato", sans-serif, Arial;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #000000;
  padding: 12px 10px;
}
.offcanvas .cmn-drp .dropdown-menu .dropdown-item:hover {
  cursor: pointer;
}
.offcanvas .cmn-drp .dropdown-item.active,
.offcanvas .cmn-drp .dropdown-item:active {
  background-color: #f7f8fb;
}
.offcanvas .cmn-drp .dropdown-item:hover {
  background-color: #f7f8fb;
  color: #000000;
}
.offcanvas .satSelectList .dropdown-item.highlighted {
  background-color: #007bff;
  color: white;
}
.count-port-selection {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nego-btn {
  padding: 12px 42px;
  border-radius: 4px;
  font-family: Lato;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  background-color: var(--color-blue-60);
  border: 1px solid var(--color-blue-60);
  color: white;
}
.nego-btn[disabled] {
  background-color: #2f2b431a;
  border: 1px solid #2f2b431a;
  color: #2f2b4380;
}
.negotiate-modal .title {
  font-family: Lato;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
}
.negotiate-modal .para {
  font-family: Lato;
  font-weight: 500;
  font-size: 16px;
  line-height: 46px;
  margin-bottom: 0px;
}
.negotiate-modal .para span {
  color: #1c6a9b;
}
.offcanvas .input-card-amount-div {
  background-color: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  max-width: 150px;
}
.offcanvas .input-card-amount-div .amount-input {
  border: none;
  outline: none;
  width: 100%;
  border: none;
  outline: none;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #667085;
}
.offcanvas .input-card-amount-div .amount-select {
  width: 50px;
  font-family: "Lato";
  font-size: 14px;
  font-weight: 500;
  line-height: 19.54px;
  letter-spacing: -0.01em;
  color: #353c4d;
  border: none;
  outline: none;
  background-color: transparent;
}
.offcanvas .input-card-amount-div .dropdown-toggle {
  background-color: transparent;
  border: none;
  outline: none;
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #353c4d;
  padding-left: 9px;
  border-left: 1px solid #d0d5dd;
  /* min-width: 48px; */
}
.offcanvas .input-card-amount-div .dropdown-menu {
  max-width: max-content;
  min-width: 0px;
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #353c4d;
  padding: 12px;
  border: none;
  border-radius: 12px;
  box-shadow: 0px 12px 36px 0px rgba(47, 43, 67, 0.2);
  max-height: 260px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.offcanvas .input-card-amount-div .dropdown-menu .dropdown-item {
  padding: 6px 10px;
  cursor: pointer;
  border-bottom: 1px solid #ced0d4;
}
.offcanvas .input-card-amount-div .dropdown-toggle {
  background-color: transparent;
  border: none;
  outline: none;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #353c4d;
  display: flex;
  align-items: center;
  gap: 9px;
  padding-left: 9px;
  border-left: 1px solid #353c4d;
}
.offcanvas .input-card-amount-div .dropdown-menu {
  max-width: max-content;
  min-width: 0px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #353c4d;
  padding: 12px;
  border: none;
  border-radius: 6px;
  box-shadow: 0px 12px 36px 0px rgba(47, 43, 67, 0.2);
  max-height: 209px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.offcanvas .input-card-amount-div .dropdown-toggle::after {
  display: none;
}
.offcanvas .input-card-amount-div .dropdown-menu .dropdown-item.active {
  color: #2384c1;
  background-color: transparent;
  font-weight: 700;
}
.offcanvas .input-card-amount-div .dropdown-menu .dropdown-item:hover {
  color: #2384c1;
  background-color: transparent !important;
}
.offcanvas .input-card-amount-div .dropdown-menu .dropdown-item {
  padding: 6px 10px;
  cursor: pointer;
  border-bottom: 1px solid #ced0d4;
}
.offcanvas .input-card-amount-div .dropdown-menu .dropdown-item:last-of-type {
  border: none;
}
.offcanvas
  .input-card-amount-div
  .dropdown-toggle[aria-expanded="false"]
  .fa-chevron-up {
  transform: rotate(180deg);
  font-size: 9px;
  color: black;
}
.offcanvas
  .input-card-amount-div
  .dropdown-toggle[aria-expanded="true"]
  .fa-chevron-up {
  transform: rotate(360deg);
  font-size: 9px;
  color: black;
}
#negotiate_dealer_newcar .modal-dialog {
  max-width: 650px;
}
/* ============================== select custom ==============================*/
/* negotiate sidebar */
@media screen and (min-width: 390px) and (max-width: 500px) {
  .html-bannar-mob p {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 18px;
    max-width: 226px;
  }

  .html-bannar-mob {
    padding-left: 26px;
    padding-right: 51px;
    padding-block: 12px;
  }
}

@media screen and (min-width: 320px) and (max-width: 389px) {
  .html-bannar-mob p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    max-width: 226px;
  }

  .html-bannar-mob {
    padding-inline: 26px;
    padding-block: 12px;
  }

  .mobileimage-gm {
    width: max-content;
    min-width: 60px;
    margin-left: 10px;
    object-fit: contain;
  }
}
.btn-sell-mycar {
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 10px;
  max-width: 120px;
  width: 100%;
  border: 1px solid #1c6a9b;
  background-color: #1c6a9b;
  font-family: Lato;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}
.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;
} */
.card-search-filder.ver2 {
  box-shadow: 0px 4px 4px 0px rgba(108, 121, 174, 0.1);
  padding: 16px;
  border-radius: 12px;
  background-color: #ecf5ff;
  margin-block: 10px;
}
.card-search-filder.ver2 .search-btn-fltr {
  box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.1);
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
  font-family: Lato;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #858a94;
}
.card-search-filder.ver2 .search-btn-fltr i {
  color: #5d6370;
  font-size: 12px;
}
.card-search-filder.ver2 .search-btn-fltr.redirection {
  margin-top: 12px;
  justify-content: center;
  gap: 6px;
  border-color: #1c6a9b;
  background-color: #1c6a9b;
  color: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 360px) {
  .btn-sell-mycar {
    padding: 1px 10px;
    max-width: 92px;
    font-size: 12px;
  }
  #components_mobiles_header {
    gap: 12px;
  }
}
@media screen and (max-width: 374px) {
  .favorite-header-icon {
    display: none;
  }
}
.btn-nego-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #c1c1c1 !important;
  border-color: #c1c1c1 !important;
}