/*
Theme Name: TN Drop Taxi Child Theme
Theme URI: https://tndroptaxi.com/
Description: Production-ready Divi Child Theme for TN Drop Taxi - Clean, modern, high-contrast Light Color theme with One-way & Round-trip intercity taxi services across Tamil Nadu, Pondicherry, Karnataka, and Kerala.
Author: Elegant Themes & TN Drop Taxi Team
Author URI: https://tndroptaxi.com/
Template: Divi
Version: 1.2.0
Text Domain: tndroptaxi-child
*/

/* ─────────────────────────────────────────────────────────────
   1. GLOBAL SYSTEM DESIGN TOKENS & BRAND PALETTE
   Primary: #00286d (Royal Navy Blue)
   Secondary: #EB7F31 (Tangerine), #8ACFF8 (Sky Blue), #FCAD38 (Golden Amber), #F4EB6C (Lemon Cream)
   Canvas: #F8FAFC | Surface: #FFFFFF | Text: #1E293B / #334155
   ───────────────────────────────────────────────────────────── */
:root {
  --taxi-primary: #00286d;
  --taxi-primary-hover: #001f56;
  --taxi-primary-light: #e8effa;
  --taxi-cta: #eb7f31;
  --taxi-cta-hover: #d4681e;
  --taxi-sky: #8acff8;
  --taxi-sky-light: rgba(138, 207, 248, 0.22);
  --taxi-amber: #fcad38;
  --taxi-amber-hover: #e59926;
  --taxi-lemon: #f4eb6c;
  
  --taxi-dark: #00286d;
  --taxi-surface-dark: #001f56;
  --taxi-text-title: #00286d;
  --taxi-text-dark: #0f172a;
  --taxi-text-body: #334155;
  --taxi-text-muted: #64748b;
  
  --taxi-bg-canvas: #f8fafc;
  --taxi-bg-card: #ffffff;
  --taxi-bg-alt: #f1f5f9;
  --taxi-border: #e2e8f0;
  --taxi-border-focus: #8acff8;
  --taxi-success: #10b981;
  --taxi-danger: #ef4444;
  --taxi-whatsapp: #25d366;
  
  --taxi-radius-sm: 8px;
  --taxi-radius: 12px;
  --taxi-radius-lg: 18px;
  --taxi-radius-pill: 999px;
  
  --taxi-shadow-xs: 0 1px 3px rgba(15, 23, 42, 0.05);
  --taxi-shadow-sm: 0 4px 12px rgba(0, 40, 109, 0.06);
  --taxi-shadow-md: 0 10px 28px -4px rgba(0, 40, 109, 0.09), 0 4px 12px -2px rgba(0, 40, 109, 0.04);
  --taxi-shadow-lg: 0 20px 45px -8px rgba(0, 40, 109, 0.12), 0 8px 16px -4px rgba(0, 40, 109, 0.05);
  --taxi-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Playbook Pre-flight: Theme Header & Zero Gap Override */
body.tndrop-taxi #page-container,
#page-container {
  padding-top: 0;
  margin-top: 0;
  background-color: var(--taxi-bg-canvas);
}

body.tndrop-taxi #main-header,
#main-header {
  box-shadow: none;
}

/* Base typography and body reset */
body,
body.tndrop-taxi {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--taxi-text-body);
  background-color: var(--taxi-bg-canvas);
  line-height: 1.65;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

/* ─────────────────────────────────────────────────────────────
   2. TOPBAR & MAIN STICKY NAVIGATION
   ───────────────────────────────────────────────────────────── */
.tndrop-topbar,
.et_pb_section_0_tb_header {
  font-size: 14px;
}

.tndrop-topbar a,
.et_pb_section_0_tb_header a {
  text-decoration: none;
  font-weight: 700;
  transition: var(--taxi-transition);
}

.tndrop-badge-pill {
  padding: 3px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Rock-Solid Fixed Header Navigation (Frontend Only) */
body.admin-bar #wpadminbar {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999999 !important;
}

body:not(.wp-admin):not(.et-fb):not(.et_theme_builder) .et-l--header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999999 !important;
  width: 100% !important;
  background-color: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 40, 109, 0.08);
}

body.admin-bar:not(.wp-admin):not(.et-fb):not(.et_theme_builder) .et-l--header {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar:not(.wp-admin):not(.et-fb):not(.et_theme_builder) .et-l--header {
    top: 46px !important;
  }
}

.et-l--header .et_pb_section {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Divi Builder & Theme Builder Editor Modal Resets (Removes extra white space above/below sections in builder) */
body.wp-admin .et-l--header,
body.et-fb .et-l--header,
body.et_theme_builder .et-l--header,
.wp-admin .et-l--header,
.et_theme_builder .et-l--header,
.et-fb .et-l--header,
body.wp-admin #page-container,
body.et-fb #page-container,
body.et_theme_builder #page-container,
.wp-admin #page-container,
.et_theme_builder #page-container,
.et-fb #page-container {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

/* Make inner rows, columns, and menu modules transparent so header section has 1 single uniform background */
.et-l--header .et_pb_row,
.et-l--header .et_pb_column,
.et-l--header .et_pb_menu,
.et-l--header .et_pb_menu_inner_container,
.et-l--header .et_pb_menu__menu,
.et-l--header .et_pb_menu__logo-wrap,
.et-l--header .et_pb_menu__wrap {
  background-color: transparent !important;
  background: transparent !important;
}

body:not(.wp-admin):not(.et-fb):not(.et_theme_builder) #page-container,
#et-main-area,
#main-content,
#main-content .container,
body:not(.et-tb-has-header) #main-content .container,
.entry-content,
.et-l--post,
.et_builder_inner_content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* First section on the page (Hero Section) extends seamlessly behind the fixed header with ZERO white gap */
body:not(.wp-admin):not(.et-fb):not(.et_theme_builder) #main-content .et_pb_section:first-child,
body:not(.wp-admin):not(.et-fb):not(.et_theme_builder) :where(#hero) {
  padding-top: 152px !important;
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  body:not(.wp-admin):not(.et-fb):not(.et_theme_builder) #main-content .et_pb_section:first-child,
  body:not(.wp-admin):not(.et-fb):not(.et_theme_builder) :where(#hero) {
    padding-top: 115px !important;
  }
}

@media (max-width: 767px) {
  body:not(.wp-admin):not(.et-fb):not(.et_theme_builder) #main-content .et_pb_section:first-child,
  body:not(.wp-admin):not(.et-fb):not(.et_theme_builder) :where(#hero) {
    padding-top: 96px !important;
  }
}

/* Default fallback colors without !important so Divi Builder manual color edits apply instantly */
:where(.et_pb_section_0_tb_header) {
  background-color: #00286d;
}

:where(.et_pb_section_1_tb_header) {
  background-color: #ffffff;
}

/* Allow Divi Theme Builder, Customizer, and inline styles to control menu text color & typography */
.et_pb_section_1_tb_header .et_pb_menu .et-menu li a,
.et_pb_menu .et-menu li a {
  transition: var(--taxi-transition);
}

/* Header Action Button Default Polish */
.et_pb_section_1_tb_header .et_pb_button {
  border-radius: 50px;
  box-shadow: 0 4px 14px rgba(235, 127, 49, 0.35);
  transition: var(--taxi-transition);
}

.et_pb_section_1_tb_header .et_pb_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(235, 127, 49, 0.45);
}

/* ─────────────────────────────────────────────────────────────
   3. HERO SECTION ZERO GAP & PERFECT BALANCED ALIGNMENT
   ───────────────────────────────────────────────────────────── */

#et-main-area,
#main-content,
#main-content .container,
body:not(.et-tb-has-header) #main-content .container,
.entry-content,
.et-l--post,
.et_builder_inner_content {
  padding-top: 0;
  margin-top: 0;
}

.et_builder_inner_content > p:first-child,
.entry-content > p:first-child {
  display: none !important;
  margin: 0;
  padding: 0;
}

