@charset "UTF-8";
/*===================main nav===================*/
.grid-2:after, .grid-3:after, .grid-4:after, .grid-5:after, .grid-6:after, .container:after,
.main:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/************************all time required css start**************************/
html,
body {
  font-size: 100%;
  font-family: poppins-regular, sans-serif;
  color: #24272c;
  font-size: 14px;
  line-height: 1.5;
  height: 100%;
}

p {
  margin: 0px 0px 0px 0px;
  line-height: 1.5;
}

a {
  color: #4b8645;
}

* {
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
  -webkit-text-size-adjust: none;
  -webkit-highlight: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

body {
  margin: 0 auto;
  background: #F6F6F6;
}

a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul,
span {
  list-style: none;
  text-decoration: none;
  outline: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

img:not(.auto-height) {
  max-width: 100%;
  height: auto;
  outline: none;
}

i {
  font-style: normal;
}

.button,
.button-cta,
.card-link,
.card-link2,
body,
button,
input,
select,
textarea,
a {
  outline: none;
}

input,
textarea {
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  resize: none;
}

button::-moz-focus-inner {
  border: 0;
}

button:focus,
[role=button]:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input:not([type=range]),
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #000;
}

table {
  width: 100%;
  border-collapse: collapse;
}

fieldset {
  border: 0;
}

h1, h2 {
  font-weight: 600;
}

h3,
h4,
h5,
h6,
th,
strong {
  font-weight: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/************************all time required css end**************************/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-button {
  width: 0;
}

::-webkit-scrollbar-track-piece {
  background: rgba(36, 39, 44, 0.1);
  width: 0;
}

::-webkit-scrollbar-thumb {
  background: rgba(36, 39, 44, 0.2);
  border-radius: 3px;
}

@media only screen and (max-width: 768px) {
  ::-webkit-scrollbar {
    width: 0;
    height: 0px;
  }
}
.m-xl {
  margin: 24px;
}

.m-xxl-t {
  margin-top: 32px;
}

.m-t-60 {
  margin-top: 60px;
}

.p-y-60 {
  padding: 60px 0;
}

.m-xl-t {
  margin-top: 24px;
}

.m-xl-b {
  margin-bottom: 24px;
}

.m-xl-l {
  margin-inline-start: 24px;
}

.m-xl-r {
  margin-inline-end: 24px;
}

.m-lg {
  margin: 20px;
}

.minus-m-lg {
  margin: -20px;
}

.m-lg-t {
  margin-top: 20px;
}

.m-lg-b {
  margin-bottom: 20px;
}

.m-lg-l {
  margin-inline-start: 20px;
}

.m-lg-r {
  margin-inline-end: 20px;
}

.minus-m-lg-l-r {
  margin-inline-start: -20px;
  margin-inline-end: -20px;
}

.minus-m-lg-t {
  margin-top: -20px;
}

.minus-m-lg-r {
  margin-inline-end: -20px;
}

.minus-m-lg-l-r {
  margin-inline-start: -20px;
  margin-inline-end: -20px;
}

.m-md {
  margin: 16px;
}

.m-md-t {
  margin-top: 16px;
}

.m-md-b {
  margin-bottom: 16px;
}

.m-md-l {
  margin-inline-start: 16px;
}

.m-md-r {
  margin-inline-end: 16px;
}

.minus-m-md-t {
  margin-top: -16px;
}

.minus-m-md-l-r {
  margin-inline-start: -16px;
  margin-inline-end: -16px;
}

.minus-m-md-l {
  margin-inline-start: -16px;
}

.m-sm {
  margin: 8px;
}

.m-sm-t {
  margin-top: 8px;
}

.m-sm-b {
  margin-bottom: 8px;
}

.m-sm-l {
  margin-inline-start: 8px;
}

.m-sm-r {
  margin-inline-end: 8px;
}

.minus-m-sm-t {
  margin-top: -8px;
}

.minus-m-sm-l-r {
  margin-inline-start: -8px;
  margin-inline-end: -8px;
}

.m-xs {
  margin: 4px;
}

.m-xs-t {
  margin-top: 4px;
}

.m-xs-b {
  margin-bottom: 4px;
}

.m-xs-l {
  margin-inline-start: 4px;
}

.m-xs-r {
  margin-inline-end: 4px;
}

.minus-m-xs-l-r {
  margin-inline-start: -4px;
  margin-inline-end: -4px;
}

.p-xl {
  padding: 24px;
}

.p-xl-t {
  padding-top: 24px;
}

.p-xl-b {
  padding-bottom: 24px;
}

.p-xl-l {
  padding-inline-start: 24px;
}

.p-xl-r {
  padding-inline-end: 24px;
}

.p-lg {
  padding: 20px;
}

.p-lg-t {
  padding-top: 20px;
}

.p-lg-b {
  padding-bottom: 20px;
}

.p-lg-l {
  padding-inline-start: 20px;
}

.p-lg-r {
  padding-inline-end: 20px;
}

.p-lg-l-r {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

.p-md {
  padding: 16px;
}

.p-md-t {
  padding-top: 16px;
}

.p-md-b {
  padding-bottom: 16px;
}

.p-md-l {
  padding-inline-start: 16px;
}

.p-md-r {
  padding-inline-end: 16px;
}

.p-md-l-r {
  padding-inline-end: 16px;
  padding-inline-start: 16px;
}

.p-md-t-b {
  padding-top: 16px;
  padding-bottom: 16px;
}

.p-sm {
  padding: 8px;
}

.p-sm-t {
  padding-top: 8px;
}

.p-sm-b {
  padding-bottom: 8px;
}

.p-sm-l {
  padding-inline-start: 8px;
}

.p-sm-r {
  padding-inline-end: 8px;
}

.p-xs {
  padding: 4px;
}

.p-xs-t {
  padding-top: 4px;
}

.p-xs-b {
  padding-bottom: 4px;
}

.p-xs-l {
  padding-inline-start: 4px;
}

.p-xs-r {
  padding-inline-end: 4px;
}

.m-0-t {
  margin-top: 0;
}

.m-0-b {
  margin-bottom: 0;
}

.p-0-b,
.card-panel.p-0-b {
  padding-bottom: 0;
}

.p-0-t {
  padding-top: 0;
}

.p-l-0 {
  padding-inline-start: 0px;
}

.p-t-0 {
  padding-top: 0;
}
.p-t-0.btn-view-all {
  padding-top: 0;
}

.m-t-2 {
  margin-top: 2px;
}

.m-l-20 {
  margin-inline-start: -20px;
}

.m-l-auto {
  margin-inline-start: auto;
}

.m-r-auto {
  margin-inline-end: auto;
}

.m-auto {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.px-iframe-30 {
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}
@media only screen and (max-width: 640px) {
  .px-iframe-30 {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }
}

.minus-m-lg-l {
  margin-inline-start: -20px;
}

.m-auto {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.m-btn-fixed {
  margin-bottom: 72px;
}

.p-xxl-r {
  padding-inline-end: 40px;
}

.p-xxl-l {
  padding-inline-start: 40px;
}

.p-xxl-t {
  padding-top: 40px;
}

.p-xxl-b {
  padding-bottom: 40px;
}

.d-hide {
  display: none;
}

.block,
.d-block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.p-rel {
  position: relative;
}

.p-sticky {
  position: sticky;
}

.p-fixed {
  position: fixed;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-inline-flex {
  display: inline-flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-space-around {
  justify-content: space-around;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.align-start {
  align-items: flex-start;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(36, 39, 44, 0.4);
  overflow: hidden;
  z-index: 99;
}

.o-hidden {
  overflow: hidden;
}

.o-x-hidden {
  overflow-x: hidden;
}

.o-scroll {
  overflow: auto;
}

.v-middle {
  vertical-align: middle;
}

.ic-whatsapp {
  height: 16px;
  width: 16px;
  background: url("../../../images/fonts-png/WhatsApp.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.4s ease-in-out;
}

.error {
  color: red;
  display: block;
  margin-top: 4px;
}

.valid {
  color: green;
  display: block;
  margin-top: 4px;
}

.hidden {
  opacity: 0;
  height: 0;
  pointer-events: none;
  overflow: hidden;
  margin-bottom: 0;
}

.bg-grey {
  background: #f8f8f9;
}

.image-bg-color {
  background: #f4f6f9;
}

.bg-accent-light {
  background: #cdebfb;
}

.border-bottom {
  border-bottom: 1px solid rgba(36, 39, 44, 0.2);
}

.border-top {
  border-top: 1px solid rgba(36, 39, 44, 0.2);
}

.border-right {
  border-right: 1px solid rgba(36, 39, 44, 0.2);
}

.border {
  border: 1px solid rgba(36, 39, 44, 0.2);
}

.border-dashed {
  border: 1px dashed rgba(36, 39, 44, 0.2);
}

.border-top-dashed {
  border-top: 1px dashed rgba(36, 39, 44, 0.2);
}
.border-top-dashed.color-black {
  border-color: #000;
}

.border-light {
  border-color: rgba(36, 39, 44, 0.13);
}

.fixed-bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.hide {
  display: none;
}

.transition {
  transition: all 0.3s linear;
}

.pointer {
  cursor: pointer;
}

.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

.sticky-top {
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}

.sticky-bottom {
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.icon-star-filled:before,
.icon-star-empty:before,
.icon-star-half:before {
  color: #f79712;
}

.fixed-container {
  padding-top: 56.25%;
  position: relative;
  background: #f0f1f3;
  overflow: hidden;
  background: #f4f6f9;
}
.fixed-container img {
  width: 100%;
  display: block;
  margin: 0 auto;
  top: 50%;
  left: 0;
  position: absolute;
  transform: translateY(-50%);
}

.image-object-fit {
  height: 140px;
  overflow: hidden;
}
.image-object-fit img {
  object-fit: cover;
  height: inherit;
  background: #f4f6f9;
}

.list-block li {
  line-height: 40px;
  margin-bottom: 4px;
}
.list-block li.active {
  color: #4b8645;
}

.rounded {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
}

.rounded-16 {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
}

.rounded-30 {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
}

.rounded-40 {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
}

.list-inline li, .list-inline > * {
  display: inline-block;
}

.list-bullet {
  list-style: none;
}
.list-bullet li::before {
  content: "•";
  color: #4b8645;
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  line-height: 13px;
  vertical-align: middle;
}

.icon-tick:before {
  color: #30b38a;
}

.footer-margin {
  margin-bottom: 64px;
}

.t-green {
  color: #019E43;
}

.linkOpt::before {
  content: attr(data-before);
  margin-inline-end: 3px;
}

.body__overview {
  overflow-y: hidden;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.bg-light {
  background-color: #f1f6fa;
}
.bg-light.shadow-dark {
  box-shadow: 0 0 0 0;
}

.bg-ads,
.bg-media {
  background-color: #E7F6FA;
}
.bg-ads.shadow-dark,
.bg-media.shadow-dark {
  box-shadow: 0 0 0 0;
}
.bg-ads .bg-ads,
.bg-ads .write-review-banner,
.bg-media .bg-ads,
.bg-media .write-review-banner {
  background-color: transparent;
}
.bg-ads.card-rounded,
.bg-media.card-rounded {
  background-color: #E7F6FA;
}

.bg-transparent {
  background-color: transparent;
}

.bg-grey {
  background: #f8f8f9;
}
.bg-grey.shadow-dark {
  box-shadow: 0 0 0 0;
}

.bg-white {
  background: #fff;
}
.bg-white.shadow-dark {
  box-shadow: 0 0 0 0;
}

.header-height {
  height: 56px;
}

.expired {
  background: rgba(238, 71, 71, 0.1);
  color: #EE4747;
  font-size: 10px;
  font-family: poppins-semibold, sans-serif;
  line-height: 16px;
  border-radius: 8px;
  padding: 0 10px;
  display: inline-block;
}

.tag-featured {
  text-transform: uppercase;
  font-size: 11px;
  font-family: poppins-semibold, sans-serif, sans-serif;
  border: 1px solid rgba(36, 39, 44, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  padding: 4px;
}

.tag-chip {
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  padding: 2px 11px;
  color: #3263D3;
  line-height: 20px;
  background: #F5F7FF;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 8px;
}

.tag-offer {
  padding: 0px 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  color: #30B38A;
  text-align: center;
  font-size: 12px;
  background: #F1FFFB;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
}
.tag-offer b {
  font-family: poppins-semibold, sans-serif;
  font-weight: normal;
}

.videos .card-image {
  padding-top: 56.25%;
}
.videos .card-image > * {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.image-wrapper {
  overflow: hidden;
  background: #f4f6f9;
  position: relative;
}
.image-wrapper img {
  object-fit: cover;
  height: inherit;
}

.author-img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

iframe {
  border: none;
}

#recommended-vehicle .shadow-dark:last-child {
  margin-bottom: 16px;
}

.border-radius-6 {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

.border-radius-12 {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
}

.border-radius-8 {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
}

.rotate-minus-90 {
  transform: rotate(-90deg);
}

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

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-minus-180 {
  transform: rotate(-180deg);
}

.variant-selector {
  position: relative;
  padding-inline-end: 40px;
}
.variant-selector.popup-trigger {
  display: block;
}
.variant-selector i {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}

.all-td-block td {
  display: block;
}
.all-td-block td.d-flex {
  display: flex;
}

.word-break {
  word-break: break-word;
}

@media only screen and (max-width: 768px) {
  .wap-hidden {
    display: none;
  }
}
.bg-media-2 {
  background-color: #F3FAFC;
}

@font-face {
  font-family: "icomoon";
  src: url("../../../fonts/icomoon.eot?crxkw2");
  src: url("../../../fonts/icomoon.eot?crxkw2#iefix") format("embedded-opentype"), url("../../../fonts/icomoon.ttf?crxkw2") format("truetype"), url("../../../fonts/icomoon.woff?crxkw2") format("woff"), url("../../../fonts/icomoon.svg?crxkw2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-recent:before {
  content: "\e917";
}

.icon-review:before {
  content: "\e929";
}

.icon-specs:before {
  content: "\e928";
}

.icon-variable:before {
  content: "\e927";
}

.icon-like-filled:before {
  content: "\e925";
}

.icon-download:before {
  content: "\e924";
}

.icon-price:before {
  content: "\e923";
}

.icon-fuel:before {
  content: "\e91d";
}

.icon-sort:before {
  content: "\e91e";
}

.icon-filter:before {
  content: "\e91f";
}

.icon-brand:before {
  content: "\e920";
}

.icon-mail:before {
  content: "\e921";
}

.icon-location:before {
  content: "\e907";
}

.icon-similar:before {
  content: "\e91c";
}

.icon-info:before {
  content: "\e91b";
}

.icon-offer:before {
  content: "\e919";
}

.icon-mike:before {
  content: "\e91a";
}

.icon-trending:before {
  content: "\e918";
}

.icon-language:before {
  content: "\e915";
}

.icon-play:before {
  content: "\e916";
}

.icon-compare:before {
  content: "\e912";
}

.icon-variants:before {
  content: "\e913";
}

.icon-my-account:before {
  content: "\e914";
}

.icon-comment:before {
  content: "\e911";
}

.icon-back:before {
  content: "\e909";
}

.icon-share-2:before {
  content: "\e90a";
}

.icon-share:before {
  content: "\e90b";
}

.icon-heart-filled:before {
  content: "\e90f";
}

.icon-heart-blank:before {
  content: "\e910";
}

.icon-star-empty:before {
  content: "\e971";
}

.icon-star-filled:before {
  content: "\e972";
}

.icon-star-half:before {
  content: "\e973";
}

.icon-undo:before {
  content: "\e908";
}

.icon-undo2:before {
  content: "\e908";
}

.icon-like:before {
  content: "\e90c";
}

.icon-dislike:before {
  content: "\e90e";
}

.icon-search:before {
  content: "\e906";
}

.icon-close:before {
  content: "\e905";
}

.icon-tick:before {
  content: "\e904";
}

.icon-arrow-left:before {
  content: "\e900";
}

.icon-gps:before {
  content: "\e901";
}

.icon-edit:before {
  content: "\e902";
}

.icon-call:before {
  content: "\e903";
}

.icon-bars:before {
  content: "\e90d";
}

.icon-location-2:before {
  content: "\e922";
}

.icon-gallery:before {
  content: "\e92b";
}

.icon-dislike-filled:before {
  content: "\e926";
}

.icon-plus:before {
  content: "\e92a";
}

.icon-minus:before {
  content: "\e938";
}

.icon-sorry:before {
  content: "\e96a";
}

@font-face {
  font-family: "poppins-medium";
  src: url("../../../fonts/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "poppins-regular";
  src: url("../../../fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "poppins-semibold";
  src: url("../../../fonts/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.container,
.main {
  width: 1160px;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}
.container .col-2,
.main .col-2 {
  float: left;
  width: 800px;
  padding-inline-end: 20px;
}
.container .col-2.center,
.main .col-2.center {
  margin: 0 auto;
  float: none;
}
.container .col-1,
.main .col-1 {
  float: right;
  width: 360px;
}

.blog-container {
  max-width: 800px;
  margin: 0 auto;
}

.layout-full .container {
  width: 1260px;
}

.layout-listing .container {
  width: 1260px;
}
.layout-listing .container .col-1 {
  width: 300px;
  float: left;
}
.layout-listing .container .col-2 {
  width: 960px;
  float: right;
  padding-inline-start: 30px;
}

.body-blackout {
  position: fixed;
  z-index: 1010;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  display: none;
  overflow: hidden;
}
.body-blackout.is-blacked-out {
  display: block;
}

.popup-trigger {
  display: inline-block;
}
.popup-trigger.hide {
  display: none;
}

.popup-modal {
  background-color: #fff;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s linear;
  z-index: 9999;
  position: fixed;
  overflow: auto;
  display: none;
}
.popup-modal.center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  max-height: 90vh;
}
.popup-modal.top {
  left: 0;
  right: 0;
  top: 0;
  max-height: 90vh;
}
.popup-modal.top.card {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.popup-modal.bottom {
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 67vh;
  transform: translateY(67vh);
  display: block;
  opacity: 1;
}
.popup-modal.bottom.card {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.popup-modal.bottom {
  padding-top: 0;
}
.popup-modal.bottom .popup-modal-close {
  right: 0;
}
.popup-modal.bottom .popup-modal-close.r-lg {
  right: 20px;
}
.popup-modal.bottom.is--visible {
  transform: translateY(0);
}
.popup-modal.bottom.is--visible {
  transform: translateY(0);
}
.popup-modal.full {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  max-height: 100vh;
  overflow: auto;
}

.popup-modal.is--visible {
  opacity: 1;
  pointer-events: auto;
  display: block;
}

.popup-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 21px;
}
.popup-modal-close.icon-close {
  font-size: 10px;
}
.popup-modal-close.icon-arrow-left {
  right: auto;
  left: 0;
  top: 0;
  position: relative;
  display: block;
  margin-bottom: 20px;
}

/* ===== Header Start ===== */
header.site-header {
  background: #FFFFFF;
  z-index: 99;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  font-size: 13px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  transition: all 0.3s ease;
  will-change: bottom;
}
header.site-header .container {
  height: 68px;
}
header.site-header .logo img {
  display: block;
  width: auto;
  max-height: 40px;
}

.ic-phone {
  height: 22px;
  width: 22px;
  background: url("../../../images/fonts-png/phone.png") no-repeat;
  background-size: 100%;
  display: inline-block;
}

.ic-mail {
  height: 22px;
  width: 37px;
  background: url("../../../images/fonts-png/mail.png") no-repeat;
  background-size: 100%;
  display: inline-block;
}

.header-menu {
  padding-inline-end: 35px;
  margin-inline-end: 35px;
  border-inline-end: 1px solid rgba(36, 39, 44, 0.13);
}
.header-menu li + li {
  padding: 4px 0 4px 35px;
}
.header-menu li a {
  color: #24272c;
}
.header-menu li.active a, .header-menu li:hover a {
  color: #4b8645;
}

@media only screen and (max-width: 991px) {
  .header-menu {
    padding-inline-end: 24px;
    margin-inline-end: 24px;
  }
  .header-menu li + li {
    padding-inline-start: 24px;
  }
}
/* ===== Footer Start ===== */
footer {
  background: #24272c;
  border-top: 1px solid rgba(36, 39, 44, 0.2);
  font-size: 12px;
  color: #fff;
  margin-top: auto;
}
@media only screen and (min-width: 768px) {
  footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  footer .container:after {
    display: none;
  }
  footer .container ul:first-child {
    padding-right: 50px;
  }
}
footer .socialblock {
  display: flex;
  margin: 20px 0;
}
footer .socialblock .socil-link {
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin-inline-start: 6px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  background: #fff;
  text-align: center;
  display: block;
  vertical-align: middle;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
footer .socialblock .socil-link img {
  filter: grayscale(100%);
  line-height: 24px;
}
footer .socialblock .socil-link:first-child {
  margin-inline-start: 0;
}
footer .socialblock .socil-link:hover img {
  filter: grayscale(0);
}
footer .socialblock .socil-link i {
  width: 14px;
  height: 14px;
  background-size: 100%;
  vertical-align: middle;
  line-height: 14px;
}

/* ===== Footer End ===== */
.floating-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 20px;
  bottom: 60px;
  animation-name: floatRipple;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  z-index: 9;
}
@media only screen and (min-width: 768px) {
  .floating-btn {
    bottom: 175px;
  }
}
.floating-btn a {
  display: block;
  height: 50px;
  width: 50px;
}
.floating-btn .ic-WhatsApp {
  height: 50px;
  width: 50px;
  background: url(../../../images/WhatsApp.svg) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

@keyframes floatRipple {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.breadcrumb {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 10px;
}
.breadcrumb li {
  display: inline;
  padding-inline-end: 8px;
  position: relative;
  text-transform: capitalize;
  font-size: 10px;
  vertical-align: middle;
}
.breadcrumb li.active {
  display: inline;
}
.breadcrumb li a {
  color: #4b8645;
}
.breadcrumb li::after {
  position: absolute;
  right: 2px;
  top: 50%;
  content: "›";
  display: block;
  height: 10px;
  margin-top: -5px;
}
.breadcrumb li:last-child {
  color: #24272c;
}
.breadcrumb li:last-child::after {
  content: "";
}

.button, .btn-line, .btn-solid {
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 15px;
  font-family: poppins-semibold, sans-serif;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  display: inline-block;
  border: 1px solid transparent;
}
.button.btn-mini, .btn-mini.btn-line, .btn-mini.btn-solid {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
}
.button.width-auto, .width-auto.btn-line, .width-auto.btn-solid {
  width: auto;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  min-width: 140px;
}

.btn-view-all {
  padding-top: 12px;
  font-size: 12px;
  font-family: poppins-semibold, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  border: 0;
  border-bottom: 2px dotted #000;
  color: #4b8645;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.btn-view-all.border-0 {
  border: none;
}
.btn-view-all.p-0-t {
  padding-top: 0;
}
.btn-view-all.border-0 {
  border: none;
}
.btn-view-all:after {
  font-family: icomoon;
  content: "\e900";
  display: inline-block;
  transform: rotate(180deg);
  font-size: 10px;
  line-height: 14px;
  margin-inline-start: 4px;
}
.btn-view-all.arrow-down:after {
  transform: rotate(-90deg);
  margin-inline-start: 8px;
}
.btn-view-all.arrow-up:after {
  transform: rotate(90deg);
  margin-inline-start: 8px;
}
.btn-view-all.btn-line {
  height: 36px;
  line-height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid #4b8645;
  color: #4b8645;
  margin-top: 20px;
  padding-top: 0;
  max-width: 360px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding-inline-start: 3px;
}
.btn-view-all.btn-grey {
  border: 1px solid #484848;
  color: #28333f;
}
.btn-view-all span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 20px);
}
.btn-view-all.hide {
  display: none;
}

.btn-solid {
  background: #f34653;
  width: 100%;
  color: #fff;
}
.btn-solid.bg-accent {
  background: #4b8645;
}
.btn-solid.bg-primary {
  background: #24272c;
}
.btn-solid.btn-accent-light {
  background: rgba(75, 134, 69, 0.1);
  color: #24272c;
}
.btn-solid.width-auto {
  width: auto;
}
.btn-solid .icon-back {
  font-size: 9px;
  vertical-align: middle;
  padding-inline-end: 4px;
}
.btn-solid:disabled, .btn-solid[disabled] {
  background-color: #D8D8D8;
}
.btn-solid.download i {
  vertical-align: middle;
}

button:disabled, button[disabled], a:disabled, a[disabled] {
  background-color: #D8D8D8;
  cursor: default;
}
button:disabled:hover, button[disabled]:hover, a:disabled:hover, a[disabled]:hover {
  box-shadow: none;
}

/*** use it with class button ***/
.btn-whatsapp {
  border: 1px solid #63b161;
  width: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  min-width: 48px;
  color: #63b161;
  background-color: #fff;
}
.btn-whatsapp .ic-whatsapp {
  width: 18px;
  height: 18px;
  background-size: 100%;
}
.btn-whatsapp.large {
  width: 100%;
  color: #63b161;
  font-size: 14px;
}
.btn-whatsapp.large .ic-whatsapp {
  margin-inline-end: 6px;
}
.btn-whatsapp.bg-whatsapp {
  background-color: #63b161;
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.btn-whatsapp.bg-whatsapp .ic-whatsapp {
  background: url("../../../images/whatsapp.svg") no-repeat center;
}
.btn-whatsapp.bg-whatsapp:hover {
  background-color: #fff;
  color: #63b161;
}

.whatsapp-fixed {
  left: auto;
  right: 20px;
  bottom: 20px;
}
.whatsapp-fixed .btn-whatsapp {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.btn-view-fixed {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 24px;
  padding-top: 0;
}
.btn-view-fixed.btn-view-all:after {
  line-height: 24px;
  position: relative;
  top: -1px;
}

.btn-fixed-bottom {
  background: #fff;
  padding: 8px 20px;
  box-shadow: 0 -2px 8px 0 rgba(36, 39, 44, 0.1);
  -webkit-box-shadow: 0 -2px 8px 0 rgba(36, 39, 44, 0.1);
  -moz-box-shadow: 0 -2px 8px 0 rgba(36, 39, 44, 0.1);
  -ms-box-shadow: 0 -2px 8px 0 rgba(36, 39, 44, 0.1);
  border-radius: 1px 1px 0 0;
  -webkit-border-radius: 1px 1px 0 0;
  -moz-border-radius: 1px 1px 0 0;
  -ms-border-radius: 1px 1px 0 0;
  position: sticky;
  left: 0;
  height: 64px;
  right: 0;
  bottom: 0;
  z-index: 11;
  transform: translateY(64px);
  transition: all 0.2s;
}
.btn-fixed-bottom.p-sticky {
  transform: translateY(0);
}
.btn-fixed-bottom.p-fixed {
  transform: translateY(0);
}
.btn-fixed-bottom > .btn-mini {
  height: 36px;
  line-height: 36px;
}

.lead-form .btn-fixed-bottom {
  transform: translateY(0px);
  box-shadow: 0 0 0;
}

.btn-line {
  border: 1px solid #f34653;
  color: #f34653;
  width: 100%;
}
.btn-line.grey {
  border: 1px solid rgba(36, 39, 44, 0.2);
  color: #24272c;
  background-color: transparent;
}
.btn-line .icon-call:before {
  color: #30b38a;
}
.btn-line.btn-more {
  width: fit-content;
  padding-inline-start: 18px;
  padding-inline-end: 18px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  height: 28px;
  line-height: 28px;
  display: block;
}
.btn-line.btn-more.btn-curved {
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
}
.btn-line.btn-more.hide {
  display: none;
}
.btn-line.btn-accent {
  border-color: #4b8645;
  color: #4b8645;
}

.cta-with-call {
  position: relative;
}
.cta-with-call > * {
  vertical-align: middle;
}
.cta-with-call .btn-solid {
  width: calc(100% - 60px);
}
.cta-with-call .btn-call {
  margin-inline-start: 4px;
}

.tab-chips, .features-chips {
  scroll-behavior: smooth;
  white-space: nowrap;
  overflow: auto;
}

.tab-chips > *,
.chip, .features-chips > * {
  display: inline-block;
  min-width: 79px;
  height: 33px;
  line-height: 33px;
  font-size: 13px;
  text-transform: capitalize;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  background: #f4f6f9;
  vertical-align: middle;
  color: #24272c;
  padding: 0 16px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
.tab-chips > * a,
.tab-chips > * span,
.chip a,
.chip span, .features-chips > * a,
.features-chips > * span {
  display: block;
  text-align: center;
  color: #24272c;
}
.tab-chips > *.active, .tab-chips > *[aria-selected=true],
.chip.active,
.chip[aria-selected=true], .features-chips > *.active, .features-chips > *[aria-selected=true] {
  background: rgba(75, 134, 69, 0.07);
  color: #4b8645;
}
.tab-chips > *.active a,
.tab-chips > *.active span, .tab-chips > *[aria-selected=true] a,
.tab-chips > *[aria-selected=true] span,
.chip.active a,
.chip.active span,
.chip[aria-selected=true] a,
.chip[aria-selected=true] span, .features-chips > *.active a,
.features-chips > *.active span, .features-chips > *[aria-selected=true] a,
.features-chips > *[aria-selected=true] span {
  color: #4b8645;
}

.card {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  background-color: #ffffff;
}
.card.js-active-variant {
  border: 1px solid #4b8645;
}
.card.bg-white {
  background: #fff;
}
.card.w-320 {
  width: 320px;
}
.card .vh-name {
  font-size: 15px;
  line-height: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  margin-bottom: 8px;
  color: #24272c;
}
.card .vh-price, .card .vh-finance,
.card .card-title {
  font-size: 16px;
  line-height: 16px;
  display: block;
  font-family: poppins-semibold, sans-serif;
}
.card .vh-price > *, .card .vh-finance > *,
.card .card-title > * {
  margin-top: 8px;
  display: block;
  font-family: poppins-regular, sans-serif;
  font-size: 12px;
}
.card .vh-price > *.m-0-t, .card .vh-finance > *.m-0-t,
.card .card-title > *.m-0-t {
  margin-top: 0px;
}
.card .vh-price, .card .vh-finance,
.card .card-title {
  margin-bottom: 8px;
}
.card .vh-price.min-height-36, .card .vh-finance.min-height-36,
.card .card-title.min-height-36 {
  min-height: 36px;
}
.card .vh-price.min-height-41, .card .vh-finance.min-height-41,
.card .card-title.min-height-41 {
  min-height: 41px;
}
.card .vh-price.min-height-45, .card .vh-finance.min-height-45,
.card .card-title.min-height-45 {
  min-height: 46px;
}
.card .vh-price > .tooltip-chip, .card .vh-finance > .tooltip-chip,
.card .card-title > .tooltip-chip {
  display: inline-block;
  margin-top: 0;
}
.card .vh-price.emi span, .card .vh-price.emi a, .card .vh-finance.emi span, .card .vh-finance.emi a,
.card .card-title.emi span,
.card .card-title.emi a {
  margin-inline-start: 4px;
  font-size: 10px;
  font-family: poppins-regular, sans-serif;
  display: inline-block;
  margin-top: 0;
}
.card .vh-price.m-b-2, .card .vh-finance.m-b-2,
.card .card-title.m-b-2 {
  margin-bottom: 2px;
}
.card .card-title {
  line-height: 24px;
}
.card .vh-launch-date {
  font-size: 12px;
  color: rgba(36, 39, 44, 0.7);
  display: block;
}
.card .vh-launch-date span {
  font-family: poppins-semibold, sans-serif;
  color: #24272c;
  padding-inline-start: 4px;
}
.card .vh-review {
  font-size: 13px;
  margin-bottom: 8px;
  display: block;
}
.card .vh-review span,
.card .vh-review a {
  color: rgba(36, 39, 44, 0.7);
}
.card > img,
.card .card-image > img,
.card .fixed-container > img,
.card .image-wrapper > img {
  border-radius: 12px 12px 0 0;
}
.card .image-wrapper {
  height: 140px;
  border-radius: 12px 12px 0 0;
  position: relative;
}
.card .image-wrapper img {
  object-fit: cover;
  height: inherit;
  width: 100%;
}
.card .custom-control label {
  font-size: 12px;
  line-height: 18px;
}

.card-image {
  position: relative;
  display: block;
  background: #f4f6f9;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.card-image.radius-0 {
  border-radius: 0 0 0 0;
}
.card-image > img {
  display: block;
  margin: 0px auto;
  width: 100%;
}
.card-image .icon-play {
  cursor: pointer;
  font-size: 10px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  background: #fff;
  color: #000;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
}
.card-image .icon-play:before {
  margin-inline-start: 4px;
}

.card-panel {
  padding: 16px;
  position: relative;
}

.shadow-dark {
  box-shadow: 0 2px 20px 0 rgba(40, 51, 63, 0.12);
  -webkit-box-shadow: 0 2px 20px 0 rgba(40, 51, 63, 0.12);
  -moz-box-shadow: 0 2px 20px 0 rgba(40, 51, 63, 0.12);
  margin-bottom: 16px;
  position: relative;
}
.shadow-dark:last-child, .shadow-dark.m-0-b {
  margin-bottom: 0;
}

.shadow-light {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  position: relative;
}

.card-rounded {
  background-color: #fff;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  margin-bottom: 12px;
}
.card-rounded:last-child {
  margin-bottom: 0;
}
.card-rounded #recommended-vehicle .shadow-dark {
  box-shadow: none;
  margin-bottom: 0;
}

.card-cta {
  font-size: 14px;
  color: #4b8645;
  display: block;
}

.list-card > * {
  margin-bottom: 16px;
}
.list-card > *.splide__slide {
  margin-bottom: 16px;
}
.list-card > * .image-wrapper {
  height: 160px;
}
.list-card > * .image-wrapper img {
  min-width: 100%;
}

.tab-panels > * {
  display: none;
}
.tab-panels > *.active {
  display: block;
}

h1 {
  font-size: 20px;
  line-height: inherit;
  font-family: poppins-semibold, sans-serif;
  color: #24272c;
}

h2,
.heading-h2 {
  font-size: 18px;
  line-height: inherit;
  font-family: poppins-semibold, sans-serif;
  color: #24272c;
}

.heading-h3 {
  font-size: 13px;
  line-height: 21px;
  color: #24272c;
}

.card-shadow h2 {
  font-size: 18px;
  line-height: 24px;
}

.f-36 {
  font-size: 36px;
  line-height: 1.5;
}

.f-30 {
  font-size: 30px;
}

.f-27 {
  font-size: 27px;
}

.f-28 {
  font-size: 28px;
}

.f-24 {
  font-size: 24px;
}

.f-20 {
  font-size: 20px;
}

.f-22 {
  font-size: 22px;
}

.f-20 {
  font-size: 20px;
}

.f-18 {
  font-size: 18px;
}

.f-16 {
  font-size: 16px;
}

.f-15 {
  font-size: 15px;
}

.f-14 {
  font-size: 14px;
}

.f-13 {
  font-size: 13px;
}

.f-12 {
  font-size: 12px;
}

.f-11 {
  font-size: 11px;
  line-height: 16px;
}

.f-10 {
  font-size: 10px;
}

.f-8 {
  font-size: 8px;
}

.f-medium {
  font-family: poppins-medium, sans-serif;
}

.f-regular {
  font-family: poppins-regular, sans-serif;
}

.f-semibold {
  font-family: poppins-medium, sans-serif;
}

.f-bold {
  font-family: poppins-semibold, sans-serif;
}

.t-accent {
  color: #4b8645;
}

.t-highlight {
  color: #30b38a;
}

.t-promotional {
  color: #f34653;
}

.t-hint {
  color: rgba(36, 39, 44, 0.7);
}

.t-gray {
  color: rgba(36, 39, 44, 0.5);
}

.info .t-light, .t-light {
  color: #484848;
}

.t-heading {
  color: #24272c;
}

.t-white {
  color: #fff;
}

.t-whatsapp {
  color: #63b161;
}

.t-offer {
  color: #30B38A;
}

.t-valid {
  color: #30b38a;
}

.t-body {
  color: #24272c;
}

.t-center {
  text-align: center;
}

.t-right {
  text-align: end;
}

.t-underline {
  text-decoration: underline;
}

.t-uppercase {
  text-transform: uppercase;
}

.t-nowrap {
  white-space: nowrap;
}

.t-capitalize {
  text-transform: capitalize;
}

.info {
  font-size: 15px;
  margin-top: 8px;
  color: #484848;
}
.info .acc-title {
  color: #24272c;
}

.f-style-normal {
  font-style: normal;
}

.lh-24 {
  line-height: 1.5;
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.ic-facebook-filled {
  background: #365089 url("../../../images/fonts-png/facebook.png") no-repeat center/28px;
}
.ic-facebook-filled.lazy {
  background-image: none;
}

.facebook-filled {
  background: #3c5a9a;
}

.ic-whatsapp-filled {
  background: #67c15e url("../../../images/fonts-png/whatsapp-white.svg") no-repeat center/28px;
}
.ic-whatsapp-filled.lazy {
  background-image: none;
}

.ic-twitter-filled {
  background: #fff url("../../../images/fonts-png/twitter-theme.png") no-repeat center/28px;
  border: 1px solid rgba(36, 39, 44, 0.2);
}
.ic-twitter-filled.lazy {
  background-image: none;
}

.ic-pinterest-filled {
  background: #b71e23 url("../../../images/fonts-png/pinterest.png") no-repeat center/28px;
}
.ic-pinterest-filled.lazy {
  background-image: none;
}

.ic-google-filled {
  background: #db3236 url("../../../images/fonts-png/google.png") no-repeat center/28px;
  font-size: 24px;
  color: #fff;
}
.ic-google-filled.lazy {
  background-image: none;
}

.google-filled {
  background: #c70a0d;
}

.ic-facebook {
  width: 32px;
  height: 32px;
  background: url("../../../images/fonts-png/fb.png") no-repeat center;
  display: inline-block;
}

.ic-youtube {
  width: 32px;
  height: 32px;
  background: url("../../../images/fonts-png/youtube.png") no-repeat center;
  display: inline-block;
}

.ic-instagram {
  width: 32px;
  height: 32px;
  background: url("../../../images/fonts-png/instagram.png") no-repeat center;
  display: inline-block;
}

.ic-twitter {
  width: 32px;
  height: 32px;
  background: url("../../../images/fonts-png/twitter-theme.png") no-repeat center;
  display: inline-block;
}

.social-media li {
  margin-inline-end: 5px;
}
.social-media i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
}
.social-media span {
  width: auto;
  color: rgba(36, 39, 44, 0.7);
  display: block;
  font-size: 10px;
  padding-inline-start: 0;
  text-transform: capitalize;
  margin-top: 5px;
  text-align: center;
}

.ic-whatsapp-line {
  width: 14px;
  height: 14px;
  background: url("../../../images/whatsapp-line.svg") no-repeat center/100%;
  display: inline-block;
  vertical-align: middle;
}
.ic-whatsapp-line.lazy {
  background-image: none;
}

.read-more-less {
  font-size: 15px;
  color: #484848;
  position: relative;
}
.read-more-less .height-hidden {
  transition: all 0.1s ease-in;
}
.read-more-less .height-hidden.content-hidden img {
  display: none;
}
.read-more-less .read-more,
.read-more-less .read-less {
  text-decoration: underline;
  text-transform: capitalize;
}
.read-more-less .read-less {
  position: relative;
  display: block;
  text-align: end;
}
.read-more-less .read-less.hide {
  display: none;
}
.read-more-less .read-more {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #ffffff;
  padding-inline-start: 15px;
}
.read-more-less .read-more:before {
  content: "... ";
  position: absolute;
  left: 0;
  text-decoration: none;
}
.read-more-less .btn-line.btn-more.hide {
  display: none;
}
.read-more-less .btn-view-all.js-read-more:after {
  transform: rotate(-90deg);
}
.read-more-less .btn-view-all.js-read-less:after {
  transform: rotate(90deg);
}
.read-more-less .btn-view-all:after {
  margin-inline-start: 8px;
}
.read-more-less .btn-view-all.btn-more.hide {
  display: none;
}

.height-hidden {
  height: 44px;
  overflow: hidden;
}

.button,
a,
.read-more,
.read-less {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.button:hover,
a:hover,
.read-more:hover,
.read-less:hover {
  color: #4b8645;
}
.button.t-promotional:hover,
a.t-promotional:hover,
.read-more.t-promotional:hover,
.read-less.t-promotional:hover {
  color: #f34653;
}

.onclick-cta {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.onclick-cta:hover {
  color: #4b8645;
}

.acc-title {
  cursor: pointer;
}

.card:not(.listing-card) img {
  transition: all 0.4s ease-in-out;
  vertical-align: middle;
}
.card:not(.listing-card):hover img {
  transform: scale(1.1);
  cursor: pointer;
}
.card:not(.listing-card):hover .fixed-container img {
  transform: translateY(-50%) scale(1.1);
}
.card.exlore-card:hover img.colr-img {
  transform: scale(1);
}

.btn-solid:hover, .btn-solid.pointer:hover {
  box-shadow: 0 3px 6px 0 rgba(243, 70, 83, 0.46);
  -webkit-box-shadow: 0 3px 6px 0 rgba(243, 70, 83, 0.46);
  -moz-box-shadow: 0 3px 6px 0 rgba(243, 70, 83, 0.46);
  -ms-box-shadow: 0 3px 6px 0 rgba(243, 70, 83, 0.46);
  color: #fff;
}
.btn-solid.bg-accent:hover {
  box-shadow: 0 3px 6px 0 rgba(75, 134, 69, 0.46);
  -webkit-box-shadow: 0 3px 6px 0 rgba(75, 134, 69, 0.46);
  -moz-box-shadow: 0 3px 6px 0 rgba(75, 134, 69, 0.46);
  -ms-box-shadow: 0 3px 6px 0 rgba(75, 134, 69, 0.46);
}
.btn-solid.btn-accent-light:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  color: #24272c;
}
.btn-solid.bg-primary:hover {
  box-shadow: 0 3px 6px 0 rgba(36, 39, 44, 0.46);
  -webkit-box-shadow: 0 3px 6px 0 rgba(36, 39, 44, 0.46);
  -moz-box-shadow: 0 3px 6px 0 rgba(36, 39, 44, 0.46);
  -ms-box-shadow: 0 3px 6px 0 rgba(36, 39, 44, 0.46);
}

.btn-line:hover, .btn-line.pointer:hover {
  background: #f34653;
  color: #fff;
}
.btn-line.btn-view-all:hover, .btn-line.btn-accent:hover {
  background: #4b8645;
  color: #fff;
}

.read-more:hover,
.read-less:hover,
a:hover {
  color: #4b8645;
}

.btn-call:hover {
  background: #30b38a;
  color: #fff;
}
.btn-call:hover i:before {
  color: #fff;
}

.btn-whatsapp:hover {
  background: #63b161;
  color: #fff;
}
.btn-whatsapp:hover .ic-whatsapp {
  background: url("../../../images/fonts-png/whatsapp-white.svg") no-repeat;
  width: 18px;
  height: 18px;
  background-size: 100%;
}
.btn-whatsapp.pointer:hover {
  color: #fff;
}

.tab-chips > * {
  cursor: pointer;
}

.view-all-card .circle {
  transition: all 0.4s;
}
.view-all-card:hover .circle {
  background: #4b8645;
  color: #fff;
}

.hover {
  cursor: pointer;
}

.socil-link {
  filter: grayscale(100%);
}
.socil-link:hover {
  filter: grayscale(0);
}

.t-whatsapp:hover {
  color: #63b161;
}

a.t-body:hover {
  color: #4b8645;
}

.hover-effect:hover {
  color: #4b8645;
}

.pointer {
  transition: all 0.4s;
}
.pointer:hover {
  color: #4b8645;
}
.pointer.t-whatsapp:hover {
  color: #63b161;
}

.view-all-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: poppins-semibold, sans-serif;
  cursor: pointer;
}
.view-all-card .circle {
  width: 80px;
  height: 80px;
  background: rgba(75, 134, 69, 0.1);
  line-height: 80px;
  border-radius: 100%;
  color: #4b8645;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-180deg);
  margin: 0 auto 16px;
  transition: all 0.4s;
  animation: auto;
  border: 0;
}
.view-all-card .view-all-text {
  padding: 0 60px;
  display: block;
  line-height: 24px;
}
.view-all-card .btn-solid {
  min-width: 180px;
}
.view-all-card .btn-solid .icon-back {
  transform: rotate(-180deg);
}

.ad-slot {
  text-align: center;
}
.ad-slot > * {
  margin: 0px auto;
}
.ad-slot.h-90 {
  min-height: 90px;
}
.ad-slot.h-100 {
  min-height: 100px;
}
.ad-slot.h-250 {
  min-height: 250px;
}

@media only screen and (max-width: 320px) {
  .ad-slot {
    margin-inline-start: -20px;
    margin-inline-end: -20px;
  }
}
.acc-title {
  transition: 0.4s;
  display: block;
  line-height: 24px;
  position: relative;
  padding-inline-end: 20px;
  font-family: poppins-semibold, sans-serif;
}
.acc-title:before {
  content: "\e900";
  font-family: icomoon;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}

.acc-panel {
  height: 0;
  transition: height 1s ease-out;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  display: block;
  color: #484848;
}

.active > .acc-panel {
  display: block;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  box-sizing: border-box;
  height: auto;
  margin-top: 8px;
}

.accordion {
  margin-bottom: 8px;
  padding: 16px;
}
.accordion.border-top, .accordion.border-bottom {
  padding-inline-start: 0;
  padding-inline-end: 0;
  margin-bottom: 0;
}
.accordion.active > .acc-title:before {
  transform: translateY(-50%) rotate(90deg);
}
.accordion h3.acc-title {
  font-size: 15px;
}

.dynamic-content h3.acc-title {
  margin-bottom: 0;
}

.accordion-list .border-bottom:last-child {
  border-bottom: 0;
}

.socil-link {
  margin-inline-start: 6px;
  display: inline-block;
  opacity: 0.7;
}
.socil-link:first-child {
  margin-inline-start: 0;
}
.socil-link:after {
  content: "";
}
.socil-link i, .socil-link img {
  width: 16px;
  height: 16px;
  background-size: 100%;
  line-height: 18px;
  filter: grayscale(100%);
  vertical-align: middle;
}

.socialwrap {
  width: 300px;
  box-shadow: 0 2px 24px 0 rgba(36, 39, 44, 0.15);
  position: absolute;
  left: -60px;
  bottom: -25px;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  background: #fff;
  text-align: start;
  min-height: 140px;
}
.socialwrap.slide-up {
  opacity: 1;
  pointer-events: all;
}
.socialwrap li {
  font-size: 12px;
  color: #24272c;
  margin-inline-end: 8px;
  width: 50px;
}
.socialwrap .icon-close {
  right: 16px;
  top: 16px;
  margin-inline-end: 0 !important;
  font-size: 10px;
  position: absolute;
  line-height: 19px;
}
.socialwrap .icon-close:before {
  font-size: 12px !important;
}
.socialwrap .title {
  font-family: poppins-semibold, sans-serif;
  font-size: 19px;
  display: inline-block;
  width: calc(100% - 40px);
}
.socialwrap a {
  text-align: center;
}
.socialwrap a i {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: block;
  text-align: center;
  line-height: 40px;
  margin: 0 auto !important;
}
.socialwrap a i:before {
  color: #fff;
}

.list-share {
  font-size: 10px;
  display: flex;
}
.list-share > li {
  margin-inline-end: 24px;
  text-align: center;
  color: #484848;
  position: relative;
  cursor: pointer;
}
.list-share > li i {
  display: block;
  padding-bottom: 10px;
  font-size: 14px;
}
.list-share > li:last-child {
  margin-inline-end: 0;
}
.list-share > li a {
  display: block;
  color: #484848;
}
.list-share > li a.js-target-href {
  z-index: 0;
}
.list-share > li a.js-target-href i {
  position: relative;
  z-index: 0;
}
.list-share > li .icon-star-empty:before {
  color: #24272c;
}
.list-share .custom-control label {
  padding-inline-start: 0;
  padding-top: 23px;
  font-size: 10px;
}
.list-share .custom-control label::before {
  border-color: rgba(36, 39, 44, 0.4);
}
.list-share .custom-control label::before, .list-share .custom-control label::after {
  right: 0;
  margin: 0 auto;
  width: 15px;
  height: 15px;
}

.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  text-decoration: initial;
  outline: initial;
}

.line-clamp:after {
  content: "...";
  text-align: end;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute;
  height: 1.5em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 75%);
}

@supports (-webkit-line-clamp: 1) {
  .line-clamp:after {
    display: none;
  }
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
  height: 1.5em;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  height: 3em;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  height: 4.5em;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
  height: 6em;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
  height: 7.5em;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide--draggable > .splide__slider > .splide__track,
.splide--draggable > .splide__track {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide--fade > .splide__slider > .splide__track > .splide__list,
.splide--fade > .splide__track > .splide__list {
  display: block;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide,
.splide--fade > .splide__track > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active,
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide--ttb.is-active > .splide__slider > .splide__track > .splide__list,
.splide--ttb.is-active > .splide__track > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  transform-style: preserve-3d;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  outline: none;
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  outline: none;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__slider {
  position: relative;
}

.splide__spinner {
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__slide.is-loading .splide__spinner {
  animation: splide-loading 1s linear infinite;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splide__arrows {
  left: 10px;
  right: 10px;
  z-index: 1;
}

.splide__list {
  padding-bottom: 4px !important;
}

.splide__arrow {
  background: #fff;
  height: 46px;
  width: 46px;
  box-shadow: 0 8px 12px 0 rgba(36, 39, 44, 0.15) !important;
  border: 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.splide__arrow svg {
  width: 16px;
  height: 16px;
}
.splide__arrow svg path {
  fill: #28333f;
  opacity: 0.5;
}

.splide__arrow[disabled] {
  visibility: hidden;
}

.splide__arrow--next {
  position: absolute;
  right: -15px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}

.splide__arrow--prev {
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  left: -15px;
}
.splide__arrow--prev svg {
  transform: rotate(-180deg);
}

.splide__pagination {
  display: inline-flex;
  align-items: center;
  width: 95%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}

.splide__pagination li {
  list-style-type: none;
  display: inline-block;
  line-height: 1;
  margin: 0;
}

.splide-type-2 .splide__arrows .splide__arrow--prev,
.splide-type-2 .splide__arrows .splide__arrow--next,
.splide-autoplay .splide__arrows .splide__arrow--prev,
.splide-autoplay .splide__arrows .splide__arrow--next,
.splide-type-mobile .splide__arrows .splide__arrow--prev,
.splide-type-mobile .splide__arrows .splide__arrow--next {
  top: 50%;
  transform: translateY(-50%);
}

.splide__pagination {
  display: inline-flex;
  align-items: center;
  width: 95%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding-top: 8px;
}

button.splide__pagination__page {
  width: 10px;
  height: 10px;
  border: 0;
  margin: 0 4px;
  border-radius: 50%;
  background: rgba(36, 39, 44, 0.5);
  cursor: pointer;
}
button.splide__pagination__page.is-active {
  background: #4b8645;
}

.splide-type-mobile .splide__arrow,
.splide-autoplay .splide__arrow,
.splide-listing-card .splide__arrow {
  background: rgba(40, 51, 63, 0.3);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
}
.splide-type-mobile .splide__arrow svg path,
.splide-autoplay .splide__arrow svg path,
.splide-listing-card .splide__arrow svg path {
  fill: #fff;
}

@media only screen and (max-width: 767px) {
  .splide__arrow {
    width: 26px;
    height: 26px;
    background: rgba(0, 0, 0, 0.4);
    top: 50%;
  }
  .splide__arrow svg {
    width: 12px;
    height: 12px;
  }
  .splide__arrow svg path {
    fill: #fff;
    opacity: 0.8;
  }
}
.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide,
.splide--fade > .splide__track > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}

.cr-vehicle-color .splide__track {
  padding-left: 10px !important;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: move;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-inline-start: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-inline-start: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.filter-range-slider .noUi-tooltip {
  display: none;
}

.filter-range-slider .noUi-active .noUi-tooltip {
  display: block;
}

.loan-calculator .noUi-target {
  background: #DFE2E6;
  border-radius: 8px;
  border: 0;
  height: 3px;
}
.loan-calculator .noUi-connect {
  background: #28333F;
  opacity: 0.5;
  border-radius: 8px;
}
.loan-calculator .noUi-handle {
  background: url("../../images/range-slider-handle.svg");
  width: 24px;
  height: 18px;
  border: 0;
  box-shadow: 0 0 0;
  border-radius: 0;
  cursor: move;
}
.loan-calculator .noUi-handle::before, .loan-calculator .noUi-handle::after {
  background: transparent;
}
.loan-calculator .noUi-pips-horizontal {
  padding: 4px 0;
}
.loan-calculator .noUi-marker {
  background: #e9e6e6;
  height: 3px;
}
.loan-calculator .noUi-marker-large {
  height: 5px;
}
.loan-calculator .noUi-value {
  font-size: 12px;
  line-height: 14px;
  color: rgba(36, 39, 44, 0.6);
}
.loan-calculator .slider-value {
  text-align: center;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  border: 1px solid rgba(36, 39, 44, 0.2);
  height: 30px;
  line-height: 30px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.loan-calculator .slider-value input {
  border: none;
  text-align: right;
  font-size: 16px;
  font-family: poppins-semibold, sans-serif;
  width: 30px;
}
.loan-calculator .slider-value input#electricity-price {
  text-align: -webkit-center;
  text-align: center;
  width: 40px;
}
.loan-calculator .input-4-digit {
  width: 90px;
}
.loan-calculator .range-slider-wrap {
  min-height: 70px;
}
.loan-calculator .right-sec {
  background: #E7F6FA;
}

.loan-wrapper .custom-select .select-selected, .loan-wrapper .select-browser {
  background-color: #fff;
  border: 1px solid rgba(36, 39, 44, 0.13);
}
.loan-wrapper .noUi-pips-horizontal > *:nth-child(2) {
  transform: translate(0, 50%);
}
.loan-wrapper .noUi-pips-horizontal .noUi-value-horizontal:last-child {
  transform: translate(-100%, 50%);
}

.loan-calculator fieldset.chip-control-wrap {
  display: flex;
  flex-flow: wrap;
}
.loan-calculator fieldset.chip-control-wrap .chip-control:last-child span {
  font-size: 10px;
}
.loan-calculator .chip-control {
  width: calc(25% - 8px);
}
.loan-calculator .chip-control span {
  min-width: auto;
  padding: 7px 1px;
}
.loan-calculator .chip-control.hide {
  display: none;
}
.loan-calculator .right-sec .right-sec-inner > *:first-child {
  flex-direction: column;
}
.loan-calculator .right-sec .right-sec-inner > *:nth-child(2) {
  border-top: 1px dashed #000;
  justify-content: space-around;
}

.loan-calculator .btn-solid {
  max-width: 248px;
}
.loan-calculator .loan-wrapper {
  display: flex;
  flex-direction: row;
}
.loan-calculator .loan-wrapper > *:first-child {
  min-width: 360px;
}
.loan-calculator .loan-wrapper > *:last-child {
  padding-inline-start: 40px;
}
.loan-calculator .loan-wrapper > *:last-child img {
  margin: auto;
}
.loan-calculator .right-sec .right-sec-inner {
  display: flex;
  flex-direction: column-reverse;
}
.loan-calculator .right-sec .right-sec-inner > *:first-child {
  flex-direction: column;
  border-top: 1px dashed #000;
}
.loan-calculator .right-sec .right-sec-inner > *:last-child {
  justify-content: center;
  text-align: center;
  border-top: 0;
}

.loan-wrapper {
  justify-content: space-between;
}
.loan-wrapper > :first-child {
  width: 50%;
}
.loan-wrapper .m-lg-b {
  margin-bottom: 40px;
}
.loan-wrapper .bg-ads {
  padding-top: 40px;
  padding-bottom: 40px;
}
.loan-wrapper .right-sec {
  padding-top: 35px;
}
.loan-wrapper .right-sec .right-sec-inner {
  padding-top: 5px;
  padding-bottom: 40px;
}

.cookies-popup {
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1021;
  box-shadow: 0px 0 16px rgba(0, 0, 0, 0.18);
  border-radius: 12px 12px 0 0;
}
.cookies-popup .btn-solid {
  width: 110px;
  height: 30px;
  line-height: 30px;
  border: none;
}
.cookies-popup .btn-solid + .btn-solid {
  margin-left: 12px;
}

.o-hidden .cookies-popup {
  z-index: 1005;
}

.cookies-popup {
  max-width: 400px;
  border-radius: 12px;
  left: auto;
  bottom: 24px;
  right: 24px;
}
.cookies-popup h2 {
  font-size: 18px;
}
.cookies-popup .cookies-box p {
  padding-bottom: 20px;
}

.material {
  position: relative;
}
.material label {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.material label:before {
  content: attr(data-label);
  position: absolute;
  left: 20px;
  top: 18px;
  transition: all 0.15s ease-in-out;
  color: rgba(36, 39, 44, 0.7);
  font-size: 16px;
  white-space: nowrap;
}
.material input[type=text],
.material input[type=password],
.material input[type=number],
.material input[type=tel],
.material textarea,
.material .select-selected,
.material .form-field,
.material select {
  background: #f5f5f6;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  padding: 25px 20px 12px;
  font-size: 16px;
  border: 0;
  width: 100%;
  border: 1px solid transparent;
  font-family: poppins-regular, sans-serif;
}
.material input[type=text]:focus, .material input[type=text].select-arrow-active,
.material input[type=password]:focus,
.material input[type=password].select-arrow-active,
.material input[type=number]:focus,
.material input[type=number].select-arrow-active,
.material input[type=tel]:focus,
.material input[type=tel].select-arrow-active,
.material textarea:focus,
.material textarea.select-arrow-active,
.material .select-selected:focus,
.material .select-selected.select-arrow-active,
.material .form-field:focus,
.material .form-field.select-arrow-active,
.material select:focus,
.material select.select-arrow-active {
  background: #fff;
  border: 1px solid #000;
}
.material input[type=text]:focus ~ label:before, .material input[type=text].select-arrow-active ~ label:before,
.material input[type=password]:focus ~ label:before,
.material input[type=password].select-arrow-active ~ label:before,
.material input[type=number]:focus ~ label:before,
.material input[type=number].select-arrow-active ~ label:before,
.material input[type=tel]:focus ~ label:before,
.material input[type=tel].select-arrow-active ~ label:before,
.material textarea:focus ~ label:before,
.material textarea.select-arrow-active ~ label:before,
.material .select-selected:focus ~ label:before,
.material .select-selected.select-arrow-active ~ label:before,
.material .form-field:focus ~ label:before,
.material .form-field.select-arrow-active ~ label:before,
.material select:focus ~ label:before,
.material select.select-arrow-active ~ label:before {
  top: 8px;
  font-size: 12px;
  background: #fff;
}
.material input[type=text]:not(:placeholder-shown) ~ label:before,
.material input[type=password]:not(:placeholder-shown) ~ label:before,
.material input[type=number]:not(:placeholder-shown) ~ label:before,
.material input[type=tel]:not(:placeholder-shown) ~ label:before,
.material textarea:not(:placeholder-shown) ~ label:before,
.material .select-selected:not(:placeholder-shown) ~ label:before,
.material .form-field:not(:placeholder-shown) ~ label:before,
.material select:not(:placeholder-shown) ~ label:before {
  top: 8px;
  font-size: 12px;
}
.material .select-selected {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 56px;
  height: 56px;
  color: rgba(36, 39, 44, 0.7);
  font-size: 16px;
}
.material .select-selected.select-arrow-active {
  color: #24272c;
}
.material.mobile-wrap .contrycode {
  left: 20px;
  position: absolute;
  top: 24px;
  opacity: 0;
  font-size: 16px;
  color: rgba(36, 39, 44, 0.7);
}
.material.mobile-wrap .contrycode.active {
  opacity: 1;
}
.material.mobile-wrap input {
  padding-inline-start: 60px;
}
.material.filled input {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
}
.material.filled.personal-info input {
  padding: 14px 20px 32px;
}
.material.filled.personal-info label:before {
  top: 37px;
}
.material.filled.personal-info .edit {
  padding-top: 24px;
}

::placeholder {
  color: rgba(36, 39, 44, 0.5);
}

:-ms-input-placeholder {
  color: rgba(36, 39, 44, 0.5);
}

::-moz-placeholder {
  color: rgba(36, 39, 44, 0.5);
}

::-webkit-input-placeholder {
  color: rgba(36, 39, 44, 0.5);
}

.group-city {
  position: relative;
}
.group-city .btn-gps {
  position: absolute;
  right: 12px;
  top: 14px;
}

.edit {
  font-size: 12px;
  color: rgba(36, 39, 44, 0.5);
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  padding-inline-end: 20px;
  padding-top: 19px;
  height: 100%;
  text-align: end;
  cursor: pointer;
}

.social-media.flat-social-media-button li {
  margin-bottom: 10px;
  margin-inline-end: 0;
}
.social-media.flat-social-media-button li span {
  margin-top: 0;
  font-size: 14px;
  color: #24272c;
  padding-inline-start: 10px;
  line-height: 50px;
}

.scroll-to-top, .sticky-car-select {
  background-color: #4b8645;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 56px;
  cursor: pointer;
  text-align: center;
  z-index: 105;
  box-shadow: 0 3px 6px rgba(75, 134, 69, 0.46);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  opacity: 0;
  transform: translateY(100px);
  transition: all 0.5s ease;
}
.scroll-to-top:hover, .sticky-car-select:hover {
  box-shadow: 0 3px 6px rgba(75, 134, 69, 0.54);
}
.scroll-to-top.showBtn, .sticky-car-select.showBtn {
  opacity: 1;
  transform: translateY(0);
}
.scroll-to-top > *, .sticky-car-select > * {
  font-size: 18px;
  transform: rotate(90deg);
  display: block;
  color: #fff;
  line-height: 54px;
}
@media only screen and (min-width: 768px) {
  .scroll-to-top, .sticky-car-select {
    bottom: 100px;
  }
}

.loader-wrap-3 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-wrap-3 .loader-3 span {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #4b8645;
  border-radius: 50%;
}
.loader-wrap-3 .loader-3 span:first-child {
  -webkit-animation: loader__scale 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.1s infinite;
  animation: loader__scale 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.1s infinite;
}
.loader-wrap-3 .loader-3 span:nth-child(2) {
  -webkit-animation: loader__scale 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s infinite;
  animation: loader__scale 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.2s infinite;
}
.loader-wrap-3 .loader-3 span:nth-child(3) {
  -webkit-animation: loader__scale 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.3s infinite;
  animation: loader__scale 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0.3s infinite;
}

.review-like-icons {
  position: relative;
}
.review-like-icons .loader-wrap-3 {
  position: absolute;
  bottom: 0;
  z-index: 1;
}

@-webkit-keyframes loader__scale {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
    margin: 0 3px;
  }
  to {
    transform: scale(0);
  }
}
@keyframes loader__scale {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
    margin: 0 3px;
  }
  to {
    transform: scale(0);
  }
}
/* <div id="overlay-loader"class="overlay_loader loader">
  <div class="loader">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>
</div> */
/*Preloader*/
.overlay_loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.overlay_loader .loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  animation: rotateAnim 2s infinite ease;
  -webkit-animation: rotateAnim 2s infinite ease;
}

.overlay_loader .loader div {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #4b8645;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: translateAnim 2s infinite ease;
  -webkit-animation: translateAnim 2s infinite ease;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.overlay_loader .loader div:nth-child(1) {
  top: -25px;
  animation-name: translateAnimTop;
  -webkit-animation-name: translateAnimTop;
}

.overlay_loader .loader div:nth-child(2) {
  left: 25px;
  animation-name: translateAnimRight;
  -webkit-animation-name: translateAnimRight;
}

.overlay_loader .loader div:nth-child(3) {
  top: 25px;
  animation-name: translateAnimBottom;
  -webkit-animation-name: translateAnimBottom;
}

.overlay_loader .loader div:nth-child(4) {
  left: -25px;
  animation-name: translateAnimLeft;
  -webkit-animation-name: translateAnimLeft;
}

@keyframes rotateAnim {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(90deg);
  }
  75% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@-webkit-keyframes rotateAnim {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(90deg);
  }
  75% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
  }
}
@keyframes translateAnimTop {
  0% {
    transform: translateY(0px);
    background: #4b8645;
  }
  25% {
    transform: translateY(0px);
    background: #4b8645;
  }
  50% {
    transform: translateY(-20px);
    background: none;
  }
  75% {
    transform: translateY(-20px);
    background: none;
  }
  100% {
    transform: translateY(0px);
    background: #4b8645;
  }
}
@-webkit-keyframes translateAnimTop {
  0% {
    -webkit-transform: translateY(0px);
    background: #4b8645;
  }
  25% {
    -webkit-transform: translateY(0px);
    background: #4b8645;
  }
  50% {
    -webkit-transform: translateY(-20px);
    background: none;
  }
  75% {
    -webkit-transform: translateY(-20px);
    background: none;
  }
  100% {
    -webkit-transform: translateY(0px);
    background: #4b8645;
  }
}
@keyframes translateAnimBottom {
  0% {
    transform: translateY(0px);
    background: #4b8645;
  }
  25% {
    transform: translateY(0px);
    background: #4b8645;
  }
  50% {
    transform: translateY(20px);
    background: none;
  }
  75% {
    transform: translateY(20px);
    background: none;
  }
  100% {
    transform: translateY(0px);
    background: #4b8645;
  }
}
@-webkit-keyframes translateAnimBottom {
  0% {
    -webkit-transform: translateY(0px);
    background: #4b8645;
  }
  25% {
    -webkit-transform: translateY(0px);
    background: #4b8645;
  }
  50% {
    -webkit-transform: translateY(20px);
    background: none;
  }
  75% {
    -webkit-transform: translateY(20px);
    background: none;
  }
  100% {
    -webkit-transform: translateY(0px);
    background: #4b8645;
  }
}
@keyframes translateAnimLeft {
  0% {
    transform: translateX(0px);
    background: #4b8645;
  }
  25% {
    transform: translateX(0px);
    background: #4b8645;
  }
  50% {
    transform: translateX(-20px);
    background: none;
  }
  75% {
    transform: translateX(-20px);
    background: none;
  }
  100% {
    transform: translateX(0px);
    background: #4b8645;
  }
}
@-webkit-keyframes translateAnimLeft {
  0% {
    -webkit-transform: translateX(0px);
    background: #4b8645;
  }
  25% {
    -webkit-transform: translateX(0px);
    background: #4b8645;
  }
  50% {
    -webkit-transform: translateX(-20px);
    background: none;
  }
  75% {
    -webkit-transform: translateX(-20px);
    background: none;
  }
  100% {
    -webkit-transform: translateX(0px);
    background: #4b8645;
  }
}
@keyframes translateAnimRight {
  0% {
    transform: translateX(0px);
    background: #4b8645;
  }
  25% {
    transform: translateX(0px);
    background: #4b8645;
  }
  50% {
    transform: translateX(20px);
    background: none;
  }
  75% {
    transform: translateX(20px);
    background: none;
  }
  100% {
    transform: translateX(0px);
    background: #4b8645;
  }
}
@-webkit-keyframes translateAnimRight {
  0% {
    -webkit-transform: translateX(0px);
    background: #4b8645;
  }
  25% {
    -webkit-transform: translateX(0px);
    background: #4b8645;
  }
  50% {
    -webkit-transform: translateX(20px);
    background: none;
  }
  75% {
    -webkit-transform: translateX(20px);
    background: none;
  }
  100% {
    -webkit-transform: translateX(0px);
    background: #4b8645;
  }
}
.tooltip-chip {
  position: relative;
  display: inline-block;
}
.tooltip-chip:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
.tooltip-chip i {
  font-size: 12px;
}
.tooltip-chip .tooltip {
  padding: 8px;
  top: 24px;
  right: -24px;
  min-width: 115px;
  max-width: 300px;
  background-color: #000;
  color: #fff;
  height: auto;
  border-radius: 5px;
  position: absolute;
  word-wrap: break-word;
  transition: all 0.3s;
  font-size: 12px;
  line-height: 1.2;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
}
.tooltip-chip .tooltip::after {
  top: -14px;
  right: 24px;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 7px solid transparent;
  border-bottom-color: #000;
  margin-inline-start: 0;
}

.tooltip-top.tooltip-chip .tooltip {
  top: auto;
  bottom: 28px;
}
.tooltip-top.tooltip-chip .tooltip::after {
  bottom: -14px;
  top: auto;
  border-top-color: #000;
  border-bottom-color: transparent;
}

.filter-widget-chips ul {
  padding-top: 10px;
  padding-bottom: 5px;
}
.filter-widget-chips ul li {
  margin-inline-end: 10px;
  background: #fff;
  border-radius: 4px;
  white-space: nowrap;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(36, 39, 44, 0.1);
  margin-bottom: 2px;
}
.filter-widget-chips ul li a {
  color: #24272c;
  line-height: 16px;
  display: block;
  font-family: poppins-regular, sans-serif;
  padding: 10px 15px;
  font-size: 12px;
}
.filter-widget-chips ul li:hover {
  background: #4b8645;
  transition: all 0.3s ease-in-out;
}
.filter-widget-chips ul li:hover a {
  color: #fff;
}

.filter-break-chips ul li {
  margin-bottom: 10px;
}

.used-car-card .like {
  background-color: transparent;
  top: 3px;
  right: 3px;
  font-size: 18px;
}
.used-car-card .card-panel {
  padding-top: 12px;
}
.used-car-card .card-panel .vh-name {
  margin-bottom: 4px;
  max-width: calc(100% - 40px);
}
.used-car-card .list-bullet li {
  margin-inline-end: 3px;
  white-space: nowrap;
}
.used-car-card .list-bullet li:before {
  color: rgba(36, 39, 44, 0.7);
  margin-inline-end: 3px;
  font-size: 17px;
}
.used-car-card .list-bullet li:first-child::before {
  display: none;
}
.used-car-card .list-bullet li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
.used-car-card .vh-price {
  line-height: 24px;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 0;
}
.used-car-card .vh-price.min-height-41 {
  align-items: flex-start;
}
.used-car-card .emi-txt {
  color: rgba(36, 39, 44, 0.6);
  text-decoration: underline;
  min-height: 16px;
}
.used-car-card .used-car-list-card-tags {
  overflow: hidden;
  overflow-x: auto;
  cursor: pointer;
  width: 100%;
  scrollbar-width: none;
}
.used-car-card .used-car-list-card-tags::-webkit-scrollbar {
  /* This is the magic bit for WebKit */
  display: none;
}
.used-car-card .used-car-list-card-tags li {
  line-height: 16px;
  padding: 2px 10px;
  border-radius: 4px;
  background-color: rgba(36, 39, 44, 0.08);
  white-space: nowrap;
}
.used-car-card .btns a {
  white-space: nowrap;
  justify-content: center;
  font-family: poppins-medium, sans-serif;
}
.used-car-card .btns a img {
  width: 16px;
}
.used-car-card .uc-bookmark {
  width: 25px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: #F75D34;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}
.used-car-card .uc-bookmark i::before {
  color: #fff;
}

.lg-thumb {
  width: 66.66%;
  height: 300px;
}
.lg-thumb img.card-rounded {
  margin: 0;
  display: block;
  object-fit: cover;
  position: absolute;
  top: 50%;
  height: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lg-thumb .uc-bookmark {
  right: 20px;
  bottom: 20px;
}

.sm-thumb {
  width: 33.33%;
  padding-inline-start: 10px;
}
.sm-thumb .sm-thumb-in {
  height: 145px;
}
.sm-thumb img {
  display: block;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.uc-more-images {
  width: 100%;
  height: 100%;
  margin-top: 10px;
}
.uc-more-images img {
  margin: 0;
}
.uc-more-images > span {
  position: absolute;
  top: 0;
  height: 100%;
  color: #fff;
  flex-direction: column;
  border-radius: 12px;
  background-color: rgba(36, 39, 44, 0.5);
}
.uc-more-images > span span {
  display: block;
}

.uc-bookmark {
  width: 25px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: #F75D34;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}
.uc-bookmark i::before {
  color: #fff;
}

.white-chip .tab-chips li {
  background-color: #fff;
  margin-inline-end: 4px;
  font-size: 10px;
  font-family: poppins-semibold, sans-serif;
  text-transform: uppercase;
}
.white-chip .tab-chips li a {
  font-size: 10px;
  font-family: poppins-semibold, sans-serif;
  text-transform: uppercase;
}
.white-chip .tab-chips li.active {
  background-color: #24272c;
  color: #fff;
}
.white-chip .tab-chips li.active a {
  color: #fff;
}

.uc-detail-lists li {
  width: 48%;
  font-size: 13px;
  color: rgba(36, 39, 44, 0.7);
}
.uc-detail-lists li img {
  width: 16px;
}
.uc-detail-lists li span {
  margin-inline-start: auto;
  color: #24272c;
  font-family: poppins-medium, sans-serif;
  max-width: 190px;
  text-align: end;
}
.uc-detail-lists.uc-detail-features li {
  width: 33.33%;
  font-size: 12px;
  color: #24272c;
  padding-inline-start: 20px;
  padding-inline-end: 10px;
  position: relative;
}
.uc-detail-lists.uc-detail-features li::before {
  content: "\e904";
  font-family: "icomoon";
  color: #32BEA6;
  position: absolute;
  left: 0;
  top: 0;
}
.uc-detail-lists.uc-detail-features li.cross-mark:before {
  content: "\e905";
  color: #f34653;
  font-size: 10px;
  top: 2px;
}

.accordian-border .accordion {
  border-bottom: 1px solid rgba(36, 39, 44, 0.2);
  margin: 0;
  padding: 0;
}
.accordian-border .accordion .acc-title {
  padding: 16px 0;
}

.uc-detail-card h1 {
  font-family: poppins-medium, sans-serif;
}

.bullet-list li {
  margin-inline-end: 16px;
  position: relative;
}
.bullet-list li:after {
  width: 4px;
  height: 4px;
  background-color: rgba(36, 39, 44, 0.7);
  border-radius: 100%;
  content: "";
  position: absolute;
  top: 7px;
  right: -10px;
}
.bullet-list li:last-child {
  margin: 0;
}
.bullet-list li:last-child:after {
  display: none;
}

.Text-trending {
  border-radius: 0 0 12px 12px;
  margin-bottom: -20px;
}

.uc-dealer-detail-card .blur-text {
  padding-inline-end: 150px;
  min-height: 120px;
  text-shadow: 0 0 5px #000;
}
.uc-dealer-detail-card .blur-text * {
  color: transparent;
  border: 0;
}
.uc-dealer-detail-card .blur-text img {
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: 120px;
  opacity: 0.35;
}
.uc-dealer-detail-card .book-dealer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.uc-dealer-detail-card .book-dealer .btn-solid {
  max-width: unset;
  width: auto;
  padding: 0 30px;
}
.uc-dealer-detail-card .book-dealer .icon-call {
  color: #30b38a;
}
.uc-dealer-detail-card.view-dealer-detail .blur-text {
  padding-inline-end: 0;
  text-shadow: none;
}
.uc-dealer-detail-card.view-dealer-detail .blur-text img {
  display: none;
}
.uc-dealer-detail-card.view-dealer-detail .blur-text * {
  color: unset;
}
.uc-dealer-detail-card.view-dealer-detail .blur-text .btn-view-all {
  color: #4b8645;
  border-bottom: 2px dotted #4b8645;
}
.uc-dealer-detail-card.view-dealer-detail .blur-text span.call_dealer a {
  color: #4b8645;
}

.uc-detail-gallery li {
  width: 32%;
  margin-inline-end: 2%;
  margin-bottom: 12px;
  border-radius: 10px;
  overflow: hidden;
  height: 130px;
  border: 1px solid rgba(36, 39, 44, 0.05);
}
.uc-detail-gallery li:nth-child(3n) {
  margin-inline-end: 0;
}
.uc-detail-gallery li img {
  transition: all 0.4s ease-in-out;
  display: block;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.uc-detail-gallery li:hover img {
  transform: translate(-50%, -50%) scale(1.05);
}

.popup-modal.uc-gallery-popup {
  padding: 0;
  background-color: #F6F6F6;
  max-height: 100vh;
  width: 100%;
  z-index: 1011;
}
.popup-modal.uc-gallery-popup .container .col-2 {
  width: 800px;
}
.popup-modal.uc-gallery-popup .popup-modal-close {
  right: inherit;
  left: 0;
  top: 0;
  font-size: 20px;
}
.popup-modal.uc-gallery-popup .uc-gallery-popup-header {
  background-color: #fff;
  position: sticky;
  z-index: 2;
  top: -1px;
}
.popup-modal.uc-gallery-popup .uc-gallery-popup-header .uc-gallery-popup-header-detail {
  max-width: 200px;
  margin: 0 50px;
}
.popup-modal.uc-gallery-popup .uc-gallery-popup-header .uc-gallery-popup-header-detail p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popup-modal.uc-gallery-popup .uc-gallery-popup-header .js-list-share {
  padding: 0;
  margin: 0;
}
.popup-modal.uc-gallery-popup .uc-gallery-popup-header .js-list-share .icon-share-2 {
  font-size: 20px;
}
.popup-modal.uc-gallery-popup .uc-gallery-popup-header .btn-solid {
  padding: 0 30px;
  width: auto;
}
.popup-modal.uc-gallery-popup .uc-gallery-popup-images .container .col-2 {
  border-radius: 12px;
}
.popup-modal.uc-gallery-popup .uc-gallery-popup-images .container .col-2 img {
  display: block;
}

.list-hr li {
  padding: 10px;
  display: flex;
}
.list-hr .car-img {
  width: 86px;
  height: 86px;
  min-width: 86px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  overflow: hidden;
  margin-inline-end: 12px;
  position: relative;
}
.list-hr .car-img > *:first-child, .list-hr .car-img amp-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.UsedLeadModal {
  position: fixed;
  z-index: 1013;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
  display: none;
}
.UsedLeadModal.is--visible {
  display: block;
}
.UsedLeadModal .UsedLeadModalinner {
  width: 850px;
  height: 590px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  padding: 20px;
}
.UsedLeadModal .UsedLeadModalinner iframe {
  width: 810px;
  height: 550px;
  border-radius: 12px;
}
.UsedLeadModal .UsedLeadModalinner .icon-close {
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 16px;
}

.swipe-wrapper {
  overflow: auto;
  margin-inline-start: -20px;
  margin-inline-end: -20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  margin-bottom: -10px;
  padding-bottom: 15px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.swipe-wrapper::-webkit-scrollbar {
  display: none;
}

.swipe-slide {
  display: inline-flex;
}
.swipe-slide > * {
  margin-inline-end: 12px;
  display: block;
}
.swipe-slide > *.d-flex {
  display: flex;
}
.swipe-slide > * > td {
  display: block;
}
.swipe-slide > *.splide__slide {
  margin-inline-end: 12px;
}
.swipe-slide > *:last-child {
  margin-inline-end: 0;
}
.swipe-slide > *.view-all-card {
  display: flex;
}
.swipe-slide.basic > * {
  width: 260px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
}

.grid-2 > * {
  width: 50%;
  float: left;
}

.grid-3 > * {
  width: 33.3333333333%;
  float: left;
}

.grid-4 > * {
  width: 25%;
  float: left;
}

.grid-5 > * {
  width: 20%;
  float: left;
}

.grid-6 > * {
  width: 16.6666666667%;
  float: left;
}

.uc__dropdown {
  box-shadow: 0 8px 16px 0 rgba(71, 77, 96, 0.1);
  background-color: #fff;
  position: absolute;
  width: 100%;
  max-height: 190px;
  overflow-y: auto;
  z-index: 3;
  top: 100%;
  left: 0;
  border: 1px solid rgba(36, 39, 44, 0.13);
}
.uc__dropdown li {
  border-bottom: 1px solid rgba(113, 125, 138, 0.1);
  font-size: 14px;
}
.uc__dropdown li a {
  display: block;
  padding: 10px 20px;
}
.uc__dropdown li a:not(:hover) {
  color: #24272c;
}

.brand-card {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.brand-card li {
  width: calc(25% - 10px);
  margin-inline-end: 13px;
  display: inline-block;
  text-align: center;
  max-width: 70px;
  margin-bottom: 60px;
  position: relative;
}
.brand-card li > * {
  border: 1px solid rgba(36, 39, 44, 0.2);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  height: 60px;
  max-width: 100px;
  margin: 0 auto;
}
.brand-card li > * img {
  max-width: 85%;
  margin: 0 auto;
}
.brand-card li > * > *:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  min-width: 60px;
}
.brand-card li:nth-child(4n) {
  margin-inline-end: 0;
}
.brand-card li .t-heading {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  max-height: 42px;
  overflow: hidden;
  font-size: 11px;
  line-height: 14px;
}
.brand-card + .btn-view-all {
  margin-top: 0;
}

.all-brands .height-hidden {
  height: 240px;
}
.all-brands .btn-view-all {
  margin-top: 0;
}
.all-brands li > * {
  position: relative;
}

.brand-card-no-countary .brand-card li {
  margin-bottom: 32px;
}
.brand-card-no-countary .height-hidden {
  height: 184px;
}
.brand-card-no-countary .btn-view-all {
  margin-top: 8px;
}

@media only screen and (max-width: 320px) {
  .brand-card {
    margin-inline-start: -8px;
    margin-inline-end: -8px;
  }
}
.all-brands .height-hidden {
  height: 130px;
}

.brand-card-no-countary .brand-card {
  justify-content: flex-start;
}
.brand-card-no-countary .brand-card li {
  max-width: 110px;
  width: calc(9% - 10px);
  margin-inline-end: 10px;
  margin-bottom: 42px;
}
.brand-card-no-countary .brand-card li:nth-child(4n) {
  margin-inline-end: 10px;
}
.brand-card-no-countary .height-hidden {
  height: 120px;
}

.blog-container .brand-card-no-countary .brand-card {
  justify-content: space-between;
}
.blog-container .brand-card-no-countary .brand-card li {
  width: calc(12% - 10px);
}
.blog-container .searchLanding .brand-card-no-countary .brand-card {
  justify-content: normal;
}

.body-type li {
  width: 90px;
  background: #fff;
  font-size: 11px;
  border-radius: 8px;
  padding-bottom: 11px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
}
.body-type amp-img, .body-type img {
  max-height: 45px;
  display: block;
  margin: 0 auto;
}
.body-type amp-img img, .body-type img img {
  margin: 0px;
}
.body-type .amp-carousel-button {
  display: none;
}
.body-type.swipe-slide li {
  margin-inline-end: 8px;
}
.body-type img {
  max-height: 44px;
  margin: 8px auto;
  width: auto;
}

amp-carousel.body-type > * > li {
  margin-inline-end: 30px;
}
amp-carousel.body-type > * > li:last-child {
  margin-inline-end: 0;
}

.dynamic-content table {
  margin: 20px 0;
  border: 1px solid rgba(36, 39, 44, 0.13);
}
.dynamic-content table thead {
  display: block;
}
.dynamic-content table thead th {
  background: #f8f8f9;
  font-size: 18px;
  padding: 10px 20px;
  color: rgba(0, 0, 0, 0.87);
  font-family: poppins-semibold, sans-serif;
  display: table-cell;
}
.dynamic-content table tbody {
  background: #fff;
  padding: 0 1px 0 0;
  z-index: 0;
  display: block;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.dynamic-content table tbody tr:last-child {
  border-bottom: 0;
}
.dynamic-content table tr {
  display: table;
  width: 100%;
  border-bottom: 1px solid rgba(36, 39, 44, 0.13);
}
.dynamic-content table th, .dynamic-content table td {
  text-align: start;
  line-height: 20px;
  border-top: 0;
}
.dynamic-content table th:last-child, .dynamic-content table td:last-child {
  text-align: end;
}
.dynamic-content table td {
  padding: 10px 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  border-top: 0;
  display: table-cell;
}
.dynamic-content h2 {
  margin-bottom: 16px;
}
.dynamic-content h3 {
  font-family: poppins-semibold, sans-serif;
  margin-bottom: 5px;
  font-size: 14px;
}
.dynamic-content h4:not([role=button]) {
  font-family: poppins-semibold, sans-serif;
  margin-bottom: 8px;
}
.dynamic-content p {
  margin-bottom: 20px;
}
.dynamic-content p:not(.acc-title) {
  margin-bottom: 15px;
  color: #484848;
}
.dynamic-content ul, .dynamic-content ol {
  margin-bottom: 15px;
}
.dynamic-content ul li, .dynamic-content ol li {
  padding-bottom: 5px;
}
.dynamic-content ul li::before, .dynamic-content ol li::before {
  content: "•";
  color: #4b8645;
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  line-height: 13px;
  vertical-align: middle;
  margin-inline-end: 8px;
}
.dynamic-content ul li a:not(:hover), .dynamic-content ol li a:not(:hover) {
  color: #24272c;
}
.dynamic-content .acc-title {
  color: #24272c;
}
.dynamic-content img {
  margin-bottom: 15px;
}
.dynamic-content.height-hidden.content-hidden h1, .dynamic-content.height-hidden.content-hidden h2, .dynamic-content.height-hidden.content-hidden h3, .dynamic-content.height-hidden.content-hidden h4, .dynamic-content.height-hidden.content-hidden h5, .dynamic-content.height-hidden.content-hidden h6, .dynamic-content.height-hidden.content-hidden img {
  display: none;
}
.dynamic-content.height-hidden.content-hidden p, .dynamic-content.height-hidden.content-hidden li {
  margin-bottom: 0;
  padding-bottom: 0;
}

.dynamic-table-scroll table tbody {
  max-height: 240px;
  overflow-y: auto;
}

.dynamic-width-50 table {
  width: 50%;
}

.dynamic-content.four-column table th, .dynamic-content.four-column table td {
  width: 25%;
  min-width: 50px;
}
.dynamic-content.four-column table th:first-child, .dynamic-content.four-column table td:first-child {
  width: 30%;
}
.dynamic-content.four-column table th:last-child, .dynamic-content.four-column table td:last-child {
  width: 20%;
}
.dynamic-content.three-column table th:last-child, .dynamic-content.three-column table td:last-child {
  text-align: end;
}
.dynamic-content tr {
  border-bottom: 0;
}
.dynamic-content table tbody {
  max-height: 240px;
  overflow-y: auto;
}
.dynamic-content table th:first-child, .dynamic-content table td:first-child {
  width: 250px;
}
.dynamic-content table th:last-child, .dynamic-content table td:last-child {
  text-align: start;
}
.dynamic-content h3 {
  font-size: 18px;
}

.chip-control {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  font-size: 13px;
  text-align: center;
  margin: 0px 8px 8px 0px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}
.chip-control:last-child {
  margin-inline-end: 0;
}
.chip-control.hide {
  display: none;
}
.chip-control span {
  display: block;
  padding: 7px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  background: #fff;
  font-size: 12px;
  line-height: 14px;
  color: #24272c;
  vertical-align: top;
  transition: background 0.2s;
  border: 1px solid rgba(36, 39, 44, 0.2);
  min-width: 72px;
}
.chip-control span.checked {
  background: #24272c;
  color: #fff;
}
.chip-control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 0;
}
.chip-control input:checked ~ span {
  background: #24272c;
  color: #fff;
}
.chip-control .selected-city {
  background: #24272c;
  color: #fff;
}

.dealer-card-list li {
  margin: 0 0 16px;
}
.dealer-card-list li:last-child {
  margin-bottom: 0;
}
@media (min-width: 767px) {
  .dealer-card-list {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
  }
  .dealer-card-list li {
    width: calc(25% - 20px);
    margin: 10px;
  }
  .dealer-card-list li:last-child {
    margin: 10px;
  }
}

.dealer-card .dealer-title {
  background: linear-gradient(-270deg, rgba(75, 134, 69, 0.1) 1.72%, rgba(75, 134, 69, 0.2) 100%);
  border-radius: 12px 12px 0 0;
  min-height: 90px;
  padding-right: 85px;
}
.dealer-card .dealer-title h3 {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  line-height: 18px;
}
.dealer-card .dealer-title h3 a {
  color: #24272c;
}
.dealer-card .dealer-title h3 a:hover {
  color: #4b8645;
}
.dealer-card .dealer-thumb {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #fff;
  text-align: center;
  font-size: 27px;
  line-height: 60px;
  font-weight: 500;
  position: absolute;
  top: 16px;
  right: 16px;
}
.dealer-card .dealer-thumb .dealer-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dealer-card .dealer-thumb .dealer-img img {
  object-fit: cover;
  border-radius: 100%;
  height: 100%;
  display: block;
}
.dealer-card .dealer-thumb .premium-dealer {
  position: absolute;
  top: 46px;
  width: 75px;
  left: -10px;
  z-index: 3;
}
.dealer-card.premium-dealer .dealer-thumb {
  border: 1px solid #f34653;
}
.dealer-card .card-panel p {
  padding-left: 20px;
}
.dealer-card .card-panel p i {
  position: absolute;
  top: 2px;
  left: 0;
}

.listing, .dealer-page2 {
  position: relative;
  padding-top: 70px;
}
.listing .dealer-detail-section, .dealer-page2 .dealer-detail-section {
  position: relative;
  z-index: 1;
}
.listing:after, .dealer-page2:after {
  width: 100%;
  height: 70px;
  background: linear-gradient(270deg, rgba(18, 165, 191, 0.14) 1.72%, rgba(226, 249, 253, 0.2) 100%);
  position: absolute;
  top: 0px;
  left: 0;
  content: "";
}

.dealer-detail-card {
  padding-left: 140px;
  width: 40%;
}
.dealer-detail-card .dealer-thumb {
  width: 120px;
  height: 120px;
  font-size: 40px;
  line-height: 120px;
  top: -60px;
  right: inherit;
  left: 0;
}
.dealer-detail-card .dealer-thumb .premium-dealer {
  position: absolute;
  top: unset;
  bottom: -10px;
  width: 100px;
  left: 50%;
  transform: translate(-50%);
  z-index: 3;
}
.dealer-detail-card .dealer-thumb .premium-dealer img {
  width: 100%;
}
.dealer-detail-card .card-panel {
  padding: 0;
}
.dealer-detail-card .dealer-location {
  position: absolute;
  right: -30px;
  bottom: 0;
}
.dealer-detail-card .dealer-location img {
  width: 24px;
}

.dealer-buttons {
  margin-left: auto;
  margin-top: 60px;
}
.dealer-buttons > * {
  width: 200px;
}
.dealer-buttons .btn-whatsapp:hover .ic-whatsapp {
  background: url("../../images/fonts-png/whatsapp-white.svg") no-repeat;
  background-size: 100%;
}

/* TypeHead Start */
.autocomplete-suggestions {
  max-height: 242px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid rgba(36, 39, 44, 0.2);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 48px;
  width: 100%;
  z-index: 9999;
  display: none;
}
.autocomplete-suggestions > * {
  padding: 10px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 48px;
  line-height: 26px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top: 1px solid rgba(36, 39, 44, 0.2);
  text-align: start;
  font-size: 14px;
  border-left: 4px solid transparent;
  transition: all 0.2s;
  cursor: pointer;
}
.autocomplete-suggestions > *:first-child {
  border-top: 0;
}
.autocomplete-suggestions > *.selected {
  background: #f8f8f9;
  border-left: 4px solid #4b8645;
}
.autocomplete-suggestions > * i {
  margin-inline-end: 16px;
  vertical-align: middle;
}
.autocomplete-suggestions > * i::before {
  color: #484848;
  font-size: 18px;
}
.autocomplete-suggestions.js-ask-question, .autocomplete-suggestions.z-index-3 {
  z-index: 3;
}

.custom-control {
  position: relative;
}
.custom-control label {
  position: relative;
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 14px;
  padding-inline-start: 24px;
  display: inline-block;
  line-height: 16px;
  cursor: pointer;
}
.custom-control label::before {
  position: absolute;
  top: 0;
  left: 0px;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid rgba(36, 39, 44, 0.2);
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-control label::after {
  position: absolute;
  top: 0;
  left: 0px;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background: no-repeat 50%/50% 50%;
}
.custom-control input {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 16px;
  height: 16px;
  opacity: 0;
  cursor: pointer;
}
.custom-control input:checked ~ label::before {
  border-color: #4b8645;
  background-color: #fff;
}
.custom-control input:disabled ~ label::before {
  border-color: rgba(36, 39, 44, 0.13);
}
.custom-control input[type=checkbox]:checked ~ label::after {
  background: transparent;
  content: "\e904";
  font-family: "icomoon";
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  color: #4b8645;
}
.custom-control input[type=radio] ~ label::after, .custom-control input[type=radio] ~ label::before {
  border-radius: 50%;
}
.custom-control input[type=radio]:checked ~ label::after {
  background: #4b8645;
  width: 10px;
  height: 10px;
  margin-top: 7px;
  margin-inline-end: 7px;
}
.custom-control input[type=radio]:checked ~ label::before {
  background-color: transparent;
}

.input-search {
  position: relative;
}
.input-search input {
  background: #f5f5f6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border: 0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding-inline-start: 47px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.input-search .icon-search {
  position: absolute;
  left: 18px;
  line-height: 48px;
  font-size: 14px;
}
.input-search .icon-search:before {
  color: rgba(36, 39, 44, 0.5);
}
.input-search ::placeholder {
  color: rgba(36, 39, 44, 0.4);
  font-size: 15px;
}
.input-search :-ms-input-placeholder {
  color: rgba(36, 39, 44, 0.4);
  font-size: 15px;
}
.input-search ::-moz-placeholder {
  color: rgba(36, 39, 44, 0.4);
  font-size: 15px;
}
.input-search ::-webkit-input-placeholder {
  color: rgba(36, 39, 44, 0.4);
  font-size: 15px;
}
.input-search.with-mike .icon-mike, .input-search.with-mike .icon-close {
  position: absolute;
  right: 0px;
  line-height: 48px;
  padding: 0 18px;
}
.input-search.with-mike .icon-mike:before, .input-search.with-mike .icon-close:before {
  color: #24272c;
}
.input-search.with-mike input {
  padding-inline-end: 47px;
}

.filter-bx .noUi-horizontal {
  height: 3px;
  border: none;
}
.filter-bx .noUi-horizontal .noUi-handle {
  width: 27px;
  height: 27px;
  top: -13px;
  border-radius: 100%;
  box-shadow: none;
  border-color: #4b8645;
}
.filter-bx .noUi-horizontal .noUi-handle:before {
  left: 11px;
  background: #4b8645;
}
.filter-bx .noUi-horizontal .noUi-handle:after {
  left: 14px;
  background: #4b8645;
}
.filter-bx .noUi-horizontal .noUi-handle-lower {
  right: -26px;
}
.filter-bx .noUi-horizontal .noUi-handle-upper {
  right: -1px;
}
.filter-bx .noUi-target {
  border-radius: 0px;
  box-shadow: none;
}
.filter-bx .noUi-connects {
  background: #D8D8D8;
  border-radius: 0;
}
.filter-bx .noUi-connect {
  background: #4b8645;
}
.filter-bx .filter-range-slider {
  min-height: 30px;
  margin: 24px 0;
  padding-top: 15px;
}

.filter-chips li {
  margin: 0 8px 4px 0;
  background: rgba(75, 134, 69, 0.06);
  border-radius: 8px;
  white-space: nowrap;
  font-size: 12px;
  position: relative;
  font-family: poppins-regular, sans-serif;
  padding: 8px 32px 8px 14px;
}
.filter-chips li i {
  position: absolute;
  right: 7px;
  top: 7px;
  background: #fff;
  cursor: pointer;
  width: 16px;
  height: 16px;
  font-size: 6px;
  line-height: 16px;
  border-radius: 50%;
  text-align: center;
}
.filter-chips li:last-child {
  background: transparent;
  padding: 8px;
}
.filter-chips li:last-child a {
  color: #24272c;
}
.filter-chips.mh-chips {
  min-height: 58px;
}

.sorting-dropdown {
  position: absolute;
  top: calc(100% + 5px);
  width: 210px;
  right: 0;
  z-index: 2;
}

.filter-widget-chips ul {
  max-width: 100%;
}
.filter-widget-chips ul li:last-child {
  margin-inline-end: 0px;
}
.filter-widget-chips ul li a {
  font-size: 14px;
}
.filter-widget-chips ul::-webkit-scrollbar {
  height: 5px;
}
.filter-widget-chips ul::-webkit-scrollbar-track {
  border-radius: 2px;
}
.filter-widget-chips ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
}

.layout-listing .container {
  width: 1260px;
}
.layout-listing .container .col-2 {
  padding-inline-start: 20px;
}
.layout-listing .body-type li {
  max-width: 94px;
}

.ExpandAllFilters .acc-panel {
  height: 0;
  transition: height 1s ease-out;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  display: none;
  margin: 0;
}

.expand-filter {
  max-width: 100% !important;
}
.expand-filter:hover {
  background-color: #4b8645;
}

.btn-sort:hover {
  background-color: #4b8645;
}

.tooltip-show {
  position: relative;
  cursor: pointer;
}
.tooltip-show .tooltip {
  padding: 10px;
  top: calc(100% + 10px);
  left: 0;
  min-width: 75px;
  width: 300px;
  max-width: 300px;
  background-color: #000;
  color: #fff !important;
  height: auto;
  border-radius: 5px;
  position: absolute;
  word-wrap: break-word;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px !important;
  line-height: 1.5 !important;
  z-index: 97;
  opacity: 0;
  visibility: hidden;
}
.tooltip-show .tooltip:after {
  bottom: 100%;
  left: 10px;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 10px solid transparent;
  border-bottom-color: #000;
  margin-inline-start: 0;
}
.tooltip-show:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.dynamic-content strong {
  font-weight: bold;
  color: #484848;
}
.dynamic-content strong ~ h2, .dynamic-content strong ~ h3, .dynamic-content strong ~ h4 {
  margin-top: 10px;
}
.dynamic-content a {
  color: #4b8645;
}
.dynamic-content h2 {
  margin-bottom: 6px;
}
.dynamic-content ol li {
  list-style-type: decimal;
  margin-inline-start: 16px;
}
.dynamic-content ol li::before {
  display: none;
}
.dynamic-content ol[type=a] li {
  list-style-type: lower-alpha;
  padding-inline-start: 8px;
}
.dynamic-content ul li {
  list-style-type: disc;
  margin-inline-start: 16px;
  padding-bottom: 16px;
  padding-inline-start: 8px;
}
.dynamic-content ul li ol li {
  list-style-type: upper-roman;
}
.dynamic-content ul li::before {
  display: none;
}
.dynamic-content address {
  margin-top: 16px;
  margin-bottom: 24px;
}
.dynamic-content address .title {
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  display: block;
  padding-bottom: 8px;
}
.dynamic-content address {
  font-style: normal;
  line-height: 21px;
}
.dynamic-content .li-list li {
  margin-bottom: 16px;
}
.dynamic-content .email-box {
  padding-top: 15px;
}
.dynamic-content .bg-grey h2 {
  margin-bottom: 0;
}
body {
  max-width: 1900px;
  padding-top: 68px;
}

h1 {
  font-size: 22px;
  line-height: inherit;
  font-family: poppins-semibold, sans-serif;
}

h2,
.heading-h2 {
  font-size: 22px;
  line-height: inherit;
  font-family: poppins-semibold, sans-serif;
}

.heading-h3 {
  font-size: 18px;
  line-height: 22px;
  font-family: poppins-semibold, sans-serif;
}

.popup-modal {
  padding: 45px;
}
.popup-modal.center {
  min-width: 550px;
}

.popup-modal-close {
  position: absolute;
  right: 40px;
  top: 40px;
}
.popup-modal-close.icon-close {
  font-size: 14px;
}

[data-popup-modal=variant-selection] .popup-modal-close,
[data-popup-modal=dp-tenure-selection] .popup-modal-close,
[data-popup-modal=gd-loan-variant-selection] .popup-modal-close,
[data-popup-modal=fuel-rate] .popup-modal-close, [data-popup-modal=ev-filter] .popup-modal-close {
  right: 0;
  top: 0;
}

.clearfix > h1, .clearfix > h2, .clearfix > .heading-h2 {
  display: inline-block;
}

.card-shadow h2 {
  font-size: 24px;
  line-height: 28px;
}

.basic .card-image .icon-play {
  font-size: 10px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.button.btn-mini {
  max-width: 260px;
}

.icon-close {
  cursor: pointer;
}

.col-2 .shadow-light .btn-view-fixed,
.col-2 .shadow-dark .btn-view-fixed {
  right: 20px;
  top: 20px;
}

.container.p-xl-r .btn-view-fixed {
  right: 20px;
}

.lead-form .material.mobile-wrap .contrycode {
  top: 24px !important;
}

.brand-card {
  justify-content: flex-start;
}
.brand-card li {
  max-width: 150px;
  margin-inline-end: 0px;
  width: calc(25% - 10px);
}
.brand-card li > * {
  height: 80px;
}
.brand-card li:last-child {
  margin-inline-end: 0;
}
.brand-card li .t-heading {
  top: 86px;
}

.swipe-slide > li {
  margin-inline-end: 20px;
}

.container .list-available .btn-view-all {
  padding-top: 10px;
}

.variant-selector {
  max-width: 360px;
}

.blog-top-card .card-image {
  height: 275px;
  border-radius: 0px;
}
.blog-top-card .card-image img {
  height: inherit;
  object-fit: cover;
}

.layout-full .list-card.grid-4 > * {
  margin-inline-start: 8px;
  margin-inline-end: 8px;
  width: calc(25% - 16px);
  margin-bottom: 16px;
}
.layout-full .list-card.grid-3 > * {
  margin-inline-start: 8px;
  margin-inline-end: 8px;
  width: calc(33.33333% - 16px);
  margin-bottom: 16px;
}

.list-tick2 li {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 7px 5px 35px;
}
.list-tick2 li:before {
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}

.m-height-21 {
  min-height: 21px;
}

section {
  position: relative;
}
section .btn-view-fixed {
  line-height: 25px;
}
section .container .btn-view-fixed {
  right: 0;
}
section.btn-fixed-with-cr .btn-view-fixed {
  right: 110px;
  top: 8px;
}
section.btn-fixed-with-cr .container .btn-view-fixed {
  top: 0px;
}
section.btn-fixed-with-cr .tab-view-all-btns .tab-panels {
  position: relative;
}
section.btn-fixed-with-cr .tab-view-all-btns .btn-view-fixed {
  top: -89px;
}
section.btn-fixed-with-cr .tab-view-all-btns .splide__arrow--next,
section.btn-fixed-with-cr .tab-view-all-btns .splide__arrow--prev {
  top: -90px;
}

.detail-page .container .col-2 {
  width: 680px;
  padding: 0;
}
.detail-page .container .col-1 {
  width: 435px;
}
.detail-page .gallery-nav {
  padding: 5px 0;
  top: 67px;
  background-color: #f6f6f6;
  z-index: 2;
}
.detail-page .f-medium2 {
  font-family: poppins-medium, sans-serif;
}
.detail-page .sticky-right {
  position: sticky;
  top: 76px;
}
.detail-page .uc-detail-sidebar {
  position: relative;
  top: 0;
}
.detail-page .uc-detail-sidebar iframe {
  width: 100%;
  height: 400px;
}
.detail-page .uc-detail-sidebar iframe .sell-car-outer .icon-close {
  display: none;
}
.detail-page .uc-detail-sidebar iframe .sell__car__selection {
  padding: 20px;
}
.detail-page .filter-widget-chips ul li {
  margin: 0 6px 6px 0;
}
.detail-page .filter-widget-chips ul li a {
  text-transform: capitalize;
}
.detail-page .js-list-share {
  padding: 0 50px;
}
.detail-page .js-list-share > li {
  margin: 0 25px;
}
.detail-page .list-share > li i {
  display: inline-block;
  padding: 0;
  font-size: 16px;
  margin-inline-end: 6px;
}
.detail-page .list-share > li i.icon-heart-filled {
  color: #f34653;
}
.detail-page .list-share > li a {
  display: flex;
  align-items: center;
}
.detail-page .list-share > li .social-media a {
  display: block;
}
.detail-page .list-share > li .social-media a i {
  display: block;
  margin: 0;
}
.detail-page .image-testimonial .card {
  margin-inline-end: 10px !important;
}
.detail-page .image-testimonial .card .image-wrapper {
  height: 200px;
}
.detail-page .loan-wrapper .right-sec {
  padding-top: 0;
}
.detail-page .loan-wrapper .right-sec .right-sec-inner {
  padding-bottom: 0;
}

.listing-card-wrap {
  margin-left: -10px;
  margin-right: -10px;
}
.listing-card-wrap > li {
  width: calc(25% - 20px);
  margin: 10px;
}

.addbanner {
  min-height: 90px;
}

.dealer-page .brand-card {
  justify-content: flex-start !important;
}
.dealer-page .brand-card li {
  margin-right: 13px !important;
}
.dealer-page .brand-card li > * {
  border: 0;
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
}
.dealer-page .table-scroll {
  min-width: 800px;
}
.dealer-page .table-scroll table tr {
  width: calc(25% - 12px);
}
.dealer-page .uc-detail-gallery li {
  height: 220px;
}
.dealer-page .list-share {
  position: absolute;
  right: 0;
  top: 0;
}
.dealer-page .list-share .js-share {
  display: flex;
  flex-direction: row-reverse;
}
.dealer-page .list-share .js-share i {
  padding-left: 6px;
}

.splide__track.p-0 {
  padding: 0 !important;
}

.uc-landingpage-banner .splide__arrows {
  position: absolute;
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  top: calc(50% - 16px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.uc-landingpage-banner .splide__arrows .splide__arrow--next {
  top: 0;
  right: -15px;
}
.uc-landingpage-banner .splide__arrows .splide__arrow--prev {
  top: 0;
  left: -15px;
  right: inherit;
}
.uc-landingpage-banner .splide__slide {
  opacity: 0.6;
}
.uc-landingpage-banner .splide__slide.is-active {
  opacity: 1;
}
.uc-landingpage-banner img {
  border-radius: 16px;
  max-height: 350px;
}

.filter-bx .custom-control label {
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  z-index: 1;
}
.filter-bx ul li {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
}
.filter-bx ul li.hide {
  display: none;
}
.filter-bx ul li .p-l-56 {
  padding-inline-start: 56px;
}
.filter-bx ul li .p-l-120 {
  padding-inline-start: 90px;
}
.filter-bx ul li .child-filters {
  display: none;
  width: 100%;
  transition: all 0.3s;
}
.filter-bx ul li.custom-control input[type=checkbox]:checked ~ label:before {
  background-color: #4b8645;
}
.filter-bx ul li.custom-control input[type=checkbox]:checked ~ label:after {
  color: #ffffff;
}
.filter-bx ul li.disabled > input {
  display: none;
}
.filter-bx ul li.disabled > label {
  pointer-events: none;
  opacity: 0.6;
  padding-inline-start: 0;
}
.filter-bx ul li.disabled > label::before, .filter-bx ul li.disabled > label:after {
  display: none;
}
.filter-bx ul li.is-subgroup .child-filters {
  display: block;
  padding-inline-end: 0;
}
.filter-bx ul li.child-open .child-filters {
  display: block;
  padding-inline-end: 0;
}
.filter-bx ul li .count {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 10px;
  line-height: 16px;
}
.filter-bx ul li .color-box {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #EAEAEA;
  position: absolute;
  top: -2px;
  left: 28px;
}
.filter-bx ul li .color-box:before {
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  width: 100%;
  height: 100%;
  border-radius: 0 0 6px 0;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(196, 196, 196, 0) 100%);
}
.filter-bx ul li .uc-body-icon {
  position: absolute;
  top: -2px;
  left: 15px;
  width: 70px;
}
.filter-bx ul li .uc-body-icon img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 20px;
}
.filter-bx ul li:last-child {
  margin-bottom: 0px;
}
.filter-bx .input-search .icon-search {
  font-size: 12px;
}
.filter-bx .input-search input {
  font-size: 12px;
  padding-inline-start: 38px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.filter-bx .input-search input::placeholder {
  font-size: 12px;
}
.filter-bx .input-search input:-ms-input-placeholder {
  font-size: 12px;
}
.filter-bx .input-search input::-webkit-input-placeholder {
  font-size: 12px;
}
.filter-bx .input-search input::-moz-placeholder {
  font-size: 12px;
}
.filter-bx .accordion-list {
  margin-top: 0px;
}
.filter-bx .accordion-list .accordion {
  padding: 0px;
  margin: 0px;
}
.filter-bx .accordion-list .accordion .acc-panel {
  display: none;
}
.filter-bx .accordion-list .accordion.active .acc-panel {
  margin-top: 16px;
  display: block;
}
.filter-bx .height-fixed {
  max-height: 170px;
  overflow-y: auto;
  transition: all 0.4s;
  overflow-x: hidden;
  padding-inline-end: 20px;
  margin-inline-end: -20px;
}
.filter-bx .buget-filter.border-bottom:last-of-type {
  border-bottom: none;
}
.filter-bx .acc-title {
  line-height: 24px;
}
.filter-bx .filter-range-slider {
  margin: 15px 0;
}
.filter-bx .noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  top: -8px;
  background-color: #4b8645;
  box-shadow: 0 1px 4px 0 rgba(40, 51, 63, 0.4);
  border-color: #fff;
}
.filter-bx .noUi-horizontal .noUi-handle.noUi-handle-lower {
  right: -17px;
}
.filter-bx .noUi-horizontal .noUi-handle:before, .filter-bx .noUi-horizontal .noUi-handle:after {
  display: none;
}

.custom-control input[type=radio]:checked ~ label:after {
  width: 8px;
  height: 8px;
  margin-top: 4px;
  margin-inline-end: 0px;
  margin-inline-start: 4px;
}

.uc-listing-ad-cards img {
  border-radius: 12px;
}

.btn-mini.btn-line.btn-sort {
  line-height: 36px;
  height: 36px;
  padding: 0 15px 0 30px;
  position: relative;
  max-width: 120px;
  overflow: hidden;
  text-align: start;
  top: 0;
}
.btn-mini.btn-line.btn-sort:before {
  content: "\e91e";
  font-family: "icomoon";
  margin-inline-end: 4px;
  position: absolute;
  top: 0;
  left: 15px;
}
.btn-mini.btn-line.btn-sort.desc:before {
  transform: rotate(180deg);
}

.filter-range-slider .noUi-tooltip {
  display: block;
}

.range-fliter-input span, .range-fliter-input input {
  border: 0;
  color: #4b8645;
  font-size: 15px;
  font-weight: 600;
  max-width: 50%;
}
.range-fliter-input span:last-child, .range-fliter-input input:last-child {
  text-align: end;
}

.slider-height {
  height: 120px;
}

.filter-chips li.clear-all {
  padding: 8px;
  cursor: pointer;
  background-color: transparent;
  box-shadow: none;
  border: 0;
}

.filter-widget-chips ul {
  overflow-x: auto;
}

.dynamic-content-list .read-more-less .read-more {
  background-color: #F6F6F6;
}

.card-rounded .dynamic-content-list .read-more-less .read-more {
  background-color: #fff;
}

.reviews .author-info .image-object-fit {
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  position: relative;
  background: #f34653;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.reviews .author-info .image-object-fit span {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.error-404 .error {
  display: inline-block;
}
.error-404 .icon-sorry {
  font-size: 64px;
  color: rgba(0, 0, 0, 0.54);
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}

.error-text {
  font-size: 64px;
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.54);
}
.error-text .shake-icon {
  animation: shake 5s ease-in-out infinite;
  -webkit-animation: shake 5s ease-in-out infinite;
  margin: 0;
  display: inline-block;
}
.error-text .icon-sorry {
  font-size: 56px;
}

@keyframes shake {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
  }
}
.listing .listing-card-wrap {
  margin: 0 -10px;
}
.listing .listing-card-wrap > li.filter-listing-card {
  width: calc(33.33% - 20px);
  margin: 10px;
}
.listing .listing-card-wrap > li.filter-listing-card .tooltip-chip .tooltip {
  min-width: 85px;
  font-size: 12px;
}
.listing .listing-card-wrap > li.w-100 {
  width: calc(100% - 20px);
  margin-inline-start: 10px;
  margin-inline-end: 10px;
}
.listing .listing-card-wrap .empty {
  width: 100%;
  margin-inline-start: 10px;
}
.listing .listing-card-wrap .btn-mini.btn-solid {
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
}
.listing .uc-listing-ad-cards .splide__arrow--next {
  top: 70px;
  right: -8px;
}
.listing .uc-listing-ad-cards .splide__arrow--prev {
  top: 70px;
  left: -8px;
  right: inherit;
}
.listing .used-car-card .card-panel {
  min-height: 120px;
}
.listing .list-share {
  position: absolute;
  right: 0;
  top: 0;
}
.listing .list-share .js-share {
  display: flex;
  flex-direction: row-reverse;
}
.listing .list-share .js-share i {
  padding-left: 6px;
}
.listing .socialwrap {
  right: 0;
  left: auto;
}
.listing .uc-detail-gallery li {
  height: 220px;
}

.error-404 {
  padding: 70px;
}

.error-text {
  font-size: 114px;
}
.error-text .icon-sorry {
  font-size: 100px;
}

body {
  display: flex;
  flex-direction: column;
}

[data-popup-modal=video].popup-modal {
  padding: 0;
}
[data-popup-modal=video] {
  background: #24272C;
}
[data-popup-modal=video] .video-played {
  color: #fff;
}
[data-popup-modal=video] iframe {
  max-width: 100%;
  display: block;
}
[data-popup-modal=video] .card {
  background: #ffffff;
}
[data-popup-modal=video] .list-hr li {
  display: block;
  padding: 8px 16px;
  transition: all 0.4s;
}
[data-popup-modal=video] .list-hr li .card {
  display: flex;
}
[data-popup-modal=video] .list-hr li:hover, [data-popup-modal=video] .list-hr li.active {
  background: #3a3d41;
}
[data-popup-modal=video] .videos-related a {
  color: #24272c;
}
[data-popup-modal=video] .popup-modal-close {
  width: 24px;
  height: 24px;
  cursor: pointer;
  right: 20px;
  background: #474e5c;
  color: #fff;
  line-height: 24px;
  font-size: 8px;
  top: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  text-align: center;
  display: inline-block;
  position: absolute;
}
[data-popup-modal=video] .popup-modal-close i::before {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  [data-popup-modal=video] {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    width: 917px;
    height: 526px;
    overflow: hidden;
  }
  [data-popup-modal=video].popup-modal {
    overflow: visible;
  }
  [data-popup-modal=video] > * {
    display: flex;
  }
  [data-popup-modal=video] .videos-related {
    overflow: auto;
    height: 526px;
  }
  [data-popup-modal=video] .video-played {
    min-width: 560px;
    width: 560px;
  }
  [data-popup-modal=video] .video-played.single-video {
    width: 100%;
  }
  [data-popup-modal=video] .list-hr li .card:hover img {
    transform: none;
  }
  [data-popup-modal=video] .popup-modal-close {
    width: 32px;
    height: 32px;
    right: -15px;
    line-height: 32px;
    font-size: 10px;
    top: -15px;
  }
}
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 9;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.86);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 800px;
}

/* The Close Button */
.close {
  color: #fff;
  position: absolute;
  top: -15px;
  right: -12px;
  font-size: 21px;
  font-weight: 700;
  height: 25px;
  width: 25px;
  background: rgba(74, 72, 72, 0.9803921569);
  border-radius: 50%;
  text-align: center;
  z-index: 9;
  line-height: 25px;
  box-shadow: 1px 0px 16px #000;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

body.body_class {
  overflow-y: hidden !important;
}