.hero-slider h2,
.hero-slider h1,
.hero-slider h3,
.hero-slider h4,
.hero-slider p {
  margin: 0
}
.hero-slider .uk-light {
  color: #fff
}
.hero-panel {
  z-index: 2;
}

/*
  Navigation: Suzuki's horizontal rail rather than round dots.

  Their values, from suzuki.com.au's .slick-scroll-bar--flex-dots — 38x3px
  bars, 13px apart, centred, inactive in #b8b8b8 and the current one in the
  deep green-black #0e2c29 they use for it.

  These rules cannot be scoped: UIkit's `uk-slider-nav` builds its own
  <li><a> markup at runtime, and those nodes never receive a scoped
  component's data attribute.
*/
.hero-slider .uk-slider-nav {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 13px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 5;
}
.hero-slider .uk-slider-nav > * {
  padding-left: 0;
}

/*
  Written against `.uk-dotnav > * > *` as well as the element, because that is
  the selector UIkit uses to make these round — 10px, 50% radius, 1px border.
  Matching its shape and beating its specificity is what keeps the bars square.
*/
.hero-slider .uk-slider-nav li a,
.hero-slider .uk-slider-nav.uk-dotnav > * > * {
  display: block;
  width: 38px;
  height: 5px;
  border: none;
  border-radius: 0;
  background-color: #b8b8b8;
  transition: background-color 0.2s ease-in-out;
}
.hero-slider .uk-slider-nav li a:hover,
.hero-slider .uk-slider-nav li a:focus {
  background-color: #8f8f8f;
}
.hero-slider .uk-slider-nav li.uk-active a,
.hero-slider .uk-slider-nav.uk-dotnav > .uk-active > * {
  background-color: #0e2c29;
  transform: none;
}


/* Slider item styling */
.uk-slider-items[data-v-788f743a] {
  margin-left: 0;
}

/* Full-bleed: one slide spans the whole viewport, edge to edge, the way the
   OEM runs its own campaign banners. The card treatment this replaced — 4/5
   width, 10px gutter, rounded corners, drop shadow, hover lift — only made
   sense while neighbouring slides were peeking in beside the active one. */
.uk-slider-items > div[data-v-788f743a] {
  padding: 0;
}
.uk-panel[data-v-788f743a] {
  overflow: hidden;
  /* The copy block below positions against this. */
  position: relative;
}

/* Slide content styling */
/*
  Full width at the artwork's own 2280x1600 (1.425:1) would make the hero
  ~1350px tall on a 1920 screen — taller than the viewport, which would put
  the CTA we just moved to the bottom below the fold on load. So desktop
  crops to a 2:1 letterbox (media query below).

  How 2:1 was chosen rather than guessed: Suzuki burns campaign copy into
  several of these banners, and on those the artwork is only used between
  19.8% and 81.2% of frame height — roughly a fifth of clear margin top and
  bottom. That tolerates a symmetric crop down to about 2.3:1 before the
  copy starts getting clipped. 2:1 keeps ~5% in hand, which leaves room for
  next month's campaign to be composed a little tighter without breaking.
  The photography-only slides carry no text and crop freely.

  Go past ~2.2:1 and you start cutting into Suzuki's own headlines —
  re-measure the artwork first.
*/
.slide-image[data-v-788f743a] {
  display: block;
  width: 100%;
  height: auto;
}

/* Keyed off vw, not vh, so the hero keeps one predictable shape instead of
   changing ratio with window height. Mobile is left uncropped: that artwork
   is a separate near-square asset (1280x1380) meant to be seen whole. */
@media (min-width: 960px) {
.slide-image[data-v-788f743a] {
    max-height: 50vw; /* 2:1 — read the note above before changing */
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
}

/* Copy, sub-copy and CTA sit at the FOOT of the slide. On the banners that
   carry burned-in copy this also stops the overlaid button landing on top of
   the OEM's own headline, which is what the previous top placement did. */
.slide-copy[data-v-788f743a] {
  padding: 2rem;
  width: 100%;
  z-index: 5;
  /*
    Legibility scrim. The overlay is white text on a white button, and the
    artwork underneath is not reliably dark: the Hybrid banner fades to a pale
    beige band exactly where this block sits, and next month's campaign is
    somebody else's photograph. A gentle bottom-up gradient keeps the copy
    readable over anything without flattening the image.
    Per-slide escape hatch: the `contrast` override (uk-dark over light art).
  */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.28) 45%,
    rgba(0, 0, 0, 0) 100%
  );
}
.ford-btn[data-v-788f743a] {
  background-color: #066fef;
  color: white;
  transition: background-color 0.3s;
}
.ford-btn[data-v-788f743a]:hover {
  background-color: #0142BE;
  color: white;
}
.white-btn[data-v-788f743a] {
  background-color: white;
  color: #333;
  border: 2px solid transparent;
  padding: 8px 30px;
  font-family: 'SuzukiSlider', sans-serif !important;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  border-radius: 0;
  transition: all 0.3s ease;
  box-shadow: none;
}
.white-btn[data-v-788f743a]:hover {
  background-color: #333;
  color: white;
  border: 2px solid #333;
  transform: none;
  box-shadow: none;
}

/* Suzuki slider text styling */
.uk-heading-medium[data-v-788f743a] {
  font-family: 'SuzukiSlider', sans-serif !important;
  font-weight: 700 !important;
  font-size: 4rem !important;
  letter-spacing: 0.1rem !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}
