/* ============================================
   🚀 PREMIUM MODERN CAR RENTAL WEBSITE
   Ultra-Modern Animations & Styling
   ============================================ */

/* === CSS Variables - Modern Premium Color Palette === */
:root {
  /* Royal Blue Primary Colors */
  --primary-dark: #1e3a5f;
  --primary: #4169e1;
  --primary-light: #5b7fff;
  --primary-lighter: #7c95ff;
  --primary-darkest: #0f2442;

  /* Modern Accent Colors (No Orange) */
  --accent-gold: #ffd700;
  --accent-teal: #2a9d8f;
  --accent-cyan: #06b6d4;
  --accent-yellow: #fbbf24;
  --accent-white: #ffffff;

  /* Neutral Colors */
  --dark-bg: #0f172a;
  --dark-surface: #1e293b;
  --white: #ffffff;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --text-gray: #64748b;

  /* Modern Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

  /* Modern Gradients - Royal Blue */
  --gradient-primary: linear-gradient(135deg, #4169e1 0%, #1e3a5f 100%);
  --gradient-accent: linear-gradient(135deg, #ffd700 0%, #ffa500 100%);
  --gradient-hero: linear-gradient(
    135deg,
    rgba(65, 105, 225, 0.95) 0%,
    rgba(15, 36, 66, 0.95) 100%
  );
  --gradient-glass: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  --gradient-modern: linear-gradient(135deg, #4169e1 0%, #1e3a5f 100%);
  --gradient-royal: linear-gradient(135deg, #4169e1 0%, #2e4c99 100%);

  /* Legacy compatibility */
  --primary-color: var(--primary);
  --accent-yellow: var(--accent-gold);
  --shadow-soft: var(--shadow-lg);
  --shadow-medium: var(--shadow-xl);
  --shadow-strong: var(--shadow-2xl);
}

/* === Smooth Scrolling === */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  font-family: "Roboto", "Open Sans", sans-serif;
}

/* Remove duplicate scrollbars - Only browser scrollbar should show */
/* Prevent main wrappers from creating their own scrollbars */
.e-site-wrapper,
.elementor,
.elementor-page,
.site,
#page {
  overflow-y: visible !important;
  overflow-x: visible !important;
}

/* Prevent nested Elementor containers from creating scrollbars */
.elementor-section,
.elementor-container,
.e-con,
.e-con-inner {
  overflow-y: visible !important;
}

/* Allow only html/body to have scrollbars, not nested containers */
body > .e-site-wrapper,
body > .site,
body > #page {
  max-height: none !important;
  height: auto !important;
}

/* === Premium Modern Header Design - Matching Send Request Button Gradient === */
header#masthead {
  position: sticky;
  top: 0;
  z-index: 1000;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  background: var(--gradient-primary) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: var(--shadow-lg);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 !important;
  margin: 0 !important;
}

header#masthead .elementor-element-b70af19,
.elementor-316 .elementor-element-b70af19,
.elementor.elementor-316 .elementor-element-b70af19 {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --margin-top: 0px !important;
  --margin-bottom: 0px !important;
  display: flex !important;
  align-items: center !important;
  min-height: auto !important;
}

/* Override elementor-inline.css CSS variables and margins */
.elementor-316 .elementor-element.elementor-element-b70af19,
.elementor.elementor-316 .elementor-element.elementor-element-b70af19 {
  --margin-top: 0px !important;
  --margin-bottom: 0px !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
}

/* Override elementor-inline.css margins on widget containers */
.elementor-316
  .elementor-element.elementor-element-9c1a348
  > .elementor-widget-container,
.elementor-316
  .elementor-element.elementor-element-88e1f62
  > .elementor-widget-container,
.elementor-316 .elementor-element.elementor-element-d19c303 > .e-con-inner,
.elementor-316 .elementor-element.elementor-element-23b9448 > .e-con-inner,
.elementor-316 .elementor-element.elementor-element-8c1d0cf > .e-con-inner {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Desktop: Reduced header spacing - Minimal padding to allow logo to grow */
@media (min-width: 769px) {
  header#masthead .elementor-element-b70af19,
  .elementor-316 .elementor-element-b70af19,
  .elementor.elementor-316 .elementor-element-b70af19 {
    height: auto !important;
    max-height: none !important;
    --margin-top: 0 !important;
    --margin-bottom: 0 !important;
    --padding-top: 0 !important;
    --padding-bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  header#masthead .elementor-element-b70af19 .e-con-inner,
  .elementor-316 .elementor-element-b70af19 .e-con-inner,
  .elementor.elementor-316 .elementor-element-b70af19 .e-con-inner {
    padding: 0px 10px !important; /* Removed vertical padding to minimize header height */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --margin-top: 0px !important;
    --margin-bottom: 0px !important;
    height: auto !important;
    gap: 15px;
    line-height: 0 !important;
  }

  /* Remove padding from logo container specifically */
  header#masthead
    .elementor-element-b70af19
    .e-con-inner
    > .elementor-element-d19c303 {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Mobile: Minimal header padding */
@media (max-width: 768px) {
  header#masthead .elementor-element-b70af19,
  .elementor-316 .elementor-element-b70af19,
  .elementor.elementor-316 .elementor-element-b70af19 {
    padding: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    --margin-top: 0px !important;
    --margin-bottom: 0px !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
  }

  header#masthead .elementor-element-b70af19 .e-con-inner,
  .elementor-316 .elementor-element-b70af19 .e-con-inner,
  .elementor.elementor-316 .elementor-element-b70af19 .e-con-inner {
    padding: 0px 10px !important; /* Removed vertical padding */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --margin-top: 0px !important;
    --margin-bottom: 0px !important;
    height: auto !important;
    line-height: 0 !important;
  }

  /* Remove padding from logo container specifically */
  header#masthead
    .elementor-element-b70af19
    .e-con-inner
    > .elementor-element-d19c303 {
    padding: 0 !important;
    margin: 0 !important;
  }
}

header#masthead:hover {
  background: linear-gradient(135deg, #4169e1 0%, #1e3a5f 100%) !important;
  box-shadow: var(--shadow-xl);
  border-bottom-color: rgba(65, 105, 225, 0.4);
}

/* Header Logo - Remove ALL padding to allow logo to grow without affecting header */
header#masthead .elementor-element-88e1f62 {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  line-height: 0 !important;
  gap: 0 !important;
}

header#masthead .elementor-element-88e1f62 .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  gap: 0 !important;
}

header#masthead .elementor-element-88e1f62 a {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  border: none !important;
  outline: none !important;
}

header#masthead .elementor-element-d19c303 {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0;
  gap: 0 !important;
  line-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

header#masthead .elementor-element-d19c303 .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  line-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Desktop: Reduced logo size and spacing */
@media (min-width: 769px) {
  header#masthead .elementor-element-88e1f62 {
    line-height: 0 !important;
    gap: 0 !important;
  }

  header#masthead .elementor-element-88e1f62 .elementor-widget-container {
    line-height: 0 !important;
    gap: 0 !important;
  }

  header#masthead .elementor-element-88e1f62 a {
    line-height: 0 !important;
    border: none !important;
    outline: none !important;
  }

  header#masthead .elementor-element-d19c303 {
    gap: 0 !important;
    line-height: 0 !important;
  }

  header#masthead .elementor-element-d19c303 .e-con-inner {
    gap: 0 !important;
    line-height: 0 !important;
  }
}

/* Mobile: Also remove all padding */
@media (max-width: 768px) {
  header#masthead .elementor-element-88e1f62 {
    line-height: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  header#masthead .elementor-element-88e1f62 .elementor-widget-container {
    line-height: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  header#masthead .elementor-element-88e1f62 a {
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  header#masthead .elementor-element-d19c303 {
    gap: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  header#masthead .elementor-element-d19c303 .e-con-inner {
    gap: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Header navigation container */
header#masthead .elementor-element-23b9448 {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Desktop: Center navigation and flex layout */
@media (min-width: 769px) {
  header#masthead .elementor-element-23b9448 {
    flex: 1;
    justify-content: center;
  }
}

header#masthead .elementor-element-23b9448 .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

header#masthead .elementor-element-9c1a348 {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

header#masthead .elementor-element-9c1a348 .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* WhatsApp button container */
header#masthead .elementor-element-8c1d0cf {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

header#masthead .elementor-element-8c1d0cf .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Desktop: Move WhatsApp button to the right */
@media (min-width: 769px) {
  header#masthead .elementor-element-8c1d0cf {
    margin-left: 0px !important;
    padding-right: 200px !important;
    flex-shrink: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  header#masthead .elementor-element-8c1d0cf .e-con-inner {
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  header#masthead .elementor-element-9c1a348 {
    margin-left: 0 !important;
  }
}

header#masthead .elementor-element-88e1f62 img {
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 8px rgba(65, 105, 225, 0.3));
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain;
  line-height: 0 !important;
}

/* Desktop: Logo size - can be increased without affecting header height */
@media (min-width: 769px) {
  header#masthead .elementor-element-88e1f62 img {
    max-height: 120px !important; /* Increased from 100px - you can increase this further */
    height: auto !important; /* Changed from fixed height to auto */
    width: auto !important;
  }
}

/* Mobile: Logo size */
@media (max-width: 768px) {
  header#masthead .elementor-element-88e1f62 img {
    max-height: 150px !important; /* You can increase this */
    height: auto !important;
    width: auto !important;
  }
}

header#masthead .elementor-element-88e1f62:hover img {
  filter: drop-shadow(0 4px 12px rgba(65, 105, 225, 0.5));
}

/* Header Navigation */
header#masthead .elementor-element-4f98d29 {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

header#masthead .elementor-element-4f98d29 .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

header#masthead .elementor-nav-menu--main {
  display: flex !important;
  align-items: center !important;
}

header#masthead .elementor-nav-menu {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

header#masthead .elementor-nav-menu--main .elementor-item {
  color: var(--gray-200) !important;
  font-weight: 500;
  font-size: 15px;
  padding: 12px 20px !important;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  margin-bottom: 0 !important;
}