/* Hero Section Container */
:where(#hero).et_pb_section,
:where(#hero),
.et_pb_section_0:where(#hero) {
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

:where(#hero)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #8acff8, transparent);
}

:where(#hero) .et_pb_row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}

:where(#hero) .et_pb_column:first-child {
  flex: 1 1 54% !important;
  max-width: 600px;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: left !important;
}

:where(#hero) .et_pb_column:last-child {
  flex: 1 1 46% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Visual Wrap with Subtle Ambient Glow behind the Car */
.tndrop-hero-visual-wrap {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tndrop-hero-visual-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  background: radial-gradient(circle at center, rgba(138, 207, 248, 0.35) 0%, rgba(240, 247, 252, 0.15) 55%, transparent 75%);
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
}

:where(#hero) .et_pb_image {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

:where(#hero) .et_pb_image img {
  width: 100%;
  height: auto;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 30px rgba(0, 50, 90, 0.16)) !important;
  transition: transform 0.3s ease;
}

:where(#hero) .et_pb_image:hover img {
  transform: translateY(-4px) scale(1.02);
}

/* Tagline pill */
:where(#hero) .tndrop-tagline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(138, 207, 248, 0.22);
  color: #00286d;
  border: 1.5px solid #8acff8;
  font-size: 0.90rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 6px 18px;
  border-radius: 999px;
  margin-bottom: 12px;
}

/* Headline (Default styling - allows manual Divi heading color, font-size, and inline styles to take effect) */
:where(#hero) h1 {
  font-size: clamp(2.2rem, 3.8vw, 3.1rem);
  font-weight: 900;
  color: var(--taxi-primary);
  line-height: 1.18;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
}

/* Highlights Grid */
.tndrop-hero-perks-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.tndrop-hero-perk-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15.5px;
  font-weight: 800;
  color: #00286d;
}

.tndrop-hero-perk-item svg {
  flex-shrink: 0;
}

/* CTA Button */
:where(#hero) .et_pb_button_0 {
  background: #eb7f31;
  color: #ffffff;
  font-size: 17px;
  font-weight: 800;
  border-radius: 50px;
  border: none !important;
  padding: 14px 40px;
  box-shadow: 0 6px 20px rgba(235, 127, 49, 0.4);
  display: inline-flex !important;
  align-items: center !important;
  transition: var(--taxi-transition) !important;
  letter-spacing: 0.2px;
}

:where(#hero) .et_pb_button_0:hover {
  background: #d4681e;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(235, 127, 49, 0.5);
}

/* Mobile Responsiveness for Hero */
@media (max-width: 980px) {
  :where(#hero) .et_pb_row {
    flex-direction: column !important;
    gap: 28px !important;
  }
  :where(#hero) .et_pb_column:first-child,
  :where(#hero) .et_pb_column:last-child {
    flex: 1 1 100% !important;
    max-width: 100%;
  }
  :where(#hero) .et_pb_column:first-child {
    text-align: center !important;
    align-items: center !important;
  }
  .tndrop-hero-perks-grid {
    justify-content: center !important;
  }
}

/* ─────────────────────────────────────────────────────────────
   4. SECTION BACKGROUNDS & HEADINGS
   (Default fallbacks without !important so Divi Builder can customize freely)
   ───────────────────────────────────────────────────────────── */
:where(#booking-form) {
  background-color: #f8fafc;
}

:where(#fare-calculator) {
  background-color: #ffffff;
}

:where(#services) {
  background-color: #ffffff;
}

:where(#why-choose) {
  background-color: #f8fafc;
}

/* Common Section Heading Styles (Default typography with zero-specificity fallback) */
:where(.et_pb_section) h2 {
  font-size: clamp(2rem, 3.2vw, 2.6rem);
  font-weight: 900;
  color: var(--taxi-primary);
  letter-spacing: -0.5px;
}

/* ─────────────────────────────────────────────────────────────
   5. BOOKING FORM CONSOLE (:where(#booking-form))
   ───────────────────────────────────────────────────────────── */
.tndrop-booking-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 38px 40px;
  border: 1.5px solid #e2e8f0;
  box-shadow: var(--taxi-shadow-md);
  position: relative;
  overflow: hidden;
  transition: var(--taxi-transition);
}

.tndrop-booking-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #00286d 0%, #8acff8 50%, #eb7f31 100%);
}

@media (max-width: 767px) {
  .tndrop-booking-card {
    padding: 24px 18px;
    border-radius: 16px;
  }
}

/* Segmented Trip Tabs */
.tndrop-trip-tabs {
  display: flex;
  gap: 8px;
  background: #00286d;
  padding: 6px;
  border-radius: 12px;
  margin-bottom: 24px;
}

.tndrop-trip-tab {
  flex: 1;
  padding: 14px 20px;
  border: none;
  background: transparent;
  border-radius: 8px;
  font-weight: 800;
  font-size: 1.05rem;
  color: #ffffff;
  cursor: pointer;
  transition: var(--taxi-transition);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.tndrop-trip-tab svg {
  width: 19px;
  height: 19px;
  stroke: #8acff8;
  transition: var(--taxi-transition);
}

.tndrop-trip-tab.active {
  background: #001f56;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  border: 1.5px solid #fcad38;
}

.tndrop-trip-tab.active svg {
  stroke: #fcad38;
}

/* Form Grid & Inputs */
.tndrop-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .tndrop-form-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

.tndrop-input-wrap label {
  font-size: 0.95rem;
  font-weight: 800;
  color: #00286d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.tndrop-input-group {
  display: flex;
  align-items: center;
  border: 1.5px solid #cbd5e1;
  border-radius: 12px;
  background: #ffffff;
  transition: var(--taxi-transition);
  overflow: hidden;
  height: 52px;
  box-sizing: border-box;
}

.tndrop-input-group:focus-within {
  border-color: #00286d;
  box-shadow: 0 0 0 3.5px rgba(138, 207, 248, 0.45);
}

.tndrop-input-addon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 100%;
  flex-shrink: 0;
  background: #f8fafc;
  color: #64748b;
  border-right: 1.5px solid #e2e8f0;
}

.tndrop-input-addon svg {
  width: 20px;
  height: 20px;
}

.tndrop-input-control {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  padding: 0 16px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #0f172a;
  font-family: inherit;
}

.tndrop-input-control::placeholder {
  color: #64748b;
  font-size: 1rem;
}

select.tndrop-input-control {
  cursor: pointer;
}

/* Vehicle Selector Cards */
.tndrop-veh-picker {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 22px;
}

@media (max-width: 600px) {
  .tndrop-veh-picker {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.tndrop-veh-card {
  border: 1.5px solid #cbd5e1;
  border-radius: 14px;
  padding: 16px 18px;
  background: #ffffff;
  cursor: pointer;
  transition: var(--taxi-transition);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tndrop-veh-card:hover {
  border-color: #00286d;
  background: #f0f9ff;
  transform: translateY(-2px);
}

.tndrop-veh-card.active {
  border-color: #00286d;
  background: #f0f9ff;
  box-shadow: 0 0 0 2px #00286d, 0 8px 20px rgba(0, 40, 109, 0.12);
}

.tndrop-veh-card-left {
  display: flex;
  align-items: center;
  gap: 14px;
}

.tndrop-veh-card-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: rgba(138, 207, 248, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00286d;
  flex-shrink: 0;
  transition: var(--taxi-transition);
}

.tndrop-veh-card.active .tndrop-veh-card-icon {
  background: #00286d;
  color: #fcad38;
}

.tndrop-veh-card-name {
  font-size: 1.15rem;
  font-weight: 800;
  color: #00286d;
  line-height: 1.2;
}

.tndrop-veh-card-sub {
  font-size: 0.92rem;
  color: #334155;
  font-weight: 600;
}

.tndrop-veh-card-rate {
  font-size: 1.05rem;
  font-weight: 800;
  color: #00286d;
  background: #f1f5f9;
  padding: 6px 14px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  flex-shrink: 0;
}

.tndrop-veh-card.active .tndrop-veh-card-rate {
  background: #fcad38;
  color: #0f172a;
  border-color: #fcad38;
}

/* Booking Submit Button */
.tndrop-booking-submit-btn {
  width: 100%;
  height: 54px;
  border-radius: 12px;
  border: none;
  background: #eb7f31;
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-shadow: 0 6px 20px rgba(235, 127, 49, 0.35);
  transition: var(--taxi-transition);
  letter-spacing: 0.2px;
}

.tndrop-booking-submit-btn:hover {
  background: #d4681e;
  box-shadow: 0 10px 28px rgba(235, 127, 49, 0.45);
  transform: translateY(-2px);
}

.tndrop-booking-submit-btn svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

/* Guarantees Row */
.tndrop-booking-guarantees {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 20px;
  font-size: 0.95rem;
  color: #334155;
  font-weight: 700;
}

.tndrop-booking-guarantee-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tndrop-booking-guarantee-item svg {
  width: 18px;
  height: 18px;
  color: #10b981;
  flex-shrink: 0;
}

.tndrop-hp-field {
  display: none !important;
}

/* ─────────────────────────────────────────────────────────────
   6. FARE CALCULATOR CONSOLE (:where(#fare-calculator))
   ───────────────────────────────────────────────────────────── */
.tndrop-calc-focused {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 20px;
  padding: 38px 40px;
  box-shadow: var(--taxi-shadow-md);
  max-width: 840px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.tndrop-calc-focused::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, #00286d 0%, #8acff8 50%, #eb7f31 100%);
}

@media (max-width: 767px) {
  .tndrop-calc-focused {
    padding: 24px 18px;
    border-radius: 16px;
  }
}

/* Distance Input Group */
.tndrop-calc-km-wrap {
  display: flex;
  align-items: center;
  border: 2px solid #cbd5e1;
  border-radius: 12px;
  background: #ffffff;
  height: 56px;
  margin-bottom: 12px;
  overflow: hidden;
  transition: var(--taxi-transition);
}

.tndrop-calc-km-wrap:focus-within {
  border-color: #00286d;
  box-shadow: 0 0 0 3.5px rgba(138, 207, 248, 0.45);
}

.tndrop-calc-km-addon {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  background: #f8fafc;
  height: 100%;
  font-size: 0.95rem;
  font-weight: 800;
  color: #00286d;
  border-right: 1.5px solid #e2e8f0;
  flex-shrink: 0;
}

.tndrop-calc-km-input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 16px;
  font-size: 1.5rem;
  font-weight: 800;
  color: #00286d;
  background: transparent;
  text-align: left;
}

.tndrop-calc-km-unit {
  padding: 0 22px;
  font-size: 1.05rem;
  font-weight: 800;
  color: #00286d;
  flex-shrink: 0;
}

/* Preset Chips */
.tndrop-km-preset-chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.tndrop-chip-btn {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 9px 16px;
  font-size: 0.94rem;
  font-weight: 700;
  color: #0f172a;
  cursor: pointer;
  transition: var(--taxi-transition);
}

.tndrop-chip-btn:hover {
  background: #e2e8f0;
  color: #00286d;
}

.tndrop-chip-btn.active {
  background: #00286d;
  color: #ffffff;
  border-color: #00286d;
  box-shadow: 0 2px 8px rgba(0, 40, 109, 0.25);
}

/* Price Display Card */
.tndrop-calc-price-display {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
}

.tndrop-price-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #00286d;
  color: #ffffff;
  padding: 18px 24px;
  border-radius: 12px;
  margin-bottom: 18px;
  box-shadow: 0 4px 14px rgba(0, 40, 109, 0.25);
}

.tndrop-price-head-label {
  font-size: 1.15rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.3px;
}

.tndrop-price-big {
  font-size: 2.75rem;
  font-weight: 900;
  color: #fcad38;
  letter-spacing: -0.5px;
}

.tndrop-price-itemized {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.05rem;
  color: #1e293b;
  padding: 9px 4px;
  border-bottom: 1px dashed #cbd5e1;
}

.tndrop-price-itemized:last-of-type {
  border-bottom: none;
}

.tndrop-price-itemized strong,
.tndrop-price-itemized span:last-child {
  font-size: 1.08rem;
  font-weight: 800;
  color: #00286d;
}

/* Mandatory Note Box (High Visibility Lemon & Tangerine) */
.tndrop-fare-note-box {
  background: #f4eb6c;
  border: 2px solid #eb7f31 !important;
  border-radius: 10px;
  padding: 14px 20px;
  color: #00286d;
  font-size: 1.05rem;
  font-weight: 800;
  text-align: center;
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  line-height: 1.45;
}

.tndrop-fare-note-box svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: #eb7f31;
}

/* Action CTAs in Calculator */
.tndrop-calc-actions-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 20px;
}

@media (max-width: 600px) {
  .tndrop-calc-actions-grid {
    grid-template-columns: 1fr;
  }
}

.tndrop-btn-amber {
  background: #00286d;
  color: #ffffff;
  border: none !important;
  transition: var(--taxi-transition) !important;
}

.tndrop-btn-amber:hover {
  background: #001f56;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 40, 109, 0.35);
}

/* ─────────────────────────────────────────────────────────────
   7. SERVICES SECTION – LAYOUT ONLY (all visuals via Divi Builder)
   ───────────────────────────────────────────────────────────── */

/* Two-card grid row */
.tndrop-services-grid,
.et_pb_row.tndrop-services-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
}

.et_pb_row.tndrop-services-grid:before,
.et_pb_row.tndrop-services-grid:after {
  display: none !important;
}

.et_pb_row.tndrop-services-grid > .et_pb_column.tndrop-svc-card {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}

/* Service card column: flex layout for child modules */
.et_pb_column.tndrop-svc-card {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-content: flex-start;
  column-gap: 12px;
  row-gap: 0;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.et_pb_column.tndrop-svc-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px rgba(0, 40, 109, 0.12);
}

/* All modules full width by default */
.et_pb_column.tndrop-svc-card > .et_pb_module {
  width: 100%;
  flex: 0 0 100% !important;
}

/* Rate modules: side by side (50% each) */
.et_pb_column.tndrop-svc-card > .et_pb_module.tndrop-rate-mod {
  flex: 0 0 calc(50% - 6px) !important;
  width: calc(50% - 6px);
}

/* Badge module: inline width */
.et_pb_module.tndrop-badge-mod {
  width: fit-content;
  flex: 0 0 auto !important;
}

/* CTA button: full width at the bottom */
.tndrop-svc-card .et_pb_button_module_wrapper {
  margin-top: auto;
  width: 100%;
  flex: 0 0 100% !important;
}

.tndrop-svc-card a.et_pb_button.tndrop-svc-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 48px;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 40, 109, 0.2);
}

.tndrop-svc-card a.et_pb_button.tndrop-svc-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0, 40, 109, 0.32);
}

/* Remove wpautop stray <p> tags in rate and notes */
.tndrop-rate-mod > .et_pb_text_inner > p:empty,
.tndrop-notes-mod > .et_pb_text_inner > p:empty {
  display: none !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .tndrop-services-grid,
  .et_pb_row.tndrop-services-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
  }
  .et_pb_column.tndrop-svc-card > .et_pb_module.tndrop-rate-mod {
    flex: 0 0 calc(50% - 6px) !important;
    width: calc(50% - 6px);
  }
}

/* Fallback Legacy Styles */
.tndrop-services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  width: 100%;
}

.tndrop-service-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 18px;
  padding: 30px 24px 26px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

/* ─────────────────────────────────────────────────────────────
   8. WHY CHOOSE SECTION MODERN 3x2 FEATURE GRID (:where(#why-choose))
   ───────────────────────────────────────────────────────────── */
.tndrop-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  width: 100%;
}

/* Native Divi Blurb Module Styling - Clean Hover & Layout */
.tndrop-why-blurb,
.et_pb_blurb.tndrop-why-blurb {
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tndrop-why-blurb:hover,
.et_pb_blurb.tndrop-why-blurb:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 36px rgba(0, 40, 109, 0.14) !important;
}

/* Divi Equal Column Heights (Works in both Visual Builder Editor & Frontend) */
.et_pb_equal_columns,
.et_pb_row.et_pb_equal_columns,
body.et-fb .et_pb_equal_columns,
body.et-fb .et_pb_row.et_pb_equal_columns {
  display: flex !important;
  align-items: stretch !important;
}

.et_pb_equal_columns > .et_pb_column,
.et_pb_row.et_pb_equal_columns > .et_pb_column,
body.et-fb .et_pb_equal_columns > .et_pb_column,
body.et-fb .et_pb_row.et_pb_equal_columns > .et_pb_column {
  display: flex !important;
  flex-direction: column !important;
  justify-content: stretch !important;
  height: auto !important;
}

body.et-fb .et_pb_equal_columns > .et_pb_column > .et_pb_module_block,
body.et-fb .et_pb_equal_columns > .et_pb_column > .et_fb_element,
body.et-fb .et_pb_equal_columns > .et_pb_column > .et_pb_module,
.et_pb_equal_columns > .et_pb_column > .et_pb_module,
.et_pb_equal_columns > .et_pb_column > .et_pb_blurb,
.et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_blurb,
.et_pb_row.et_pb_equal_columns > .et_pb_column > .et_pb_module,
.tndrop-why-blurb,
#why-choose .et_pb_blurb {
  flex: 1 1 auto !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.et_pb_blurb.tndrop-why-blurb .et_pb_blurb_content,
