.elementor-23726 .elementor-element.elementor-element-e2611dd{--display:flex;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23726 .elementor-element.elementor-element-e2611dd:not(.elementor-motion-effects-element-type-background), .elementor-23726 .elementor-element.elementor-element-e2611dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101C16;}.elementor-23726 .elementor-element.elementor-element-b32dd9c{width:var( --container-widget-width, 1200px );max-width:1200px;padding:20px 20px 20px 20px;--container-widget-width:1200px;--container-widget-flex-grow:0;}@media(max-width:767px){.elementor-23726 .elementor-element.elementor-element-e2611dd{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-23726 .elementor-element.elementor-element-e2611dd{--content-width:1200px;}}/* Start custom CSS for shortcode, class: .elementor-element-b32dd9c *//* ============================================================
   CHBS FULL BOOKING FORM — ShashiCars luxury skin
   Elementor → Site Settings → Custom CSS
============================================================ */

:root {
  --sc-gold: #50C184;
  --sc-gold-2: #7FDDAA;
  --sc-text: #EDF3EE;
  --sc-muted: #9CB3A5;
  --sc-dark: #021F11;
  --sc-panel: #101A15;
  --sc-card: #16211B;
  --sc-field: rgba(0,0,0,.30);
  --sc-line: rgba(80,193,132,.16);
  --sc-hair: rgba(255,255,255,.08);
}

/* ---------- SHELL ---------- */

.chbs-main {
  box-sizing: border-box !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  color: var(--sc-text) !important;
  color-scheme: dark;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.chbs-main * { box-sizing: border-box !important; }
.chbs-main form { margin: 0 !important; padding: 0 !important; }

.chbs-main .chbs-main-content,
.chbs-main .chbs-layout-50x50,
.chbs-main .chbs-layout-25x75,
.chbs-main .chbs-layout-33x33x33,
.chbs-main .chbs-tab,
.chbs-main .ui-tabs,
.chbs-main .ui-tabs-panel,
.chbs-main .ui-widget,
.chbs-main .ui-widget-content,
.chbs-main .ui-corner-all,
.chbs-main .chbs-clear-fix {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--sc-text) !important;
}

.chbs-main .chbs-box-shadow { box-shadow: none !important; }
.chbs-main .chbs-list-reset { margin: 0 !important; padding: 0 !important; list-style: none !important; }

/* ============================================================
   1. STEP NAVIGATION — numbers always visible
============================================================ */

.chbs-main .chbs-main-navigation-default {
  margin: 0 0 44px 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}

.chbs-main .chbs-main-navigation-default ul {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.chbs-main .chbs-main-navigation-default li {
  position: relative !important;
  flex: 1 1 0 !important;
  max-width: 250px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  text-align: center !important;
}

/* connector line */
.chbs-main .chbs-main-navigation-default li > div {
  position: absolute !important;
  top: 26px !important;
  left: 50% !important;
  width: 100% !important;
  height: 2px !important;
  margin: 0 !important;
  background: rgba(255,255,255,.12) !important;
  border: 0 !important;
  z-index: 0 !important;
}

.chbs-main .chbs-main-navigation-default li:last-child > div { display: none !important; }

.chbs-main .chbs-main-navigation-default li a {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 !important;
  color: var(--sc-muted) !important;
  text-decoration: none !important;
  background: none !important;
  border: 0 !important;
}

/* the circle */
.chbs-main .chbs-main-navigation-default li a > span:first-child {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  color: var(--sc-muted) !important;
  background: #1a2620 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  transition: background .2s ease, color .2s ease !important;
}

/* THE NUMBER — always rendered, on every step state */
.chbs-main .chbs-main-navigation-default li a > span:first-child > span:first-child {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: inherit !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
}

/* hide only the tick glyph in the stepper, never elsewhere */
.chbs-main .chbs-main-navigation-default .chbs-meta-icon-tick { display: none !important; }

.chbs-main .chbs-main-navigation-default li a > span:last-child {
  color: var(--sc-muted) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* current step */
.chbs-main .chbs-main-navigation-default li.chbs-state-selected a > span:first-child {
  color: var(--sc-dark) !important;
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
  border-color: var(--sc-gold) !important;
  box-shadow: 0 6px 20px rgba(80,193,132,.28) !important;
}

.chbs-main .chbs-main-navigation-default li.chbs-state-selected a > span:last-child {
  color: var(--sc-text) !important;
  font-weight: 600 !important;
}

/* completed steps — number stays, outlined gold */
.chbs-main .chbs-main-navigation-default li.chbs-state-completed a > span:first-child,
.chbs-main .chbs-main-navigation-default li.chbs-state-passed a > span:first-child {
  color: var(--sc-gold) !important;
  background: rgba(80,193,132,.14) !important;
  border-color: rgba(80,193,132,.55) !important;
}

.chbs-main .chbs-main-navigation-default li.chbs-state-completed a > span:last-child,
.chbs-main .chbs-main-navigation-default li.chbs-state-passed a > span:last-child {
  color: rgba(237,243,238,.85) !important;
}

.chbs-main .chbs-main-navigation-default li.chbs-state-completed > div,
.chbs-main .chbs-main-navigation-default li.chbs-state-passed > div {
  background: rgba(80,193,132,.5) !important;
}

.chbs-main .chbs-main-navigation-responsive {
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* ============================================================
   LAYOUT — scoped so nested 50x50 rows aren't turned into cards
============================================================ */

.chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50,
.chbs-main .chbs-layout-25x75 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 26px !important;
  align-items: flex-start !important;
}

/* step 1: form right, map left */
.chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50 > .chbs-layout-column-left {
  order: 2 !important;
  flex: 1 1 56% !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 30px !important;
  background-color: var(--sc-card) !important;
  background-image: linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: 22px !important;
}

.chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50 > .chbs-layout-column-right {
  order: 1 !important;
  flex: 1 1 34% !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 26px !important;
  background-color: var(--sc-card) !important;
  background-image: linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: 22px !important;
}

/* steps 2 & 3: summary sidebar + content */
.chbs-main .chbs-layout-25x75 > .chbs-layout-column-left {
  flex: 1 1 26% !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 26px !important;
  background-color: var(--sc-card) !important;
  background-image: linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: 22px !important;
}

.chbs-main .chbs-layout-25x75 > .chbs-layout-column-right {
  flex: 1 1 64% !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 30px !important;
  background-color: var(--sc-card) !important;
  background-image: linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: 22px !important;
}

/* step 4: three cards */
.chbs-main .chbs-layout-33x33x33 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 22px !important;
}

.chbs-main .chbs-layout-33x33x33 > .chbs-layout-column-left,
.chbs-main .chbs-layout-33x33x33 > .chbs-layout-column-center,
.chbs-main .chbs-layout-33x33x33 > .chbs-layout-column-right {
  flex: 1 1 calc(33.333% - 15px) !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 26px !important;
  background-color: var(--sc-card) !important;
  background-image: linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: 22px !important;
}

/* nested 50/50 rows (inside summary fields) stay plain */
.chbs-main .chbs-summary .chbs-layout-50x50 {
  display: flex !important;
  gap: 18px !important;
}

.chbs-main .chbs-summary .chbs-layout-50x50 > .chbs-layout-column-left,
.chbs-main .chbs-summary .chbs-layout-50x50 > .chbs-layout-column-right {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}


/* ---------- TABS ---------- */

.chbs-main .ui-tabs-nav {
  display: flex !important;
  gap: 6px !important;
  margin: 0 0 26px 0 !important;
  padding: 5px !important;
  background: rgba(0,0,0,.28) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 999px !important;
}

.chbs-main .ui-tabs-nav li {
  flex: 1 1 0 !important;
  float: none !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  text-align: center !important;
}

.chbs-main .ui-tabs-nav li a {
  display: block !important;
  float: none !important;
  padding: 12px 20px !important;
  color: var(--sc-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: 0 !important;
  border-radius: 999px !important;
}

.chbs-main .ui-tabs-nav li.ui-tabs-active {
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
}

.chbs-main .ui-tabs-nav li.ui-tabs-active a { color: var(--sc-dark) !important; }
.chbs-main .ui-tabs-panel { padding: 0 !important; }

/* ---------- FIELD GRID ---------- */

.chbs-main .ui-tabs-panel,
.chbs-main .chbs-vehicle-filter,
.chbs-main .chbs-client-form-sign-up > div > .chbs-clear-fix,
.chbs-main .chbs-client-form-billing-address > .chbs-clear-fix {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
}

.chbs-main .chbs-form-label-group {
  flex: 0 0 100% !important;
  display: block !important;
  width: 100% !important;
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
  color: var(--sc-text) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.iti__flag-container{
    position: absolute !important;
    top:26% !important;
}

.chbs-main .chbs-form-field {
  flex: 1 1 calc(50% - 9px) !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

.chbs-main .chbs-form-field-location-autocomplete,
.chbs-main .chbs-form-field-location-fixed { flex: 1 1 100% !important; }

.chbs-main .chbs-form-field-pickup-date-time,
.chbs-main .chbs-form-field-return-date-time {
  flex: 1 1 100% !important;
  display: flex !important;
  gap: 18px !important;
  margin: 0 !important;
}

.chbs-main .chbs-form-field-width-50 { flex: 1 1 calc(50% - 9px) !important; width: auto !important; }
.chbs-main .chbs-form-field-width-33 { flex: 1 1 calc(33.333% - 12px) !important; width: auto !important; }

.chbs-main .chbs-hidden { display: none !important; }
.chbs-main .ui-tabs-panel[aria-hidden="true"] { display: none !important; }

/* ---------- LABELS ---------- */

.chbs-main .chbs-form-field > label,
.chbs-main .chbs-form-field-label {
  display: block !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  color: var(--sc-gold) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  background: none !important;
  border: 0 !important;
}

.chbs-main .chbs-my-location-link a {
  color: var(--sc-muted) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.chbs-main .chbs-my-location-link a:hover { color: var(--sc-gold) !important; }
.chbs-main .chbs-tooltip { color: var(--sc-muted) !important; opacity: .6 !important; }

/* ---------- INPUTS ---------- */

.chbs-main input[type="text"],
.chbs-main input[type="email"],
.chbs-main input[type="tel"],
.chbs-main input[type="number"],
.chbs-main input[type="password"],
.chbs-main textarea {
  display: block !important;
  width: 100% !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  font-family: inherit !important;
  font-size: 14.5px !important;
  color: var(--sc-text) !important;
  -webkit-text-fill-color: var(--sc-text) !important;
  background: var(--sc-field) !important;
  background-image: none !important;
  border: 1px solid var(--sc-hair) !important;
  border-radius: 13px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}

.chbs-main textarea { height: auto !important; min-height: 110px !important; padding-top: 14px !important; }

.chbs-main input::placeholder,
.chbs-main textarea::placeholder {
  color: var(--sc-muted) !important;
  -webkit-text-fill-color: var(--sc-muted) !important;
  opacity: 1 !important;
}

.chbs-main input:focus,
.chbs-main textarea:focus {
  border-color: var(--sc-gold) !important;
  box-shadow: 0 0 0 2px rgba(80,193,132,.08) !important;
}

.chbs-main input:disabled { opacity: .5 !important; cursor: not-allowed !important; }

.chbs-main input:-webkit-autofill,
.chbs-main input:-webkit-autofill:hover,
.chbs-main input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--sc-text) !important;
  -webkit-box-shadow: 0 0 0 1000px #101a15 inset !important;
  caret-color: var(--sc-text) !important;
}

/* waypoint +/- */
.chbs-main .chbs-location-add,
.chbs-main .chbs-location-remove {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  color: var(--sc-gold) !important;
  background: rgba(80,193,132,.10) !important;
  border: 1px solid rgba(80,193,132,.28) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}

.chbs-main .chbs-form-field-location-switch { position: relative !important; }

.chbs-main .chbs-form-field-location-switch .chbs-location-add,
.chbs-main .chbs-form-field-location-switch .chbs-location-remove {
  position: absolute !important;
  right: 9px !important;
  bottom: 9px !important;
}

.chbs-main .chbs-form-field-location-switch input[type="text"] { padding-right: 58px !important; }

/* ---------- PHONE (intl-tel-input) ---------- */

.chbs-main .iti {
  display: block !important;
  width: 100% !important;
}

.chbs-main .iti__flag-container { z-index: 3 !important; }

.chbs-main .iti--separate-dial-code .iti__selected-flag {
  height: 100% !important;
  padding: 0 10px 0 14px !important;
  background: transparent !important;
  border-right: 1px solid var(--sc-hair) !important;
  border-radius: 13px 0 0 13px !important;
}

.chbs-main .iti__selected-dial-code {
  color: var(--sc-text) !important;
  font-size: 14.5px !important;
}

.chbs-main .iti__arrow {
  margin-left: 8px !important;
  border-top-color: var(--sc-muted) !important;
}

.chbs-main .iti__arrow--up { border-bottom-color: var(--sc-muted) !important; }

/* the plugin writes a broken inline padding-left — override it */
.chbs-main .iti--separate-dial-code input[type="text"] {
  padding-left: 92px !important;
}

.chbs-main .iti__country-list {
  max-height: 260px !important;
  padding: 6px !important;
  color: var(--sc-text) !important;
  background: var(--sc-panel) !important;
  border: 1px solid rgba(80,193,132,.22) !important;
  border-radius: 13px !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.55) !important;
}

.chbs-main .iti__country {
  padding: 9px 12px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}

.chbs-main .iti__country.iti__highlight,
.chbs-main .iti__country:hover {
  color: var(--sc-dark) !important;
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
}

.chbs-main .iti__country-name { color: inherit !important; }
.chbs-main .iti__dial-code { color: var(--sc-muted) !important; }
.chbs-main .iti__country.iti__highlight .iti__dial-code,
.chbs-main .iti__country:hover .iti__dial-code { color: var(--sc-dark) !important; }
.chbs-main .iti__divider { border-bottom-color: var(--sc-hair) !important; }

/* ---------- CUSTOM CHECKBOX (billing address) ---------- */

.chbs-main .chbs-form-label-group:has(.chbs-form-checkbox) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: pointer !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.chbs-main .chbs-form-checkbox {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  background: var(--sc-field) !important;
  border: 1px solid rgba(237,243,238,.35) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}

.chbs-main .chbs-form-checkbox .chbs-meta-icon-tick {
  color: var(--sc-dark) !important;
  font-size: 12px !important;
  opacity: 0 !important;
}

.chbs-main .chbs-form-checkbox.chbs-state-selected {
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
  border-color: var(--sc-gold) !important;
}

.chbs-main .chbs-form-checkbox.chbs-state-selected .chbs-meta-icon-tick { opacity: 1 !important; }

.chbs-main .chbs-client-form-billing-address {
  flex: 1 1 100% !important;
  width: 100% !important;
  margin-top: 6px !important;
  padding: 22px !important;
  background: rgba(0,0,0,.18) !important;
  border: 1px solid var(--sc-hair) !important;
  border-radius: 16px !important;
}

.chbs-main .chbs-client-form-sign-up > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* ---------- SELECTMENU ---------- */

.chbs-main .ui-selectmenu-button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 13px 44px 13px 16px !important;
  font-family: inherit !important;
  font-size: 14.5px !important;
  color: var(--sc-text) !important;
  background: var(--sc-field) !important;
  background-image: none !important;
  border: 1px solid var(--sc-hair) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.chbs-main .ui-selectmenu-button:focus,
.chbs-main .ui-selectmenu-button-open {
  border-color: var(--sc-gold) !important;
  box-shadow: 0 0 0 2px rgba(80,193,132,.08) !important;
}

.chbs-main .ui-selectmenu-text {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sc-text) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
}

.chbs-main .ui-selectmenu-button .chbs-meta-icon-arrow-vertical-large { display: none !important; }

.chbs-main .ui-selectmenu-button::after {
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  margin-top: -3px !important;
  border-right: 2px solid var(--sc-gold) !important;
  border-bottom: 2px solid var(--sc-gold) !important;
  transform: translateY(-50%) rotate(45deg) !important;
  pointer-events: none !important;
  transition: transform .2s ease !important;
}

.chbs-main .ui-selectmenu-button-open::after { transform: translateY(-20%) rotate(-135deg) !important; }

.ui-selectmenu-menu { z-index: 99999 !important; padding: 0 !important; }

.ui-selectmenu-menu .ui-menu {
  display: block !important;
  box-sizing: border-box !important;
  min-width: 240px !important;
  max-height: 300px !important;
  margin: 8px 0 0 0 !important;
  padding: 7px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: var(--sc-text) !important;
  background: var(--sc-panel) !important;
  border: 1px solid rgba(80,193,132,.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.55) !important;
  font-family: "Poppins", sans-serif !important;
  list-style: none !important;
}

.ui-selectmenu-menu .ui-menu li,
.ui-selectmenu-menu .ui-menu .ui-menu-item {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  list-style: none !important;
}

.ui-selectmenu-menu .ui-menu li::before,
.ui-selectmenu-menu .ui-menu li::after { display: none !important; }

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
  display: block !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  color: var(--sc-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  cursor: pointer !important;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper:hover,
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper.ui-state-active,
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper.ui-state-focus {
  color: var(--sc-dark) !important;
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
  font-weight: 600 !important;
}

.ui-selectmenu-menu .ui-menu::-webkit-scrollbar { width: 8px !important; }
.ui-selectmenu-menu .ui-menu::-webkit-scrollbar-track { background: transparent !important; }
.ui-selectmenu-menu .ui-menu::-webkit-scrollbar-thumb {
  background: rgba(80,193,132,.28) !important;
  border-radius: 999px !important;
}

/* ---------- MAP ---------- */

.chbs-main .chbs-google-map,
.chbs-main .chbs-google-map-summary {
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid var(--sc-hair) !important;
}

.chbs-main #chbs_google_map { height: 320px !important; }
.chbs-main .chbs-google-map-summary #chbs_google_map { height: 260px !important; }

/* ---------- RIDE INFO TILES (step 1) ---------- */

.chbs-main .chbs-ride-info {
  display: flex !important;
  gap: 14px !important;
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.chbs-main .chbs-ride-info > div {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 20px 12px !important;
  background: rgba(0,0,0,.26) !important;
  border: 1px solid var(--sc-hair) !important;
  border-radius: 16px !important;
  text-align: center !important;
}

.chbs-main .chbs-ride-info span,
.chbs-main .chbs-ride-info > div > span {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1.25 !important;
}

.chbs-main .chbs-ride-info > div > span:first-child {
  color: var(--sc-gold) !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.chbs-main .chbs-ride-info > div > span:nth-child(3) {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 4px !important;
  order: 2 !important;
  color: var(--sc-gold) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.chbs-main .chbs-ride-info > div > span:nth-child(3) > span {
  display: inline-block !important;
  color: var(--sc-gold) !important;
}

.chbs-main .chbs-ride-info > div > span:nth-child(3) > span:nth-child(even) {
  font-size: 15px !important;
  font-weight: 600 !important;
  opacity: .8 !important;
}

.chbs-main .chbs-ride-info > div > span:nth-child(2) {
  order: 3 !important;
  color: var(--sc-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   2. VEHICLE LIST — clear selected state
============================================================ */

.chbs-main .chbs-vehicle-filter {
  margin: 0 0 26px 0 !important;
  padding: 0 0 24px 0 !important;
  background: none !important;
  border-bottom: 1px solid var(--sc-hair) !important;
  box-shadow: none !important;
}

.chbs-main .chbs-vehicle-list ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }

.chbs-main .chbs-vehicle-list li {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  list-style: none !important;
}

.chbs-main .chbs-vehicle {
  display: grid !important;
  grid-template-columns: 190px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 18px 22px !important;
  background: rgba(0,0,0,.24) !important;
  border: 1px solid var(--sc-hair) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  color: var(--sc-text) !important;
  transition: border-color .2s ease, background .2s ease !important;
  min-width: 0 !important;
}

.chbs-main .chbs-vehicle:hover { border-color: rgba(80,193,132,.4) !important; }

/* SELECTED vehicle card */
.chbs-main .chbs-vehicle:has(.chbs-button.chbs-state-selected) {
  background: rgba(80,193,132,.07) !important;
  border-color: var(--sc-gold) !important;
  box-shadow: 0 0 0 1px rgba(80,193,132,.35) !important;
}

.chbs-main .chbs-vehicle-image {
  width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.chbs-main .chbs-vehicle-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
}

.chbs-main .chbs-vehicle-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin-left: 0 !important;
  overflow: visible !important;
}

/* HEADER: title on left, SELECT button on right */
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  column-gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > span {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sc-text) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  white-space: normal !important;
}

/* remove the unwanted generated SELECTED badge */
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > span:first-child::after {
  content: none !important;
  display: none !important;
}

/* SELECT BUTTON */
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > .chbs-button,
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > a.chbs-button,
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > .chbs-button-style-2 {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: auto !important;
  min-width: 128px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 12px 26px !important;
  color: var(--sc-text) !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
  box-shadow: none !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > .chbs-button:hover,
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > a.chbs-button:hover,
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > .chbs-button-style-2:hover {
  color: var(--sc-gold) !important;
  background: transparent !important;
  border-color: var(--sc-gold) !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > .chbs-button.chbs-state-selected,
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > a.chbs-button.chbs-state-selected,
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > .chbs-button-style-2.chbs-state-selected {
  color: var(--sc-dark) !important;
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
  border-color: var(--sc-gold) !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(80,193,132,.28) !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > .chbs-button .chbs-meta-icon-tick,
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > a.chbs-button .chbs-meta-icon-tick,
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-header > .chbs-button-style-2 .chbs-meta-icon-tick {
  display: inline-block !important;
  margin-left: 7px !important;
  color: currentColor !important;
  font-size: 13px !important;
}

/* PRICE */
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-price {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-price > span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sc-gold) !important;
}

.chbs-main .chbs-vehicle-content-price span {
  color: var(--sc-gold) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

/* META */
.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-meta {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-meta > div {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-meta > div > div {
  flex-grow: 1 !important;
  min-width: 0 !important;
  text-align: right !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-meta > div > .chbs-vehicle-content-meta-info {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.chbs-main .chbs-vehicle-content > .chbs-vehicle-content-meta-info > div,
.chbs-main .chbs-vehicle-content-meta-info > div {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
}

.chbs-main .chbs-vehicle-content-meta-info .chbs-meta-icon-people,
.chbs-main .chbs-vehicle-content-meta-info .chbs-meta-icon-bag {
  color: var(--sc-muted) !important;
  font-size: 18px !important;
}

.chbs-main .chbs-vehicle-content-meta-info .chbs-meta-icon-bag { margin-left: 14px !important; }

.chbs-main .chbs-circle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 6px !important;
  color: var(--sc-text) !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid var(--sc-hair) !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* ============================================================
   3 & 4. SUMMARY PANELS
============================================================ */

.chbs-main .chbs-summary {
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}

.chbs-main .chbs-summary-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 0 12px 0 !important;
  border-bottom: 1px solid var(--sc-line) !important;
}

.chbs-main .chbs-summary-header h4 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sc-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
}

.chbs-main .chbs-summary-header a {
  padding: 5px 14px !important;
  color: var(--sc-gold) !important;
  background: rgba(80,193,132,.10) !important;
  border: 1px solid rgba(80,193,132,.30) !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .18s ease, color .18s ease !important;
}

.chbs-main .chbs-summary-header a:hover {
  color: var(--sc-dark) !important;
  background: var(--sc-gold) !important;
}

.chbs-main .chbs-summary-field {
  margin: 0 !important;
  padding: 12px 0 !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.chbs-main .chbs-summary-field:last-child { border-bottom: 0 !important; }

.chbs-main .chbs-summary-field-name {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  color: var(--sc-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  background: none !important;
  border: 0 !important;
}

.chbs-main .chbs-summary-field-value {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sc-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
  background: none !important;
  border: 0 !important;
}

/* price block */
.chbs-main .chbs-summary-price-element {
  margin: 18px 0 0 0 !important;
  padding: 18px !important;
  background: rgba(0,0,0,.24) !important;
  border: 1px solid var(--sc-hair) !important;
  border-radius: 16px !important;
}

.chbs-main .chbs-summary-price-element > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 7px 0 !important;
  color: var(--sc-text) !important;
  font-size: 14px !important;
}

.chbs-main .chbs-summary-price-element > div > span:first-child { color: var(--sc-muted) !important; }

.chbs-main .chbs-summary-price-element-total {
  margin-top: 8px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--sc-line) !important;
}

.chbs-main .chbs-summary-price-element-total > span:first-child {
  color: var(--sc-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.chbs-main .chbs-summary-price-element-total > span:last-child {
  color: var(--sc-gold) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* vehicle thumbnail on step 4 */
.chbs-main .chbs-layout-33x33x33 > .chbs-layout-column-right > div:first-child img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 18px 0 !important;
  border-radius: 14px !important;
}

/* ---------- PAYMENT METHOD ---------- */

.chbs-main .chbs-payment-form { margin-top: 26px !important; }

.chbs-main .chbs-payment-header {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  color: var(--sc-text) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.chbs-main .chbs-payment {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.chbs-main .chbs-payment li {
  flex: 1 1 220px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  list-style: none !important;
}

.chbs-main .chbs-payment li a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px 20px !important;
  color: var(--sc-text) !important;
  background: rgba(0,0,0,.24) !important;
  border: 1px solid var(--sc-hair) !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  transition: border-color .2s ease, background .2s ease !important;
}

.chbs-main .chbs-payment li a:hover { border-color: rgba(80,193,132,.45) !important; }

.chbs-main .chbs-payment li a > span:first-child {
  color: var(--sc-gold) !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.chbs-main .chbs-payment-name {
  flex: 1 1 auto !important;
  color: var(--sc-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.chbs-main .chbs-payment li a .chbs-meta-icon-tick {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  color: transparent !important;
  background: transparent !important;
  border: 1px solid rgba(237,243,238,.30) !important;
  border-radius: 50% !important;
  font-size: 11px !important;
}

.chbs-main .chbs-payment li a.chbs-state-selected {
  background: rgba(80,193,132,.09) !important;
  border-color: var(--sc-gold) !important;
}

.chbs-main .chbs-payment li a.chbs-state-selected .chbs-meta-icon-tick {
  color: var(--sc-dark) !important;
  background: var(--sc-gold) !important;
  border-color: var(--sc-gold) !important;
}

/* ---------- BUTTONS ---------- */

.chbs-main .chbs-main-content-navigation-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 30px 0 0 0 !important;
}

.chbs-main .chbs-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 15px 32px !important;
  font-family: inherit !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.chbs-main .chbs-main-content-navigation-button .chbs-button-style-1 {
  color: var(--sc-dark) !important;
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
  box-shadow: 0 8px 26px rgba(80,193,132,.26) !important;
  margin-left: auto !important;
}

.chbs-main .chbs-main-content-navigation-button .chbs-button-style-1:hover {
  color: var(--sc-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 34px rgba(80,193,132,.38) !important;
}

.chbs-main .chbs-main-content-navigation-button .chbs-button-style-2 {
  color: var(--sc-text) !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

.chbs-main .chbs-main-content-navigation-button .chbs-button-style-2:hover {
  color: var(--sc-gold) !important;
  border-color: var(--sc-gold) !important;
}

/* ---------- NOTICES / COMPLETE ---------- */

.chbs-main .chbs-notice {
  flex: 1 1 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 14px 18px !important;
  color: var(--sc-text) !important;
  background: rgba(80,193,132,.10) !important;
  border: 1px dashed rgba(80,193,132,.25) !important;
  border-radius: 13px !important;
}

.chbs-main .chbs-notice-fixed {
  position: static !important;
  margin: 0 0 16px 0 !important;
  padding: 14px 18px !important;
  color: var(--sc-text) !important;
  background: rgba(80,193,132,.10) !important;
  border: 1px dashed rgba(80,193,132,.25) !important;
  border-radius: 13px !important;
}

.chbs-main .chbs-notice-fixed > div { width: 100% !important; }
.chbs-main .chbs-notice-fixed a { color: var(--sc-gold) !important; }

.chbs-main .chbs-booking-complete {
  padding: 56px 30px !important;
  text-align: center !important;
  background-color: var(--sc-card) !important;
  background-image: linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  border: 1px solid var(--sc-line) !important;
  border-radius: 22px !important;
}

.chbs-main .chbs-booking-complete h3 {
  margin: 18px 0 !important;
  color: var(--sc-text) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.chbs-main .chbs-booking-complete .chbs-button { display: inline-flex !important; }

.chbs-main .chbs-copyright {
  margin-top: 24px !important;
  color: var(--sc-muted) !important;
  font-size: 12px !important;
  text-align: center !important;
  opacity: .45 !important;
}

.chbs-main .chbs-copyright a { color: var(--sc-muted) !important; }
.chbs-main #chbs-preloader { background-color: rgba(22,33,27,.65) !important; }

/* ---------- DATEPICKER ---------- */

#ui-datepicker-div {
  z-index: 99999 !important;
  padding: 12px !important;
  background: var(--sc-panel) !important;
  border: 1px solid rgba(80,193,132,.22) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.55) !important;
  font-family: "Poppins", sans-serif !important;
}

#ui-datepicker-div .ui-datepicker-header {
  color: var(--sc-gold) !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 600 !important;
}

#ui-datepicker-div .ui-datepicker-title,
#ui-datepicker-div .ui-datepicker-title select {
  color: var(--sc-gold) !important;
  background: var(--sc-panel) !important;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span { filter: brightness(0) invert(1) !important; }

#ui-datepicker-div th { color: var(--sc-muted) !important; font-weight: 600 !important; }
#ui-datepicker-div td { border: 0 !important; }

#ui-datepicker-div td a,
#ui-datepicker-div td span {
  padding: 8px !important;
  color: var(--sc-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  text-align: center !important;
}

#ui-datepicker-div td a:hover {
  color: var(--sc-dark) !important;
  background: rgba(80,193,132,.85) !important;
}

#ui-datepicker-div .ui-datepicker-current-day a,
#ui-datepicker-div .ui-state-active {
  color: var(--sc-dark) !important;
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
}

#ui-datepicker-div .ui-datepicker-unselectable span { color: rgba(237,243,238,.25) !important; }

/* ---------- TIMEPICKER ---------- */

.ui-timepicker-wrapper {
  z-index: 99999 !important;
  padding: 7px !important;
  background: var(--sc-panel) !important;
  border: 1px solid rgba(80,193,132,.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.55) !important;
  font-family: "Poppins", sans-serif !important;
}

.ui-timepicker-list { list-style: none !important; margin: 0 !important; padding: 0 !important; }

.ui-timepicker-list li {
  margin: 0 !important;
  padding: 10px 14px !important;
  color: var(--sc-text) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

.ui-timepicker-list li:hover,
.ui-timepicker-list li.ui-timepicker-selected {
  color: var(--sc-dark) !important;
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
  font-weight: 600 !important;
}

/* ---------- GOOGLE PLACES ---------- */

.pac-container {
  z-index: 99999 !important;
  margin-top: 8px !important;
  padding: 6px !important;
  background: var(--sc-panel) !important;
  border: 1px solid rgba(80,193,132,.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.55) !important;
  font-family: "Poppins", sans-serif !important;
}

.pac-container:after { display: none !important; }

.pac-item {
  padding: 10px 14px !important;
  color: var(--sc-text) !important;
  border: 0 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}

.pac-item:hover, .pac-item-selected {
  color: var(--sc-dark) !important;
  background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
}

.pac-item-query, .pac-matched, .pac-item span { color: inherit !important; }
.pac-icon { filter: brightness(0) invert(1) !important; opacity: .6 !important; }

/* ============================================================
   TABLET
============================================================ */

@media screen and (max-width: 1024px) {

  .chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50 > .chbs-layout-column-left,
  .chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50 > .chbs-layout-column-right,
  .chbs-main .chbs-layout-25x75 > .chbs-layout-column-left,
  .chbs-main .chbs-layout-25x75 > .chbs-layout-column-right {
    flex: 1 1 100% !important;
  }

  .chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50 > .chbs-layout-column-left { order: 1 !important; }
  .chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50 > .chbs-layout-column-right { order: 2 !important; }

  .chbs-main .chbs-layout-33x33x33 > .chbs-layout-column-left,
  .chbs-main .chbs-layout-33x33x33 > .chbs-layout-column-center,
  .chbs-main .chbs-layout-33x33x33 > .chbs-layout-column-right {
    flex: 1 1 100% !important;
  }

  .chbs-main .chbs-main-navigation-default li a > span:last-child { font-size: 12px !important; }
}

/* ============================================================
   MOBILE
============================================================ */

@media screen and (max-width: 767px) {

  .chbs-main .chbs-main-navigation-default { display: none !important; }

  .chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50 > .chbs-layout-column-left,
  .chbs-main .chbs-main-content-step-1 > .chbs-layout-50x50 > .chbs-layout-column-right,
  .chbs-main .chbs-layout-25x75 > .chbs-layout-column-left,
  .chbs-main .chbs-layout-25x75 > .chbs-layout-column-right,
  .chbs-main .chbs-layout-33x33x33 > div {
    padding: 20px !important;
    border-radius: 18px !important;
  }

  .chbs-main .chbs-form-field,
  .chbs-main .chbs-form-field-width-33,
  .chbs-main .chbs-form-field-width-50 { flex: 1 1 100% !important; }

  .chbs-main .chbs-form-field-pickup-date-time,
  .chbs-main .chbs-form-field-return-date-time { flex-wrap: wrap !important; gap: 16px !important; }

  .chbs-main .ui-tabs-nav { flex-wrap: wrap !important; border-radius: 16px !important; }
  .chbs-main .ui-tabs-nav li { flex: 1 1 100% !important; }

  .chbs-main .chbs-vehicle { grid-template-columns: 1fr !important; gap: 14px !important; }
  .chbs-main .chbs-vehicle-content-header { flex-wrap: wrap !important; }
  .chbs-main .chbs-vehicle .chbs-button-style-2 { width: 100% !important; }

  .chbs-main .chbs-summary .chbs-layout-50x50 { flex-wrap: wrap !important; }

  .chbs-main .chbs-main-content-navigation-button { flex-direction: column-reverse !important; }
  .chbs-main .chbs-main-content-navigation-button .chbs-button { width: 100% !important; margin-left: 0 !important; }

  .chbs-main #chbs_google_map { height: 240px !important; }
}

/* ============================================================
   FIX 1 — STEP NAVIGATION
   Use CHBS real numbers; center them in the circles.
============================================================ */

@media screen and (min-width: 768px) {
  .chbs-main .chbs-main-navigation-default li a > span:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  .chbs-main .chbs-main-navigation-default li a > span:first-child > span:first-child {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    transform: none !important;
  }

  .chbs-main .chbs-main-navigation-default .chbs-meta-icon-tick {
    display: none !important;
  }
}

/* ============================================================
   FIX 3 — PAYMENT / CASH
   Center the icon + Cash as one group; keep the tick on the right.
============================================================ */

.chbs-main .chbs-payment li a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 92px !important;
  padding: 18px 70px 18px 24px !important;
}

.chbs-main .chbs-payment li a > span:first-child {
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.chbs-main .chbs-payment-name {
  flex: 0 0 auto !important;
  margin: 0 !important;
  text-align: center !important;
}

.chbs-main .chbs-payment li a .chbs-meta-icon-tick {
  position: absolute !important;
  top: 50% !important;
  right: 28px !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .chbs-main .chbs-payment li a {
    padding-right: 58px !important;
  }

  .chbs-main .chbs-payment li a .chbs-meta-icon-tick {
    right: 18px !important;
  }
  
  
   .chbs-main .chbs-main-content{
      margin: 0;
  }
}


/* ============================================================
   ONLY FIX: STEP NAVIGATION CONNECTOR LINE
   Keep the line behind the circles.
   Do not change any other navigation styling.
   ============================================================ */

.chbs-main .chbs-main-navigation-default li > div {
    position: absolute !important;
    top: 26px !important;
    left: 50% !important;
    width: 100% !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0 !important;
    background: rgba(255,255,255,.12) !important;
    border: 0 !important;
    pointer-events: none !important;
}

.chbs-main .chbs-main-navigation-default li a {
    position: relative !important;
    z-index: 2 !important;
}

.chbs-main .chbs-main-navigation-default li a > span:first-child {
    position: relative !important;
    z-index: 3 !important;
    background: #1a2620 !important;
}

.chbs-main .chbs-main-navigation-default li.chbs-state-selected a > span:first-child {
    z-index: 3 !important;
    background: linear-gradient(135deg, var(--sc-gold-2), var(--sc-gold)) !important;
}

.chbs-main .chbs-main-navigation-default li.chbs-state-completed a > span:first-child,
.chbs-main .chbs-main-navigation-default li.chbs-state-passed a > span:first-child {
    z-index: 3 !important;
}


/* ============================================================
   ONLY FIX: CONNECTOR LINE MUST NOT TOUCH/OVERLAP CIRCLES
   Starts at the right edge of each circle and ends at the
   left edge of the next circle.
   ============================================================ */

.chbs-main .chbs-main-navigation-default li > div {
    top: 26px !important;
    left: calc(50% + 26px) !important;
    width: calc(100% - 52px) !important;
    height: 1px !important;
}


/* ============================================================
   ONLY FIX: CENTER PAYMENT ICON + CASH
   Nothing else changed.
   ============================================================ */

.chbs-main .chbs-payment li a {
    justify-content: center !important;
}

.chbs-main .chbs-payment li a > span:first-child {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 12px !important;
}

.chbs-main .chbs-payment .chbs-payment-name {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
}/* End custom CSS */