.uk-heading-small[data-v-788f743a] {
  font-family: 'SuzukiSlider', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.85rem !important;
  letter-spacing: 0.05rem !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

/* Override for heading weight */
.uk-text-normal[data-v-788f743a] {
  font-weight: 700 !important;
  font-family: 'SuzukiSlider', sans-serif !important;
}
@media (max-width: 960px) {
.slide-copy[data-v-788f743a] {
    padding: 1rem;
    width: 100%;
}
  
  /*
    No forced height on mobile. The mobile artwork is near-square (1280x1380)
    and designed to be seen whole; the old 600px floor plus object-fit:cover
    cropped the sides off it, which on the banners with burned-in copy meant
    cropping the words. At full width it stands up at its own ratio.
  */
  
  /* Better mobile button styling */
.white-btn[data-v-788f743a] {
    padding: 12px 24px;
    font-size: 0.85rem;
    min-height: 44px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto;
    max-width: 90%;
    margin: 0 auto;
}
  
  /* Responsive Suzuki text styling */
.uk-heading-medium[data-v-788f743a] {
    font-size: 2.5rem !important;
    letter-spacing: 0.05rem !important;
}
.uk-heading-small[data-v-788f743a] {
    font-size: 1.3rem !important;
    letter-spacing: 0.03rem !important;
}
}

/* The circular prev/next buttons these styled are gone — the OEM hero is
   navigated by the bar rail alone. */


/* Overlay styles for non-active slides */
.slide-overlay[data-v-788f743a] {
  opacity: 0;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 10; /* Ensure it's above other elements */
  text-decoration: none;
  display: block;
}

/*
  The dimming and click-to-advance treatment for neighbouring slides is gone
  with the card layout: at full width exactly one slide is on screen, so there
  is no inactive slide to darken, lift or click. The overlay anchor itself is
  left in the markup — it is inert on the active slide (pointer-events: none
  below) and would come back to life if the deck were ever shown multi-up.
*/

/* Hide overlay on active slides */
.uk-slider-items > div.uk-active .slide-overlay[data-v-788f743a] {
  opacity: 0;
  pointer-events: none;
}
.slide-link[data-v-788f743a] {
  z-index: 1;
}


.front-search b {
  color: #d40144;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.front-search-box {
  align-items: center !important;
  background-color: #101010 !important;
  border-radius: 20px !important;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  justify-self: start;
  overflow: visible;
  padding: 32px !important;
  position: relative;
  text-decoration: none;
}
.front-search-box::before {
  content: '';
  position: absolute;
  border-radius: 20px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  background: linear-gradient(45deg, rgb(128, 0, 28), rgb(187, 18, 20));
  z-index: -1;
  overflow: hidden;
}
.adme-dropdown.el-popper[x-placement^=bottom] .popper__arrow,
.adme-dropdown.el-popper[x-placement^=bottom] .popper__arrow {
  top: -8px !important;
  border-bottom-color: #d40144 !important;
}
.adme-dropdown.el-popper[x-placement^=top] .popper__arrow,
.adme-dropdown.el-popper[x-placement^=top] .popper__arrow {
  border-bottom-color: #d40144 !important;
}
.adme-dropdown.el-popper[x-placement^=bottom] .popper__arrow,
.adme-dropdown.el-popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #d40144 !important;
}
.adme-dropdown.el-popper[x-placement^=top] .popper__arrow,
.adme-dropdown.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: -4px !important;
  border-top-color: #d40144 !important;
}
.adme-dropdown .el-select-dropdown__item {
padding: 0 5px;
}
.elselect-body .el-select__caret.el-input__icon.el-icon-arrow-up,
.elselect-body .el-select__caret.el-input__icon.el-icon-circle-close {
  color: #d40144 !important;
}
.el-select-dropdown.el-popper.adme-dropdown {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.95);
  transition: all 0.3s ease-in-out;
}
body.uk-overflow-hidden .el-select-dropdown.el-popper.adme-dropdown {
  z-index: 3 !important;
}
.el-select-dropdown.el-popper.adme-dropdown {
  border-radius: 20px;
  z-index: 99999
}
.max-18 {
  max-width: 1800px;
}
.el-select-group__wrap:not(:last-of-type)::after {
  background: #434343;
}
.el-select-group__title {
  display: none;
}
.el-tooltip__popper.is-dark {
  font-size: 24px;
  font-weight: 900;
  background: #151515;
  color: #fff;
  border: 2px solid #353535;
}

/* Faster blur animation */
@keyframes blur-animation {
to {
    filter: blur(3vmin);
    transform: scale(1.05);
}
}

