.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:white}.App-link{color:#61dafb}@keyframes App-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ql-container.ql-snow{border:1px solid #ccc}

/* PURPLE GRADIENT - FOR OUR-VEHICLE PAGE AND HOMEPAGE VEHICLE SECTION */
/* Target vehicle images on dedicated vehicle page - excluding banner decorations and home section images */
body.our-vehicle-page img:not([class*="logo"]):not([class*="icon"]):not([class*="nav"]):not([class*="brand"]):not([src*="logo"]):not([alt*="logo"]):not(.bnr-dec-wrapper img):not(.home-sec1-img-wrap img) {
  border-bottom: 3px solid transparent !important;
  border-image: linear-gradient(90deg, #8B5FBF 0%, #4A068F 25%, #6B46C1 50%, #4A068F 75%, #8B5FBF 100%) 1 !important;
  margin-bottom: 15px !important;
}

/* Exclude banner decoration images specifically */
body.our-vehicle-page .bnr-dec-wrapper img {
  border-bottom: none !important;
  border-image: none !important;
  margin-bottom: 0 !important;
}

/* Exclude home section images specifically */
body.our-vehicle-page .home-sec1-img-wrap img {
  border-bottom: none !important;
  border-image: none !important;
  margin-bottom: 0 !important;
}

/* More specific targeting for homepage vehicle sections */
body.our-vehicle-page [class*="vehicle"] img:not([class*="logo"]):not([class*="icon"]):not([class*="nav"]),
body.our-vehicle-page [class*="car"] img:not([class*="logo"]):not([class*="icon"]):not([class*="nav"]),
body.our-vehicle-page .rent-car-card img,
body.our-vehicle-page .products-wrapper img,
body.our-vehicle-page .vehicle-card img,
body.our-vehicle-page .our-vehicles img,
body.our-vehicle-page section[class*="vehicle"] img {
  border-bottom: 3px solid transparent !important;
  border-image: linear-gradient(90deg, #8B5FBF 0%, #4A068F 25%, #6B46C1 50%, #4A068F 75%, #8B5FBF 100%) 1 !important;
  margin-bottom: 15px !important;
}

/* BENEFIT CARDS SIZING AND SPACING IMPROVEMENTS */
/* Optimize card sizes to align button with bottom of car image */
body.our-vehicle-page .home-sec1 .bnf-col-wrapper {
  height: 230px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
}

/* Ensure consistent text distribution within cards */
body.our-vehicle-page .home-sec1 .bnf-col-wrapper h3 {
  flex-shrink: 0 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
}

body.our-vehicle-page .home-sec1 .bnf-col-wrapper p {
  flex-grow: 1 !important;
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
  line-height: 1.4 !important;
  word-spacing: normal !important;
  font-size: 14px !important;
}

/* Optimize spacing between rows of cards */
body.our-vehicle-page .home-sec1 .bnf-row {
  margin-bottom: 15px !important;
}

/* Position Learn More button to align with bottom of car image */
body.our-vehicle-page .home-sec1 .bnf-btn-wrapper {
  padding-top: 10px !important;
  margin-top: 0px !important;
}

/* Make the purple background (Ellipse) bigger */
body.our-vehicle-page .home-sec1 .col-lg-6[style*="Ellipse"] {
  background-size: 115% !important;
}

/* Remove benefit card icons and circles completely */
body.our-vehicle-page .home-sec1 .benefit-icon {
  display: none !important;
}

/* Move text content up by adjusting card padding */
body.our-vehicle-page .home-sec1 .bnf-col-wrapper {
  padding-top: 25px !important;
  text-align: center !important;
}

/* Adjust title spacing */
body.our-vehicle-page .home-sec1 .bnf-col-wrapper h3 {
  margin-top: 0px !important;
  margin-bottom: 15px !important;
} 