.tndrop-why-blurb .et_pb_blurb_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.et_pb_blurb.tndrop-why-blurb .et_pb_main_blurb_image,
.tndrop-why-blurb .et_pb_main_blurb_image {
  margin-bottom: 14px !important;
  margin-top: 0 !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
}

.et_pb_blurb.tndrop-why-blurb .et-pb-icon,
.tndrop-why-blurb .et-pb-icon {
  font-size: 36px !important;
  line-height: 1 !important;
  margin: 0 !important;
  position: static !important;
  display: inline-block !important;
}

.tndrop-why-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 18px;
  padding: 32px 28px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.tndrop-why-card:hover {
  transform: translateY(-6px);
  border-color: #00286d;
  box-shadow: 0 16px 36px rgba(0, 40, 109, 0.12);
}

.tndrop-why-icon-box {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(138, 207, 248, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00286d;
  flex-shrink: 0;
  transition: all 0.25s ease;
}

.tndrop-why-card:hover .tndrop-why-icon-box {
  background: #00286d;
  color: #ffffff;
}

.tndrop-why-icon-box svg {
  width: 26px;
  height: 26px;
}

/* Fail-safe Icon Fallbacks for Why Choose Cards */
.tndrop-why-card:nth-child(1) .tndrop-why-icon-box:not(:has(svg))::before,
.tndrop-why-card:nth-child(1) .tndrop-why-icon-box:empty::before {
  content: "";
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'/%3E%3C/svg%3E") no-repeat center / contain;
}

.tndrop-why-card:nth-child(2) .tndrop-why-icon-box:not(:has(svg))::before,
.tndrop-why-card:nth-child(2) .tndrop-why-icon-box:empty::before {
  content: "";
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E") no-repeat center / contain;
}

.tndrop-why-card:nth-child(3) .tndrop-why-icon-box:not(:has(svg))::before,
.tndrop-why-card:nth-child(3) .tndrop-why-icon-box:empty::before {
  content: "";
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center / contain;
}

.tndrop-why-card:nth-child(4) .tndrop-why-icon-box:not(:has(svg))::before,
.tndrop-why-card:nth-child(4) .tndrop-why-icon-box:empty::before {
  content: "";
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.tndrop-why-card:nth-child(5) .tndrop-why-icon-box:not(:has(svg))::before,
.tndrop-why-card:nth-child(5) .tndrop-why-icon-box:empty::before {
  content: "";
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.tndrop-why-card:nth-child(6) .tndrop-why-icon-box:not(:has(svg))::before,
.tndrop-why-card:nth-child(6) .tndrop-why-icon-box:empty::before {
  content: "";
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") no-repeat center / contain;
}


.tndrop-why-body {
  flex: 1;
}

.tndrop-why-title {
  font-size: 19px;
  font-weight: 800;
  color: #00286d;
  margin: 0 0 8px;
  line-height: 1.3;
}

.tndrop-why-desc {
  font-size: 15px;
  line-height: 1.65;
  color: #475569;
  margin: 0;
}

/* Responsive Grids for Services and Why Choose */
@media (max-width: 1080px) {
  .tndrop-services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .tndrop-why-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 680px) {
  .tndrop-services-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .tndrop-why-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .tndrop-why-card {
    padding: 24px 20px;
    gap: 16px;
  }
}

/* ─────────────────────────────────────────────────────────────
   8. ABOUT US SECTION CARD (:where(#about))
   Pixel-Perfect match to user uploaded design
   ───────────────────────────────────────────────────────────── */
.tndrop-about-section {
  background: linear-gradient(135deg, #001f56 0%, #00286d 45%, #0a3d8f 100%);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  position: relative;
  min-height: 520px;
}

.tndrop-about-content {
  padding: 48px 44px 44px 52px;
  color: #ffffff;
  z-index: 2;
}

.tndrop-about-brand-tag {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.tndrop-about-bar {
  width: 28px;
  height: 4px;
  background: #fcad38;
  border-radius: 2px;
}

:where(#about, .et_pb_section:where(#about)) h2 {
  color: #ffffff;
  font-weight: 900;
  line-height: 1.15;
}

:where(#about) h2 span {
  color: #eb7f31;
}

:where(#about, .et_pb_section:where(#about)) h3 {
  color: #f0f9ff;
  font-weight: 700;
}

:where(#about) .et_pb_blurb h4,
:where(#about) .et_pb_blurb h4 span {
  color: #ffffff;
  font-weight: 800;
}

:where(#about) .et_pb_blurb_description {
  color: #e0f2fe;
}

:where(#about) p,
.et_pb_section:where(#about) p {
  color: #e0f2fe;
  font-size: 15px;
  line-height: 1.7;
}

/* Divi Blurb Circular Icon Styling & 2-Column Grid */
:where(#about) .tndrop-about-blurb {
  width: 48%;
  display: inline-block !important;
  vertical-align: top !important;
  margin-right: 3%;
  margin-bottom: 20px;
  box-sizing: border-box !important;
}

:where(#about) .tndrop-about-blurb:nth-of-type(2n) {
  margin-right: 0;
}

@media (max-width: 680px) {
  :where(#about) .tndrop-about-blurb {
    width: 100%;
    margin-right: 0;
    display: block !important;
  }
}

:where(#about) .et_pb_main_blurb_image {
  margin-right: 14px;
  margin-bottom: 0;
}

:where(#about) .et_pb_main_blurb_image .et-pb-icon {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center !important;
  background: rgba(14, 165, 233, 0.18);
  border: 1.5px solid rgba(56, 189, 248, 0.4) !important;
  border-radius: 50%;
  color: transparent;
  font-size: 0;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Customer First - Heart Vector Icon */
:where(#about) .blurb-customer .et-pb-icon:before {
  content: "" !important;
  width: 20px;
  height: 20px;
  background-color: #38bdf8;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  display: block !important;
}

/* Transparent Pricing - Rupee ₹ Glyph */
:where(#about) .blurb-rupee .et-pb-icon:before {
  content: "₹" !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 800;
  font-size: 21px;
  line-height: 1;
  color: #38bdf8;
  display: block !important;
  text-align: center !important;
}

/* Professional Drivers - Driver/User Vector Icon */
:where(#about) .blurb-driver .et-pb-icon:before {
  content: "" !important;
  width: 20px;
  height: 20px;
  background-color: #38bdf8;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  display: block !important;
}

/* Wide Coverage - Location Pin Vector Icon */
:where(#about) .blurb-coverage .et-pb-icon:before {
  content: "" !important;
  width: 20px;
  height: 20px;
  background-color: #38bdf8;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") no-repeat center / contain !important;
  display: block !important;
}

:where(#about) .et_pb_blurb h4.et_pb_module_header,
:where(#about) .et_pb_blurb h4 {
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 2px;
  line-height: 1.3;
}

:where(#about) .et_pb_blurb_description,
:where(#about) .et_pb_blurb_description p {
  color: #bae6fd;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

/* About Section CTA Buttons */
:where(#about) .btn-about-call,
:where(#about) .btn-about-call.et_pb_button {
  background-color: #eb7f31;
  border: none !important;
  color: #ffffff;
  font-weight: 800;
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(235, 127, 49, 0.4);
  padding: 12px 28px;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 12px;
  margin-bottom: 8px;
}

:where(#about) .btn-about-call.et_pb_button:hover {
  background-color: #d96f26;
  color: #ffffff;
}

:where(#about) .btn-about-whatsapp,
:where(#about) .btn-about-whatsapp.et_pb_button {
  background-color: rgba(255, 255, 255, 0.12);
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff;
  font-weight: 700;
  border-radius: 10px;
  padding: 12px 26px;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-bottom: 8px;
}

:where(#about) .btn-about-whatsapp.et_pb_button:hover {
  background-color: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

.tndrop-about-title,
.et_pb_section .tndrop-about-title {
  font-size: 46px;
  font-weight: 900;
  color: #ffffff;
  margin: 4px 0 6px 0;
  line-height: 1.15;
  letter-spacing: -0.5px;
}

.tndrop-about-title .highlight-orange {
  color: #eb7f31;
}

.tndrop-about-subtitle,
.et_pb_section .tndrop-about-subtitle {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 18px 0;
  letter-spacing: -0.2px;
}

.tndrop-about-desc {
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 28px 0;
  max-width: 580px;
  font-weight: 400;
}

/* 4 Value Pillars Grid */
.tndrop-about-pillars-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px;
  margin-bottom: 32px;
}

.tndrop-about-pillar {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.tndrop-about-pillar-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fcad38;
  flex-shrink: 0;
}

.tndrop-about-pillar-icon svg {
  width: 20px;
  height: 20px;
}

.tndrop-pillar-rupee {
  font-size: 22px;
  font-weight: 900;
  color: #fcad38;
  line-height: 1;
}

.tndrop-about-pillar-body {
  display: flex;
  flex-direction: column;
}

.tndrop-about-pillar-body strong {
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 3px;
  line-height: 1.25;
}

.tndrop-about-pillar-body span {
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}

/* Call & WhatsApp Action Buttons */
.tndrop-about-actions-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.tndrop-about-btn-call {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 28px;
  background: #eb7f31;
  color: #ffffff;
  font-size: 16.5px;
  font-weight: 800;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(235, 127, 49, 0.35);
  transition: all 0.22s ease;
}

.tndrop-about-btn-call:hover {
  background: #d4681e;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(235, 127, 49, 0.45);
}

.tndrop-about-btn-call svg {
  width: 18px;
  height: 18px;
}

.tndrop-about-btn-wa {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 26px;
  background: rgba(255, 255, 255, 0.12);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  color: #ffffff;
  font-size: 16.5px;
  font-weight: 800;
  border-radius: 12px;
  text-decoration: none;
  backdrop-filter: blur(8px);
  transition: all 0.22s ease;
}

.tndrop-about-btn-wa:hover {
  background: #25d366;
  border-color: #25d366;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(37, 211, 102, 0.35);
}

.tndrop-about-btn-wa svg {
  width: 20px;
  height: 20px;
}

/* Right Graphics Area */
.tndrop-about-graphics {
  height: 100%;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.tndrop-about-art-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  display: block;
}

/* Responsive Scaling */
@media (max-width: 980px) {
  .tndrop-about-section {
    grid-template-columns: 1fr;
  }
  .tndrop-about-content {
    padding: 38px 28px 32px;
  }
  .tndrop-about-title {
    font-size: 38px;
  }
  .tndrop-about-graphics {
    min-height: 320px;
  }
}

@media (max-width: 600px) {
  .tndrop-about-content {
    padding: 30px 20px 26px;
  }
  .tndrop-about-title {
    font-size: 32px;
  }
  .tndrop-about-subtitle {
    font-size: 18px;
  }
  .tndrop-about-pillars-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .tndrop-about-btn-call,
  .tndrop-about-btn-wa {
    width: 100%;
    justify-content: center;
  }
}

/* ─────────────────────────────────────────────────────────────
   9. FOOTER (#footer)
   ───────────────────────────────────────────────────────────── */
.et_pb_section_0_tb_footer {
  background-color: #00286d;
  border-top: 3px solid #fcad38 !important;
  color: #f0f9ff;
}

.et_pb_section_0_tb_footer h4,
.et_pb_section_0_tb_footer .et_pb_text h4 {
  font-size: 19px;
  font-weight: 800;
  color: #fcad38;
  margin-bottom: 16px;
}

.et_pb_section_0_tb_footer p,
.et_pb_section_0_tb_footer li,
.et_pb_section_0_tb_footer a {
  font-size: 15.5px;
  line-height: 1.75;
}

.et_pb_section_0_tb_footer a {
  color: #bae6fd;
  text-decoration: none !important;
  transition: var(--taxi-transition);
}

.et_pb_section_0_tb_footer a:hover {
  color: #fcad38;
}

/* ─────────────────────────────────────────────────────────────
   10. EQUAL-HEIGHT FLEX SYSTEM & ALIGNMENTS
   ───────────────────────────────────────────────────────────── */
:where(.et-l--header .et_pb_row) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

:where(.et-l--header .et_pb_column) {
  display: flex;
  align-items: center;
}

:where(#hero) .et_pb_row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

:where(#hero) .et_pb_column {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(#about) .et_pb_row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Divi Native Column Alignment for Services & Why Choose */
:where(#services) .et_pb_blurb,
:where(#why-choose) .et_pb_blurb {
  height: 100%;
  box-sizing: border-box !important;
}

/* Mobile & Tablet Responsive Single Column Stacking (<= 980px) */
@media (max-width: 980px) {
  body:not(.wp-admin):not(.et-fb) :where(#hero) .et_pb_row,
  body:not(.wp-admin):not(.et-fb) :where(#about) .et_pb_row,
  body:not(.wp-admin):not(.et-fb) :where(#services) .et_pb_row,
  body:not(.wp-admin):not(.et-fb) :where(#why-choose) .et_pb_row,
  body:not(.wp-admin):not(.et-fb) .et_pb_row {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body:not(.wp-admin):not(.et-fb) :where(#hero) .et_pb_column,
  body:not(.wp-admin):not(.et-fb) :where(#about) .et_pb_column,
  body:not(.wp-admin):not(.et-fb) :where(#services) .et_pb_column,
  body:not(.wp-admin):not(.et-fb) :where(#why-choose) .et_pb_column,
  body:not(.wp-admin):not(.et-fb) .et_pb_column,
  body:not(.wp-admin):not(.et-fb) .et_pb_column_1_2,
  body:not(.wp-admin):not(.et-fb) .et_pb_column_1_3,
  body:not(.wp-admin):not(.et-fb) .et_pb_column_1_4 {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 24px !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  body:not(.wp-admin):not(.et-fb) .et_pb_column:last-child {
    margin-bottom: 0 !important;
  }

  :where(#about) .et_pb_column:last-child,
  :where(#about) .et_pb_image,
  :where(#about) img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 20px auto 0 !important;
    display: block !important;
  }
}

/* ─────────────────────────────────────────────────────────────
   11. FIX: DIVI BLURB MODULE ICONS IN SECONDARY / GLOBAL HEADERS
   ───────────────────────────────────────────────────────────── */
.et-pb-icon,
.et_pb_blurb .et-pb-icon,
.et_pb_blurb_content .et-pb-icon,
.et_pb_main_blurb_image .et-pb-icon,
.et-l--header .et-pb-icon,
header .et-pb-icon,
#top-header .et-pb-icon,
#main-header .et-pb-icon {
  font-family: 'ETmodules' !important;
  speak: none !important;
  font-style: normal !important;
  font-weight: 400;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-shadow: none !important;
  visibility: visible !important;
}

.et-l--header .et_pb_blurb .et-pb-icon,
.et-l--header .et_pb_blurb .et-waypoint,
.et-l--header .et-pb-icon.et-waypoint,
header .et_pb_blurb .et-pb-icon,
header .et_pb_blurb .et-waypoint,
#top-header .et_pb_blurb .et-pb-icon,
#top-header .et_pb_blurb .et-waypoint,
#main-header .et_pb_blurb .et-pb-icon,
#main-header .et_pb_blurb .et-waypoint {
  opacity: 1 !important;
  animation: none !important;
  -webkit-animation: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  visibility: visible !important;
}

/* ─────────────────────────────────────────────────────────────
   5. TAXI ENQUIRY CARD (LARGE & PROMINENT SIZING)
   ───────────────────────────────────────────────────────────── */
.tndrop-enquiry-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1.5px solid #e2e8f0;
  box-shadow: 0 16px 36px -8px rgba(0, 40, 109, 0.12), 0 6px 14px -3px rgba(0, 40, 109, 0.05);
  overflow: hidden;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.tndrop-enquiry-card br {
  display: none !important;
}

/* Header Banner - Sleek & Compact */
.tndrop-enquiry-banner {
  background: linear-gradient(135deg, #001f56 0%, #00286d 45%, #0a3d8f 100%);
  padding: 22px 28px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  color: #ffffff;
}

.tndrop-enquiry-banner-left {
  position: relative;
  z-index: 2;
  flex: 1;
}

.tndrop-enquiry-brand-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.tndrop-enquiry-brand-bar {
  width: 24px;
  height: 3px;
  background: #fcad38;
  border-radius: 2px;
}

.tndrop-enquiry-title {
  font-size: 28px;
  font-weight: 900;
  color: #ffffff;
  margin: 4px 0 6px 0;
  line-height: 1.18;
  letter-spacing: -0.5px;
  word-spacing: -3px;
}

.tndrop-enquiry-title span {
  color: #fcad38;
}

.tndrop-min-distance-banner {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #f0f7ff;
  border: 1.5px solid #8acff8;
  color: #00286d;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(0, 40, 109, 0.05);
}

.tndrop-min-distance-banner svg {
  color: #eb7f31;
  flex-shrink: 0;
}

.tndrop-enquiry-desc {
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.92);
  margin: 0;
  font-weight: 500;
}

.tndrop-enquiry-banner-right {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

/* Bubble backdrop behind the vehicle */
.tndrop-enquiry-bubble-bg {
  position: absolute;
  right: -20px;
  top: -30px;
  width: 280px;
  height: 220px;
  background: radial-gradient(circle at 65% 50%, rgba(255, 255, 255, 0.95) 0%, rgba(224, 242, 254, 0.90) 45%, transparent 72%);
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
}

.tndrop-enquiry-car-img {
  max-width: 175px;
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 6px 14px rgba(0, 50, 90, 0.22));
  transition: transform 0.3s ease;
}

.tndrop-enquiry-card:hover .tndrop-enquiry-car-img {
  transform: translateY(-2px) scale(1.02);
}

.tndrop-enquiry-perks-box {
  display: flex;
  flex-direction: column;
  text-align: left;
  position: relative;
  z-index: 2;
  min-width: 80px;
}

.tndrop-enquiry-perks-box span {
  font-size: 12.5px;
  font-weight: 800;
  color: #00286d;
  line-height: 1.35;
}

.tndrop-enquiry-perks-bar {
  width: 28px;
  height: 3px;
  background: #fcad38;
  border-radius: 2px;
  margin-top: 4px;
}

/* Form Body - Compact & Clean */
.tndrop-enquiry-body {
  padding: 24px 28px 24px;
  background: #ffffff;
}

/* Trip Tabs inside Enquiry Card Body */
.tndrop-enquiry-card .tndrop-trip-tabs {
  display: flex;
  gap: 8px;
  background: #f1f5f9;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid #e2e8f0;
}

.tndrop-enquiry-card .tndrop-trip-tab {
  flex: 1;
  padding: 10px 16px;
  border: none;
  background: transparent;
  border-radius: 7px;
  font-weight: 700;
  font-size: 14px;
  color: #475569;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.tndrop-enquiry-card .tndrop-trip-tab svg {
  width: 16px;
  height: 16px;
  stroke: #64748b;
  transition: all 0.2s ease;
}

.tndrop-enquiry-card .tndrop-trip-tab.active {
  background: #00286d;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 40, 109, 0.22);
}

.tndrop-enquiry-card .tndrop-trip-tab.active svg {
  stroke: #fcad38;
}

/* Checkbox Card Selection for Vehicle Type (2 Columns Side-by-Side) */
.tndrop-vehicle-radio-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  width: 100%;
}

.tndrop-vehicle-radio-card {
  appearance: none;
  width: 100%;
  height: 60px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto 24px;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 6px 12px 6px 8px;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  font-family: inherit;
  box-sizing: border-box;
}

.tndrop-vehicle-radio-card:hover {
  border-color: #00286d;
  background: #f8fafc;
}

.tndrop-vehicle-radio-card.selected {
  border-color: #00286d;
  background: #edf4ff;
  box-shadow: 0 3px 10px rgba(0, 40, 109, 0.08);
}

.tndrop-vehicle-radio-card .tndrop-vehicle-thumb {
  display: block;
  width: 58px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.tndrop-vehicle-radio-info strong,
.tndrop-vehicle-option-copy strong {
  font-size: 15px;
  font-weight: 800;
  color: #00286d;
  display: block;
  line-height: 1.2;
}

.tndrop-vehicle-subtext {
  font-size: 11.5px;
  color: #64748b;
  font-weight: 500;
  display: block;
  margin-top: 1px;
}

.tndrop-vehicle-radio-price,
.tndrop-vehicle-option-price {
  font-size: 13.5px;
  font-weight: 800;
  color: #0f172a;
}

.tndrop-vehicle-radio-check,
.tndrop-vehicle-check,
.tndrop-vehicle-checkbox,
.tndrop-vehicle-check-badge {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid #cbd5e1;
  background: #ffffff;
  display: grid;
  place-items: center;
  transition: all 0.2s ease;
  box-sizing: border-box;
  flex-shrink: 0;
}

.tndrop-vehicle-radio-check svg,
.tndrop-vehicle-check svg,
.tndrop-vehicle-checkbox svg,
.tndrop-vehicle-check-badge svg {
  width: 12px;
  height: 12px;
  stroke: #ffffff;
  fill: #ffffff;
  display: none;
}

.tndrop-vehicle-radio-card.selected .tndrop-vehicle-radio-check,
.tndrop-vehicle-radio-card.selected .tndrop-vehicle-check,
.tndrop-vehicle-radio-card.selected .tndrop-vehicle-checkbox,
.tndrop-vehicle-radio-card.selected .tndrop-vehicle-check-badge {
  border-color: #00286d !important;
  background: #00286d !important;
  visibility: visible !important;
}

.tndrop-vehicle-radio-card.selected .tndrop-vehicle-radio-check svg,
.tndrop-vehicle-radio-card.selected .tndrop-vehicle-check svg,
.tndrop-vehicle-radio-card.selected .tndrop-vehicle-checkbox svg,
.tndrop-vehicle-radio-card.selected .tndrop-vehicle-check-badge svg {
  display: block !important;
}

.tndrop-enquiry-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 18px;
  margin-bottom: 16px;
}

.tndrop-enquiry-grid .tndrop-col-full {
  grid-column: 1 / -1;
}

.tndrop-enquiry-grid .tndrop-input-wrap label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #0f172a;
  margin-bottom: 4px;
  display: block;
}

.tndrop-enquiry-grid .tndrop-req {
  color: #ef4444;
  font-weight: 800;
  margin-left: 2px;
}

.tndrop-enquiry-grid .tndrop-input-group {
  height: 44px;
  display: flex;
  align-items: center;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
  transition: all 0.2s ease;
}

.tndrop-enquiry-grid .tndrop-input-group:focus-within {
  border-color: #00286d;
  box-shadow: 0 0 0 3px rgba(0, 40, 109, 0.12);
}

.tndrop-enquiry-grid .tndrop-input-addon {
  width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1.5px solid #cbd5e1;
  background: #f8fafc;
  flex-shrink: 0;
}

.tndrop-enquiry-grid .tndrop-input-addon svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #00286d !important;
  display: block !important;
}

.tndrop-enquiry-grid .tndrop-input-control {
  flex: 1;
  height: 100%;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 14px;
  font-size: 14.5px;
  font-weight: 600;
  color: #0f172a;
  font-family: inherit;
}

select.tndrop-input-control {
  cursor: pointer;
}

/* Dynamic Fare Summary Card */
.tndrop-fare-summary-card {
  background: #f1f5fa;
  border: 1.5px solid #d9e3ee;
  border-radius: 12px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  gap: 12px;
}

.tndrop-summary-col {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tndrop-summary-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #5f6d82;
}

.tndrop-summary-val {
  font-size: 15.5px;
  font-weight: 800;
  color: #082f72;
}

.tndrop-summary-highlight {
  color: #eb7f31 !important;
  font-size: 18px !important;
}

/* Emerald Green WhatsApp Submit Button */
.tndrop-submit-btn,
.tndrop-enquiry-submit-btn {
  width: 100%;
  height: 52px;
  background: #10b981 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
}

.tndrop-submit-btn:hover {
  background: #059669;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(16, 185, 129, 0.45);
}

.tndrop-enquiry-grid .tndrop-input-control::placeholder {
  color: #94a3b8;
  font-weight: 500;
  font-size: 14px;
}

/* Live Price Display Box & Full Width Column */
.tndrop-enquiry-grid .tndrop-col-full {
  grid-column: 1 / -1;
}

.tndrop-enquiry-price-box {
  min-height: 46px;
  height: auto;
  border-radius: 10px;
  background: #f1f5f9;
  border: 1.5px solid #e2e8f0;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  box-sizing: border-box;
}

.tndrop-enquiry-price-rate {
  font-size: 15px;
  font-weight: 800;
  color: #00286d;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
}

.tndrop-enquiry-price-rate strong,
.tndrop-enquiry-price-rate #bk-rate-display {
  color: #00286d;
  font-size: 16px;
  font-weight: 900;
}

.tndrop-enquiry-price-sub {
  font-size: 12px;
  font-weight: 700;
  color: #d96f1c;
  white-space: nowrap;
}

/* Submit CTA Button - Compact & Crisp */
.tndrop-enquiry-submit-btn {
  width: 100%;
  height: 48px;
  border-radius: 10px;
  border: none;
  background: #00286d;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-shadow: 0 6px 18px rgba(0, 40, 109, 0.28);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  letter-spacing: 0.2px;
}

.tndrop-enquiry-submit-btn:hover {
  background: #001f56;
  box-shadow: 0 10px 24px rgba(0, 40, 109, 0.38);
  transform: translateY(-1.5px);
}

.tndrop-enquiry-wa-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1.5px solid #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tndrop-enquiry-wa-icon svg {
  width: 16px;
  height: 16px;
  fill: #ffffff;
}

.tndrop-enquiry-arrow-icon {
  width: 18px;
  height: 18px;
  stroke: #ffffff;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.tndrop-enquiry-submit-btn:hover .tndrop-enquiry-arrow-icon {
  transform: translateX(4px);
}

/* Mobile Responsiveness for Enquiry Card */
@media (max-width: 980px) {
  .tndrop-enquiry-banner {
    padding: 30px 28px 26px;
  }
  .tndrop-enquiry-title {
    font-size: 38px;
  }
  .tndrop-enquiry-car-img {
    max-width: 210px;
  }
  .tndrop-enquiry-body {
    padding: 32px 28px 34px;
  }
}

@media (max-width: 767px) {
  .tndrop-enquiry-card {
    border-radius: 18px;
  }
  .tndrop-enquiry-banner {
    padding: 24px 20px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .tndrop-enquiry-banner-right {
    width: 100%;
    justify-content: space-between;
  }
  .tndrop-enquiry-car-img {
    max-width: 160px;
  }
  .tndrop-enquiry-body {
    padding: 26px 18px 26px;
  }
  .tndrop-enquiry-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .tndrop-enquiry-submit-btn {
    height: 56px;
    font-size: 17px;
  }
}

/* ─────────────────────────────────────────────────────────────
   6. FARE CALCULATOR CARD (LARGE & COMFORTABLE SIZING)
   ───────────────────────────────────────────────────────────── */
#fare-calculator .tndrop-fare-card,
.tndrop-fare-card {
  background: #ffffff !important;
  border-radius: 24px !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 24px 50px -10px rgba(0, 40, 109, 0.14), 0 10px 20px -5px rgba(0, 40, 109, 0.06) !important;
  overflow: hidden !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  position: relative !important;
  text-align: left !important;
}

#fare-calculator .tndrop-fare-card br,
.tndrop-fare-card br {
  display: none !important;
}

/* Header Banner */
#fare-calculator .tndrop-fare-banner,
.tndrop-fare-banner {
  background: linear-gradient(135deg, #001f56 0%, #00286d 45%, #0a3d8f 100%) !important;
  padding: 38px 44px 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff !important;
}

#fare-calculator .tndrop-fare-banner-left,
.tndrop-fare-banner-left {
  position: relative !important;
  z-index: 2 !important;
  flex: 1 !important;
}

#fare-calculator .tndrop-fare-brand-tag,
.tndrop-fare-brand-tag {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

#fare-calculator .tndrop-fare-brand-bar,
.tndrop-fare-brand-bar {
  width: 28px !important;
  height: 4px !important;
  background: #fcad38 !important;
  border-radius: 2px !important;
}

#fare-calculator .tndrop-fare-title,
.tndrop-fare-title {
  font-size: 44px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin: 4px 0 8px 0 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
}

#fare-calculator .tndrop-fare-title span,
.tndrop-fare-title span {
  color: #fcad38 !important;
}

#fare-calculator .tndrop-fare-desc,
.tndrop-fare-desc {
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

#fare-calculator .tndrop-fare-banner-right,
.tndrop-fare-banner-right {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
}

#fare-calculator .tndrop-fare-sun-circle,
.tndrop-fare-sun-circle {
  position: absolute !important;
  right: 100px !important;
  top: -20px !important;
  width: 115px !important;
  height: 115px !important;
  background: #fcad38 !important;
  border-radius: 50% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

#fare-calculator .tndrop-fare-bubble-bg,
.tndrop-fare-bubble-bg {
  position: absolute !important;
  right: -25px !important;
  top: -35px !important;
  width: 340px !important;
  height: 260px !important;
  background: radial-gradient(circle at 65% 50%, rgba(255, 255, 255, 0.95) 0%, rgba(224, 242, 254, 0.88) 45%, transparent 72%) !important;
  border-radius: 50% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

#fare-calculator .tndrop-fare-car-img,
.tndrop-fare-car-img {
  max-width: 230px !important;
  height: auto !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 2 !important;
  filter: drop-shadow(0 8px 18px rgba(0, 50, 90, 0.22)) !important;
}

#fare-calculator .tndrop-fare-perks-box,
.tndrop-fare-perks-box {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  position: relative !important;
  z-index: 2 !important;
  min-width: 80px !important;
}

#fare-calculator .tndrop-fare-perks-box span,
.tndrop-fare-perks-box span {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #00286d !important;
  line-height: 1.35 !important;
}

#fare-calculator .tndrop-fare-perks-bar,
.tndrop-fare-perks-bar {
  width: 36px !important;
  height: 4px !important;
  background: #eb7f31 !important;
  border-radius: 2px !important;
  margin-top: 5px !important;
}

/* Form Body */
#fare-calculator .tndrop-fare-body,
.tndrop-fare-body {
  padding: 38px 44px 42px !important;
  background: #ffffff !important;
}

#fare-calculator .tndrop-fare-field-wrap,
.tndrop-fare-field-wrap {
  margin-bottom: 24px !important;
}

#fare-calculator .tndrop-fare-field-wrap label,
.tndrop-fare-field-wrap label {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 9px !important;
  display: block !important;
}

/* Trip Type Switcher in Fare Calculator */
#fare-calculator .tndrop-fare-trip-switch,
.tndrop-fare-trip-switch {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  background: #f1f5f9 !important;
  padding: 6px !important;
  border-radius: 14px !important;
  border: 1.5px solid #e2e8f0 !important;
}

#fare-calculator .tndrop-fare-trip-btn,
.tndrop-fare-trip-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 48px !important;
  border-radius: 10px !important;
  border: none !important;
  background: transparent !important;
  color: #475569 !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

#fare-calculator .tndrop-fare-trip-btn svg,
.tndrop-fare-trip-btn svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
}

#fare-calculator .tndrop-fare-trip-btn:hover,
.tndrop-fare-trip-btn:hover {
  color: #00286d !important;
}

#fare-calculator .tndrop-fare-trip-btn.active,
.tndrop-fare-trip-btn.active {
  background: #00286d !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 40, 109, 0.25) !important;
}

#fare-calculator .tndrop-fare-trip-btn.active svg,
.tndrop-fare-trip-btn.active svg {
  stroke: #ffffff !important;
}

/* Two-Tier Vehicle Selection (Type & Model) Grid */
#fare-calculator .tndrop-fare-veh-row,
.tndrop-fare-veh-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

@media (max-width: 600px) {
  #fare-calculator .tndrop-fare-veh-row,
  .tndrop-fare-veh-row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}

/* Select Vehicle Dropdown */
#fare-calculator .tndrop-fare-select-wrap,
.tndrop-fare-select-wrap {
  position: relative !important;
  width: 100% !important;
}

#fare-calculator .tndrop-fare-select,
.tndrop-fare-select {
  width: 100% !important;
  height: 58px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 0 44px 0 18px !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  transition: all 0.2s ease !important;
  font-family: inherit !important;
}

#fare-calculator .tndrop-fare-select:focus,
.tndrop-fare-select:focus {
  border-color: #00286d !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(138, 207, 248, 0.45) !important;
}

#fare-calculator .tndrop-fare-select-arrow,
.tndrop-fare-select-arrow {
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: #00286d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#fare-calculator .tndrop-fare-select-arrow svg,
.tndrop-fare-select-arrow svg {
  width: 20px !important;
  height: 20px !important;
}

/* Optgroup Styling for Vehicle Select */
#fare-calculator .tndrop-fare-select optgroup,
.tndrop-fare-select optgroup {
  font-weight: 800 !important;
  color: #00286d !important;
  background: #f8fafc !important;
  padding: 8px 12px !important;
  font-size: 15px !important;
}

#fare-calculator .tndrop-fare-select option,
.tndrop-fare-select option {
  font-weight: 600 !important;
  color: #0f172a !important;
  background: #ffffff !important;
  padding: 10px 14px !important;
  font-size: 16px !important;
}

/* Enter Distance Input Group */
#fare-calculator .tndrop-fare-input-group,
.tndrop-fare-input-group {
  display: flex !important;
  align-items: center !important;
  height: 58px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  transition: all 0.2s ease !important;
}

#fare-calculator .tndrop-fare-input-group:focus-within,
.tndrop-fare-input-group:focus-within {
  border-color: #00286d !important;
  box-shadow: 0 0 0 4px rgba(138, 207, 248, 0.45) !important;
}

#fare-calculator .tndrop-fare-input-control,
.tndrop-fare-input-control {
  flex: 1 !important;
  height: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 18px !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  font-family: inherit !important;
}

#fare-calculator .tndrop-fare-input-control::placeholder,
.tndrop-fare-input-control::placeholder {
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

#fare-calculator .tndrop-fare-input-suffix,
.tndrop-fare-input-suffix {
  height: 100% !important;
  padding: 0 24px !important;
  background: #f1f5f9 !important;
  border-left: 1.5px solid #e2e8f0 !important;
  color: #64748b !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Split Estimated Fare Card */
#fare-calculator .tndrop-fare-estimate-box,
.tndrop-fare-estimate-box {
  background: #f0f9ff !important;
  border: 1.5px solid #e0f2fe !important;
  border-radius: 16px !important;
  padding: 24px 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 22px !important;
}

#fare-calculator .tndrop-fare-estimate-left,
.tndrop-fare-estimate-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

#fare-calculator .tndrop-fare-estimate-label,
.tndrop-fare-estimate-label {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #00286d !important;
}

#fare-calculator .tndrop-fare-estimate-sub,
.tndrop-fare-estimate-sub {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #64748b !important;
}

#fare-calculator .tndrop-fare-estimate-divider,
.tndrop-fare-estimate-divider {
  width: 1.5px !important;
  height: 52px !important;
  background: #bae6fd !important;
  margin: 0 28px !important;
  flex-shrink: 0 !important;
}

#fare-calculator .tndrop-fare-estimate-right,
.tndrop-fare-estimate-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

#fare-calculator .tndrop-fare-price-val,
.tndrop-fare-price-val {
  font-size: 32px !important;
  font-weight: 900 !important;
  color: #eb7f31 !important;
  letter-spacing: -0.5px !important;
  line-height: 1 !important;
}

/* Fare Note Box - Items Displayed One by One */
#fare-calculator .tndrop-fare-note-bar,
.tndrop-fare-note-bar {
  background: #fffbeb !important;
  border: 1.5px solid #fde68a !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

#fare-calculator .tndrop-fare-note-header,
.tndrop-fare-note-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: #92400e !important;
}

.tndrop-fare-info-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #eb7f31;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tndrop-fare-info-icon svg {
  width: 16px;
  height: 16px;
}

.tndrop-fare-note-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.tndrop-fare-note-point {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #78350f;
  line-height: 1.4;
}

.tndrop-fare-note-point svg {
  flex-shrink: 0;
  stroke: #10b981;
}

.tndrop-fare-note-point strong {
  font-weight: 800;
  color: #92400e;
}

/* Fail-safe Icon Fallbacks */
.tndrop-fare-info-icon:empty::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.tndrop-enquiry-wa-icon:empty::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z'/%3E%3C/svg%3E") no-repeat center / contain;
}


/* Mobile Responsiveness for Secondary Header (Topbar) */
@media (max-width: 767px) {
  .et_pb_section_0_tb_header {
    display: block !important;
    padding: 4px 10px !important;
    background-color: #00286d !important;
  }
  .et_pb_section_0_tb_header .et_pb_row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px 14px !important;
    padding: 2px 5px !important;
  }
  .et_pb_section_0_tb_header .et_pb_column {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .et_pb_section_0_tb_header .et_pb_blurb {
    margin-bottom: 0 !important;
  }
  .et_pb_section_0_tb_header .et_pb_module_header {
    font-size: 12px !important;
    color: #ffffff !important;
  }
}

/* Mobile Responsiveness for Primary Header & Menu */
@media (max-width: 980px) {
  .et_pb_section_1_tb_header {
    padding: 6px 12px !important;
  }
  .et_pb_section_1_tb_header .et_pb_row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  .et_pb_section_1_tb_header .et_pb_column {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .et_pb_section_1_tb_header .et_pb_menu {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .et_pb_menu_inner_container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  .et_pb_menu__logo-wrap {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  :where(.et_pb_menu__logo img) {
    max-height: none;
    height: auto;
    display: block;
  }
  .et_pb_menu__wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
  }
  .et_mobile_nav_menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    float: none !important;
  }
  .mobile_menu_bar {
    display: inline-block !important;
    position: relative !important;
    font-family: 'ETmodules' !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #00286d !important;
    cursor: pointer !important;
    padding: 4px !important;
  }
  .mobile_menu_bar:before {
    content: "\61" !important;
    font-family: 'ETmodules' !important;
    font-weight: normal !important;
  }
  .et_mobile_menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 40, 109, 0.15) !important;
    padding: 12px 16px !important;
    border-radius: 0 0 16px 16px !important;
    z-index: 999999 !important;
    list-style: none !important;
  }
  .et_mobile_menu li {
    list-style: none !important;
    margin: 0 !important;
  }
  .et_mobile_menu li a {
    display: block !important;
    padding: 12px 16px !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    text-decoration: none !important;
  }
  .et_mobile_menu li:last-child a {
    border-bottom: none !important;
  }
  .et_mobile_menu li.current-menu-item > a {
    color: #00286d !important;
    font-weight: 700 !important;
    background-color: #f8fafc !important;
    border-radius: 8px !important;
  }
}

/* ─────────────────────────────────────────────────────────────
   17. DIVI VISUAL BUILDER EDITOR & FRONTEND RESPONSIVENESS
   Ensures 100% Mobile & Tablet Responsiveness across all screen sizes,
   DevTools Emulation, Real Devices, and Divi Visual Builder Editor (et_fb=1).
   ───────────────────────────────────────────────────────────── */

/* =============================================================
   A. DIVI VISUAL BUILDER EDITOR CANVAS OVERRIDES (et_fb=1)
   ============================================================= */

/* When in Divi Builder Phone View, lock canvas container to 400px */
body.et-fb-preview-phone #page-container,
body.et-fb-preview-phone #main-content,
body.et-fb-preview-phone #et-fb-app,
body.et-fb-preview-phone .et-fb-preview-wrapper,
.et-fb-preview-phone #page-container,
.et-fb-preview-phone #main-content,
.et-fb-preview-phone #et-fb-app,
.et-fb-preview-phone .et-fb-preview-wrapper,
.et_fb_phone_preview #page-container,
[data-view="phone"] #page-container {
  max-width: 400px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* When in Divi Builder Tablet View, lock canvas container to 768px */
body.et-fb-preview-tablet #page-container,
body.et-fb-preview-tablet #main-content,
body.et-fb-preview-tablet #et-fb-app,
body.et-fb-preview-tablet .et-fb-preview-wrapper,
.et-fb-preview-tablet #page-container,
.et-fb-preview-tablet #main-content,
.et-fb-preview-tablet #et-fb-app,
.et-fb-preview-tablet .et-fb-preview-wrapper,
.et_fb_tablet_preview #page-container,
[data-view="tablet"] #page-container {
  max-width: 768px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Constrain Sections & Rows in Phone Mode */
.et-fb-preview-phone .et_pb_section,
.et-fb-preview-phone .et_pb_row,
body.et-fb-preview-phone .et_pb_section,
body.et-fb-preview-phone .et_pb_row,
.et_fb_phone_preview .et_pb_section,
.et_fb_phone_preview .et_pb_row,
#et-fb-app.phone .et_pb_section,
#et-fb-app.phone .et_pb_row,
[data-view="phone"] .et_pb_section,
[data-view="phone"] .et_pb_row {
  max-width: 380px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  box-sizing: border-box !important;
}

/* Force ALL Column Types (1_2, 1_3, 1_4, 2_3, 3_4) to Stack 100% Full-Width */
.et-fb-preview-phone .et_pb_column,
.et-fb-preview-phone .et_pb_column_1_2,
.et-fb-preview-phone .et_pb_column_1_3,
.et-fb-preview-phone .et_pb_column_1_4,
.et-fb-preview-phone .et_pb_column_2_3,
.et-fb-preview-phone .et_pb_column_3_4,
body.et-fb-preview-phone .et_pb_column,
body.et-fb-preview-phone .et_pb_column_1_2,
body.et-fb-preview-phone .et_pb_column_1_3,
body.et-fb-preview-phone .et_pb_column_1_4,
body.et-fb-preview-phone .et_pb_column_2_3,
body.et-fb-preview-phone .et_pb_column_3_4,
.et_fb_phone_preview .et_pb_column,
#et-fb-app.phone .et_pb_column,
[data-view="phone"] .et_pb_column {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
  clear: both !important;
}

/* Hero Section in Phone Preview */
.et-fb-preview-phone #hero .et_pb_column,
body.et-fb-preview-phone #hero .et_pb_column {
  width: 100% !important;
  margin-bottom: 12px !important;
}
.et-fb-preview-phone #hero h1,
body.et-fb-preview-phone #hero h1 {
  font-size: 24px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
.et-fb-preview-phone #hero p,
body.et-fb-preview-phone #hero p {
  font-size: 13px !important;
  text-align: center !important;
}
.et-fb-preview-phone #hero .et_pb_image,
body.et-fb-preview-phone #hero .et_pb_image {
  max-width: 220px !important;
  margin: 0 auto !important;
}

/* Form Cards in Phone Preview Mode */
.et-fb-preview-phone .tndrop-enquiry-card,
.et-fb-preview-phone .tndrop-fare-card,
body.et-fb-preview-phone .tndrop-enquiry-card,
body.et-fb-preview-phone .tndrop-fare-card,
.et_fb_phone_preview .tndrop-enquiry-card,
.et_fb_phone_preview .tndrop-fare-card,
[data-view="phone"] .tndrop-enquiry-card,
[data-view="phone"] .tndrop-fare-card {
  border-radius: 14px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.et-fb-preview-phone .tndrop-enquiry-banner,
.et-fb-preview-phone .tndrop-fare-banner,
body.et-fb-preview-phone .tndrop-enquiry-banner,
body.et-fb-preview-phone .tndrop-fare-banner {
  padding: 14px 12px 10px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.et-fb-preview-phone .tndrop-enquiry-car-img,
.et-fb-preview-phone .tndrop-fare-car-img,
.et-fb-preview-phone .tndrop-enquiry-banner-right,
.et-fb-preview-phone .tndrop-fare-banner-right,
body.et-fb-preview-phone .tndrop-enquiry-car-img,
body.et-fb-preview-phone .tndrop-fare-car-img,
body.et-fb-preview-phone .tndrop-enquiry-banner-right,
body.et-fb-preview-phone .tndrop-fare-banner-right {
  display: none !important;
}

.et-fb-preview-phone .tndrop-enquiry-title,
.et-fb-preview-phone .tndrop-fare-title,
body.et-fb-preview-phone .tndrop-enquiry-title,
body.et-fb-preview-phone .tndrop-fare-title {
  font-size: 20px !important;
  line-height: 1.25 !important;
}

.et-fb-preview-phone .tndrop-enquiry-grid,
.et-fb-preview-phone .tndrop-fare-veh-row,
body.et-fb-preview-phone .tndrop-enquiry-grid,
body.et-fb-preview-phone .tndrop-fare-veh-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.et-fb-preview-phone .tndrop-input-wrap,
body.et-fb-preview-phone .tndrop-input-wrap {
  width: 100% !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-group,
body.et-fb-preview-phone .tndrop-vehicle-radio-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-card,
body.et-fb-preview-phone .tndrop-vehicle-radio-card {
  padding: 6px 8px !important;
  height: auto !important;
  min-height: 48px !important;
  grid-template-columns: 36px minmax(0, 1fr) auto 20px !important;
}

.et-fb-preview-phone .tndrop-vehicle-thumb,
body.et-fb-preview-phone .tndrop-vehicle-thumb {
  width: 36px !important;
  height: 26px !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-info strong,
body.et-fb-preview-phone .tndrop-vehicle-radio-info strong {
  font-size: 12.5px !important;
}

.et-fb-preview-phone .tndrop-vehicle-subtext,
body.et-fb-preview-phone .tndrop-vehicle-subtext {
  font-size: 9.5px !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-price,
body.et-fb-preview-phone .tndrop-vehicle-radio-price {
  font-size: 11.5px !important;
}

.et-fb-preview-phone .tndrop-fare-summary-grid,
body.et-fb-preview-phone .tndrop-fare-summary-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  gap: 6px !important;
}

.et-fb-preview-phone .tndrop-summary-label,
body.et-fb-preview-phone .tndrop-summary-label {
  font-size: 9.5px !important;
}

.et-fb-preview-phone .tndrop-summary-val,
body.et-fb-preview-phone .tndrop-summary-val {
  font-size: 12.5px !important;
}

.et-fb-preview-phone .tndrop-submit-btn,
.et-fb-preview-phone .tndrop-fare-btn,
body.et-fb-preview-phone .tndrop-submit-btn,
body.et-fb-preview-phone .tndrop-fare-btn {
  height: 46px !important;
  font-size: 14.5px !important;
}

/* =============================================================
   B. STANDARD FRONTEND MOBILE RESPONSIVENESS (max-width: 767px)
   ============================================================= */
@media (max-width: 767px) {
  .tndrop-enquiry-card,
  .tndrop-fare-card {
    border-radius: 14px !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .tndrop-enquiry-banner,
  .tndrop-fare-banner {
    padding: 14px 14px 12px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .tndrop-enquiry-car-img,
  .tndrop-fare-car-img,
  .tndrop-enquiry-banner-right,
  .tndrop-fare-banner-right,
  .tndrop-enquiry-bubble-bg,
  .tndrop-fare-bubble-bg,
  .tndrop-fare-sun-circle {
    display: none !important;
  }
  .tndrop-enquiry-title,
  .tndrop-fare-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
  .tndrop-enquiry-desc,
  .tndrop-fare-desc {
    font-size: 12px !important;
  }
  .tndrop-enquiry-body,
  .tndrop-fare-body {
    padding: 14px 12px 18px !important;
  }
  .tndrop-enquiry-grid,
  .tndrop-fare-veh-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .tndrop-input-wrap {
    width: 100% !important;
  }
  .tndrop-vehicle-radio-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .tndrop-vehicle-radio-card {
    padding: 6px 8px !important;
    height: auto !important;
    min-height: 48px !important;
    grid-template-columns: 36px minmax(0, 1fr) auto 20px !important;
  }
  .tndrop-vehicle-thumb {
    width: 36px !important;
    height: 26px !important;
  }
  .tndrop-vehicle-radio-info strong {
    font-size: 12.5px !important;
  }
  .tndrop-vehicle-subtext {
    font-size: 9.5px !important;
  }
  .tndrop-vehicle-radio-price {
    font-size: 11.5px !important;
  }
  .tndrop-fare-summary-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.2fr 1fr !important;
    gap: 6px !important;
  }
  .tndrop-summary-label {
    font-size: 9.5px !important;
  }
  .tndrop-summary-val {
    font-size: 12.5px !important;
  }
  .tndrop-submit-btn,
  .tndrop-fare-btn {
    height: 46px !important;
    font-size: 14.5px !important;
  }
}

/* =============================================================
   C. STANDARD FRONTEND TABLET RESPONSIVENESS (768px - 980px)
   ============================================================= */
@media (min-width: 768px) and (max-width: 980px) {
  .tndrop-enquiry-card,
  .tndrop-fare-card {
    border-radius: 16px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .tndrop-enquiry-banner,
  .tndrop-fare-banner {
    padding: 18px 20px 16px !important;
  }
  .tndrop-enquiry-title,
  .tndrop-fare-title {
    font-size: 26px !important;
  }
  .tndrop-enquiry-car-img,
  .tndrop-fare-car-img {
    max-width: 140px !important;
  }
  .tndrop-enquiry-grid,
  .tndrop-fare-veh-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
   Header Topbar, Primary Navigation, Hero Section, Cabs, Forms, and Footers.
   ───────────────────────────────────────────────────────────── */

/* =============================================================
   1. GLOBAL DIVI BUILDER EDITOR FRAME OVERRIDES (PHONE PREVIEW)
   ============================================================= */
.et-fb-preview-phone .et_pb_section,
.et-fb-preview-phone .et_pb_row,
.et-fb-preview-phone .et_pb_column,
.et-fb-preview-phone .et_pb_module,
.et-fb-preview-phone .et_pb_code,
.et-fb-preview-phone .et_pb_code_inner,
body.et-fb-preview-phone .et_pb_section,
body.et-fb-preview-phone .et_pb_row,
body.et-fb-preview-phone .et_pb_column,
body.et-fb-preview-phone .et_pb_module,
body.et-fb-preview-phone .et_pb_code,
body.et-fb-preview-phone .et_pb_code_inner,
.et_fb_phone_preview .et_pb_section,
.et_fb_phone_preview .et_pb_row,
.et_fb_phone_preview .et_pb_column,
.et_fb_phone_preview .et_pb_module,
[data-view="phone"] .et_pb_section,
[data-view="phone"] .et_pb_row,
[data-view="phone"] .et_pb_column,
[data-view="phone"] .et_pb_module {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Topbar in Divi Builder Phone Preview */
.et-fb-preview-phone .et_pb_section_0_tb_header,
body.et-fb-preview-phone .et_pb_section_0_tb_header,
.et_fb_phone_preview .et_pb_section_0_tb_header {
  padding: 4px 8px !important;
  background-color: #00286d !important;
}
.et-fb-preview-phone .et_pb_section_0_tb_header .et_pb_row,
body.et-fb-preview-phone .et_pb_section_0_tb_header .et_pb_row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px 10px !important;
  padding: 2px 4px !important;
}

/* Main Navigation Menu in Divi Builder Phone Preview */
.et-fb-preview-phone .et_pb_menu__wrap,
body.et-fb-preview-phone .et_pb_menu__wrap {
  display: none !important;
}
.et-fb-preview-phone .et_mobile_nav_menu,
body.et-fb-preview-phone .et_mobile_nav_menu {
  display: block !important;
}

/* Hero Section in Divi Builder Phone Preview */
.et-fb-preview-phone #hero .et_pb_column,
body.et-fb-preview-phone #hero .et_pb_column,
.et_fb_phone_preview #hero .et_pb_column {
  width: 100% !important;
  margin-bottom: 16px !important;
}
.et-fb-preview-phone #hero h1,
body.et-fb-preview-phone #hero h1,
.et_fb_phone_preview #hero h1 {
  font-size: 26px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
.et-fb-preview-phone #hero p,
body.et-fb-preview-phone #hero p,
.et_fb_phone_preview #hero p {
  font-size: 13.5px !important;
  text-align: center !important;
}
.et-fb-preview-phone #hero .et_pb_image,
body.et-fb-preview-phone #hero .et_pb_image,
.et_fb_phone_preview #hero .et_pb_image {
  max-width: 260px !important;
  margin: 0 auto !important;
}

/* Custom Enquiry & Fare Calculator Cards in Divi Builder Phone Preview */
.et-fb-preview-phone .tndrop-enquiry-card,
.et-fb-preview-phone .tndrop-fare-card,
body.et-fb-preview-phone .tndrop-enquiry-card,
body.et-fb-preview-phone .tndrop-fare-card,
.et_fb_phone_preview .tndrop-enquiry-card,
.et_fb_phone_preview .tndrop-fare-card,
[data-view="phone"] .tndrop-enquiry-card,
[data-view="phone"] .tndrop-fare-card {
  border-radius: 14px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.et-fb-preview-phone .tndrop-enquiry-banner,
.et-fb-preview-phone .tndrop-fare-banner,
body.et-fb-preview-phone .tndrop-enquiry-banner,
body.et-fb-preview-phone .tndrop-fare-banner,
.et_fb_phone_preview .tndrop-enquiry-banner,
.et_fb_phone_preview .tndrop-fare-banner,
[data-view="phone"] .tndrop-enquiry-banner,
[data-view="phone"] .tndrop-fare-banner {
  padding: 14px 14px 12px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.et-fb-preview-phone .tndrop-enquiry-car-img,
.et-fb-preview-phone .tndrop-fare-car-img,
.et-fb-preview-phone .tndrop-enquiry-banner-right,
.et-fb-preview-phone .tndrop-fare-banner-right,
body.et-fb-preview-phone .tndrop-enquiry-car-img,
body.et-fb-preview-phone .tndrop-fare-car-img,
body.et-fb-preview-phone .tndrop-enquiry-banner-right,
body.et-fb-preview-phone .tndrop-fare-banner-right,
.et_fb_phone_preview .tndrop-enquiry-car-img,
.et_fb_phone_preview .tndrop-fare-car-img,
.et_fb_phone_preview .tndrop-enquiry-banner-right,
.et_fb_phone_preview .tndrop-fare-banner-right,
[data-view="phone"] .tndrop-enquiry-car-img,
[data-view="phone"] .tndrop-fare-car-img,
[data-view="phone"] .tndrop-enquiry-banner-right,
[data-view="phone"] .tndrop-fare-banner-right {
  display: none !important;
}

.et-fb-preview-phone .tndrop-enquiry-title,
.et-fb-preview-phone .tndrop-fare-title,
body.et-fb-preview-phone .tndrop-enquiry-title,
body.et-fb-preview-phone .tndrop-fare-title,
.et_fb_phone_preview .tndrop-enquiry-title,
.et_fb_phone_preview .tndrop-fare-title,
[data-view="phone"] .tndrop-enquiry-title,
[data-view="phone"] .tndrop-fare-title {
  font-size: 20px !important;
  line-height: 1.25 !important;
}

.et-fb-preview-phone .tndrop-enquiry-desc,
.et-fb-preview-phone .tndrop-fare-desc,
body.et-fb-preview-phone .tndrop-enquiry-desc,
body.et-fb-preview-phone .tndrop-fare-desc,
.et_fb_phone_preview .tndrop-enquiry-desc,
.et_fb_phone_preview .tndrop-fare-desc,
[data-view="phone"] .tndrop-enquiry-desc,
[data-view="phone"] .tndrop-fare-desc {
  font-size: 12px !important;
}

.et-fb-preview-phone .tndrop-enquiry-body,
.et-fb-preview-phone .tndrop-fare-body,
body.et-fb-preview-phone .tndrop-enquiry-body,
body.et-fb-preview-phone .tndrop-fare-body,
.et_fb_phone_preview .tndrop-enquiry-body,
.et_fb_phone_preview .tndrop-fare-body,
[data-view="phone"] .tndrop-enquiry-body,
[data-view="phone"] .tndrop-fare-body {
  padding: 14px 12px 18px !important;
}

.et-fb-preview-phone .tndrop-enquiry-grid,
.et-fb-preview-phone .tndrop-fare-veh-row,
body.et-fb-preview-phone .tndrop-enquiry-grid,
body.et-fb-preview-phone .tndrop-fare-veh-row,
.et_fb_phone_preview .tndrop-enquiry-grid,
.et_fb_phone_preview .tndrop-fare-veh-row,
[data-view="phone"] .tndrop-enquiry-grid,
[data-view="phone"] .tndrop-fare-veh-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.et-fb-preview-phone .tndrop-input-wrap,
body.et-fb-preview-phone .tndrop-input-wrap,
.et_fb_phone_preview .tndrop-input-wrap,
[data-view="phone"] .tndrop-input-wrap {
  width: 100% !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-group,
body.et-fb-preview-phone .tndrop-vehicle-radio-group,
.et_fb_phone_preview .tndrop-vehicle-radio-group,
[data-view="phone"] .tndrop-vehicle-radio-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-card,
body.et-fb-preview-phone .tndrop-vehicle-radio-card,
.et_fb_phone_preview .tndrop-vehicle-radio-card,
[data-view="phone"] .tndrop-vehicle-radio-card {
  padding: 6px 8px !important;
  height: auto !important;
  min-height: 48px !important;
  grid-template-columns: 36px minmax(0, 1fr) auto 20px !important;
}

.et-fb-preview-phone .tndrop-vehicle-thumb,
body.et-fb-preview-phone .tndrop-vehicle-thumb,
.et_fb_phone_preview .tndrop-vehicle-thumb,
[data-view="phone"] .tndrop-vehicle-thumb {
  width: 36px !important;
  height: 26px !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-info strong,
body.et-fb-preview-phone .tndrop-vehicle-radio-info strong,
.et_fb_phone_preview .tndrop-vehicle-radio-info strong,
[data-view="phone"] .tndrop-vehicle-radio-info strong {
  font-size: 12.5px !important;
}

.et-fb-preview-phone .tndrop-vehicle-subtext,
body.et-fb-preview-phone .tndrop-vehicle-subtext,
.et_fb_phone_preview .tndrop-vehicle-subtext,
[data-view="phone"] .tndrop-vehicle-subtext {
  font-size: 9.5px !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-price,
body.et-fb-preview-phone .tndrop-vehicle-radio-price,
.et_fb_phone_preview .tndrop-vehicle-radio-price,
[data-view="phone"] .tndrop-vehicle-radio-price {
  font-size: 11.5px !important;
}

.et-fb-preview-phone .tndrop-fare-summary-grid,
body.et-fb-preview-phone .tndrop-fare-summary-grid,
.et_fb_phone_preview .tndrop-fare-summary-grid,
[data-view="phone"] .tndrop-fare-summary-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  gap: 6px !important;
}

.et-fb-preview-phone .tndrop-summary-label,
body.et-fb-preview-phone .tndrop-summary-label,
.et_fb_phone_preview .tndrop-summary-label,
[data-view="phone"] .tndrop-summary-label {
  font-size: 9.5px !important;
}

.et-fb-preview-phone .tndrop-summary-val,
body.et-fb-preview-phone .tndrop-summary-val,
.et_fb_phone_preview .tndrop-summary-val,
[data-view="phone"] .tndrop-summary-val {
  font-size: 12.5px !important;
}

.et-fb-preview-phone .tndrop-submit-btn,
.et-fb-preview-phone .tndrop-fare-btn,
body.et-fb-preview-phone .tndrop-submit-btn,
body.et-fb-preview-phone .tndrop-fare-btn,
.et_fb_phone_preview .tndrop-submit-btn,
.et_fb_phone_preview .tndrop-fare-btn,
[data-view="phone"] .tndrop-submit-btn,
[data-view="phone"] .tndrop-fare-btn {
  height: 46px !important;
  font-size: 14.5px !important;
}

/* =============================================================
   2. GLOBAL DIVI BUILDER EDITOR FRAME OVERRIDES (TABLET PREVIEW)
   ============================================================= */
.et-fb-preview-tablet .et_pb_section,
.et-fb-preview-tablet .et_pb_row,
.et-fb-preview-tablet .et_pb_column,
.et-fb-preview-tablet .et_pb_module,
body.et-fb-preview-tablet .et_pb_section,
body.et-fb-preview-tablet .et_pb_row,
body.et-fb-preview-tablet .et_pb_column,
body.et-fb-preview-tablet .et_pb_module,
.et_fb_tablet_preview .et_pb_section,
.et_fb_tablet_preview .et_pb_row,
.et_fb_tablet_preview .et_pb_column,
.et_fb_tablet_preview .et_pb_module,
[data-view="tablet"] .et_pb_section,
[data-view="tablet"] .et_pb_row,
[data-view="tablet"] .et_pb_column,
[data-view="tablet"] .et_pb_module {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.et-fb-preview-tablet #hero h1,
body.et-fb-preview-tablet #hero h1,
.et_fb_tablet_preview #hero h1 {
  font-size: 32px !important;
}

.et-fb-preview-tablet .tndrop-enquiry-card,
.et-fb-preview-tablet .tndrop-fare-card,
body.et-fb-preview-tablet .tndrop-enquiry-card,
body.et-fb-preview-tablet .tndrop-fare-card,
.et_fb_tablet_preview .tndrop-enquiry-card,
.et_fb_tablet_preview .tndrop-fare-card,
#et-fb-app.tablet .tndrop-enquiry-card,
#et-fb-app.tablet .tndrop-fare-card,
[data-view="tablet"] .tndrop-enquiry-card,
[data-view="tablet"] .tndrop-fare-card {
  border-radius: 16px !important;
  max-width: 100% !important;
  width: 100% !important;
}

.et-fb-preview-tablet .tndrop-enquiry-banner,
.et-fb-preview-tablet .tndrop-fare-banner,
body.et-fb-preview-tablet .tndrop-enquiry-banner,
body.et-fb-preview-tablet .tndrop-fare-banner,
.et_fb_tablet_preview .tndrop-enquiry-banner,
.et_fb_tablet_preview .tndrop-fare-banner,
[data-view="tablet"] .tndrop-enquiry-banner,
[data-view="tablet"] .tndrop-fare-banner {
  padding: 18px 20px 16px !important;
}

.et-fb-preview-tablet .tndrop-enquiry-title,
.et-fb-preview-tablet .tndrop-fare-title,
body.et-fb-preview-tablet .tndrop-enquiry-title,
body.et-fb-preview-tablet .tndrop-fare-title,
.et_fb_tablet_preview .tndrop-enquiry-title,
.et_fb_tablet_preview .tndrop-fare-title,
[data-view="tablet"] .tndrop-enquiry-title,
[data-view="tablet"] .tndrop-fare-title {
  font-size: 26px !important;
}

.et-fb-preview-tablet .tndrop-enquiry-car-img,
.et-fb-preview-tablet .tndrop-fare-car-img,
body.et-fb-preview-tablet .tndrop-enquiry-car-img,
body.et-fb-preview-tablet .tndrop-fare-car-img,
.et_fb_tablet_preview .tndrop-enquiry-car-img,
.et_fb_tablet_preview .tndrop-fare-car-img,
[data-view="tablet"] .tndrop-enquiry-car-img,
[data-view="tablet"] .tndrop-fare-car-img {
  max-width: 140px !important;
}

.et-fb-preview-tablet .tndrop-enquiry-grid,
.et-fb-preview-tablet .tndrop-fare-veh-row,
body.et-fb-preview-tablet .tndrop-enquiry-grid,
body.et-fb-preview-tablet .tndrop-fare-veh-row,
.et_fb_tablet_preview .tndrop-enquiry-grid,
.et_fb_tablet_preview .tndrop-fare-veh-row,
[data-view="tablet"] .tndrop-enquiry-grid,
[data-view="tablet"] .tndrop-fare-veh-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

  .tndrop-fare-card {
    border-radius: 14px !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .tndrop-enquiry-banner,
  .tndrop-fare-banner {
    padding: 14px 14px 12px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .tndrop-enquiry-car-img,
  .tndrop-fare-car-img,
  .tndrop-enquiry-banner-right,
  .tndrop-fare-banner-right,
  .tndrop-enquiry-bubble-bg,
  .tndrop-fare-bubble-bg,
  .tndrop-fare-sun-circle {
    display: none !important;
  }
  .tndrop-enquiry-title,
  .tndrop-fare-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
  .tndrop-enquiry-desc,
  .tndrop-fare-desc {
    font-size: 12px !important;
  }
  .tndrop-enquiry-body,
  .tndrop-fare-body {
    padding: 14px 12px 18px !important;
  }
  .tndrop-enquiry-grid,
  .tndrop-fare-veh-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .tndrop-input-wrap {
    width: 100% !important;
  }
  .tndrop-vehicle-radio-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .tndrop-vehicle-radio-card {
    padding: 6px 8px !important;
    height: auto !important;
    min-height: 48px !important;
    grid-template-columns: 36px minmax(0, 1fr) auto 20px !important;
  }
  .tndrop-vehicle-thumb {
    width: 36px !important;
    height: 26px !important;
  }
  .tndrop-vehicle-radio-info strong {
    font-size: 12.5px !important;
  }
  .tndrop-vehicle-subtext {
    font-size: 9.5px !important;
  }
  .tndrop-vehicle-radio-price {
    font-size: 11.5px !important;
  }
  .tndrop-fare-summary-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.2fr 1fr !important;
    gap: 6px !important;
  }
  .tndrop-summary-label {
    font-size: 9.5px !important;
  }
  .tndrop-summary-val {
    font-size: 12.5px !important;
  }
  .tndrop-submit-btn,
  .tndrop-fare-btn {
    height: 46px !important;
    font-size: 14.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  .tndrop-enquiry-card,
  .tndrop-fare-card {
    border-radius: 16px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .tndrop-enquiry-banner,
  .tndrop-fare-banner {
    padding: 18px 20px 16px !important;
  }
  .tndrop-enquiry-title,
  .tndrop-fare-title {
    font-size: 26px !important;
  }
  .tndrop-enquiry-car-img,
  .tndrop-fare-car-img {
    max-width: 140px !important;
  }
  .tndrop-enquiry-grid,
  .tndrop-fare-veh-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}



/* ─────────────────────────────────────────────────────────────
   17. DIVI VISUAL BUILDER EDITOR (& MOBILE CONTAINER) RESPONSIVENESS
   Ensures 100% Mobile Responsiveness in Divi Visual Builder Phone View (400px),
   iFrames, DevTools Mobile Emulation, and Mobile Devices.
   ───────────────────────────────────────────────────────────── */

/* Enable Container Query Context on Card Wrappers & Modules */
.tndrop-enquiry-card,
.tndrop-fare-card,
.et_pb_code_inner,
.et_pb_code {
  container-type: inline-size;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Divi Visual Builder Frame Container Reset for Phone & Tablet Views */
.et-fb-preview-phone .et_pb_section,
.et-fb-preview-phone .et_pb_row,
.et-fb-preview-phone .et_pb_column,
.et-fb-preview-phone .et_pb_code,
.et-fb-preview-phone .et_pb_code_inner,
body.et-fb-preview-phone .et_pb_row,
body.et-fb-preview-phone .et_pb_column,
body.et-fb-preview-phone .et_pb_code {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Comprehensive Phone View Styles (Fired by Viewport < 768px, Container < 720px, OR Divi Phone View) */
@media (max-width: 767px) {
  .tndrop-enquiry-card,
  .tndrop-fare-card {
    border-radius: 14px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@container (max-width: 720px) {
  .tndrop-enquiry-card,
  .tndrop-fare-card {
    border-radius: 14px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .tndrop-enquiry-banner,
  .tndrop-fare-banner {
    padding: 14px 14px 12px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .tndrop-enquiry-car-img,
  .tndrop-fare-car-img,
  .tndrop-enquiry-banner-right,
  .tndrop-fare-banner-right {
    display: none !important;
  }
  .tndrop-enquiry-title,
  .tndrop-fare-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
  .tndrop-enquiry-desc,
  .tndrop-fare-desc {
    font-size: 12px !important;
  }
  .tndrop-enquiry-body,
  .tndrop-fare-body {
    padding: 14px 12px 18px !important;
  }
  .tndrop-enquiry-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .tndrop-input-wrap {
    width: 100% !important;
  }
  .tndrop-vehicle-radio-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .tndrop-vehicle-radio-card {
    padding: 8px 10px !important;
  }
  .tndrop-vehicle-thumb {
    width: 38px !important;
    height: 28px !important;
  }
  .tndrop-vehicle-radio-info strong {
    font-size: 13px !important;
  }
  .tndrop-vehicle-subtext {
    font-size: 10px !important;
  }
  .tndrop-vehicle-radio-price {
    font-size: 12px !important;
  }
  .tndrop-fare-summary-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.2fr 1fr !important;
    gap: 6px !important;
  }
  .tndrop-summary-label {
    font-size: 9.5px !important;
  }
  .tndrop-summary-val {
    font-size: 12.5px !important;
  }
  .tndrop-submit-btn,
  .tndrop-fare-btn {
    height: 46px !important;
    font-size: 14.5px !important;
  }
}

/* Explicit Divi Visual Builder Phone & Tablet Editor Selectors */
.et-fb-preview-phone .tndrop-enquiry-card,
.et-fb-preview-phone .tndrop-fare-card,
.et-fb-preview-phone .tndrop-booking-card,
.et-fb-preview-phone .tndrop-calc-focused,
body.et-fb-preview-phone .tndrop-enquiry-card,
body.et-fb-preview-phone .tndrop-fare-card,
body.et-fb-preview-phone .tndrop-booking-card,
body.et-fb-preview-phone .tndrop-calc-focused,
.et_fb_phone_preview .tndrop-enquiry-card,
.et_fb_phone_preview .tndrop-fare-card,
.et_fb_phone_preview .tndrop-booking-card,
.et_fb_phone_preview .tndrop-calc-focused,
.et-fb-viewport-phone .tndrop-enquiry-card,
.et-fb-mode-phone .tndrop-enquiry-card,
[data-view="phone"] .tndrop-enquiry-card,
[data-et-fb-preview="phone"] .tndrop-enquiry-card,
#et-fb-app.phone .tndrop-enquiry-card {
  border-radius: 14px !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Force all Divi columns to stack full-width in Phone Preview */
.et-fb-preview-phone .et_pb_column,
.et-fb-preview-phone .et_pb_column_1_2,
.et-fb-preview-phone .et_pb_column_1_3,
.et-fb-preview-phone .et_pb_column_1_4,
.et-fb-preview-phone .et_pb_column_2_3,
.et-fb-preview-phone .et_pb_column_3_4,
body.et-fb-preview-phone .et_pb_column,
body.et-fb-preview-phone .et_pb_column_1_2,
body.et-fb-preview-phone .et_pb_column_1_3,
body.et-fb-preview-phone .et_pb_column_1_4,
body.et-fb-preview-phone .et_pb_column_2_3,
body.et-fb-preview-phone .et_pb_column_3_4,
.et_fb_phone_preview .et_pb_column,
.et-fb-viewport-phone .et_pb_column,
.et-fb-mode-phone .et_pb_column,
[data-view="phone"] .et_pb_column,
[data-et-fb-preview="phone"] .et_pb_column,
#et-fb-app.phone .et_pb_column {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 14px !important;
  display: block !important;
  clear: both !important;
}

.et-fb-preview-phone .tndrop-enquiry-banner,
.et-fb-preview-phone .tndrop-fare-banner,
body.et-fb-preview-phone .tndrop-enquiry-banner,
body.et-fb-preview-phone .tndrop-fare-banner,
.et_fb_phone_preview .tndrop-enquiry-banner,
[data-view="phone"] .tndrop-enquiry-banner {
  padding: 14px 14px 12px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.et-fb-preview-phone .tndrop-enquiry-car-img,
.et-fb-preview-phone .tndrop-fare-car-img,
.et-fb-preview-phone .tndrop-enquiry-banner-right,
.et-fb-preview-phone .tndrop-fare-banner-right,
body.et-fb-preview-phone .tndrop-enquiry-car-img,
body.et-fb-preview-phone .tndrop-fare-car-img,
body.et-fb-preview-phone .tndrop-enquiry-banner-right,
body.et-fb-preview-phone .tndrop-fare-banner-right,
.et_fb_phone_preview .tndrop-enquiry-car-img,
[data-view="phone"] .tndrop-enquiry-car-img {
  display: none !important;
}

.et-fb-preview-phone .tndrop-enquiry-title,
.et-fb-preview-phone .tndrop-fare-title,
body.et-fb-preview-phone .tndrop-enquiry-title,
body.et-fb-preview-phone .tndrop-fare-title,
.et_fb_phone_preview .tndrop-enquiry-title,
[data-view="phone"] .tndrop-enquiry-title {
  font-size: 20px !important;
  line-height: 1.25 !important;
}

.et-fb-preview-phone .tndrop-enquiry-body,
.et-fb-preview-phone .tndrop-fare-body,
body.et-fb-preview-phone .tndrop-enquiry-body,
body.et-fb-preview-phone .tndrop-fare-body {
  padding: 14px 12px 18px !important;
}

.et-fb-preview-phone .tndrop-enquiry-grid,
.et-fb-preview-phone .tndrop-form-grid,
.et-fb-preview-phone .tndrop-veh-picker,
body.et-fb-preview-phone .tndrop-enquiry-grid,
body.et-fb-preview-phone .tndrop-form-grid,
body.et-fb-preview-phone .tndrop-veh-picker,
.et_fb_phone_preview .tndrop-enquiry-grid,
[data-view="phone"] .tndrop-enquiry-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.et-fb-preview-phone .tndrop-input-wrap,
body.et-fb-preview-phone .tndrop-input-wrap {
  width: 100% !important;
}

.et-fb-preview-phone .tndrop-vehicle-radio-group,
body.et-fb-preview-phone .tndrop-vehicle-radio-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.et-fb-preview-phone .tndrop-fare-summary-grid,
body.et-fb-preview-phone .tndrop-fare-summary-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  gap: 6px !important;
}

.et-fb-preview-phone .tndrop-submit-btn,
.et-fb-preview-phone .tndrop-fare-btn,
.et-fb-preview-phone .tndrop-booking-submit-btn,
body.et-fb-preview-phone .tndrop-submit-btn,
body.et-fb-preview-phone .tndrop-fare-btn,
body.et-fb-preview-phone .tndrop-booking-submit-btn {
  height: 46px !important;
  font-size: 14.5px !important;
}