/* Faster gradient animation */
@keyframes gradient-shift {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
.grd-txt {
  display: inline-block;
  vertical-align: baseline;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 5vmin;
  /* Smaller font size */
  color: white;
  background-image: linear-gradient(to right, #626262, #fff);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.group-hr {
  border-top: 3px solid #232323;
}
.weekly-slider-wrap {
  position: relative;
  bottom: 12px;
}
.weekly-slider-wrap b {
  font-size: 36px;
}
.weekly-slider .el-slider__button {
  width: 15px;
  height: 15px;
}
.weekly-slider .el-slider__button-wrapper {
  height: 26px;
  width: 26px;
  top: -10px;
}
.weekly-slider .el-slider__marks-text {
  font-size: 16px;
  font-weight: 600;
  color: #91092d;
  margin-top: 18px;
}
.weekly-slider .el-slider__runway {
  margin: 6px 0
}
.group-title {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
}
.lifesearch {
  position: relative;
  z-index: 2;
}
.scroller {
  height: 100%;
}
.front-search-container .el-select .el-input__inner::-moz-placeholder {
  color: white !important;
}
.front-search-container .el-select .el-input__inner::placeholder {
  color: white !important;
}
.front-search-container .elselect-body .el-input__inner::-moz-placeholder {
  color: #000 !important;
}
.front-search-container .elselect-body .el-input__inner::placeholder {
  color: #000 !important;
}
.el-scrollbar {
  border-radius: 20px;
}
.front-search-container .el-input--suffix .el-input__inner {
  background-color: transparent;
}
.search-select .el-input.is-focus .el-input__inner {
  border: 3px solid #d40144 !important;
}
.elselect-body .el-input--suffix .el-input__inner {
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
}
.search-select .elselect-body .el-input.is-focus .el-input__inner {
  border: none !important;
}
.bg-muted {
  background-color: #e5eefb;
}
.flowing-bar {
  z-index: 99999999;
}
.el-select-dropdown__wrap {
  width: 350px;
}
.category-image {
  width: 100px;
  height: auto;
  cursor: pointer;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 0px;
  border-top-color: #d40144;
}
.results-wrap {
  background-color: #f3f1f1
}
.front-search .uk-search-input {
  padding-left: 20px !important;
}
.front-search .el-select .el-tag {
  padding: 20px;
}
.front-search .el-select .el-tag {
  color: #060606;
  background-color: #ffffff;
}
.front-search .el-select .el-tag__close.el-icon-close {
  top: 1px;
  background-color: #d40144;
  color: #fff;
}
.front-search .el-select .el-tag {
  width: auto
}
.el-select-dropdown {
  border: 2px solid #d40144;
  border-radius: 20px;
  background-color: #101013;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  margin: 5px 0;
}
.el-select-dropdown__item {
  color: #f8f8f8;
  transition: .2s;
}
.front-search .el-tooltip,
.el-slider__button:hover {
  background: #fff !important;
  border: 4px solid #d40144;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}
.front-search .el-button,
.el-dropdown {
  font-size: 16px;
}
.search-select label {
  display: block;
  font-size: 26px;
  font-weight: 300;
  padding: 6px
}
.special-toggle {
  padding: 10px 15px;
  border-radius: 50px;
  margin-left: 20px;
  background: #910a2e54;
}
.special-toggle .el-switch__label * {
  font-size: 16px;
}
.special-toggle .el-switch__label {
  color: #ff5151 !important
}
.special-toggle .el-switch__label.is-active {
  color: #fff !important
}
.elselect-condition.el-select .el-input__inner,
.elselect-condition.el-select .el-input.is-focus .el-input__inner {
  padding: 25px;
  border-radius: 0;
  /* border-top-right-radius: 0;
  border-bottom-right-radius: 0; */
}
.elselect-make.el-select .el-input__inner,
.elselect-model.el-select .el-input__inner,
.elselect-badge.el-select .el-input__inner,
.elselect-make.el-select .el-input.is-focus .el-input__inner,
.elselect-model.el-select .el-input.is-focus .el-input__inner,
.elselect-badge.el-select .el-input.is-focus .el-input__inner {
  padding: 25px;
  border-radius: 0;
}
.el-input__inner,
.uk-search-input {
  border: 2px solid #d9dde4 !important;
  border-radius: 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #fff !important;
  padding-left: 15px;
  font-size: 400;
  border-radius: 10px;
  background-color: #d40144 !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected .uk-text-muted {
  color: #e4e4e4 !important
}
.popular-v {
  position: relative;
  z-index: 2;
}
.el-select-dropdown__item.hover {
  background-color: #000;
}
.el-dropdown-menu.el-popper {
  border-radius: 20px;
}
.price-dropdown-select .el-tooltip.el-slider__button {
  border: 4px solid #d40144;
}
.el-select-dropdown.el-popper.is-multiple {
  border-radius: 20px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: auto;
  left: 5px
}
.el-select-dropdown.is-multiple .el-select-dropdown__item {
  padding-right: 15px;
  padding-left: 0;
  margin: 3px 0;
}
.el-select__tags {
  flex-wrap: nowrap;
}
.el-select-dropdown__list {
  padding: 10px 10px 10px
}
.bg-muted .el-slider__runway {
  background-color: #979797;
}
.el-popper[x-placement^=bottom] .popper__arrow {
  top: -8px;
}
.bg-muted .el-slider__button-wrapper {
  z-index: 1;
}
.el-tag .el-icon-close {
  font-size: 18px;
  height: 25px;
  width: 25px;
  line-height: 24px;
}
.el-select-dropdown {
  min-width: 250px !important;
}
.el-select-dropdown__item {
  font-size: 16px;
}
.drop-search-btn .uk-button {
  min-width: 200px;
  color: #fff !important;
  font-size: 24px;
  letter-spacing: 1px;
  border-radius: 14px;
  padding: 14px 20px;
  background-color: #d40144 !important;
  border: #d40144 2px solid !important;
  /* border-top-left-radius: 0;
  border-bottom-left-radius: 0; */
}
.front-search .el-select .el-tag {
  max-width: 120px;
  border-radius: 11px
}
.front-search .el-select__tags {
  padding-left: 7px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item {

  border-radius: 0;
}
.front-search-container {
  border-radius: 20px;
  position: relative;
}
.el-select-dropdown__item.selected {
  font-weight: 400;
}
#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  /* Adjust the z-index value as needed */
}
.text-space-33 {
  letter-spacing: 3px;
}
.elselect input {
  color: #d40144 !important;
}
.default-dash .el-select.elselect .el-input__inner,
.default-dash .el-input__inner {
  padding: 25px;
  background-color: transparent !important;
  border: none !important;
}
.default-dash .el-slider__bar {
  background-color: #333 !important;
}
.front-search .el-slider__bar {
  background-color: #d40144 !important;
}
.front-search .el-slider:hover .el-slider__bar {
  background-color: #000 !important;
}
.front-search .el-slider:hover .el-slider__button {
  border: 4px solid #000;
}
.default-dash .uk-search-input {
  padding-left: 20px !important;
}
.search-mag {
  margin-top: 10px;
  height: 45px;
  border-left: 1px #303032 solid;
}
.front-search .el-input__inner,
.front-search .uk-search-input {
  border: 4px solid #303032 !important;
}
.front-search .uk-search-input:focus {
  border-color: #d40144 !important;
}

/* Using :not(:placeholder-shown) to check for value */
.front-search .uk-search-input:not(:-moz-placeholder-shown) {
  border-color: #d40144 !important;
  box-sizing: border-box;
}
.front-search .uk-search-input:not(:placeholder-shown) {
  border-color: #d40144 !important;
  box-sizing: border-box;
}

/* Or using the more modern :has() selector */
.front-search:has(.uk-search-input[value]:not([value=""])) .uk-search-input {
  border-color: #d40144 !important;
  box-sizing: border-box;
}
.search-input-dark {
  height: 70px !important;
  border-radius: 20px !important;
  border-width: 3px !important;
}
.front-search .search-close {
  padding-right: 15px;
}
.link-box {
  cursor: pointer;
}

/* .uk-pagination .uk-button:not(:disabled) {
  color: #fff;
  background-color: black;
} */
.is-active {

  /* Light grey background for the active item */
  color: #d40144;
  /* Blue color for the text */
  font-weight: bold;
  /* Make text bold */
}

/* .vehicle-card .details-container {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s, visibility 0.3s;
}

.vehicle-card:hover .details-container {
  height: 0;
  width: 0;
}

.vehicle-card .image-container {
  transition: all 0.9s ease;
}

.vehicle-card:hover .image-container {
  height: 100%;
  width: 100%;
} */
.badge-pill {
  border-radius: 10px;
}
.border-radius-25 {
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
}
.price-dropdown {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.price-dropdown .el-dropdown {
  color: #000;
  font-size: 34px;
  font-weight: 300;
}
.front-search-container.cupped::before {
  content: '';
  position: absolute;
  border-radius: 20px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  background: linear-gradient(45deg, rgb(128, 0, 28), rgb(187, 18, 20));
  z-index: -1;
  overflow: hidden;
}
.el-select-dropdown__wrap {
  max-height: 500px;
}
.front-search-container .el-icon-circle-close,
.el-select .el-input .el-select__caret {
  color: #fff;
  font-size: 22px !important;
  margin: 1px 5px;
}
@media (min-width: 960px) {
.el-select-dropdown.is-multiple .el-select-dropdown__item:hover {
    color: #fff !important;
    border-radius: 10px;
    background-color: #d40144 !important;
}
}
@media (max-width: 960px) {
.el-select-dropdown__item>span {
    font-size: 18px !important;
}
.el-select-dropdown__list {
    padding: 0 10px 100px;
}
.front-search-container.cupped {
    padding: 10px !important;
}
.icontxt {
    font-size: 1.0rem;
    line-height: 1.4;
}
.uk-text-meta.icontxtsm {
    font-size: 0.575rem;
}
.el-select-dropdown {
    border: transparent;
    background-color: #1010135c;
}
.el-select-dropdown.el-popper.is-multiple {
    border-radius: 0;
}
.el-select-dropdown.el-popper.is-multiple {
    min-width: 100% !important;
    height: 100%;
    /* height: 100svh; */
    position: fixed !important;
    top: auto !important;
    bottom: 0;
    left: 0 !important;
    right: 0;
    transform-origin: center;
    z-index: 2003;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item {
    display: flex;
    height: 45px;
    margin: 10px 0;
    border-bottom-width: 1px !important;
    border-color: rgba(52, 52, 52, 0.425) !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-style: solid !important;
    border-top-width: 1px !important;
    align-items: center !important;
    background-color: #18181b !important;
    border-radius: 10px !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    padding-left: 30px;
}
.group-hr {
    display: none;
}
.el-popper[x-placement^=bottom],
  .el-popper[x-placement^=top] {
    margin: 0;
}
.el-select-dropdown {
    transform-origin: bottom !important;
    align-items: center !important;
    background-color: #000 !important;
    border-radius: 0;
    margin: 0;
}
.el-scrollbar {
    border-radius: 0 !important;
    height: 100% !important;
}
.uk-h2.title {
    color: #fff;
}
.el-select-dropdown__wrap {

    background-color: transparent;
    border-radius: 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item {
    padding-left: 5px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    left: 15px;
}
.el-select-dropdown__wrap {
    max-height: 100%;
    width: 100%;
}
.el-select-dropdown__item.selected .uk-text-muted.uk-margin-small-right {
    color: #fff !important;
}
b {
    color: #d40144;
}
.floating-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(51, 51, 51, 0.206);
    backdrop-filter: blur(10px);
    display: flex;
    padding: 10px;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
}
.floating-bar button {
    flex-grow: 1;
    border: none;
    padding: 5px 0;
    font-size: 16px;
    border-radius: 10px;
    margin: 0 5px;
    transition: background-color 0.3s ease;
}
.floating-bar button.uk-button-primary,
  .floating-bar button.uk-button-primary:hover {
    background-color: #0b54dd !important;
    color: #fff;
    border: 1px solid transparent;
}
.floating-bar button:active {
    opacity: 0.8;
}
}
.weekly-slider .el-slider__marks {
  margin-top: 20px;
  /* Add more space for marks */
}
.weekly-slider .el-slider__marks-text {
  font-size: 14px;
  font-weight: 600;
  color: #91092d;
  min-width: 45px;
  /* Ensure minimum width for the mark */
  text-align: center;
  transform: translateX(-50%);
  /* Center the mark */
  white-space: nowrap;
  /* Prevent wrapping */
}

/* Add spacing between marks if they're close */
.weekly-slider .el-slider__marks-text+.el-slider__marks-text {
  margin-left: 15px;
  /*Minimum space between marks */
}
.weekly-slider .el-slider__marks .el-slider__marks-text:first-child {
  margin-left: -15px;
}

/* Adjust mark position when they're too close */
.weekly-slider .el-slider__marks-text[style*="left: 15"] {
  transform: translateX(-100%);
  /* Move first mark fully to the left */
}
.weekly-slider .el-slider__marks-text[style*="left: 15"]+.el-slider__marks-text {
  transform: translateX(0);
  /* Move second mark fully to the right */
}


/* ---------------------------------------------------------------------------
   Squared off, per the Suzuki style guide.

   Suzuki's own controls carry no corner radius at all — `.cta--outline` is a
   1px rule and a rectangle. This search had radii from 10px to 50px plus
   UIkit's pill modifier, which read as a different design language sitting on
   the same page as the OEM-styled blocks.

   Scoped to the search so it squares this component's chrome without reaching
   the rounded cards elsewhere on the site. Vehicle thumbnails keep their own
   treatment — this is about controls, not photography.
   --------------------------------------------------------------------------- */
.front-search .uk-button,
.front-search button,
.front-search .uk-input,
.front-search .uk-select,
.front-search .uk-search-input,
.front-search input[type="text"],
.front-search input[type="search"],
.front-search .uk-dropdown,
.front-search .uk-card,
.front-search .search-panel,
.front-search .uk-badge {
  border-radius: 0 !important;
}

/* The OEM's button face, so these read as the same family as the CTAs on the
   rest of the page. */
.front-search .uk-button {
  font-family: "TT Commons Pro DemiBold", "TTCommons_DemiBold", Arial, sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}


.adme-promo-top-banner[data-v-4c41ef84] {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 16px;
}
.adme-promo-top-banner__inner[data-v-4c41ef84] {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}
.adme-promo-top-banner__media[data-v-4c41ef84] {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.adme-promo-top-banner__cta[data-v-4c41ef84] {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
}

/* Mobile/desktop swap */
.adme-promo-top-banner__media--mobile[data-v-4c41ef84] { display: block;
}
.adme-promo-top-banner__media--desktop[data-v-4c41ef84] { display: block;
}
@media (min-width: 768px) {
.adme-promo-top-banner__media--mobile[data-v-4c41ef84] { display: none;
}
}
@media (max-width: 767px) {
.adme-promo-top-banner__media--desktop-only[data-v-4c41ef84] { display: none;
}
}


.tabs-block[data-v-45578d9a] {
  position: relative;
  display: flex;
  list-style: none;
  padding: 0;
  margin: auto;
  border: 5px solid #fff;
  background: #f7f8f9;
  border-radius: 50px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
}
.tabs-block.tabs-grid[data-v-45578d9a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0 8px;
}
.tabs-block li[data-v-45578d9a] {
  font-weight: 600;
  padding: 12px 16px;
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s ease;
  color: #000000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 14px;
  white-space: nowrap;
}
.tabs-block li.grid-item[data-v-45578d9a] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
  margin: 0;
  white-space: normal;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px;
  font-size: 12px;
  line-height: 1.2;
}
.tabs-block li.grid-item.active[data-v-45578d9a] {
  background-color: #d40144;
  color: white;
}
@media (min-width: 640px) {
.tabs-block li[data-v-45578d9a] {
    padding: 12px 24px;
    font-size: 16px;
}
}
.tabs-block li.active[data-v-45578d9a]:not(.grid-item) {
  color: white;
}
.slider[data-v-45578d9a] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #d40144;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, width;
}
.box .tabs-block[data-v-45578d9a], .box .uk-border-pill[data-v-45578d9a] {
  border-radius: 10px;
}
.box .slider[data-v-45578d9a] {
  background-color: #0f0f0f;
  color: white;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}


.calculator-container[data-v-366e46b1] {
  display: flex;
  flex-direction: column;
}
.payment-calculator[data-v-366e46b1] {
  flex: 1;
}
.payment-tab li[data-v-366e46b1] {
  background-color: #222;
}
.payment-tab li[data-v-366e46b1]:hover {
  background-color: #f8f8f8;
}
.payment-tab li h4[data-v-366e46b1],
.text-blue[data-v-366e46b1],
.payment-tab li.uk-active:hover h4[data-v-366e46b1] {
  color: #fff;
}
.payment-tab li:hover h4[data-v-366e46b1] {
  color: #ff0012;
}
.payment-tab.uk-tab > * > a[data-v-366e46b1] {
  padding: 15px 10px;
  border-bottom: 0;
}
.small-lead-form .uk-form-icon.percent-icon[data-v-366e46b1] {
    top: -26px;
}
.text-white[data-v-366e46b1] {
  color: #fff;
}
.filter-tab[data-v-366e46b1] {
  border-bottom: 1px solid rgba(230, 230, 230, 0.28);
}
.filter-tab .uk-h1[data-v-366e46b1] {
  font-weight: 700;
}
.border-bottom-r[data-v-366e46b1] {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.background-blue[data-v-366e46b1],
.payment-tab.uk-tab > .uk-active[data-v-366e46b1] {
  background-color: #ff0012;
}
.margin-months-bottom[data-v-366e46b1] {
  margin-bottom: 25px;
}
.left-border[data-v-366e46b1] {
  border-left: 1px solid rgba(255, 255, 255, 0.27);
}
.calculator-footer[data-v-366e46b1]:after,
.calculator-footer[data-v-366e46b1]:after {
  z-index: 0;
  position: absolute;
  bottom: -18px;
  left: calc(50% - 50px);
  content: "";
  width: 0;
  height: 0;
  border-top: solid 30px #ff0012;
  border-left: solid 50px transparent;
  border-right: solid 50px transparent;
}
@media (max-width: 960px) {
.single-modal .calculator-container[data-v-366e46b1] {
    padding: 0;
}
}


.v-lazy-image {
  filter: blur(10px);
  transition: filter 0.7s;
}
.v-lazy-image-loaded {
  filter: blur(0);
}
/* Grade picker in the hero panel. Sits over the panel's own colour, so the
   type is light and the chrome is kept to hairlines. */
.nav-build {
  padding: 0 28px 22px 0;
  text-align: right;
  max-width: 320px;
}
.nav-build__label {
  font-family: "TT Commons Pro Regular", Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6d6d6d;
  margin-bottom: 8px;
}
.nav-build__grades {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
}
.nav-build__grade {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  padding: 6px 0;
  background: none;
  border: 0;
  border-bottom: 1px solid #cbcbcb;
  color: #121212;
  cursor: pointer;
  font-family: "TT Commons Pro DemiBold", Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  text-align: left;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.nav-build__grade:hover,
.nav-build__grade:focus-visible {
  opacity: 1;
}

/* The picked grade is the one that rides into the builder, so it is marked
   plainly rather than by a hover-ish tint. */
.nav-build__grade.is-picked {
  opacity: 1;
  border-bottom-color: currentColor;
}
.nav-build__grade-price {
  font-family: "TT Commons Pro Regular", Arial, sans-serif;
  white-space: nowrap;
}
.nav-build__disclaimer {
  font-family: "TT Commons Pro Regular", Arial, sans-serif;
  font-size: 11px;
  color: #6d6d6d;
  margin-bottom: 12px;
}
.nav-build__cta {
  display: inline-block;
  border: 1px solid #121212;
  color: #121212;
  padding: 9px 22px;
  font-family: "Loos Extd Bd", "SuzukiSlider", Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 0.23px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.nav-build__cta:hover {
  background: #121212;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1200px) {
.nav-build {
    display: none;
}
}

/* ---------------------------------------------------------------------------
   Vehicle menu, on suzuki.com.au's own values.

   The layout stays the dealer's: this menu carries destinations the OEM has no
   equivalent for — stock search, used cars, sell your car, fleet — and Suzuki's
   own vehicle menu is a plain strip with nowhere to put them. What is adopted
   is their visual language: the type, the row rhythm, the thumbnail size, and
   the current-item underline in place of a colour fill.
   --------------------------------------------------------------------------- */
.vehicle-item {
  border-bottom: 1px solid #cbcbcb;
  position: relative;
}

/*
  Suzuki marks the current item with a 2px rule along the bottom rather than by
  filling the row. The fill this replaced used each model's `bg` colour, which
  meant the row's contrast changed model to model — legible on the dark blues,
  much less so on the paler ones — and it is not a treatment the OEM uses
  anywhere.
*/
.vehicle-item.is-current:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #001d31;
}
.vehicle-name {
  /* Same face as the Buying Tools sidebar (.buy-sidebar a) so the two columns
     read as one menu, and sized up from 14px for legibility. */
  font-family: "TTCommons_Regular", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  color: #121212;
  margin-right: 2rem;
  padding-right: 1.5rem;
}
.vehicle-name.no-caps {
  text-transform: none;
}

/* 124.35 x 53 is the OEM's own thumbnail box; `contain` keeps the profile
   renders from being cropped to fill it. */
.vehicle-thumbnail {
  width: 124.35px;
  height: 53px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1200px) {
.b-r-t {
    border-right: 1px solid #ebebeb;
}
}
.vehicle-item {
  cursor: pointer;
}
.mega-grid-mnu {
  background-color: #f1f1f1;
}

/*
  The dealer's wordmarks are a mix — white for Swift, Jimny, Ignis, S-Cross;
  black for Fronx and Vitara — because they were drawn for the dark fills this
  panel used to have. Flattening to black normalises the set against the light
  ground; without it half the range would show nothing at all here.
*/
.mega-grid-mnu .mnu-logo {
  filter: brightness(0);
}
.mnu-action {
  font-family: "TT Commons Pro DemiBold", "TTCommons_DemiBold", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.04em;
  color: #121212;
}
.mnu-action:hover,
.mnu-action:focus {
  color: #00368f;
}
.mnu-caption {
  font-family: "TT Commons Pro Regular", "TTCommons_Regular", Arial, sans-serif;
  color: #6d6d6d;
}

/* The diagonal wash existed to even out the per-model fills underneath it.
   With one flat black ground there is nothing left for it to reconcile, and it
   only muddied the car. */
.mega-grid-mnu:before {
  content: none;
}


.related-vehicles .model--Category :checked + span {
    padding-bottom: 0;
}

.width-xsmall[data-v-2ca7fad7]{width:120px}.width-xxsmall[data-v-2ca7fad7]{width:80px}.uk-accordion-content .selected_accessorie[data-v-2ca7fad7]:hover{background-color:#f1f1f1;cursor:pointer}.btm-red[data-v-2ca7fad7]{color:#fff;border:4px solid #eb0a1e;background-color:#eb0a1e}.acc-close-btn[data-v-2ca7fad7]{padding:5px 20px}.text-xsmeta[data-v-2ca7fad7]{font-size:.675rem;line-height:1.4;color:#999}

.hidden[data-v-241e3dbe] {
  display: none;
}


.slider[data-v-26f1f3d1] {
background-color: #100a0b;
}


.form-wrap .trading-title{
  display: none;
}


/* The OEM's bar is a light grey strip under the header. */
.szk-subnav[data-v-773b69e5] {
  background: #f2f2f3;
  border-bottom: 1px solid #e3e3e5;
}

/* Pinned to the viewport top on scroll, as the OEM's vehicle nav does. Sits
   under 980 (UIkit's uk-sticky) — the site's own scrolled navbar is hidden on
   these pages (see body.bw-page rules in BuildAndPrice.vue) so the two never
   stack. */
.szk-subnav--sticky[data-v-773b69e5] {
  position: sticky;
  top: 0;
  z-index: 970;
}
.szk-subnav__inner[data-v-773b69e5] {
  display: flex;
  align-items: stretch;
  gap: 30px;
  min-height: 62px;
}
.szk-subnav__mark[data-v-773b69e5] {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.szk-subnav__mark img[data-v-773b69e5] {
  height: 26px;
  width: auto;
  filter: brightness(0);
}
.szk-subnav__mark span[data-v-773b69e5] {
  font-family: "TTCommons_DemiBold", Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #121212;
}
.szk-subnav__links[data-v-773b69e5] {
  display: flex;
  align-items: stretch;
  gap: 35px;
  margin: 0 auto;
}
.szk-subnav__link[data-v-773b69e5] {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "TTCommons_DemiBold", Helvetica, Arial, sans-serif;
  font-size: 15px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #121212;
  text-decoration: none;
}
.szk-subnav__link[data-v-773b69e5]:hover {
  color: #121212;
  text-decoration: none;
}

/* The OEM underlines the active section in black. */
.szk-subnav__link[data-v-773b69e5]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #121212;
  transform: scaleX(0);
  transition: transform 200ms ease;
}
.szk-subnav__link[data-v-773b69e5]:hover::after,
.szk-subnav__link.is-active[data-v-773b69e5]::after {
  transform: scaleX(1);
}
.szk-subnav__contact[data-v-773b69e5] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "TTCommons_DemiBold", Helvetica, Arial, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  color: #121212;
  text-decoration: none;
}
.szk-subnav__contact[data-v-773b69e5]:hover {
  color: #121212;
  text-decoration: none;
}
@media (max-width: 959px) {
.szk-subnav__inner[data-v-773b69e5] {
    flex-wrap: wrap;
    gap: 0 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 0;
}
.szk-subnav__mark[data-v-773b69e5] {
    order: 1;
}
.szk-subnav__contact[data-v-773b69e5] {
    order: 2;
    margin-left: auto;
}
.szk-subnav__links[data-v-773b69e5] {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    gap: 22px;
    margin: 8px 0 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.szk-subnav__link[data-v-773b69e5] {
    padding: 6px 0;
    white-space: nowrap;
}
}


.text-blue {
  color: #1e87f0;
}


.saved-vehicles-button[data-v-0094e91e],
.saved-vehicles-link[data-v-0094e91e] {
  display: inline-flex;
  align-items: center;
  padding: 0 25px 0 20px;
  gap: 0.5rem;
}
.veh-dk-enq[data-v-0094e91e]{
  padding:0
}
.overlay-primary[data-v-0094e91e] {
  background-color: rgba(255, 255, 255, 0.9);
  transition: background-color 0.3s ease;
}
.overlay-primary[data-v-0094e91e]:hover {
  background-color: rgba(255, 255, 255, 1);
}
.uk-button-link[data-v-0094e91e] {
  padding: 8px 15px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.active-save-heart[data-v-0094e91e] {
  color: #ff0000;
}
.active-save-heart path[data-v-0094e91e] {
  fill: #ff0000;
}
.uk-border-rounded[data-v-0094e91e] {
  border-radius: 20px;
}
.saved-count-hdr[data-v-0094e91e] {
  position: relative;
  top: -10px;
  margin-right: -10px;
  background-color: #c2002f;
}
.dark .saved-count-hdr[data-v-0094e91e] {
  color: #fff !important;
}
.dark path[data-v-0094e91e] {
  stroke: #fff !important;
}
.nav-main.uk-background-default .dark path[data-v-0094e91e] {
  stroke: #000 !important;
}
.saved-vehicles-text[data-v-0094e91e] {
  color: #fff;
  font-size: 1.25rem;
  margin-left: 0.25rem;
}
.saved-vehicles-bagde .uk-button-link[data-v-0094e91e] {
gap: 0.2rem;
}


.text-red {
  color: #ff0000;
}
.text-blue {
  color: #1e87f0;
}
.asterisk {
  color: #ff0000;
  font-size: 0.8em;
  vertical-align: super;
}
.estimated {
  color: #666;
}
.mt-2 {
  margin-top: 0.5rem;
}
.perweek-icon {
  font-size: 0.8em;
  vertical-align: super;
}
.price-container {
  transform: translateZ(0);
  will-change: transform;
}


.item-sorting {
  display: inline-flex;
  align-items: center;
  margin-top: 3px;
  gap: 0.5rem;
}


.filter-item-inner[data-v-51650d5e] {
  position: relative;
}
.search-suggestions[data-v-51650d5e] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-top: 4px;
  max-height: 300px;
  overflow-y: auto;
}
.suggestion-item[data-v-51650d5e] {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s;
}
.suggestion-item[data-v-51650d5e]:hover {
  background-color: #f5f5f5;
}
.uk-text-muted[data-v-51650d5e] {
  color: #999;
}


.select-dropdown_item[data-v-78289239] {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  margin-bottom: 4px;
  cursor: pointer;
}
.make-meta[data-v-78289239] {
  color: #606266;
  font-size: 14px;
}
.select-dropdown_item img[data-v-78289239] {
  width: 80px;
  padding: 5px;
}
.model-body-select[data-v-78289239] {
  min-width: 350px;
  max-width: 450px !important;
  border-radius: 15px
}
body.make-model .uk-margin-small-top.modal-list[data-v-78289239]{
 margin-top: 30px!important;
}
.li-disabled[data-v-78289239] {
  display: none;
}
.make-logo-active[data-v-78289239] {}
.item-make .el-checkbox.make-logo-active[data-v-78289239] {
  border: 2px solid #030303;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0), 0 2px 4px rgba(0, 0, 0, .02), 0 6px 14px rgba(0, 0, 0, .02);
}
.make-logo-active .make-logo-img[data-v-78289239] {
  filter: none;
}
.new-or-demo-class[data-v-78289239] {
  display: block !important;
  position: relative;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 0 15px;
  margin: 4px 0;
  border-radius: 10px;
}
.new-or-demo-class button[data-v-78289239],
.new-or-demo-class .uk-position-top-left[data-v-78289239] {
  display: none !important;
}
.new-or-demo-class .uk-background-default[data-v-78289239] {
  background-color: transparent;
}
.toggle-bar.uk-visible .new-or-demo-class[data-v-78289239] {
  background-color: #f4f4f4
}


.modal-search {
  backdrop-filter: blur(2px);
  z-index: 99999999999;
}
.modal-search .modal-search-dialog {
  height: 100%;
  /* height: calc(100vh - 60px); */
}
.modal-search-footer {
  z-index: 2;
  background: #f9f9f9;
  z-index: 999999;
}
.modal-search .uk-modal-dialog,
.modal-search .uk-modal-footer {
  border-radius: 20px;
}
.modal-search .filter-item-inner.multiple-select .uk-child-width-1-3\@m>* {
  width: calc(100% * 1 / 5.001);
}
.el-select-dropdown.el-popper {
  z-index: 99999999999 !important;
}
.modal-search .selected-item-toolbar {
  display: flex;
}
.modal-search .uk-modal-dialog:not(.model-body-select) {
  max-width: 540px !important;
  background: #f9f9f9;
}
.modal-search .filter-list-body {
  padding: 50px 20px 20px;
}
.modal-search .nav-bar-filters,
.filter-list .el-select .el-input--suffix .el-input__inner {
  border: 4px solid #e5e5e5;
}
.mb-nav-bar-filters {
  background: #ebebeb;
  border-radius: 4px;
}
.modal-search .uk-modal-body::-webkit-scrollbar {
  width: 5px;
  /* Set the width of the scrollbar */
}
.modal-search .uk-modal-body::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  /* Set the background color of the scrollbar track */
}
.modal-search .uk-modal-body::-webkit-scrollbar-thumb {
  background-color: #888;
  /* Set the background color of the scrollbar thumb */
  border-radius: 5px;
  /* Set the border radius of the scrollbar thumb */
}
.modal-search .uk-modal-body {
  scrollbar-color: #888 #f1f1f1;
  /* Set the color of the scrollbar thumb and track */
}
@media (max-width: 1200px) {
.modal-search .filter-item-inner.multiple-select .uk-child-width-1-3\@m>* {
    width: calc(100% * 1 / 4.001);
}
}

.swatch-sel[data-v-c26f3fe0] {
  width: 16px;
  height: 16px;
  margin: 0;
  left: 16px;
  margin: 0 10px
}


.load-more[data-v-3fb90796] {
  min-height: 20px;
  transition: opacity 0.3s ease;
}
.is-loading[data-v-3fb90796] {
  opacity: 0.5;
  pointer-events: none;
}


.time-list[data-v-7515ba01] {
  position: relative;
}
.time-list[data-v-7515ba01]::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 15px;
  right: 0;
  border-bottom: 1px solid rgb(158 158 158 / 16%);
}


.uk-slider-container[data-v-92e6bf3c]{
padding: 4px;
}
.uk-padding-small[data-v-92e6bf3c] {
    padding: 10px;
}
.scroll-card .uk-position-bottom[data-v-92e6bf3c] {
margin-bottom: 10px;
}
.related-slider li[data-v-92e6bf3c] {
  min-width: 300px;
  max-width: 300px;
}
.cs-icons[data-v-92e6bf3c]{
padding: 5px;
fill: #798493;
}
.rel-text-bold[data-v-92e6bf3c]{
color: #333;
font-size: 10px;
font-weight: 900;
}
.scroll-card[data-v-92e6bf3c] {
  color: #37404C;
  margin: 10px;
overflow: hidden;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.scroll-card[data-v-92e6bf3c]:hover {
  opacity: 0.7;
box-shadow: 0 2px 8px rgba(0,0,0,.08)!important;
}
.scroll-card .uk-badge[data-v-92e6bf3c] {
box-shadow: -2.986572265625px 3.008930206298828px 7px #00000014 inset, inset 10px 10px 10px #aeaec020;
}
.nav-buttons[data-v-92e6bf3c]{
  padding: 5px 15px;
}
.scroll-card a.uk-link-reset[data-v-92e6bf3c] {
color: #dbdbdb!important;
}
@media (max-width: 1400px){
.scroll-card-wrap li[data-v-92e6bf3c] {
  min-width: 300px;
}
}


.calculator-container[data-v-72834242] {
  display: flex;
  flex-direction: column;
}
.payment-calculator[data-v-72834242] {
  flex: 1;
}
.payment-tab li[data-v-72834242] {
  background-color: #222;
}
.payment-tab li[data-v-72834242]:hover {
  background-color: #f8f8f8;
}
.payment-tab li h4[data-v-72834242],
.text-blue[data-v-72834242],
.payment-tab li.uk-active:hover h4[data-v-72834242] {
  color: #fff;
}
.payment-tab li:hover h4[data-v-72834242] {
  color: #1c4ea1;
}
.payment-tab.uk-tab > * > a[data-v-72834242] {
  padding: 15px 10px;
  border-bottom: 0;
}
.text-white[data-v-72834242] {
  color: #fff;
}
.filter-tab[data-v-72834242] {
  border-bottom: 1px solid rgba(230, 230, 230, 0.28);
}
.filter-tab .uk-h1[data-v-72834242] {
  font-weight: 700;
}
.border-bottom-r[data-v-72834242] {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.background-red[data-v-72834242],
.payment-tab.uk-tab > .uk-active[data-v-72834242] {
  background-color: #1c4ea1;
}
.margin-months-bottom[data-v-72834242] {
  margin-bottom: 25px;
}
.left-border[data-v-72834242] {
  border-left: 1px solid rgba(255, 255, 255, 0.27);
}
.calculator-footer[data-v-72834242]:after,
.calculator-footer[data-v-72834242]:after {
  z-index: 0;
  position: absolute;
  bottom: -18px;
  left: calc(50% - 50px);
  content: "";
  width: 0;
  height: 0;
  border-top: solid 30px #1c4ea1;
  border-left: solid 50px transparent;
  border-right: solid 50px transparent;
}
@media (max-width: 960px) {
.single-modal .calculator-container[data-v-72834242] {
    padding: 0;
}
}


.da-select[data-v-450b70e8] {
  position: relative;
  outline: none;
}
.da-select .selected[data-v-450b70e8] {
  cursor: pointer;
}
.da-select .selected.open[data-v-450b70e8] {
  border: 2px solid #666 !important;
  border-radius: 5px;
}
.da-select .selected[data-v-450b70e8]:after {
  position: absolute;
  content: "";
  top: 27px;
  right: 16px;
  border: 5px solid transparent;
  border-color: #666 transparent transparent transparent;
}
.da-select .options[data-v-450b70e8] {
  color: #666;
  border-radius: 0px 0px 5px 5px;
  overflow: hidden;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  font-size: 1.25em;
  position: absolute;
  background-color: #fff;
  padding-bottom: 10px;
  left: 0;
  right: 0;
  top: 50px;
  z-index: 1;
}
.da-select .options div[data-v-450b70e8] {
  color: #666;
  padding-left: 43px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 40px;
}
.da-select .options div[data-v-450b70e8]:hover {
  background-color: #e3e3e3;
}
.da-select .uk-form-icon[data-v-450b70e8] {
  left: 5px;
}
.da-danger[data-v-450b70e8] {
  color: #f0506e;
  border-color: #f0506e;
}
.select-hide[data-v-450b70e8] {
  display: none;
}

.dropbox{background:#eee;border:1px solid #eee;cursor:pointer;box-sizing:border-box;width:100%;height:290px;max-width:100%}.input-file{opacity:0;width:100%;height:290px;position:absolute;cursor:pointer}.dropbox:hover{background:#fff}.dropbox.uk-danger{border-color:#ed0000}.image-preview{width:100%;height:290px;position:relative}.image-preview .uk-icon-button{color:#fff;background-color:#666 !important;margin-bottom:10px}.image-preview .uk-icon-button:hover{border:2px solid #fff}
.da-switch input[type=checkbox][data-v-fb5ffe38]{height:0;width:0;visibility:hidden}.da-switch .toggle[data-v-fb5ffe38]{margin-left:5px;margin-right:8px}.da-switch label[data-v-fb5ffe38]{cursor:pointer;text-indent:-9999px;width:40px;height:20px;background:gray;display:inline-block;border-radius:100px;position:relative;top:18px}.da-switch label[data-v-fb5ffe38]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:90px;transition:.3s}.da-switch input:checked+label[data-v-fb5ffe38]:after{left:calc(100% - 2px);transform:translateX(-100%)}