/* ============================================================
   QuickCab UI Redesign — Premium Airport Transfer Theme
   Clean white + green (#16A34A) design
   Pure CSS override — no functionality changes
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ── Global Reset ── */
.quickcab-booking-form1,
.quickcab-booking-form1 *,
.quickcab-booking-form1 *:not(.glyphicon) {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ── Form Container ── */
.quickcab-booking-form1 {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.06) !important;
  max-width: 520px !important;
  margin: 0 auto !important;
}

/* ── Step Indicators ── */
.quickcab-booking-form1 .quickcab-cart-steps {
  margin-bottom: 20px !important;
}

.quickcab-booking-form1 .quickcab-cart-steps ul {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.quickcab-booking-form1 .quickcab-cart-step {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  flex: none !important;
  opacity: 1 !important;
  border-bottom: none !important;
  text-align: left !important;
  position: relative !important;
}

.quickcab-booking-form1 .quickcab-cart-step a {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
}

/* Connector line between steps */
.quickcab-booking-form1 .quickcab-cart-step:not(:last-child)::after {
  content: '' !important;
  display: block !important;
  width: 32px !important;
  height: 1px !important;
  background: #d1d5db !important;
  margin: 0 10px !important;
  position: static !important;
  border: none !important;
}

/* Hide the old ::before and ::after pseudo-elements from flat-form */
.quickcab-booking-form1 .quickcab-cart-step::before {
  display: none !important;
}

.quickcab-booking-form1 .quickcab-cart-step .quickcab-section-number {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #e5e7eb !important;
  color: #6b7280 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.quickcab-booking-form1 .quickcab-cart-step.active .quickcab-section-number {
  background: #16A34A !important;
  color: #fff !important;
}

/* Completed step — checkmark via green bg */
.quickcab-booking-form1 .quickcab-cart-step.active ~ .quickcab-cart-step .quickcab-section-number {
  background: #e5e7eb !important;
  color: #6b7280 !important;
}

.quickcab-booking-form1 .quickcab-cart-step .quickcab-section-title {
  color: #9ca3af !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.quickcab-booking-form1 .quickcab-cart-step.active .quickcab-section-title {
  color: #111827 !important;
  font-weight: 600 !important;
}

/* ── Labels ── */
.quickcab-booking-form1 .control-label {
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 4px !important;
  background: none !important;
  padding: 0 !important;
}

.quickcab-booking-form1 .quickcab-required {
  color: #16A34A !important;
}

/* ── Input Fields ── */
.quickcab-booking-form1 input.quickcab-form-input,
.quickcab-booking-form1 select.quickcab-form-input {
  background: #ffffff !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 12px !important;
  height: 52px !important;
  padding: 0 12px !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.quickcab-booking-form1 .qc-input-wrapper input.quickcab-form-input,
.quickcab-booking-form1 .qc-input-wrapper select.quickcab-form-input {
  padding-left: 40px !important;
}

/* Flatten rows for flex layout */
.quickcab-booking-form1 .row.quickcab-input-row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -6px !important;
  margin-right: -6px !important;
}

/* The return row needs to hide properly when JS sets display: none */
.quickcab-booking-form1 .row.quickcab-input-row.quickcab-return-journey-options[style*="display: none"] {
  display: none !important;
}

/* Base column padding */
.quickcab-booking-form1 .row.quickcab-input-row > div {
  padding-left: 6px !important;
  padding-right: 6px !important;
  margin-bottom: 12px !important;
}

/* Desktop widths */
@media (min-width: 769px) {
  .quickcab-booking-form1 .qc-field-50 { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .quickcab-booking-form1 .qc-field-33 { width: 33.3333% !important; flex: 0 0 33.3333% !important; max-width: 33.3333% !important; }
  .quickcab-booking-form1 .qc-field-return-date { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .quickcab-booking-form1 .qc-field-return-time { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
}

.quickcab-booking-form1 .qc-input-wrapper {
  position: relative !important;
}

.quickcab-booking-form1 input.quickcab-form-input::placeholder {
  color: #9ca3af !important;
}

.quickcab-booking-form1 input.quickcab-form-input:focus,
.quickcab-booking-form1 select.quickcab-form-input:focus {
  border-color: #16A34A !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1) !important;
  background: #fff !important;
}

/* Error state */
.quickcab-booking-form1 .quickcab-field-error {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Icons inside inputs */
.quickcab-booking-form1 .qc-icon {
  color: #16A34A !important;
  opacity: 1 !important;
  width: 16px !important;
  height: 16px !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
}

/* Select dropdown arrow */
.quickcab-booking-form1 select.quickcab-form-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 12px) center !important;
}

/* ── Autocomplete Warning ── */
.quickcab-booking-form1 .quickcab-autocomplete-warning {
  color: #ef4444 !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

/* ── Large Group Notice ── */
.quickcab-booking-form1 .quickcab-large-group-notice {
  color: #6b7280 !important;
  font-size: 13px !important;
}
.quickcab-booking-form1 .quickcab-large-group-notice a {
  color: #16A34A !important;
  text-decoration: underline !important;
}

/* ── Buttons ── */
.quickcab-booking-form1 a.quickcab-button {
  background: #16A34A !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  height: 52px !important;
  padding: 0 20px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: none !important;
  box-shadow: 0 4px 16px rgba(22, 163, 74, 0.2) !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  width: 100% !important;
}

.quickcab-booking-form1 a.quickcab-button:hover {
  background: #15803d !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.3) !important;
  color: #ffffff !important;
}

/* Append arrow to the main CTA button */
.quickcab-booking-form1 a.quickcab-booking-form1-section1-submit::after {
  content: '→' !important;
  font-size: 18px !important;
  margin-left: 4px !important;
}

/* Inverted / Back button */
.quickcab-booking-form1 a.quickcab-button.-inverted {
  background: #ffffff !important;
  color: #16A34A !important;
  border: 1.5px solid #e5e7eb !important;
  box-shadow: none !important;
}

.quickcab-booking-form1 a.quickcab-button.-inverted:hover {
  background: #f9fafb !important;
  border-color: #16A34A !important;
  color: #16A34A !important;
}

/* ── HIDE MAP (Step 2) ── */
/* Map container hidden visually but keeps rendering for route calculation */
.quickcab-booking-form1 .col-md-6:has(.quickcab-form-map) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
}

/* Fallback for browsers without :has() support */
.quickcab-booking-form1 .quickcab-form-map {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.quickcab-booking-form1 .quickcab-header-row {
  display: none !important;
}

/* Hide journey stats next to map */
.quickcab-booking-form1 .quickcab-journey-stats {
  display: none !important;
}

/* Make the form fields column full width since map is hidden */
.quickcab-booking-form1 .form-section0 > .row > .quickcab-form-fields-column {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.quickcab-booking-form1 .form-section0 > .row > .col-md-6 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* ── Error Messages ── */
.quickcab-booking-form1 .alert-danger {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #dc2626 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
}

/* ── VEHICLE SELECTION (Step 2) ── */
.quickcab-booking-form1 .form-section1 {
  padding: 0 !important;
}

.quickcab-booking-form1 .form-section1 > .row {
  flex-direction: column !important;
}

/* ── HIDE Trip Preview Sidebar ── */
.quickcab-booking-form1 .form-section1 > .row > .col-md-3 {
  display: none !important;
}

/* Vehicle list full width */
.quickcab-booking-form1 .form-section1 > .row > .col-md-9 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* Vehicle Cards — horizontal layout */
.quickcab-booking-form1 .quickcab-vehicle-item {
  background: #ffffff !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin-bottom: 10px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer !important;
}

.quickcab-booking-form1 .quickcab-vehicle-item:hover,
.quickcab-booking-form1 .quickcab-vehicle-item:active {
  border-color: #16A34A !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.08) !important;
  background: #f0fdf4 !important;
}

/* Make button solid green when card is hovered or active */
.quickcab-booking-form1 .quickcab-vehicle-item:hover a.quickcab-button.quickcab-vehicle-book-button,
.quickcab-booking-form1 .quickcab-vehicle-item:active a.quickcab-button.quickcab-vehicle-book-button {
  background: #16A34A !important;
  color: #fff !important;
}

/* Hide vehicle images */
.quickcab-booking-form1 .quickcab-vehicle-image-column {
  display: none !important;
}

/* Make vehicle details full width */
.quickcab-booking-form1 .quickcab-vehicle-details-column {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* Vehicle inner row — single column layout since image hidden */
.quickcab-booking-form1 .quickcab-vehicle-item > .row {
  display: block !important;
}

/* Vehicle header — name left, price right */
.quickcab-booking-form1 .quickcab-vehicle-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 0 !important;
}

.quickcab-booking-form1 .quickcab-vehicle-name {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.quickcab-booking-form1 .quickcab-vehicle-price {
  color: #16A34A !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: right !important;
  line-height: 1.1 !important;
}

/* Vehicle features — compact subtitle style */
.quickcab-booking-form1 .quickcab-vehicle-features {
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.quickcab-booking-form1 .quickcab-vehicle-features li {
  color: #6b7280 !important;
  font-size: 12px !important;
  display: inline !important;
}

.quickcab-booking-form1 .quickcab-vehicle-features li svg {
  stroke: #16A34A !important;
}

/* Vehicle footer — hide in-card book button and icons (we use bottom buttons instead) */
.quickcab-booking-form1 .quickcab-vehicle-footer {
  border-top: none !important;
  padding-top: 4px !important;
}

/* Vehicle icons row */
.quickcab-booking-form1 .quickcab-vehicle-icons {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

.quickcab-booking-form1 .quickcab-vehicle-icon {
  color: #6b7280 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}

.quickcab-booking-form1 .quickcab-vehicle-icon svg {
  color: #16A34A !important;
  stroke: #16A34A !important;
}

/* Vehicle book button — outline style */
.quickcab-booking-form1 .quickcab-vehicle-item a.quickcab-button.quickcab-vehicle-book-button,
.quickcab-booking-form1 a.quickcab-button.quickcab-vehicle-book-button {
  height: 38px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  border-radius: 10px !important;
  width: auto !important;
  background: #ffffff !important;
  color: #16A34A !important;
  border: 1.5px solid #16A34A !important;
  box-shadow: none !important;
}

.quickcab-booking-form1 .quickcab-vehicle-item a.quickcab-button.quickcab-vehicle-book-button:hover,
.quickcab-booking-form1 a.quickcab-button.quickcab-vehicle-book-button:hover {
  background: #16A34A !important;
  color: #fff !important;
}

/* ── Back button — side-by-side with Continue ── */
.quickcab-booking-form1 .quickcab-back-button-container {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

.quickcab-booking-form1 .quickcab-back-button-container a.quickcab-button.-inverted {
  width: auto !important;
  flex-shrink: 0 !important;
  padding: 0 20px !important;
  height: 48px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  background: #ffffff !important;
  color: #111827 !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.quickcab-booking-form1 .quickcab-back-button-container a.quickcab-button.-inverted:hover {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
}

.quickcab-booking-form1 .quickcab-back-button-container a.quickcab-button:not(.-inverted) {
  flex: 1 !important;
  height: 48px !important;
  font-size: 15px !important;
  border-radius: 12px !important;
}

/* ── Waypoint styling ── */
.quickcab-booking-form1 .quickcab-waypoint-actions-container a {
  background: #16A34A !important;
  color: #fff !important;
}

.quickcab-booking-form1 a.quickcab-add-waypoint,
.quickcab-booking-form1 a.quickcab-remove-waypoint {
  color: #16A34A !important;
}

.quickcab-booking-form1 a.quickcab-add-waypoint:hover,
.quickcab-booking-form1 a.quickcab-remove-waypoint:hover {
  background: #16A34A !important;
  color: #fff !important;
}

/* ── Direction select toggle styling ── */
.quickcab-booking-form1 .quickcab-form-direction option {
  color: #111827 !important;
}

/* ── RESPONSIVE — Mobile ── */
@media (max-width: 768px) {
  .quickcab-booking-form1 {
    padding: 20px 16px !important;
    border-radius: 14px !important;
    margin: 10px auto !important;
    max-width: 100% !important;
  }

  .quickcab-booking-form1 .quickcab-cart-steps ul {
    gap: 0 !important;
    justify-content: flex-start !important;
  }

  .quickcab-booking-form1 .quickcab-cart-step:not(:last-child)::after {
    width: 24px !important;
    margin: 0 6px !important;
  }

  .quickcab-booking-form1 .quickcab-cart-step .quickcab-section-number {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }

  .quickcab-booking-form1 .quickcab-cart-step .quickcab-section-title {
    display: none !important;
  }

  .quickcab-booking-form1 .quickcab-cart-step {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }

  .quickcab-booking-form1 .quickcab-cart-step a {
    gap: 0 !important;
  }

  /* Mobile widths */
  .quickcab-booking-form1 .qc-field-direction { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
  .quickcab-booking-form1 .qc-field-passengers { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .quickcab-booking-form1 .qc-field-baggages { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .quickcab-booking-form1 .qc-field-date { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .quickcab-booking-form1 .qc-field-time { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .quickcab-booking-form1 .qc-field-return-date { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .quickcab-booking-form1 .qc-field-return-time { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }

  .quickcab-booking-form1 input.quickcab-form-input,
  .quickcab-booking-form1 select.quickcab-form-input {
    height: 48px !important;
    font-size: 14px !important;
  }

  .quickcab-booking-form1 a.quickcab-button {
    height: 48px !important;
    font-size: 14px !important;
  }

  .quickcab-booking-form1 .control-label {
    font-size: 11px !important;
  }

  .quickcab-booking-form1 .quickcab-vehicle-item {
    padding: 14px 12px !important;
  }

  /* Two-column layout for Vehicle Card */
  .quickcab-booking-form1 .quickcab-vehicle-item > .row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
  }

  .quickcab-booking-form1 .quickcab-vehicle-image-column {
    display: block !important;
    width: 32% !important;
    flex: 0 0 32% !important;
    max-width: 32% !important;
    order: 1 !important;
    padding-left: 0 !important;
    padding-right: 12px !important;
  }

  .quickcab-booking-form1 .quickcab-vehicle-details-column {
    width: 68% !important;
    flex: 0 0 68% !important;
    max-width: 68% !important;
    order: 2 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .quickcab-booking-form1 .quickcab-vehicle-image-column img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: -4px auto 0 auto !important;
    mix-blend-mode: multiply !important;
  }

  .quickcab-booking-form1 .quickcab-vehicle-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
  }

  .quickcab-booking-form1 .quickcab-vehicle-price {
    text-align: left !important;
  }

  .quickcab-booking-form1 .quickcab-vehicle-footer {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: flex-start !important;
  }

  .quickcab-booking-form1 .quickcab-vehicle-footer .quickcab-button {
    width: 100% !important;
  }

  .quickcab-booking-form1 .quickcab-trip-preview {
    padding: 16px !important;
  }
}

@media (max-width: 480px) {
  .quickcab-booking-form1 .quickcab-cart-step .quickcab-section-title {
    display: none !important;
  }

  .quickcab-booking-form1 .quickcab-cart-step:not(:last-child)::after {
    width: 32px !important;
  }
}

/* ── Datepicker Override ── */
.ui-datepicker {
  border-radius: 12px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
  overflow: hidden !important;
  font-family: 'Inter', sans-serif !important;
}

#ui-datepicker-div {
  border-radius: 12px !important;
}

.ui-datepicker-header {
  background: #16A34A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 10px !important;
}

.ui-datepicker-header .ui-datepicker-title {
  color: #fff !important;
}

.ui-datepicker-header a {
  color: #fff !important;
}

.ui-datepicker-calendar a.ui-state-hover {
  background: #16A34A !important;
  color: #fff !important;
}

.ui-datepicker-calendar a.ui-state-active {
  background: #16A34A !important;
  border-color: #16A34A !important;
  color: #fff !important;
}

/* ── Google Autocomplete dropdown ── */
.pac-container {
  border-radius: 12px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
  margin-top: 4px !important;
  font-family: 'Inter', sans-serif !important;
}

.pac-item {
  padding: 10px 16px !important;
  font-size: 14px !important;
  border-top: 1px solid #f3f4f6 !important;
  color: #374151 !important;
}

.pac-item:hover {
  background: #f0fdf4 !important;
}

.pac-item-selected {
  background: #f0fdf4 !important;
}

.pac-icon {
  display: none !important;
}

/* ── Plugin dynamic color overrides ── */
/* Override the inline <style> generated by quickcab_head_tags */
.quickcab-booking-form1 .quickcab-button {
  background: #16A34A !important;
  border: none !important;
  color: #fff !important;
}

.quickcab-booking-form1 .quickcab-button:hover,
.quickcab-booking-form1 .quickcab-button:active,
.quickcab-booking-form1 .quickcab-button:focus {
  color: #fff !important;
  background: #15803d !important;
}

.quickcab-booking-form1 .quickcab-button.-inverted {
  color: #16A34A !important;
  background: #fff !important;
  border: 1.5px solid #e5e7eb !important;
}

.quickcab-booking-form1 .quickcab-button.-inverted:hover {
  background: #f0fdf4 !important;
  color: #16A34A !important;
  border-color: #16A34A !important;
}

.quickcab-booking-form1 .quickcab-map-stats .quickcab-map-stat-val {
  color: #16A34A !important;
}

.quickcab-booking-form1 .quickcab-vehicle-item .quickcab-vehicle-price {
  color: #16A34A !important;
}

.quickcab-booking-form1 .quickcab-cart-steps .quickcab-cart-step.active .quickcab-section-number {
  background: #16A34A !important;
  color: #fff !important;
}

.quickcab-booking-form1 .quickcab-cart-steps li.active {
  border-color: transparent !important;
}