header#masthead .elementor-nav-menu--main .elementor-item:hover,
header#masthead
  .elementor-nav-menu--main
  .elementor-item.elementor-item-active {
  color: #ffd700 !important;
  background: rgba(65, 105, 225, 0.2);
}

header#masthead .elementor-nav-menu--main .elementor-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--gradient-accent);
  transform: translateX(-50%);
  transition: width 0.3s ease;
}

header#masthead .elementor-nav-menu--main .elementor-item:hover::after,
header#masthead
  .elementor-nav-menu--main
  .elementor-item.elementor-item-active::after {
  width: 60%;
}

/* Header WhatsApp Button with Icon */
header#masthead .elementor-element-9c1a348 .elementor-button {
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
  border: none !important;
  padding: 10px 18px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3) !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

header#masthead .elementor-element-9c1a348 .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  vertical-align: middle !important;
}

header#masthead .elementor-element-9c1a348 .elementor-button-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: white !important;
  flex-shrink: 0;
  vertical-align: middle !important;
  margin: 0 !important;
}

header#masthead .elementor-element-9c1a348 .elementor-button-icon svg {
  width: 100% !important;
  height: 100% !important;
  fill: currentColor !important;
  display: block !important;
}

header#masthead .elementor-element-9c1a348 .elementor-button-text {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

header#masthead .elementor-element-9c1a348 .elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4) !important;
}

/* Fix floating WhatsApp button alignment */
.ht-ctc-chat .ht_ctc_style {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

.ht-ctc-chat .ctc_s_3 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

/* Show SVG icon in floating WhatsApp button - hide text */
.ht-ctc-chat .ctc_s_3 svg,
.ht-ctc-chat svg,
#ht-ctc-chat svg,
.ht-ctc-chat .ht_ctc_style svg {
  display: block !important;
  visibility: visible !important;
  width: 50px !important;
  height: 50px !important;
  opacity: 1 !important;
}

.ht-ctc-chat .ht-ctc-cta {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 8px 14px !important;
}

/* Hide WhatsApp text in floating button - show only icon */
.ht-ctc-chat .ht-ctc-cta,
.ht-ctc-chat .ctc_cta,
.ht-ctc-chat p.ht-ctc-cta,
.ht-ctc-chat p.ctc-analytics.ctc_cta {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Header Mobile Menu */
header#masthead .elementor-menu-toggle {
  color: var(--gray-200);
  border-radius: 8px;
  padding: 8px;
  transition: all 0.3s ease;
}

header#masthead .elementor-menu-toggle:hover {
  background: rgba(65, 105, 225, 0.2);
  color: #ffd700;
}

/* === Hero Section - Premium Styling === */
.elementor-element-3ff28e6 {
  position: relative;
  overflow: hidden;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  background-image: none !important;
}

.elementor-element-3ff28e6::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 1;
}

.elementor-element-3ff28e6 > * {
  position: relative;
  z-index: 2;
}

/* Hero Text Animation */
.elementor-element-dc183cd .elementor-heading-title {
  animation: fadeInUp 1s ease-out;
  text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.5px;
}

/* Center hero section text on desktop */
@media (min-width: 769px) {
  .elementor-element-068b85a {
    text-align: center !important;
  }

  .elementor-element-068b85a .elementor-widget-container {
    text-align: center !important;
  }

  .elementor-element-068b85a p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 800px !important; /* Constrain width for better readability when centered */
  }
}

/* Hero Button - Premium Styling */
.elementor-element-b1d398e .elementor-button {
  background: var(--gradient-accent) !important;
  border: none !important;
  padding: 18px 40px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 50px !important;
  box-shadow: 0 10px 30px rgba(255, 215, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  position: relative;
  overflow: hidden;
}

.elementor-element-b1d398e .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.elementor-element-b1d398e .elementor-button:hover::before {
  width: 300px;
  height: 300px;
}

.elementor-element-b1d398e .elementor-button:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 15px 40px rgba(255, 215, 0, 0.6) !important;
}

.elementor-element-b1d398e .elementor-button:active {
  transform: translateY(-1px) scale(1.02) !important;
}

/* Hero Image Animation - COMPLETELY DISABLED - No animation, no movement */
.elementor-element-35ecf30,
.elementor-element-35ecf30 * {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

.elementor-element-35ecf30 img {
  animation: none !important;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

/* Remove spacing below car image container */
.elementor-element-3ff28e6,
.elementor-element[data-id="3ff28e6"] {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

.elementor-element-3ff28e6 .e-con-inner,
.elementor-element[data-id="3ff28e6"] .e-con-inner {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

/* Remove spacing below car image widget */
.elementor-element-35ecf30,
.elementor-element[data-id="35ecf30"] {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

.elementor-element-35ecf30 .elementor-widget-container,
.elementor-element[data-id="35ecf30"] .elementor-widget-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

/* Remove spacing above container below car image */
.elementor-element-67e48e8,
.elementor-element[data-id="67e48e8"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

.elementor-element-67e48e8 .e-con-inner,
.elementor-element[data-id="67e48e8"] .e-con-inner {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

/* Remove gap between car image container and container below (both desktop and mobile) */
.elementor-element-3ff28e6 + .elementor-element-67e48e8,
.elementor-element[data-id="3ff28e6"] + .elementor-element[data-id="67e48e8"],
.elementor-6 > .elementor-element-3ff28e6 + .elementor-element-67e48e8 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

.elementor-element-35ecf30:hover,
.elementor-element-35ecf30 img:hover,
.elementor-element-35ecf30:hover img {
  transform: none !important;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2)) !important;
  opacity: 1 !important;
  scale: 1 !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* Ensure hero section container doesn't animate */
.elementor-element-3ff28e6 {
  transform: none !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}

.elementor-element-3ff28e6 > * {
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* === Premium Section Boxes (Info Cards) === */
.section-boxes {
  border-radius: 20px !important;
  box-shadow: var(--shadow-strong) !important;
  overflow: hidden;
  position: relative;
}

.section-boxes::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    45deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transform: rotate(45deg);
  animation: shine 3s infinite;
}

.blue-box {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
}

/* Removed ::after animation to prevent weird lines on hover */
.blue-box::after {
  display: none !important;
  content: none !important;
}

.blue-box:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.icon-circle {
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: pulse 2s infinite;
}

.blue-box:hover .icon-circle {
  transform: scale(1.15) rotate(360deg);
  box-shadow: 0 10px 30px rgba(255, 221, 0, 0.5);
}

.btn {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: var(--white);
  transition: left 0.3s;
  z-index: -1;
}

.btn:hover::before {
  left: 0;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
}

/* === Premium Icon Boxes === */
.elementor-widget-icon-box {
  transition: all 0.4s ease;
  padding: 30px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

.elementor-widget-icon-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 221, 0, 0.05) 0%,
    rgba(242, 153, 10, 0.05) 100%
  );
  opacity: 0;
  transition: opacity 0.3s;
}

.elementor-widget-icon-box:hover::before {
  opacity: 1;
}

.elementor-widget-icon-box:hover {
  transform: translateY(-10px);
  box-shadow: var(--shadow-medium);
}

.elementor-widget-icon-box .elementor-icon {
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.elementor-widget-icon-box:hover .elementor-icon {
  transform: scale(1.2) rotate(5deg);
}

/* === Premium Table Styling === */
.elementor-element-2391571 .elementor-widget-container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-element-2391571 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  background: white;
  animation: fadeInUp 0.8s ease-out;
}

.elementor-element-2391571 table thead {
  background: var(--gradient-primary);
  color: white;
}

.elementor-element-2391571 table thead th {
  padding: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

.elementor-element-2391571 table tbody tr {
  transition: all 0.3s ease;
  border-bottom: 1px solid #f0f0f0;
}

.elementor-element-2391571 table tbody tr:hover {
  background: linear-gradient(
    90deg,
    rgba(255, 221, 0, 0.1) 0%,
    rgba(242, 153, 10, 0.1) 100%
  );
  transform: scale(1.02);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.elementor-element-2391571 table tbody td {
  padding: 18px 20px;
  font-size: 16px;
}

.elementor-element-2391571 table tbody tr:last-child td {
  border-bottom: none;
}

/* === Premium Form Styling === */
.elementor-widget-form .elementor-field-group {
  margin-bottom: 20px !important;
}

.elementor-widget-form .elementor-field-group .elementor-field {
  border-radius: 10px !important;
  border: 2px solid #e0e0e0 !important;
  padding: 12px 18px !important;
  transition: all 0.3s ease !important;
  font-size: 16px !important;
  width: 100% !important;
}

.elementor-widget-form .elementor-field-group .elementor-field:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 4px rgba(37, 57, 147, 0.1) !important;
  outline: none !important;
  transform: translateY(-2px);
}

/* Send Request Button - Match Book Now Button (Gold/Yellow Gradient) */
.elementor-widget-form .elementor-button[type="submit"] {
  background: var(--gradient-accent) !important;
  border: none !important;
  padding: 18px 40px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: 0 10px 30px rgba(255, 221, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  position: relative;
  overflow: hidden;
}

.elementor-widget-form .elementor-button[type="submit"]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.elementor-widget-form .elementor-button[type="submit"]:hover::before {
  width: 300px;
  height: 300px;
}

.elementor-widget-form .elementor-button[type="submit"]:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 15px 40px rgba(255, 221, 0, 0.6) !important;
}

/* === Premium Navigation Menu === */
.elementor-nav-menu--main .elementor-item {
  position: relative;
  transition: all 0.3s ease;
  padding: 10px 15px !important;
  border-radius: 8px;
}

.elementor-nav-menu--main .elementor-item:hover {
  background: rgba(255, 221, 0, 0.1);
  transform: translateY(-2px);
}

.elementor-nav-menu--main .elementor-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: var(--accent-yellow);
  transform: translateX(-50%);
  transition: width 0.3s ease;
}

.elementor-nav-menu--main .elementor-item:hover::after,
.elementor-nav-menu--main .elementor-item.elementor-item-active::after {
  width: 80%;
}

/* === Premium WhatsApp Button === */
.elementor-element-9c1a348 .elementor-button {
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
  border: none !important;
  padding: 12px 25px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  animation: pulse 2s infinite;
}

.elementor-element-9c1a348 .elementor-button:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 12px 35px rgba(37, 211, 102, 0.6) !important;
}

/* === Section Animations === */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floatInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

@keyframes shine {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* === Scroll Animations === */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

.slide-in-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.8s ease-out;
}

.slide-in-left.visible {
  opacity: 1;
  transform: translateX(0);
}

.slide-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.8s ease-out;
}

.slide-in-right.visible {
  opacity: 1;
  transform: translateX(0);
}

/* === Premium Dividers === */
.elementor-widget-divider .elementor-divider-separator {
  animation: expandWidth 1s ease-out;
}

@keyframes expandWidth {
  from {
    width: 0;
  }
}

/* === Premium Modern Footer Design - Matching Send Request Button Gradient === */
footer#colophon {
  background: var(--gradient-primary) !important;
  position: relative;
  overflow: visible !important;
  padding: 60px 0 50px !important;
  border-top: 1px solid rgba(65, 105, 225, 0.3);
  margin-top: 80px;
}

footer#colophon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(
      circle at 20% 50%,
      rgba(65, 105, 225, 0.2) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(30, 58, 95, 0.3) 0%,
      transparent 50%
    );
  opacity: 0.6;
  z-index: 0;
}

footer#colophon > * {
  position: relative;
  z-index: 1;
}

footer#colophon .elementor-element-6d77e3d {
  background: transparent !important;
}

/* Footer Logo - Reduced Left Spacing */
footer#colophon .elementor-element-128d643 {
  padding: 0 !important;
}

footer#colophon .elementor-element-128d643 .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* Reduced padding on left side of logo container */
footer#colophon .elementor-element-2b9e51a {
  padding: 5px 0 5px 0 !important;
  margin-left: -80px !important; /* ⬅️ CHANGE THIS: More negative = further left (e.g., -60px, -80px) */
}

footer#colophon .elementor-element-128d643 img {
  filter: drop-shadow(0 4px 12px rgba(65, 105, 225, 0.3));
  transition: all 0.3s ease;
  opacity: 0.9;
  max-height: 180px !important;
  width: auto !important;
  height: auto !important;
  display: block;
}

footer#colophon .elementor-element-128d643:hover img {
  opacity: 1;
  filter: drop-shadow(0 6px 18px rgba(65, 105, 225, 0.5));
}

/* Footer Sections */
footer#colophon .elementor-element-2b9e51a {
  padding: 5px 5px 5px 0;
}

footer#colophon .elementor-element-b753dde {
  padding: 30px 5px !important;
  text-align: center;
}

/* Hide empty copyright container */
footer#colophon .elementor-element-a2db367 {
  display: none !important;
}

/* Global Footer Heading Override - Must override ALL rules including inline CSS */
footer#colophon .elementor-widget-heading .elementor-heading-title,
footer#colophon h2.elementor-heading-title,
footer#colophon .elementor-heading-title,
footer#colophon .elementor-widget-container h2,
footer#colophon h2,
footer#colophon .elementor-widget-container .elementor-heading-title,
footer#colophon .elementor-element .elementor-heading-title,
footer#colophon .elementor-element h2,
footer#colophon h2[class*="elementor-heading"],
.elementor-360 footer#colophon .elementor-heading-title,
footer#colophon.elementor-360 .elementor-heading-title,
footer#colophon .elementor-360 .elementor-heading-title,
.elementor.elementor-360 footer#colophon .elementor-heading-title,
.elementor.elementor-360
  footer#colophon
  .elementor-widget-heading
  .elementor-heading-title,
.elementor-360 .elementor-element .elementor-heading-title,
.elementor-360 .elementor-widget-heading .elementor-heading-title,
.elementor-360 footer#colophon .elementor-widget-container h2,
.elementor-360
  footer#colophon
  .elementor-widget-container
  .elementor-heading-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Override the global heading color rule that uses CSS variable */
.elementor-360 .elementor-widget-heading .elementor-heading-title,
footer#colophon .elementor-widget-heading .elementor-heading-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Footer Headings - Gold Color - Override elementor-360 rules */
footer#colophon .elementor-element-cb61788 .elementor-heading-title,
footer#colophon .elementor-element-cb61788 h2,
.elementor-360
  .elementor-element.elementor-element-cb61788
  .elementor-heading-title,
.elementor.elementor-360
  footer#colophon
  .elementor-element-cb61788
  .elementor-heading-title {
  color: #ffd700 !important;
  -webkit-text-fill-color: #ffd700 !important;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}

/* Add spacing above Contact Info heading container */
footer#colophon .elementor-element-cb61788 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

footer#colophon .elementor-element-cb61788 .elementor-widget-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Footer Text - White Color - Override elementor-360 rules */
footer#colophon .elementor-element-16efa30 .elementor-heading-title,
footer#colophon .elementor-element-16efa30 h2,
footer#colophon .elementor-element-76faf2c .elementor-heading-title,
footer#colophon .elementor-element-76faf2c h2,
.elementor-360
  .elementor-element.elementor-element-16efa30
  .elementor-heading-title,
.elementor-360
  .elementor-element.elementor-element-76faf2c
  .elementor-heading-title,
.elementor.elementor-360
  footer#colophon
  .elementor-element-16efa30
  .elementor-heading-title,
.elementor.elementor-360
  footer#colophon
  .elementor-element-76faf2c
  .elementor-heading-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 15px;
  margin-top: 0 !important;
  text-align: center;
}

/* Copyright Text - White, below contact info with spacing, no divider - Override elementor-360 */
footer#colophon .elementor-element-f8e4d15 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 30px !important;
  padding-top: 30px !important;
  position: relative !important;
  width: 100% !important;
}

footer#colophon .elementor-element-f8e4d15 .elementor-heading-title,
footer#colophon .elementor-element-f8e4d15 h2,
.elementor-360
  .elementor-element.elementor-element-f8e4d15
  .elementor-heading-title,
.elementor.elementor-360
  footer#colophon
  .elementor-element-f8e4d15
  .elementor-heading-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-top: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

footer#colophon .elementor-element-f8e4d15 .elementor-widget-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Override inline CSS padding for copyright */
.elementor-360
  .elementor-element.elementor-element-f8e4d15
  > .elementor-widget-container {
  padding: 30px 0px 0px 0px !important;
  margin: 0px !important;
}

/* Footer Links */
footer#colophon a {
  color: #ffffff;
  transition: all 0.3s ease;
}

footer#colophon a:hover {
  color: #ffd700;
}

/* Footer Container Improvements */
footer#colophon .footer-width-fixer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

footer#colophon .e-con-full {
  background: transparent !important;
}

/* Footer Main Container - Logo left, text truly centered */
footer#colophon .elementor-element-6d77e3d {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  gap: 0;
  flex-wrap: wrap;
  min-height: 280px !important;
  padding: 30px 0 !important;
  overflow: visible !important;
}

/* Logo container - Positioned on the left */
footer#colophon .elementor-element-2b9e51a {
  flex: 0 0 auto !important;
  margin-left: -80px !important; /* ⬅️ CHANGE THIS: More negative = further left (e.g., -60px, -80px) */
  padding-left: 0 !important;
  position: relative;
  z-index: 2;
}

/* Contact Info container - Absolutely centered in remaining space */
footer#colophon .elementor-element-b753dde {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  width: auto !important;
  max-width: 600px !important;
  z-index: 1;
  margin: 0 !important;
  padding: 60px 20px 60px 20px !important;
  overflow: visible !important;
}

/* Hide empty container */
footer#colophon .elementor-element-a2db367 {
  display: none !important;
}

/* Footer Responsive */
@media (max-width: 768px) {
  footer#colophon {
    padding: 40px 0 30px !important;
  }

  footer#colophon .elementor-element-6d77e3d {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    min-height: auto !important;
  }

  footer#colophon .elementor-element-2b9e51a {
    position: static !important;
    margin: 0 auto !important;
    padding: 0px 0 0px 0 !important; /* Reduced bottom padding from 5px to 0px */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Reduce spacing below footer logo on mobile */
  footer#colophon .elementor-element-128d643 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  footer#colophon .elementor-element-128d643 .elementor-widget-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  footer#colophon .elementor-element-128d643 img {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  footer#colophon .elementor-element-b753dde {
    position: static !important;
    transform: none !important;
    left: auto !important;
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
  }

  footer#colophon .elementor-element-cb61788 .elementor-heading-title {
    font-size: 18px !important;
  }

  footer#colophon .elementor-element-16efa30 .elementor-heading-title,
  footer#colophon .elementor-element-76faf2c .elementor-heading-title {
    font-size: 14px !important;
  }

  footer#colophon .elementor-element-f8e4d15 .elementor-heading-title {
    font-size: 12px !important;
    padding-top: 20px !important;
    margin-top: 20px !important;
  }
}

/* === Premium Heading Styling === */
.elementor-heading-title {
  position: relative;
  display: inline-block;
}

.elementor-heading-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: var(--gradient-accent);
  border-radius: 2px;
  animation: expandWidth 1s ease-out;
}

/* Services Heading Styling - Match other titles */
/* ================================================
   📍 TO CHANGE SPACING ABOVE SERVICES TITLE:
   Adjust margin-top and padding-top values below
   (currently: 0px - no spacing above)
   ================================================ */
.elementor-element-services-heading {
  margin-top: 0 !important; /* ⬅️ CHANGE THIS: Increase (e.g., 20px) for more space above title */
  padding-top: 40px !important; /* ⬅️ CHANGE THIS: Increase (e.g., 10px) for more space above title */
  margin-bottom: 2px !important; /* ⬅️ Change spacing BELOW title: Reduce to 0px for less space */
  padding-bottom: 0 !important;
}

.elementor-element-services-heading .elementor-widget-container {
  margin-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space above */
  padding-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space above */
  margin-bottom: 10px !important; /* ⬅️ Change spacing BELOW title */
  padding-bottom: 0 !important;
}

.elementor-element-services-heading .elementor-heading-title {
  font-size: 40px !important;
  font-weight: 700 !important;
  font-family: "Roboto", Sans-serif !important;
  line-height: 52px !important;
  color: #000000 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space above title text */
  padding-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space above title text */
  margin-bottom: 10px !important; /* ⬅️ CHANGE THIS: Reduce to 0px for no gap below, or increase for more space */
  padding-bottom: 0 !important;
}

/* Reduce spacing from Services section container (above title) */
.elementor-element-4c604c03,
.elementor-section.elementor-element-4c604c03 {
  padding-top: 10px !important; /* ⬅️ CHANGE THIS: Reduce to 0px for no space, or increase (e.g., 20px, 30px) for more space above section */
  margin-top: 0 !important; /* ⬅️ CHANGE THIS: Increase (e.g., 20px) for more space above section */
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Reduce spacing below Services section (above Rates title) */
.elementor-element-4c604c03 .elementor-container,
.elementor-element-4c604c03 .elementor-column,
.elementor-element-4c604c03 .elementor-widget-wrap,
.elementor-element[data-id="4c604c03"],
.elementor-section.elementor-element-4c604c03 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

/* Remove all spacing from Services section inner containers */
.elementor-element-5ce07ca6,
.elementor-element-5ce07ca6 .elementor-container,
.elementor-element-5ce07ca6 .elementor-column,
.elementor-element-5ce07ca6 .elementor-widget-wrap,
.elementor-element[data-id="5ce07ca6"] {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

/* Remove spacing from Services column */
.elementor-element-69726e32 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

/* Reduce spacing from Services column container (above title) */
.elementor-element-69726e32 {
  padding-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space above */
  margin-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space above */
}

/* Remove divider from Services heading */
.elementor-element-services-heading .elementor-heading-title::after {
  display: none !important;
  content: none !important;
}

/* ================================================
   📍 TO CHANGE SPACING ABOVE SERVICES CARDS:
   Adjust margin-top and padding-top values below
   (currently: 0px - no spacing)
   ================================================ */
.elementor-element-5ce07ca6,
.elementor-section.elementor-element-5ce07ca6 {
  margin-top: 0 !important; /* ⬅️ CHANGE THIS: Increase (e.g., 20px) for more space above cards */
  padding-top: 0 !important; /* ⬅️ CHANGE THIS: Increase (e.g., 10px) for more space above cards */
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove padding from below Services cards section */
.elementor-element-5ce07ca6 .elementor-container,
.elementor-element-5ce07ca6 .elementor-widget-wrap {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove divider after Services cards section */
.elementor-element-5ce07ca6::after,
.elementor-element-5ce07ca6 .elementor-container::after,
.elementor-element-5ce07ca6 ~ .elementor-widget-divider,
.elementor-element-5ce07ca6 ~ .elementor-section::before,
.elementor-element-5ce07ca6 ~ .elementor-section::after,
.elementor-element-4c604c03 ~ .elementor-widget-divider {
  display: none !important;
  content: none !important;
}

/* Remove any divider widgets after Services section */
.elementor-element-4c604c03 + .elementor-widget-divider,
.elementor-element-4c604c03 ~ .elementor-widget-divider {
  display: none !important;
}

.elementor-element-5ce07ca6 .elementor-container {
  margin-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space */
  padding-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space */
}

.elementor-element-5ce07ca6 .elementor-widget-wrap {
  margin-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space */
  padding-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space */
}

/* Services Icons - Gold color to match other components */
.elementor-element-5ce07ca6 .elementor-icon-box-icon .elementor-icon,
.elementor-element-5ce07ca6 .elementor-icon svg,
.elementor-element-5ce07ca6 .elementor-icon {
  color: #ffd700 !important;
  fill: #ffd700 !important;
}

.elementor-element-5ce07ca6 .elementor-icon-box-icon svg,
.elementor-element-5ce07ca6 .elementor-icon svg path,
.elementor-element-5ce07ca6 svg path {
  fill: #ffd700 !important;
  color: #ffd700 !important;
}

/* Specific Services icon boxes */
.elementor-element-caa712b .elementor-icon-box-icon .elementor-icon,
.elementor-element-0cfd228 .elementor-icon-box-icon .elementor-icon,
.elementor-element-8394d14 .elementor-icon-box-icon .elementor-icon,
.elementor-element-caa712b .elementor-icon svg,
.elementor-element-0cfd228 .elementor-icon svg,
.elementor-element-8394d14 .elementor-icon svg {
  color: #ffd700 !important;
  fill: #ffd700 !important;
}

.elementor-element-caa712b .elementor-icon svg path,
.elementor-element-0cfd228 .elementor-icon svg path,
.elementor-element-8394d14 .elementor-icon svg path {
  fill: #ffd700 !important;
}

/* Mobile: Reduce Services title and card title sizes */
@media (max-width: 768px) {
  /* Reduce Services section title */
  .elementor-element-services-heading .elementor-heading-title {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  /* Reduce Services card titles */
  .elementor-element-5ce07ca6 .elementor-icon-box-title,
  .elementor-element-5ce07ca6 .elementor-icon-box-title span {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

/* Remove underlines from Emergency Call section */
.elementor-element-a2ddb45 .elementor-heading-title::after {
  display: none !important;
  content: none !important;
}

/* === Responsive Enhancements === */
@media (max-width: 768px) {
  .elementor-element-b1d398e .elementor-button {
    padding: 15px 30px !important;
    font-size: 14px !important;
  }

  .section-boxes {
    border-radius: 15px !important;
  }

  .blue-box:hover {
    transform: translateY(-5px) scale(1.01);
  }
}

/* === Premium Loading Animation === */
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* === Glass Morphism Effect === */
.glass-effect {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px;
}

/* === Premium Image Hover Effects === */
.elementor-widget-image img {
  transition: all 0.4s ease;
  border-radius: 10px;
}

.elementor-widget-image:hover img {
  transform: scale(1.05);
  box-shadow: var(--shadow-medium);
}

/* Exclude car image from hover effects */
.elementor-element-35ecf30.elementor-widget-image:hover img,
.elementor-element-35ecf30:hover img {
  transform: none !important;
  scale: 1 !important;
  box-shadow: none !important;
}

/* === Smooth Section Transitions === */
.elementor-section {
  transition: all 0.3s ease;
}

/* === Premium Testimonial Carousel === */
.elementor-testimonial-carousel .elementor-testimonial {
  transition: all 0.4s ease;
  border-radius: 15px;
  padding: 30px;
}

.elementor-testimonial-carousel .elementor-testimonial:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-medium);
}

/* === Premium Section Styling - Why Choose + Emergency Call (Same Footer Background) === */
/* Both sections share footer background and styling */
.elementor-element-75b6bba1,
.elementor-element-a2ddb45 {
  background: var(--gradient-primary) !important;
  position: relative;
  overflow: hidden;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-element-75b6bba1::before,
.elementor-element-a2ddb45::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(
      circle at 20% 50%,
      rgba(65, 105, 225, 0.2) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(30, 58, 95, 0.3) 0%,
      transparent 50%
    );
  opacity: 0.6;
  z-index: 0;
}

.elementor-element-75b6bba1 > *,
.elementor-element-a2ddb45 > * {
  position: relative;
  z-index: 1;
}

.elementor-element-75b6bba1 .elementor-background-overlay,
.elementor-element-a2ddb45 .elementor-background-overlay {
  display: none !important;
}

/* Remove spacing between sections to make them one box */
.elementor-element-75b6bba1 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-element-a2ddb45 {
  margin-top: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 40px !important;
  border-radius: 0 !important;
}

/* Ensure sections appear as one continuous box - no gap */
section.elementor-element-75b6bba1 + * .elementor-element-a2ddb45,
.elementor-element-75b6bba1 ~ .elementor-element-a2ddb45 {
  margin-top: 0 !important;
}

/* === Premium Icon Boxes in Dark Section === */
.elementor-element-75b6bba1 .elementor-widget-icon-box {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 40px 30px !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
}

.elementor-element-75b6bba1 .elementor-widget-icon-box::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle,
    rgba(255, 221, 0, 0.1) 0%,
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.4s;
}

.elementor-element-75b6bba1 .elementor-widget-icon-box:hover::before {
  opacity: 1;
}

.elementor-element-75b6bba1 .elementor-widget-icon-box:hover {
  transform: translateY(-15px) scale(1.03);
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--accent-yellow);
  box-shadow: 0 20px 60px rgba(255, 221, 0, 0.3);
}

.elementor-element-75b6bba1 .elementor-widget-icon-box .elementor-icon {
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.elementor-element-75b6bba1 .elementor-widget-icon-box:hover .elementor-icon {
  transform: scale(1.3) rotate(360deg);
  filter: drop-shadow(0 10px 20px rgba(255, 221, 0, 0.5));
}

/* Icon Box Titles - Gold color */
.elementor-element-75b6bba1 .elementor-icon-box-title,
.elementor-element-75b6bba1 .elementor-icon-box-title * {
  color: #ffd700 !important;
  -webkit-text-fill-color: #ffd700 !important;
  transition: all 0.3s ease;
}

.elementor-element-75b6bba1
  .elementor-widget-icon-box:hover
  .elementor-icon-box-title {
  color: #ffed4e !important;
  -webkit-text-fill-color: #ffed4e !important;
  transform: translateX(5px);
}

/* Icon Box Descriptions - White color */
.elementor-element-75b6bba1 .elementor-icon-box-description,
.elementor-element-75b6bba1 .elementor-icon-box-description * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Body Text - White color */
.elementor-element-75b6bba1 .elementor-widget-text-editor,
.elementor-element-75b6bba1 .elementor-widget-text-editor p,
.elementor-element-75b6bba1 .elementor-widget-text-editor *,
.elementor-element-75b6bba1 .elementor-element-00aa686 p,
.elementor-element-75b6bba1 .elementor-element-00aa686 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Dividers - Gold color to match footer style */
.elementor-element-75b6bba1
  .elementor-widget-divider
  .elementor-divider-separator,
.elementor-element-75b6bba1
  .elementor-element-2d38ddc
  .elementor-divider-separator {
  border-top-color: #ffd700 !important;
  background: #ffd700 !important;
}

/* === Premium Contact Form Section === */
.elementor-element-fefaaff {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(245, 245, 250, 0.98) 100%
  );
  border-radius: 20px;
  padding: 30px !important;
  box-shadow: var(--shadow-strong);
  position: relative;
  overflow: hidden;
  min-height: auto !important;
  height: auto !important;
}

/* Desktop: Reduce bottom padding to remove extra space */
/* Note: More specific rules below will override this */
@media (min-width: 769px) {
  .elementor-element-fefaaff {
    padding: 30px 30px 15px 30px !important;
  }
}

/* Fix bottom spacing for form container on desktop */
.elementor-element-fefaaff .elementor-widget-container {
  position: relative;
  z-index: 2;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Fix form wrapper bottom spacing */
.elementor-element-fefaaff .elementor-form {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-element-fefaaff .elementor-form-fields-wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Fix submit button bottom margin */
.elementor-element-fefaaff .e-form__buttons {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-element-fefaaff .elementor-button {
  margin-bottom: 0 !important;
}

/* Desktop-only: Remove extra bottom spacing from parent wrapper and column */
/* CRITICAL: Must match exact specificity from elementor-inline.css line 907-916 */
/* MAXIMUM SPECIFICITY: Override the 74px bottom margin from elementor-inline.css line 913 */
@media (min-width: 769px) {
  /* Override the 74px bottom margin - using maximum specificity */
  body.elementor-page-6.elementor-default
    .elementor.elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated,
  body.elementor-page-6
    .elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated,
  .elementor.elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated,
  .elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated {
    margin: 0px 35px 0px 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    --e-column-margin-bottom: 0px !important;
    --e-column-margin-right: 35px !important;
    --e-column-margin-left: 0px !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
  }

  /* Also override responsive rule from elementor-inline.css line 1327-1334 */
  body.elementor-page-6.elementor-default
    .elementor.elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated,
  body.elementor-page-6
    .elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated,
  .elementor.elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated {
    margin: 0px 35px 0px 0px !important;
    margin-bottom: 0px !important;
  }

  /* Remove bottom margin from parent widget-wrap */
  body.elementor-page-6
    .elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated
    > .elementor-widget-wrap,
  .elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated
    > .elementor-widget-wrap,
  .elementor-6 .elementor-element-443ab00a > .elementor-widget-wrap,
  .elementor-widget-wrap.elementor-element-populated:has(
      .elementor-element-fefaaff
    ) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  /* Remove bottom margin from parent column */
  body.elementor-page-6
    .elementor-6
    .elementor-element.elementor-element-443ab00a.elementor-column,
  .elementor.elementor-6 .elementor-element.elementor-element-443ab00a,
  .elementor-6 .elementor-element.elementor-element-443ab00a.elementor-column {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Ensure form container fits content - no extra bottom spacing */
  body.elementor-page-6
    .elementor-6
    .elementor-element.elementor-element-fefaaff,
  .elementor.elementor-6 .elementor-element.elementor-element-fefaaff,
  .elementor-6 .elementor-element.elementor-element-fefaaff {
    margin-bottom: 0 !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 768px) {
  .elementor-element-fefaaff {
    padding: 20px !important;
  }
}

.elementor-element-fefaaff::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 300px;
  height: 300px;
  background: radial-gradient(
    circle,
    rgba(37, 57, 147, 0.05) 0%,
    transparent 70%
  );
  border-radius: 50%;
  z-index: 1;
}

.elementor-element-fefaaff::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: -150px;
  width: 400px;
  height: 400px;
  background: radial-gradient(
    circle,
    rgba(255, 221, 0, 0.05) 0%,
    transparent 70%
  );
  border-radius: 50%;
  z-index: 1;
}

/* === Premium Emergency Call Section - Creative Design === */
/* Reduce gaps from parent sections */
section:has(.elementor-element-a2ddb45),
.elementor-element-acab4fe + .elementor-element {
  margin-top: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Emergency Call container styling - already covered above, just ensure padding */
.elementor-element-a2ddb45 {
  padding: 40px 20px !important;
  margin: 0 !important;
}

.elementor-element-a2ddb45 .e-con-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px !important;
  position: relative;
  z-index: 2;
}

.elementor-element-a2ddb45::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
  opacity: 0.3;
}

.elementor-element-a2ddb45 > * {
  position: relative;
  z-index: 2;
}

/* Emergency Call Section - Minimal Spacing */
.elementor-element-a2ddb45 .elementor-element-eb0fb72,
.elementor-element-a2ddb45 .elementor-element-123c9bd,
.elementor-element-a2ddb45 .elementor-element-721bb89,
.elementor-element-a2ddb45 .elementor-element-6273649 {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.elementor-element-a2ddb45
  .elementor-element-eb0fb72
  .elementor-widget-container,
.elementor-element-a2ddb45
  .elementor-element-123c9bd
  .elementor-widget-container,
.elementor-element-a2ddb45
  .elementor-element-721bb89
  .elementor-widget-container,
.elementor-element-a2ddb45
  .elementor-element-6273649
  .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* === Text Colors - Footer Style (White and Gold) === */
/* Headings - Gold Color */
.elementor-element-75b6bba1 .elementor-element-c3c9a42 .elementor-heading-title,
.elementor-element-75b6bba1 .elementor-heading-title,
.elementor-element-a2ddb45 .elementor-element-eb0fb72 .elementor-heading-title,
.elementor-element-a2ddb45 .elementor-heading-title {
  color: #ffd700 !important;
  -webkit-text-fill-color: #ffd700 !important;
}

/* "Why Choose" heading - Force Gold Color (Override ALL styles including inline) */
.elementor-element-75b6bba1 .elementor-element-c3c9a42 .elementor-heading-title,
.elementor-element-75b6bba1 .elementor-element-c3c9a42 h2,
.elementor-element-c3c9a42 .elementor-heading-title,
.elementor-element-c3c9a42 h2,
.elementor-6
  .elementor-element.elementor-element-c3c9a42
  .elementor-heading-title,
.elementor-6 .elementor-element.elementor-element-c3c9a42 h2,
.elementor-element-75b6bba1
  .elementor-element-c3c9a42
  .elementor-widget-container
  .elementor-heading-title,
.elementor-element-75b6bba1
  .elementor-element-c3c9a42
  .elementor-widget-container
  h2 {
  color: #ffd700 !important;
  -webkit-text-fill-color: #ffd700 !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase;
  margin-bottom: 0px !important;
}

/* "EMERGENCY CALL 24/7" heading */
.elementor-element-a2ddb45 .elementor-element-eb0fb72 .elementor-heading-title {
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.elementor-element-a2ddb45
  .elementor-element-eb0fb72
  .elementor-heading-title::after {
  display: none !important;
}

/* "BOOK AN APPOINTMENT TODAY" - Gold color */
.elementor-element-a2ddb45 .elementor-element-6273649 .elementor-heading-title {
  color: #ffd700 !important;
  -webkit-text-fill-color: #ffd700 !important;
}

/* Phone Numbers - Better Layout */
.elementor-element-a2ddb45 div[style*="display: flex"] {
  margin: 10px 0 !important;
  padding: 0 !important;
}

.elementor-element-a2ddb45 .elementor-element-123c9bd,
.elementor-element-a2ddb45 .elementor-element-721bb89 {
  display: inline-block;
  margin: 0 !important;
}

/* Phone Numbers - White color (consolidated rule) */
.elementor-element-a2ddb45 .elementor-element-123c9bd .elementor-heading-title,
.elementor-element-a2ddb45 .elementor-element-721bb89 .elementor-heading-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  margin: 5px 0 !important;
  letter-spacing: 1px !important;
  line-height: 1.3 !important;
  position: relative;
  padding: 8px 15px 8px 45px !important;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  transition: all 0.3s ease;
}

/* Remove ALL dividers below phone numbers - AGGRESSIVE OVERRIDE */
.elementor-element-a2ddb45
  .elementor-element-123c9bd
  .elementor-heading-title::after,
.elementor-element-a2ddb45
  .elementor-element-721bb89
  .elementor-heading-title::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: none !important;
  border: none !important;
}

/* Ensure no yellow lines appear anywhere */
.elementor-element-a2ddb45
  .elementor-element-123c9bd
  .elementor-widget-container::after,
.elementor-element-a2ddb45
  .elementor-element-721bb89
  .elementor-widget-container::after,
.elementor-element-a2ddb45
  .elementor-element-123c9bd
  .elementor-widget-container::before,
.elementor-element-a2ddb45
  .elementor-element-721bb89
  .elementor-widget-container::before {
  display: none !important;
  content: none !important;
}

/* Add phone icon with modern styling - ONLY for phone numbers (padding already set above) */
.elementor-element-a2ddb45
  .elementor-element-123c9bd
  .elementor-heading-title::before,
.elementor-element-a2ddb45
  .elementor-element-721bb89
  .elementor-heading-title::before {
  content: "📞";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  display: inline-block;
  line-height: 1;
  z-index: 1;
  pointer-events: none;
}

/* Phone number hover effect */
.elementor-element-a2ddb45
  .elementor-element-123c9bd
  .elementor-heading-title:hover,
.elementor-element-a2ddb45
  .elementor-element-721bb89
  .elementor-heading-title:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

/* Phone Numbers Container */
.elementor-element-a2ddb45 .elementor-element-123c9bd {
  display: inline-block;
}

/* Divider - Subtle and Creative */
.elementor-element-a2ddb45 .elementor-element-b961d07 {
  margin: 5px 0 !important;
  width: 100%;
  max-width: 150px;
}

.elementor-element-a2ddb45
  .elementor-element-b961d07
  .elementor-divider-separator {
  border-top: 2px solid rgba(255, 215, 0, 0.4);
  width: 100%;
  height: 2px;
  border-radius: 2px;
}

/* Book Appointment Title - Gold color (matching footer style) */
.elementor-element-a2ddb45 .elementor-element-6273649 .elementor-heading-title {
  color: #ffd700 !important;
  -webkit-text-fill-color: #ffd700 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  margin: 8px 0 !important;
  letter-spacing: 1px !important;
  line-height: 1.3 !important;
}

.elementor-element-a2ddb45
  .elementor-element-6273649
  .elementor-heading-title::after {
  display: none !important;
}

/* Book Now Button */
.elementor-element-a2ddb45 .elementor-element-cfb9ac2 {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Desktop-only spacing reduction for Emergency Call section */
@media (min-width: 769px) {
  /* Override the massive 150px padding from inline CSS */
  .elementor-element-a2ddb45 {
    --padding-top: 70px !important;
    --padding-bottom: 70px !important;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  /* Reduce padding above EMERGENCY CALL 24/7 title */
  .elementor-element-a2ddb45 .e-con-inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* Reduce margin above the title element */
  .elementor-element-a2ddb45 .elementor-element-eb0fb72 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 15px !important;
  }

  .elementor-element-a2ddb45
    .elementor-element-eb0fb72
    .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Reduce spacing below Book Now button */
  .elementor-element-a2ddb45 .elementor-element-cfb9ac2 {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  .elementor-element-a2ddb45
    .elementor-element-cfb9ac2
    .elementor-widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .elementor-element-a2ddb45 {
    padding: 30px 20px !important;
  }

  .elementor-element-a2ddb45
    .elementor-element-eb0fb72
    .elementor-heading-title {
    font-size: 22px !important;
  }

  .elementor-element-a2ddb45
    .elementor-element-123c9bd
    .elementor-heading-title,
  .elementor-element-a2ddb45
    .elementor-element-721bb89
    .elementor-heading-title {
    font-size: 18px !important;
    display: block;
    margin: 8px 0 !important;
    padding: 8px 15px 8px 40px !important;
  }

  .elementor-element-a2ddb45
    .elementor-element-6273649
    .elementor-heading-title {
    font-size: 18px !important;
  }
}

.elementor-element-cfb9ac2 .elementor-button {
  background: var(--gradient-accent) !important;
  border: none !important;
  padding: 18px 40px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: 0 10px 30px rgba(255, 221, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  position: relative;
  overflow: hidden;
}

.elementor-element-cfb9ac2 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.elementor-element-cfb9ac2 .elementor-button:hover::before {
  width: 300px;
  height: 300px;
}

.elementor-element-cfb9ac2 .elementor-button:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 15px 40px rgba(255, 221, 0, 0.6) !important;
}

/* === Premium Logo Animation === */
.elementor-element-88e1f62 img {
  transition: opacity 0.3s ease;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

.elementor-element-88e1f62:hover img {
  opacity: 0.9;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}

/* === Premium Scroll Progress Bar === */
.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background: var(--gradient-accent);
  z-index: 9999;
  transition: width 0.1s ease;
  box-shadow: 0 2px 10px rgba(255, 221, 0, 0.5);
}

/* === Premium Loading Screen (Optional) === */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  pointer-events: none;
}

.page-loader.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

.loader-spinner {
  width: 60px;
  height: 60px;
  border: 4px solid rgba(255, 221, 0, 0.3);
  border-top-color: var(--accent-yellow);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* === Premium Text Effects === */
.elementor-heading-title {
  color: #1a1a1a !important;
  /* Fallback to solid color for better readability */
  background: none !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* Only apply gradient to specific sections where it looks good */
.elementor-element-75b6bba1 .elementor-heading-title {
  background: linear-gradient(135deg, #ffffff 0%, #ffdd00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* Fallback */
  color: #ffdd00 !important;
}

/* Ensure text is readable in light sections */
.elementor-section:not(.elementor-element-75b6bba1) .elementor-heading-title {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  background: none !important;
}

/* === Premium Mobile Menu Enhancements === */
.elementor-nav-menu--dropdown {
  background: rgba(15, 23, 42, 0.98) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  margin-top: 10px;
  box-shadow: var(--shadow-2xl);
  overflow: hidden;
  padding: 8px;
}

.elementor-nav-menu--dropdown .elementor-item {
  transition: all 0.3s ease;
  padding: 12px 16px !important;
  border-radius: 8px;
  color: var(--gray-200) !important;
  margin-bottom: 4px;
}

.elementor-nav-menu--dropdown .elementor-item:hover {
  background: rgba(65, 105, 225, 0.2) !important;
  color: #ffd700 !important;
  padding-left: 20px !important;
}

/* === Premium Image Zoom on Hover === */
.elementor-widget-image {
  overflow: hidden;
  border-radius: 15px;
}

.elementor-widget-image img {
  transition: transform 0.6s ease;
}

.elementor-widget-image:hover img {
  transform: scale(1.1);
}

/* Exclude car image from zoom hover effect */
.elementor-element-35ecf30.elementor-widget-image:hover img,
.elementor-element-35ecf30:hover img {
  transform: none !important;
  scale: 1 !important;
}

/* === Premium Divider Animation === */
.elementor-widget-divider .elementor-divider-separator {
  background: var(--gradient-accent);
  height: 4px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.elementor-widget-divider .elementor-divider-separator::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
  animation: slide-across 2s infinite;
}

@keyframes slide-across {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

/* === Premium Section Spacing === */
.elementor-section {
  margin-bottom: 0 !important;
  padding: 50px 0 !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Reduce padding above "Why Choose Wasim Dar Rent a Car" section */
.elementor-element-75b6bba1 {
  padding-top: 15px !important; /* ⬅️ CHANGE THIS: Reduce (e.g., 20px) for less space, increase for more */
}

.elementor-element-75b6bba1 .elementor-element-c3c9a42 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.elementor-element-75b6bba1
  .elementor-element-c3c9a42
  .elementor-widget-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Rent A Car In Lahore Rates With Driver - Spacing adjustments */
/* Remove spacing from container above (appointment boxes) */
.elementor-6 .elementor-element-67e48e8,
.elementor-element-67e48e8 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
  --margin-bottom: 0px !important;
  --padding-bottom: 0px !important;
  --margin-block-end: 0px !important;
  --padding-block-end: 0px !important;
  --margin-top: 0px !important;
  --padding-top: 0px !important;
  --margin-block-start: 0px !important;
  --padding-block-start: 0px !important;
}

/* Override the section-boxes div spacing if any */
.elementor-element-8affe95 .section-boxes {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-6 .elementor-element-67e48e8 .e-con-inner,
.elementor-element-67e48e8 .e-con-inner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

.elementor-6 .elementor-element-67e48e8 .elementor-widget:not(:last-child),
.elementor-element-67e48e8 .elementor-widget:not(:last-child) {
  margin-block-end: 0 !important;
}

/* Reduce spacing ABOVE and BELOW "Rent A Car In Lahore Rates With Driver" title container */
/* Also override any inline CSS variables from elementor-inline.css */
.elementor-6 .elementor-element.elementor-element-66ad68b,
.elementor-6 .elementor-element-66ad68b,
.elementor-element-66ad68b,
.elementor-element[data-id="66ad68b"] {
  margin-top: 0px !important; /* ⬅️ Reduced from 80px - Override inline style */
  padding-top: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space ABOVE title container */
  margin-bottom: 0px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW title container (currently: 5px) */
  padding-bottom: 0 !important;
  margin-block-start: 0px !important; /* ⬅️ Reduced from 80px */
  margin-block-end: 0px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW */
  padding-block-start: 0 !important; /* ⬅️ CHANGE THIS: Increase for more space ABOVE */
  padding-block-end: 0 !important;
  --margin-top: 0px !important; /* ⬅️ Reduced spacing */
  --padding-top: 0px !important; /* ⬅️ CHANGE THIS: Increase for more space ABOVE */
  --margin-bottom: 0px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW */
  --padding-bottom: 0px !important;
  --margin-block-start: 0px !important; /* ⬅️ Reduced spacing */
  --margin-block-end: 0px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW */
  --padding-block-start: 0px !important; /* ⬅️ CHANGE THIS: Increase for more space ABOVE */
  --padding-block-end: 0px !important;
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;
  --container-default-padding-top: 0px !important;
  --container-default-padding-bottom: 0px !important;
}

/* Target the elementor-6 wrapper to remove spacing between sibling containers */
.elementor-6 > .elementor-element-67e48e8 + .elementor-element-66ad68b,
.elementor.elementor-6
  > div.elementor-element-67e48e8
  + div.elementor-element-66ad68b,
.elementor-6 > div[data-id="67e48e8"] + div[data-id="66ad68b"],
.elementor.elementor-6 > div[data-id="67e48e8"] + div[data-id="66ad68b"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

/* Force remove all spacing from containers - NO NEGATIVE MARGINS */
.elementor-6 > div[data-id="67e48e8"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Reduce spacing ABOVE "Rent A Car In Lahore Rates With Driver" title */
.elementor-6 > div[data-id="66ad68b"] {
  margin-top: 0px !important; /* ⬅️ CHANGE THIS: Reduce to 0px for no space, or increase for more space */
  padding-top: 0 !important;
  margin-block-start: 0px !important; /* ⬅️ CHANGE THIS: Reduce to 0px for no space */
  padding-block-start: 0 !important;
}

.elementor-6 .elementor-element-66ad68b .e-con-inner,
.elementor-element-66ad68b .e-con-inner {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;
}

/* ================================================
   📍 "Rent A Car In Lahore Rates With Driver" Title Spacing
   Adjust spacing above and below the title
   ================================================ */
.elementor-6 .elementor-element-842579f,
.elementor-element-842579f {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW title (currently: 5px) */
  margin-block-start: 0 !important;
  margin-block-end: 0px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW title */
  padding-block-start: 0 !important;
  --margin-top: 0px !important;
  --padding-top: 0px !important;
  --margin-bottom: 0px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW title */
  --margin-block-start: 0px !important;
  --margin-block-end: 0px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW title */
  --padding-block-start: 0px !important;
}

.elementor-6 .elementor-element-842579f.elementor-widget,
.elementor-element-842579f.elementor-widget {
  margin-block-end: 5px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW title */
}

.elementor-6 .elementor-element-842579f .elementor-widget-container,
.elementor-element-842579f .elementor-widget-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW title */
  padding-block-start: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 5px !important; /* ⬅️ CHANGE THIS: Reduce spacing BELOW title */
}

.elementor-6 .elementor-element-842579f .elementor-heading-title,
.elementor-element-842579f .elementor-heading-title {
  margin-top: 0 !important;
  margin-bottom: 15px !important; /* ⬅️ CHANGE THIS: Space for divider below (currently: 15px) */
  padding-top: 0 !important;
  padding-bottom: 10px !important; /* ⬅️ CHANGE THIS: Space below text, before divider */
  margin-block-start: 0 !important;
  margin-block-end: 15px !important; /* ⬅️ CHANGE THIS: Space for divider */
  padding-block-start: 0 !important;
  padding-block-end: 10px !important; /* ⬅️ CHANGE THIS: Space below text */
}

/* Add divider below "Rent A Car In Lahore Rates With Driver" heading */
.elementor-element-842579f .elementor-heading-title::after,
.elementor-6 .elementor-element-842579f .elementor-heading-title::after {
  display: block !important; /* Enable divider */
  content: "" !important;
  position: absolute;
  bottom: -5px; /* ⬅️ CHANGE THIS: Position below text (currently: -5px, negative = below) */
  left: 50%;
  transform: translateX(-50%);
  width: 80px; /* ⬅️ CHANGE THIS: Divider width (currently: 80px) - increase for wider divider */
  height: 3px; /* ⬅️ CHANGE THIS: Divider thickness (currently: 3px) - increase for thicker line */
  background: var(--gradient-accent); /* Gold/yellow gradient */
  border-radius: 2px;
  animation: expandWidth 1s ease-out;
}

/* Reduce padding for sections containing ContactUs */
.elementor-section:has(.elementor-element-a2ddb45) {
  padding: 20px 0 !important;
}

/* Reduce spacing above rates table section (Car Type table) - Set to 0 */
.elementor-element-3d9825b8,
.elementor-section.elementor-element-3d9825b8,
.elementor-element[data-id="3d9825b8"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 5px !important;
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
  padding-block-end: 10px !important;
  margin-block-end: 0 !important;
}

.elementor-element-3d9825b8 .elementor-container,
.elementor-element[data-id="3d9825b8"] .elementor-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove spacing from Rates section column */
.elementor-element-6d9a6e6c,
.elementor-element[data-id="6d9a6e6c"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding-block-end: 0 !important;
}

.elementor-element-6d9a6e6c .elementor-widget-wrap,
.elementor-element[data-id="6d9a6e6c"] .elementor-widget-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Reduce padding for inner section containing the table - Set to 0 */
.elementor-element-5657d524,
.elementor-section.elementor-element-5657d524,
.elementor-element[data-id="5657d524"] {
  padding-top: 0 !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-block-start: 0 !important;
  padding-block-end: 5px !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.elementor-element-5657d524 .elementor-container,
.elementor-element[data-id="5657d524"] .elementor-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-element-5657d524 .elementor-column,
.elementor-element[data-id="5657d524"] .elementor-column {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-element-5657d524 .elementor-widget-wrap,
.elementor-element[data-id="5657d524"] .elementor-widget-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove dividers from sections around table and services */
.elementor-element-3d9825b8 .elementor-heading-title::after,
.elementor-element-4c604c03 .elementor-heading-title::after,
.elementor-element-5657d524 .elementor-heading-title::after,
.elementor-element-3d9825b8::before,
.elementor-element-3d9825b8::after,
.elementor-element-4c604c03::before,
.elementor-element-4c604c03::after,
.elementor-element-5657d524::before,
.elementor-element-5657d524::after,
.elementor-element-3d9825b8 .elementor-container::before,
.elementor-element-3d9825b8 .elementor-container::after,
.elementor-element-4c604c03 .elementor-container::before,
.elementor-element-4c604c03 .elementor-container::after,
.elementor-element-5657d524 .elementor-container::before,
.elementor-element-5657d524 .elementor-container::after,
.elementor-element-66ad68b::before,
.elementor-element-66ad68b::after,
.elementor-element-66ad68b .e-con-inner::before,
.elementor-element-66ad68b .e-con-inner::after,
.elementor-element-6d9a6e6c::before,
.elementor-element-6d9a6e6c::after,
.elementor-element-69726e32::before,
.elementor-element-69726e32::after {
  display: none !important;
  content: none !important;
}

/* Remove any divider widgets between sections */
.elementor-element-3d9825b8 ~ .elementor-widget-divider,
.elementor-element-5657d524 ~ .elementor-widget-divider,
.elementor-element-4c604c03 ~ .elementor-widget-divider,
.elementor-element-66ad68b ~ .elementor-widget-divider {
  display: none !important;
}

/* Remove borders and decorative lines from containers and sections */
.elementor-element-66ad68b,
.elementor-element-66ad68b .e-con-inner,
.elementor-element-3d9825b8,
.elementor-element-4c604c03,
.elementor-element-5657d524,
.elementor-element-3d9825b8 .elementor-container,
.elementor-element-4c604c03 .elementor-container,
.elementor-element-5657d524 .elementor-container,
.elementor-element-3d9825b8 .elementor-column,
.elementor-element-4c604c03 .elementor-column,
.elementor-element-5657d524 .elementor-column {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* Remove any left-side decorative elements */
.elementor-element-66ad68b *::before,
.elementor-element-66ad68b *::after,
.elementor-element-3d9825b8 *::before,
.elementor-element-3d9825b8 *::after,
.elementor-element-4c604c03 *::before,
.elementor-element-4c604c03 *::after {
  border-left: none !important;
}

/* Reduce padding for section before ContactUs */
.elementor-element-acab4fe {
  margin-bottom: 10px !important;
  padding-bottom: 20px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.elementor-element-acab4fe .e-con-inner {
  padding-left: 40px !important;
  padding-right: 40px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Alternative approach - add margin to container */
.elementor-6 .elementor-element-acab4fe,
.elementor.elementor-6 .elementor-element-acab4fe {
  padding-left: 40px !important;
  padding-right: 40px !important;
  --padding-left: 40px !important;
  --padding-right: 40px !important;
  --padding-inline-start: 40px !important;
  --padding-inline-end: 40px !important;
}

/* Add padding to Our Customer Says section widgets */
.elementor-element-acab4fe .elementor-widget,
.elementor-element-acab4fe .elementor-widget-container {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* Use margin as alternative if padding doesn't work */
.elementor-element-acab4fe.e-con {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

/* Add top padding to "Our Customer Says" title */
.elementor-element-7580d2a,
.elementor-element-7580d2a .elementor-widget-container,
.elementor-element-7580d2a .elementor-heading-title {
  padding-top: 40px !important;
  margin-top: 0 !important;
}

/* Desktop-only spacing reduction for "Our Customer Says" section */
@media (min-width: 769px) {
  /* Reduce padding above "Our Customer Says" title */
  .elementor-element-acab4fe {
    padding-top: 30px !important;
    --padding-top: 30px !important;
  }

  .elementor-element-acab4fe .e-con-inner {
    padding-top: 10px !important;
  }

  .elementor-element-7580d2a,
  .elementor-element-7580d2a .elementor-widget-container,
  .elementor-element-7580d2a .elementor-heading-title {
    padding-top: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* Reduce spacing below reviews slider */
  .elementor-element-acab4fe .elementor-element-4acf7de {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .elementor-element-acab4fe
    .elementor-element-4acf7de
    .elementor-widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .elementor-element-acab4fe .elementor-element-4acf7de .elementor-swiper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Reduce bottom padding of the section container */
  .elementor-element-acab4fe {
    padding-bottom: 10px !important;
    --padding-bottom: 10px !important;
  }

  .elementor-element-acab4fe .e-con-inner {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 768px) {
  .elementor-section {
    padding: 30px 0 !important;
  }
}

/* Override initial hidden state for sections already visible */
.elementor-section:not(.fade-in):not(.slide-in-left):not(.slide-in-right) {
  opacity: 1 !important;
  transform: none !important;
}

/* === Premium Typography === */
h1,
h2,
h3,
.elementor-heading-title {
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

/* === Premium Card Stack Effect === */
.elementor-column {
  transition: all 0.3s ease;
}

.elementor-column:hover {
  transform: translateY(-5px);
  z-index: 10;
}

/* === PREMIUM BACK TO TOP BUTTON === */
.hfe-scroll-to-top-wrap {
  background: var(--gradient-accent) !important;
  border-radius: 50px !important;
  width: 60px !important;
  height: 60px !important;
  box-shadow: 0 8px 25px rgba(255, 221, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  animation: pulse 2s infinite !important;
}

.hfe-scroll-to-top-wrap:hover {
  transform: translateY(-5px) scale(1.1) !important;
  box-shadow: 0 12px 35px rgba(255, 221, 0, 0.6) !important;
}

/* === PREMIUM SMOOTH SCROLL === */
html {
  scroll-behavior: smooth;
}

/* === PREMIUM SELECTION COLOR === */
::selection {
  background: var(--accent-yellow);
  color: var(--primary-color);
}

::-moz-selection {
  background: var(--accent-yellow);
  color: var(--primary-color);
}

/* === PREMIUM FOCUS STYLES === */
*:focus {
  outline: none;
}

*:focus-visible {
  outline: 3px solid var(--accent-yellow);
  outline-offset: 2px;
  border-radius: 4px;
}

/* === PREMIUM BODY TRANSITIONS === */
body {
  transition: opacity 0.3s ease;
}

body.loaded {
  opacity: 1;
}

/* === PREMIUM IMAGE LAZY LOAD EFFECT === */
img {
  transition: opacity 0.3s ease;
}

img[loading="lazy"] {
  opacity: 0.7;
}

img[loading="lazy"]:loaded {
  opacity: 1;
}

/* === PREMIUM SECTION REVEAL ANIMATION === */
/* Moved to combine with section spacing rules above */
.elementor-section.visible {
  opacity: 1;
  transform: translateY(0);
}

/* === PREMIUM GRADIENT TEXT ANIMATION === */
/* Disabled - was making text hard to read */
/*
@keyframes gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
*/

/* === PREMIUM BUTTON GLOW EFFECT === */
@keyframes glow {
  0%,
  100% {
    box-shadow: 0 10px 30px rgba(255, 221, 0, 0.4);
  }
  50% {
    box-shadow: 0 10px 40px rgba(255, 221, 0, 0.7);
  }
}

.elementor-element-b1d398e .elementor-button,
.elementor-element-cfb9ac2 .elementor-button {
  animation: glow 3s ease infinite;
}

/* === PREMIUM SECTION DIVIDERS === */
.elementor-section::before,
.elementor-section::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 2px;
  background: var(--gradient-accent);
  opacity: 0.3;
}

/* === PREMIUM MOBILE OPTIMIZATIONS === */
@media (max-width: 768px) {
  .elementor-heading-title {
    font-size: clamp(24px, 5vw, 36px) !important;
  }

  .elementor-button {
    padding: 14px 30px !important;
    font-size: 14px !important;
  }

  .elementor-section {
    padding: 40px 0 !important;
  }

  .section-boxes {
    padding: 25px 15px !important;
  }

  /* Hide entire hamburger menu toggle button on mobile */
  header#masthead .elementor-menu-toggle {
    display: none !important;
    visibility: hidden !important;
  }

  header#masthead .elementor-menu-toggle__icon--open,
  header#masthead .elementor-menu-toggle__icon--close {
    display: none !important;
    visibility: hidden !important;
  }

  /* Center WhatsApp button in header on mobile */
  header#masthead .elementor-element-8c1d0cf,
  header#masthead .elementor-element-9c1a348,
  header#masthead .elementor-element-9c1a348 .elementor-widget-container,
  header#masthead .elementor-element-9c1a348 .elementor-button-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  header#masthead .elementor-element-9c1a348 .elementor-button {
    margin: 0 auto !important;
    margin-bottom: 15px !important;
  }

  /* Add space below WhatsApp button container */
  header#masthead .elementor-element-8c1d0cf {
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
  }
}

/* === PREMIUM ACCESSIBILITY === */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* === FINAL OVERRIDE: Request Call Back Form Bottom Spacing (Desktop Only) === */
/* This rule should be at the end of the file to ensure it overrides everything */
/* CRITICAL: Must override elementor-inline.css line 907-916 which has margin: 0px 35px 74px 0px; */
@media (min-width: 769px) {
  /* ULTRA SPECIFIC: ID selector (#WhyUs) has highest specificity and will override everything */
  /* Remove the 74px bottom margin - MUST override elementor-inline.css */
  #WhyUs
    .elementor-element.elementor-element-443ab00a.elementor-column
    > .elementor-element-populated,
  body.elementor-page-6.elementor-default.elementor-template-full-width
    .elementor.elementor-6
    .elementor-element.elementor-element-443ab00a.elementor-column.elementor-col-50.elementor-inner-column
    > .elementor-element-populated,
  body.elementor-page-6.elementor-default
    .elementor.elementor-6
    .elementor-element.elementor-element-443ab00a.elementor-column
    > .elementor-element-populated,
  body.elementor-page-6
    .elementor-6
    .elementor-element.elementor-element-443ab00a.elementor-column
    > .elementor-element-populated {
    margin: 0px 35px 0px 0px !important;
    margin-bottom: 0px !important;
    margin-top: 150px !important;
    margin-left: 40px !important;
    --e-column-margin-bottom: 0px !important;
    --e-column-margin-right: 35px !important;
    --e-column-margin-left: 0px !important;
    min-height: auto !important;
    height: auto !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
  }

  /* CRITICAL: Remove bottom padding from column-gap-default padding: 10px */
  /* The rule `.elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 10px; }` */
  /* adds 10px bottom padding - this is the MAIN culprit for bottom spacing */
  #WhyUs
    .elementor-column-gap-default
    > .elementor-column.elementor-element-443ab00a
    > .elementor-element-populated,
  body.elementor-page-6
    .elementor-6
    .elementor-column-gap-default
    > .elementor-column.elementor-element-443ab00a
    > .elementor-element-populated,
  .elementor-column-gap-default
    > .elementor-column.elementor-element-443ab00a
    > .elementor-element-populated {
    padding: 10px 10px 0px 10px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }

  /* Override align-items: center from elementor-inline.css line 1314-1326 */
  /* This centers content vertically causing extra space */
  #WhyUs
    .elementor-element.elementor-element-443ab00a.elementor-column
    .elementor-widget-wrap,
  #WhyUs
    .elementor-element.elementor-element-443ab00a.elementor-column.elementor-element[data-element_type="column"]
    > .elementor-widget-wrap.elementor-element-populated {
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
  }

  /* Ensure column itself has no min-height causing extra space */
  #WhyUs .elementor-column.elementor-element-443ab00a {
    min-height: auto !important;
    height: auto !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
  }

  /* Ensure widget-wrap inside doesn't add extra height */
  #WhyUs
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated
    > .elementor-widget-wrap {
    min-height: auto !important;
    height: auto !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }

  /* Force remove 74px bottom margin using attribute selector as backup */
  #WhyUs
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated[style*="margin"],
  .elementor-6
    .elementor-element.elementor-element-443ab00a
    > .elementor-element-populated[style*="margin"] {
    margin-bottom: 0px !important;
  }

  /* Direct element selector with ID for absolute override */
  #WhyUs
    div.elementor-element.elementor-element-443ab00a.elementor-column
    > div.elementor-element-populated {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }

  /* Ensure form container has minimal bottom padding */
  #WhyUs .elementor-element-fefaaff.elementor-widget-form,
  .elementor-element-fefaaff.elementor-widget-form {
    padding-bottom: 15px !important;
    margin-bottom: 0px !important;
  }
}

/* === Remove dividers under WhyUs cards and Request Call Back === */
/* Hide the specific divider widget inside WhyUs */
#WhyUs .elementor-element.elementor-element-2d38ddc,
#WhyUs .elementor-element.elementor-element-2d38ddc .elementor-widget-divider,
#WhyUs .elementor-element.elementor-element-2d38ddc .elementor-divider {
  display: none !important;
}

/* Hide any divider widgets inside WhyUs (catch-all) */
#WhyUs .elementor-widget-divider,
#WhyUs .elementor-widget-divider * {
  display: none !important;
}

/* Remove global section decorative dividers for WhyUs and its inner sections */
#WhyUs.elementor-section::before,
#WhyUs.elementor-section::after,
#WhyUs .elementor-section::before,
#WhyUs .elementor-section::after,
.elementor-element-4621cd07::before,
.elementor-element-4621cd07::after {
  display: none !important;
  content: none !important;
}

/* Remove heading underline divider within WhyUs (affects Request Call Back too) */
#WhyUs .elementor-heading-title::after,
.elementor-element-fefaaff .elementor-heading-title::after {
  display: none !important;
  content: none !important;
}

/* === Align Request Call Back vertically with left cards (Desktop) === */
@media (min-width: 769px) {
  /* Center columns inside the inner section row */
  #WhyUs .elementor-element-4621cd07 > .elementor-container {
    align-items: center !important;
    align-content: center !important;
  }

  /* Ensure the right column content is vertically centered */
  #WhyUs .elementor-element-443ab00a > .elementor-element-populated {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  /* Safety: center widgets within the column if needed */
  #WhyUs
    .elementor-element-443ab00a
    > .elementor-element-populated
    > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
}

/* === Padding for hero title and optional divider below it (Desktop only) === */
@media (min-width: 769px) {
  .elementor-element[data-id="dc183cd"] .elementor-widget-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  /* If a divider widget exists below the title within the same container */
  .elementor-element[data-id="dc183cd"]
    + .elementor-widget-divider
    .elementor-widget-container,
  .elementor-element[data-id="dc183cd"]
    ~ .elementor-widget-divider
    .elementor-widget-container {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* Reduce spacing above 'Rent A Car In Lahore Rates With Driver' (Desktop and Mobile) */
.elementor-element[data-id="66ad68b"] {
  margin-top: 0px !important; /* Override inline 80px - Reduced for both mobile and desktop */
  padding-top: 0 !important;
}

/* Reduce gap between Services section and Rates title */
.elementor-element[data-id="4c604c03"] + .elementor-element[data-id="66ad68b"],
.elementor-section.elementor-element-4c604c03
  + .elementor-element[data-id="66ad68b"] {
  margin-top: 0px !important;
  padding-top: 0 !important;
}

/* Mobile: Further reduce spacing */
@media (max-width: 768px) {
  .elementor-element[data-id="66ad68b"] {
    margin-top: 0px !important; /* Even less on mobile */
    padding-top: 0 !important;
  }

  /* Further reduce gap on mobile */
  .elementor-element[data-id="4c604c03"]
    + .elementor-element[data-id="66ad68b"] {
    margin-top: 0px !important;
    padding-top: 0 !important;
  }
}

/* === Reduce spacing for 'Our Customer Says' section === */
/* Applies to container with data-id="acab4fe" that wraps the heading, divider, and carousel */
.elementor-element[data-id="acab4fe"].e-con.e-parent {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Tighten heading spacing inside the section */
.elementor-element[data-id="acab4fe"]
  .elementor-widget-heading
  .elementor-widget-container {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

/* Reduce divider spacing under the heading */
.elementor-element[data-id="acab4fe"]
  .elementor-widget-divider
  .elementor-widget-container {
  padding-top: 4px !important;
  padding-bottom: 8px !important;
}

/* Ensure the testimonial carousel block has minimal outer spacing */
.elementor-element[data-id="acab4fe"]
  .elementor-widget-testimonial-carousel
  .elementor-widget-container {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

/* Optional: on desktop, slightly tighter */
@media (min-width: 769px) {
  .elementor-element[data-id="acab4fe"].e-con.e-parent {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}