* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  color: #ffffff;
  scroll-behavior: smooth;
}

body {
  background-color: #000 !important;
  color: #fff;
  overflow-x: hidden; /* Prevent horizontal scroll */
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: #4a068f;
}

body::-webkit-scrollbar-thumb:hover {
  background: #310063;
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.ac-row {
  display: flex;
  align-items: center;
}

.theme-h1 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 90px;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
}

.theme-h2 {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 72px;
  letter-spacing: -2px;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
}

.theme-h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60.48px;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
}

.theme-h4 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
}

.theme-h5 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 25.2px;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
}

.theme-h6 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50.4px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
}

.theme-h7 {
  font-family: "Plus Jakarta Sans";
  font-size: 64px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
}

.theme-h8 {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 66px;
  letter-spacing: -2px;
  text-transform: capitalize;
  color: #fff;
  margin: 0px;
}

.theme-p1 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #a1a1aa;
  margin: 0px;
}

.theme-p2 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #667085;
}

.theme-p3 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24.2px;
  color: #686a6a;
}

.theme-btn1 {
  padding: 8px 45px 8px 45px;
  border-radius: 4px;
  border: 1px solid #fff;
  color: #fff !important;
  background-color: transparent;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.94px;
  letter-spacing: 0.46000000834465027px;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  transition: all 0.2s;

  &:hover {
    color: #4a068e !important;
    background: #fff;
  }
}

.theme-btn2 {
  padding: 8px 45px 8px 45px;
  border-radius: 4px;
  border: 1px solid #4a068e;
  color: #fff !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.94px;
  letter-spacing: 0.46000000834465027px;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  background: #4a068f;
  transition: all 0.2s;

  &:hover {
    border: 1px solid #fff;
    color: #4a068e !important;
    background: #fff;
  }
}

.theme-btn3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-transform: capitalize;
  padding: 10px 16px 10px 16px;
  border-radius: 4px;
  text-decoration: none;
  background-color: #4a068e;
  color: #fff !important;
  border: 1px solid #4a068e;
  transition: all 0.2s;

  &:hover {
    border: 1px solid #fff;
    color: #4a068e !important;
    background: #fff;
  }
}

.theme-btn4 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: center;
  text-transform: capitalize;
  padding: 10px 20px 10px 20px;
  border-radius: 100px;
  border: 1px solid #fff;
  transition: all 0.2s;

  &:hover {
    color: #4a068e !important;
    background: #fff;
  }
}

.theme-btn5 {
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  padding: 10px 49px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 4px;
  background: #4a068f;
  color: #fff !important;
  text-decoration: none;
  transition: all 0.2s;

  &:hover {
    color: #4a068f !important;
    background: #fff;
  }
}

.theme-btn6 {
  font-family: "Poppins";
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  letter-spacing: -0.20000000298023224px;
  text-align: center !important;
  padding: 13.5px !important;
  border-radius: 9px !important;
  text-transform: capitalize;
  background: #4a068f !important;
  color: #fff !important;
  text-decoration: none;
  transition: all 0.2s;

  &:hover {
    color: #4a068f !important;
    background: #fff !important;
  }
}

.theme-btn7 {
  font-family: "Poppins";
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  letter-spacing: -0.2px;
  text-align: center !important;
  padding: 13.5px !important;
  border-radius: 9px !important;
  text-transform: capitalize;
  background: #00000000 !important;
  color: #fff !important;
  border: 1px solid #4a068f;
  text-decoration: none;
  transition: all 0.2s;

  &:hover {
    color: #4a068f !important;
    background: #fff !important;
    border: 1px solid #ffffff;
  }
}

input.sb-btn {
  height: auto !important;
  font-family: "Poppins";
  margin-bottom: 0px !important;
}

.nav-btn-wrapper a:first-child {
  margin-right: 16px;
}

nav.container.main-nav.navbar.navbar-expand-lg.navbar-light.bg-light {
  background: none !important;
}

.main-nav {
  background: transparent !important;
  /* position: absolute;
  width: 100%;
  z-index: 99;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 0; */
}

.nav-btn-wrapper {
  display: flex;
}

.main-nav a.navbar-brand {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 20.16px;
  text-align: center;
  text-transform: uppercase;
  margin: 0px !important;
  color: #fff !important;
}

.main-nav a.navbar-brand span {
  font-size: 16px;
}

.main-nav .main-nav-items {
  justify-content: center;
}

.main-nav a.nav-item.nav-link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
}

.main-nav a.nav-item.nav-link.active {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: #9f43fe;
}

.main-nav a.nav-item.nav-link {
  margin: 16px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  color: #fff;
  position: relative;
  transform: translate(-10%, 10%);
  display: inline-block;
  padding: 0px;
}

.main-nav a.nav-item.nav-link:hover {
  color: #9f43fe;
}

.main-nav .navbar-nav {
  padding-top: 34px;
  padding-bottom: 34px;
}

.main-nav {
  background: transparent !important;
}

.main-nav a.nav-item.nav-link:hover:before {
  content: " ";
  height: 2px;
  background-color: #9f43fe;
  position: absolute;
  left: 0px;
  width: 0%;
  bottom: -6px;
  animation: animate 0.5s linear;
  animation-fill-mode: forwards;
}

@keyframes animate {
  100% {
    width: 100%;
  }
}

.bnr-cnt-wrapper h1 {
  padding-bottom: 52px;
}

.bnr-btn-wrapper a {
  font-family: "Plus Jakarta Sans", sans-serif;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 18px 12px 18px;
  line-height: 20.16px;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  text-transform: capitalize;
  background: #4a068f;
  transition: all 0.2s;

  &:hover {
    color: #4a068e !important;
    background: #fff;
  }
}

.bnr-btn-wrapper a ion-icon {
  font-size: 24px;
  margin-left: 8px;
  position: relative;
  top: 6px;
}

.bnr-dec-wrapper img:first-child {
  position: absolute;
  left: 0;
}

.bnr-dec-wrapper {
  position: relative;
}

.bnr-main-wrapper {
  /* padding-top: 182px; */
  padding-top: 76px;
  padding-bottom: 234px;
  display: flex;
  align-items: center;
}

.bnr-cnt-wrapper {
  width: 60%;
}

.bnr-dec-wrapper {
  position: relative;
  width: 40%;
}

.bnr-dec-wrapper img:last-child {
  position: relative;
  width: 540px;
  left: 22px;
  z-index: -9;
  top: 60px;
}

.bnr-dec-wrapper img:first-child {
  position: absolute;
  left: -172px;
  width: 616px;
  top: 50px;
}

.bnr-dec-wrapper:before {
  content: "";
  background-image: url(../images/Ellipse\ 33.webp);
  width: 820px;
  height: 820px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: -99;
  top: -255px;
  right: -118px;
}

.bnr-para {
  width: 511px;
  display: flex;
  text-align: justify;
}

.bnr-cnt-wrapper p {
  padding-bottom: 52px;
}

.home-sec1 {
  padding-bottom: 130px;
}

.home-sec1-img-wrap img {
  width: 100%;
}

.home-sec1 .col-lg-6 h2 {
  border-bottom: 1px solid #667085;
  padding-bottom: 12px;
  margin-bottom: 38px;
}

.bnf-col-wrapper {
  padding-top: 32px;
}

.bnf-col-wrapper img {
  padding-bottom: 24px;
}

.bnf-col-wrapper h3 {
  padding-bottom: 8px;
}

.bnf-col-wrapper p {
  margin: 0px;
  text-align: justify;
}

.bnf-btn-wrapper {
  text-align: center;
  padding-top: 40px;
}

.bnf-btn-wrapper a {
  position: relative;
  text-decoration: none;
  color: #fff;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  text-align: center;
  text-transform: capitalize;
  padding: 12px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #8b5fbf 0%, #4a068f 60%, #6b46c1 100%);
  border: 0;
  box-shadow: none; /* remove glow/shadow */
  transition: transform 0.25s ease;
}

.bnf-btn-wrapper a ion-icon {
  top: 5px;
  position: relative;
  font-size: 20px;
  margin-left: 2px;
}

.bnf-btn-wrapper a::before { content: none; }

.bnf-btn-wrapper a:hover { transform: translateY(-3px); box-shadow: none; }

.product-img-wrap {
  /* width: 386px; */
  width: 100%;
  height: 249px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  overflow: hidden;
}

.product-img-wrap img {
  width: 100%;
}

.product-details-wrap {
  padding: 16px;
  background: rgba(6, 8, 12, 0.78); /* darker translucent black glass */
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-top: 0; /* blend with image above */
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Slightly deepen the glass on hover */
.products-wrapper:hover .product-details-wrap {
  background: rgba(6, 8, 12, 0.88);
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.stock-dis span {
  font-family: Inter;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  background: #138808;
  border-radius: 100px;
  padding: 6px 12px;
}

.stock-dis span ion-icon {
  font-size: 8px;
  margin-right: 2px;
}

span.product-type {
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-weight: 700;
  line-height: 17.64px;
  color: #90a3bf;
}

.price > span.limits {
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-weight: 700;
  line-height: 25.2px;
  color: #90a3bf;
}

.price {
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 25.2px;
  color: #fff;
  margin-bottom: 0px !important;
}

.product-act {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.stock-dis {
  padding-bottom: 16px;
}

.product-details-wrap .product-title {
  padding-bottom: 4px;
}

.product-act {
  margin-top: 16px;
}

.stock-dis span.abl-on {
  background: #6cd689;
  color: #1f2329;
}

.products-wrapper.unable span.unable {
  background: #64748b;
}

.products-wrapper.unable .product-img-wrap img {
  filter: contrast(0.5);
}

.products-wrapper.unable span.product-type,
.products-wrapper.unable .product-title,
.products-wrapper.unable .price,
.products-wrapper.unable .price span.limits {
  color: #667085;
}

.products-wrapper.unable .product-act .theme-btn3 {
  background: #667085;
  border: #667085;
  color: #454c5b !important;
}

.products-wrapper {
  margin-bottom: 24px;
}

.proBtn-wrap a {
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: center;
  color: #fff !important;
  text-decoration: none;
  text-transform: capitalize;
  border: 1px solid #fff;
  padding: 10px 20px;
  border-radius: 100px;
  transition: all 0.3s;

  &:hover {
    border: 1px solid #4a068e;
    background-color: #4a068e;
  }
}

.proBtn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.prd-title-wrap {
  padding-bottom: 24px;
}

.footer-brand {
  display: flex;
}

.footer-brand a {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 20.16px;
  text-align: center !important;
  text-transform: uppercase;
  margin: 0px !important;
  color: #fff !important;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

.footer-brand a span {
  font-size: 14px;
  padding-top: 2px;
}

ul.ft-social-links {
  list-style: none;
  padding-left: 0px;
  margin: 0px;
  text-align: end;
}

ul.ft-social-links li a {
  color: #fff;
}

ul.ft-social-links li {
  display: inline-block;
  padding-right: 34px;
}

ul.ft-social-links li:last-child {
  padding-right: 0px !important;
}

.home-sec2 {
  padding-bottom: 52px;
}

footer {
  padding: 32px 0px;
}

.ft-r1 {
  padding-bottom: 24px;
  border-bottom: 1px solid #e4e4e7;
}

ul.ft-address {
  padding-left: 0px !important;
  list-style: none;
  margin-bottom: 0px;
}

ul.ft-address li {
  display: inline-block;
}

ul.ft-address li p {
  width: 67%;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #667085;
}

ul.ft-address li a {
  text-decoration: none;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #667085;
}

ul.ft-address li h6 {
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}

.ft-r2 {
  padding-top: 39px;
  padding-bottom: 7px;
  align-items: center;
}

ul.ft-cnd {
  padding-left: 0px !important;
  list-style: none;
  margin-bottom: 0px;
  display: flex;
  justify-content: end;
}

ul.ft-cnd li {
  display: inline-block;
}

ul.ft-cnd li:last-child a:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #4a068f;
  display: inline-block;
  margin-right: 16px;
  border-radius: 100%;
  margin-left: 16px;
}

ul.ft-cnd li a {
  color: #4c008b !important;
  font-size: 16px;
  font-weight: 500;
}

ul.ft-cnd li:last-child {
  margin-right: 0px;
}

ul.ft-cnd li h6 {
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #4a068f;
}

ul.ft-cnd li a {
  /* font-family: "Plus Jakarta Sans"; */
  /* font-size: 14px; */
  /* font-weight: 400; */
  /* line-height: 40px; */
  /* color: #fff !important; */
  text-decoration: none;
}

.filter {
  font-family: "Poppins";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  padding: 9px 52px 9px 24px;
  background: #1b1f24;
  border: 1px solid #1f2329;
  border-radius: 4px;
  float: right;
}

.filter {
  position: relative;
}

.filter img {
  position: absolute;
  right: 15%;
  top: 30%;
}

/* Our Vehicle Page */
section.vehicle_page {
  padding-top: 100px;
}

.pagination_row a {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #8d98af !important;
  text-decoration: none !important;
  transition: all 0.5s;
  margin: 0 2px;
  cursor: pointer;
}

.pagination_row span {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #8d98af !important;
  text-decoration: none !important;
}

.pagination_row a.active,
.pagination_row a:hover {
  background: #4a068f;
  color: #fff !important;
  border-radius: 5px;
}

.pagination_row {
  margin-top: 30px;
}

.filter-wrap {
  width: fit-content;
  /* margin-right: 0; */
  margin-left: auto;
}

.filter-wrap .dropdown-menu {
  top: 50px;
  right: 0;
}

.filter-wrap .form-check {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9;
}

.filter-wrap {
  position: relative;
}

.filter-wrap .submenu .dropdown-menu {
  left: unset !important;
  right: 0 !important;
  padding: 6px !important;
  background: #1b1f24;
  right: 5px !important;
  left: unset !important;
}

.filter-wrap .dropdown-menu.show {
  background: #1b1f24;
}

.filter-wrap .dropdown {
  background: red;
  position: relative;
}

.filter-wrap .dropdown-menu span {
  color: #667085;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}

.filter-wrap .dropdown-menu .dropdown-item.dropdown-toggle {
  color: #667085;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  padding: 6px 8px;
  align-items: center;
  background: #1b1f24;
  border: none;
}

.filter-wrap .dropdown-menu .dropdown-item .dropdown-item {
  display: block !important;
}

.filter-wrap .dropdown-menu .dropdown-item {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #667085;
  left: 0;
}

.filter-wrap .dropdown-menu .dropdown-item:hover {
  background: #667085;
  color: #fff;
}

.filter-wrap .submenu .dropdown-menu .dropdown-item {
  padding: 6px !important;
  background: #1b1f24;
  border: 1px solid #282f36;
  border-radius: 6px;
}

.filter-wrap .show.dropdown .dropdown-menu.show:last-child {
  padding: 6px;
}

button.filter::after {
  display: none;
}

.filter-wrap .show.dropdown .dropdown-menu.show:last-child {
  left: unset !important;
  right: 0 !important;
}

/* ==============================================
   REFINED CAR DETAILS PAGE - LESS CROWDED DESIGN
   ============================================== */

/* Main car details section with refined spacing */
section.detail-car-sec1 {
  padding-top: 25px !important; /* Reduced from 40px */
}

/* Refined image gallery - smaller and more elegant */
.detailCar-slide-controller {
  height: 420px !important; /* Reduced from 603px */
  overflow-y: scroll !important;
  padding-right: 8px; /* Add breathing room */
}

.detailCar-slide-controller ul li img {
  width: 100%;
  height: 95px !important; /* Reduced from 138px */
  border-radius: 6px !important; /* Slightly more rounded */
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease;
}

.detailCar-slide-controller ul li {
  padding: 0px 8px 12px 0px !important; /* Reduced spacing */
}

.detailCar-slide-controller ul li:hover img {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(74, 6, 143, 0.3);
}

/* Main image slider - more compact */
.detailCar-slider.owl-carousel .owl-item img {
  height: 420px !important; /* Reduced from 603px */
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px !important; /* More rounded for elegance */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

/* Refined navigation buttons */
button.owl-next, button.owl-prev {
  width: 45px !important;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

button.owl-next:hover, button.owl-prev:hover {
  transform: scale(1.05);
}

/* Back button - more subtle */
.back-to {
  font-size: 12px !important; /* Smaller font */
  opacity: 0.9;
  transition: all 0.3s ease;
}

.back-to:hover {
  opacity: 1;
  color: #4a068f !important;
}

.back-to-sec {
  padding-bottom: 18px !important; /* Reduced from 26px */
}

/* Car title and info section - more compact */
.detail-car-ptag {
  padding-top: 30px !important; /* Reduced from 46px */
  padding-bottom: 20px !important; /* Reduced from 12px */
  border-bottom: 1px solid rgba(102, 112, 133, 0.3) !important; /* More subtle */
}

.detail-car-ptag .stock-dis span {
  font-size: 14px !important; /* Reduced from 16px */
  padding: 8px 12px !important; /* More compact */
  border-radius: 6px;
  backdrop-filter: blur(10px);
}

/* Car features section - refined layout */
.car-features {
  padding-bottom: 45px !important; /* Reduced from 68px */
  padding-top: 35px !important; /* Reduced from 48px */
}

.car-features-boxes {
  padding: 20px 15px !important; /* More compact padding */
  margin-bottom: 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
  background: rgba(26, 29, 41, 0.4);
  border: 1px solid rgba(74, 6, 143, 0.2);
}

.car-features-boxes:hover {
  background: rgba(26, 29, 41, 0.6);
  border-color: rgba(74, 6, 143, 0.4);
  transform: translateY(-2px);
}

.car-features-boxes h6 {
  font-size: 16px !important; /* Reduced from 20px */
  line-height: 24px !important; /* Reduced from 30px */
  padding-top: 6px !important; /* Reduced from 8px */
  margin-bottom: 0px;
}

/* Car description - more compact */
.car-discription {
  padding-bottom: 40px !important; /* Reduced from 63px */
}

.car-discription p {
  padding-top: 8px !important; /* Reduced from 12px */
  line-height: 1.6 !important; /* Better readability */
  font-size: 15px !important; /* Slightly smaller */
  opacity: 0.9;
}

/* Car facilities - refined spacing */
.car-facilities-wrap {
  padding: 25px 20px !important; /* More compact */
  border-radius: 8px;
  background: rgba(26, 29, 41, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.car-facilities-wrap:hover {
  background: rgba(26, 29, 41, 0.5);
  border-color: rgba(74, 6, 143, 0.3);
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(74, 6, 143, 0.15);
}

.car-facilities-wrap img {
  padding-bottom: 15px !important; /* Reduced from 20px */
  max-width: 40px !important; /* Smaller icons */
  height: auto;
  opacity: 0.9;
}

.car-facilities-wrap h4 {
  padding-bottom: 6px !important; /* Reduced from 8px */
  font-size: 18px !important; /* Slightly smaller */
  line-height: 1.4;
}

.car-facilities-wrap p {
  margin-bottom: 0px;
  font-size: 14px !important; /* Smaller text */
  line-height: 1.5;
  opacity: 0.8;
}

.detail-car-sec1 .row.car-facilities:not(:last-child) {
  padding-bottom: 35px !important; /* Reduced from 62px */
}

/* Price section - more elegant */
.price {
  font-size: 24px !important; /* Slightly smaller for elegance */
  font-weight: 600 !important;
  color: #4a068f !important;
}

.price > span.limits {
  font-size: 14px !important; /* Smaller supporting text */
  opacity: 0.7;
  color: #a1a1aa !important;
}

/* Product type badges - more refined */
span.product-type {
  font-size: 12px !important; /* Smaller badge text */
  padding: 6px 10px !important;
  border-radius: 15px !important; /* More rounded */
  background: rgba(74, 6, 143, 0.2) !important;
  border: 1px solid rgba(74, 6, 143, 0.4) !important;
}

/* Other cars section - compact */
section.other-car-sec {
  padding-top: 50px !important; /* More reasonable spacing */
}

.other-car-sec .other-car-wrap {
  padding-bottom: 20px !important; /* Reduced from 24px */
}

.other-car-sec .other-car-wrap h3 {
  font-size: 20px !important; /* Reduced from 24px */
  line-height: 28px !important; /* Reduced from 36px */
}

/* Responsive refinements */
@media (max-width: 768px) {
  .detailCar-slide-controller {
    height: 300px !important;
  }
  
  .detailCar-slider.owl-carousel .owl-item img {
    height: 300px !important;
    border-radius: 8px !important;
  }
  
  .detailCar-slide-controller ul li img {
    height: 70px !important;
  }
  
  .car-features-boxes h6 {
    font-size: 14px !important;
  }
  
  .car-facilities-wrap {
    padding: 20px 15px !important;
    margin-bottom: 15px !important;
  }
  
  .car-facilities-wrap h4 {
    font-size: 16px !important;
  }
  
  .car-facilities-wrap p {
    font-size: 13px !important;
  }
}

@media (max-width: 576px) {
  .detailCar-slide-controller {
    height: 250px !important;
  }
  
  .detailCar-slider.owl-carousel .owl-item img {
    height: 250px !important;
  }
  
  .detailCar-slide-controller ul li img {
    height: 60px !important;
  }
  
  .car-features {
    padding-top: 25px !important;
    padding-bottom: 30px !important;
  }
  
  .detail-car-sec1 .row.car-facilities:not(:last-child) {
    padding-bottom: 25px !important;
  }
}

/*----- How it work page ----*/

section.how-it-work-sec {
  padding-top: 94px;
  padding-bottom: 95px;
}

.how-it-work-sec .main-title {
  padding-bottom: 100px;
  text-align: center;
}

.how-it-work-sec .main-title h2 {
  padding-bottom: 24px;
}

.how-it-work-sec .main-title p {
  margin-bottom: 0px;
}

.hw-steps {
  background-image: url(../images/howWork-bg.webp);
  background-size: 100% 100%;
  padding: 46px 26px 9px 26px;
  background-repeat: no-repeat;
  background-position: center;
}

.hw-steps ol li h3 {
  color: #fff;
  font-family: "Poppins";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}

.hw-steps ol li p {
  color: #fff;
  text-align: justify;
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px !important;
  position: relative;
}

.hw-steps ol li:not(:last-child) {
  margin-bottom: 32px;
}

.hw-steps ol {
  margin: 0px !important;
  padding-left: 90px;
  list-style: none;
  position: relative;
}

.hw-steps ol li:first-child:before {
  content: "1";
  height: 42px;
  width: 42px;
  background-color: #4a068f !important;
  position: absolute;
  left: 26px;
  border-radius: 100px;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: "Poppins";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.hw-steps ol li:nth-child(2):before {
  content: "2";
  height: 42px;
  width: 42px;
  background-color: #1d1f22 !important;
  position: absolute;
  left: 26px;
  border-radius: 100px;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: "Poppins";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.hw-steps ol li:last-child:before {
  content: "3";
  height: 42px;
  width: 42px;
  background-color: #1d1f22 !important;
  position: absolute;
  left: 26px;
  border-radius: 100px;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: "Poppins";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.hw-steps ol li p:before {
  content: "";
  height: 120px;
  width: 2px;
  background: #9b9c9c;
  position: absolute;
  left: -42px;
}

.hw-steps ol li:last-child p:before {
  display: none !important;
}

/*----- login/register and forget password -----*/

section.login-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

section.register-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

section.verification-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

section.forget-password-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

section.create-password-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

.LR-Hero-wrapper {
  /* padding: 204px 32px 204px 72px; */
  /* padding: 204px 0px; */
  position: relative;
  min-height: 650px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.LR-Hero-wrapper:before {
  content: "";
  width: 852px;
  height: 100%;
  background: url(../images/lr-bg.webp);
  background-position: center;
  background-size: 69%;
  background-repeat: no-repeat;
  position: absolute;
  left: -134px;
  top: 17px;
  z-index: -9;
}

.LR-Hero-wrapper h2 {
  padding-bottom: 40px;
}

.LR-Hero-wrapper p:not(:last-child) {
  padding-bottom: 30px;
}

.LR-Hero-wrapper p {
  margin-bottom: 0px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: justify;
}

.LR-Form-wrapper h3 {
  font-family: "Poppins";
  font-size: 52px;
  font-weight: 600;
  line-height: 62px;
  letter-spacing: -2px;
  margin-bottom: 0px;
  padding-bottom: 15px;
}

.LR-Form-wrapper p {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #52525b;
  margin-bottom: 12px;
}

.LR-Form-wrapper form label {
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #64748b;
  margin-bottom: 12px;
}

.LR-Form-wrapper form {
  padding-top: 12px;
}

.LR-Form-wrapper form input {
  font-family: "Poppins";
  width: 100%;
  height: 60px;
  border-radius: 12px;
  border: none;
  background: #1d1f22;
  margin-bottom: 16px;
  outline: none;
  color: #fff;
  font-size: 14px;
  padding: 0px 20px;
}

.LR-Form-wrapper form .forget-tab {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
  padding-bottom: 30px;
}

/* .LR-Form-wrapper form .forget-tab input {
  width: 19px;
  height: 19px;
  border-radius: 5px !important;
  border: 1px solid #94a3b8;
  margin: 0px 9px 16px 0px;
} */

.checkbox.style-a {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox.style-a input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox.style-a input:checked ~ .checkbox__checkmark {
  background-color: #fff;
}

.checkbox.style-a input:checked ~ .checkbox__checkmark:after {
  /* opacity: 1; */
}

.checkbox.style-a:hover input ~ .checkbox__checkmark {
  background-color: #eee;
}

.checkbox.style-a:hover input:checked ~ .checkbox__checkmark {
  background-color: #fff;
}

.checkbox.style-a .checkbox__checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: #ffffff03;
  transition: background-color 0.25s ease;
  border-radius: 5px;
  border: 1px solid #94a3b8;
}

.checkbox.style-a .checkbox__checkmark:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  /* border: solid #333; */
  /* border-width: 0 1px 1px 0; */
  /* transform: rotate(45deg); */
  opacity: 0;
  transition: opacity 0.25s ease;
}

.LR-Form-wrapper form .forget-tab a {
  font-family: "Poppins";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  color: #2563eb;
}

.sb-btn-col1 p {
  font-family: "Poppins";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #52525b;
  margin-bottom: 0px;
  margin-top: 20px;
}

.sb-btn-col1 p a {
  font-family: "Poppins";
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  color: #fff;
  text-decoration: none;
}

.login-frame {
  /* padding-top: 124px;
  padding-bottom: 110px; */
  padding-left: 45px;
  /* padding-right: 120px; */
}

.agreeTC-tab {
  padding-bottom: 30px;
}

.LR-Form-wrapper span {
  color: #fff;
  font-family: "Poppins";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-transform: capitalize;
}

.register-frame {
  /* padding-top: 96.5px;
  padding-bottom: 61.5px; */
  padding-left: 63px;
}

.LR-Form-wrapper form input::placeholder {
  color: #fff;
}

.verific-otp {
  display: flex;
  justify-content: space-between;
  gap: 14.2px;
}

.verific-otp input {
  font-family: "Poppins" !important;
  text-align: center !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 600 !important;
  margin-bottom: 0px !important;
  border-radius: 4px !important;
  border: 1px solid #000 !important;
  background: #1f2329 !important;
  box-shadow:
    0px 0px 1px 0px rgba(0, 0, 0, 0),
    0px 0px 1px 0px rgba(0, 0, 0, 0.01),
    0px 0px 1px 0px rgba(0, 0, 0, 0.05),
    0px 0px 1px 0px rgba(0, 0, 0, 0.09) !important;
}

.verific-otp input::-webkit-outer-spin-button,
.verific-otp input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.verific-otp input[type="number"] {
  -moz-appearance: textfield;
}

p.sendTo-verific-otp {
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 16px;
  color: #fff;
  margin-bottom: 0px;
}

.verfic-otp-time {
  font-family: "Poppins" !important;
  padding-top: 16px !important;
  color: #9b9c9c !important;
  text-align: center;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal !important;
  margin-bottom: 50px !important;
}

.verfic-otp-time span {
  color: #f00;
}

.verification-frame a.theme-btn7 {
  display: block;
  width: 100%;
}

.verification-frame {
  /* padding-top: 193.5px;
  padding-bottom: 16.5px; */
  padding-left: 63px;
}

.forget-password-frame input[type="email"] {
  margin-bottom: 49px !important;
}

.forget-password-frame {
  /* padding-top: 241.4px;
  padding-bottom: 227.5px; */
  padding-left: 63px;
}

.create-password-frame input.sb-btn {
  margin-top: 49px;
}

.create-password-frame {
  /* padding-top: 182px;
  padding-bottom: 168px; */
  padding-left: 46px;
}

/*------ Responsive -----*/

@media only screen and (max-width: 1200px) {
  .bnr-dec-wrapper:before {
    content: "";
    width: 629px;
    height: 697px;
    z-index: -99;
    top: -255px;
    right: 0px;
  }

  .bnr-dec-wrapper img:last-child {
    width: 437px;
    left: 22px;
    top: 60px;
  }

  .bnr-dec-wrapper img:first-child {
    left: -172px;
    width: 516px;
    top: 50px;
  }
}

.checkbox.style-a input:checked ~ .checkbox__checkmark:before {
  content: "\f00c";
  font-family: "FontAwesome";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4c008b;
}

.home-sec2 {
  padding-bottom: 52px;
  background-image: url(../images/hv-bg.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.products-wrapper {
  margin-bottom: 24px;
  background-color: #000;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  will-change: transform;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

/* Pop-out interaction for product cards on the Our Vehicles section */
.home-sec2 .products-wrapper:hover {
  transform: translateY(-8px);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.55),
    0 12px 28px rgba(74, 6, 143, 0.28);
}

.profile-section {
  display: flex;
}

@media screen and (max-width: 990px) {
  .profile-section {
    display: block;
  }
}

.profile-section span.profile-name {
  font-size: 16px;
  margin-right: 12px;
}

.profile-section button.profile-btn {
  background: none !important;
  color: #fff;
}

.profile-section button.profile-btn {
  font-size: 12px;
}

.dashboard-panel-topbar {
  width: 100%;
  height: 86px;
  background: #121418;
}

.mobile-dash-topbar-wrap {
  display: none;
}

.verific-otp input[type="number"] {
  color: #fff;
}

.verific-otp input:focus {
  color: #fff;
}

/* Header Profile Css */
.profile-section .dropdown .dropdown-menu {
  border-radius: 4px;
  background: #1b1f24;
  width: 186px;
  padding: 24px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.profile-section .dropdown .dropdown-menu .prof_info {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #667085;
  margin-bottom: 20px;
}

.profile-section .prof_info span.profile-name {
  display: block;
  margin: 0;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.profile-section .prof_info span.profile-name .accept {
  border-radius: var(--Photo, 16px);
  background: #138808;
  display: flex;
  padding: 2px var(--Medium, 8px) 2px 6px;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  gap: 6px;
  margin-top: 6px;
}

.profile-section .prof_info span.profile-name .accept:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 100%;
}

.profile-section .prof_info img.profile-image {
  width: 40px !important;
  height: 40px !important;
}

.profile-section .dropdown .dropdown-menu a.dropdown-item {
  color: #667085;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  padding: 4px 8px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.profile-section .dropdown .dropdown-menu a.dropdown-item img {
  margin-right: 12px;
}

.profile-section .dropdown .dropdown-menu button.dropdown-item {
  display: flex;
  padding: 6px var(--Medium, 8px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: var(--Neutral-50, #f7f8f9);
  color: var(--Neutral-800, #191d23);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* Preloader Css */
#preloader {
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.iam {
  color: white;
  font-size: 40px;
  padding: 15px;
  font-family: "Plus Jakarta Sans";
  font-weight: 800;
}

.text {
  color: white;
  /* border-right: 2px solid #4A068F; */
  font-size: 40px;
  font-family: "Plus Jakarta Sans";
  color: #4a068f;
  text-transform: uppercase;
  font-weight: 800;
}

.preloader {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999;
  height: 100%;
  width: 100%;
  transition: 2s ease-in-out !important;
  clip-path: circle(100% at 50% 60%);
}

.preloader img {
  width: 10%;
  margin: auto;
}

.preloader .row {
  align-items: center;
  height: 100%;
}

.preloader.hide {
  transition: 2s ease-in-out !important;
  clip-path: circle(0% at 0 0%);
}

.profile-section span.profile-name {
  text-transform: capitalize;
}

/* Privacy Modal Css */
.privcay_modal {
  background: rgba(12, 17, 29, 0.8);
  backdrop-filter: blur(2px);
}

.privcay_modal .modal-dialog .modal-content {
  padding: 42px;
  flex-direction: column;
  border-radius: var(--Photo, 16px);
  background: #1b1f24;
}

.privcay_modal .modal-dialog {
  max-width: 41%;
}

.privcay_modal .modal-dialog .modal-header {
  position: relative;
  border: none;
  padding: 0;
  margin-bottom: 30px;
}

.privcay_modal .modal-dialog .modal-header button.btn-close {
  filter: invert(1);
}

.privcay_modal .modal-dialog .modal-header .modal-title.h4 {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
  font-family: "Poppins";
}

.privcay_modal .modal-dialog .modal-body {
  padding: 0;
}

.privcay_modal .modal-dialog .modal-body .privcay_version {
  display: flex;
  font-size: 14px;
  margin-bottom: 14px;
  color: #afafaf;
}

.privcay_modal .privcay_version .date_version {
  position: relative;
  padding-left: 10px;
}

.privcay_modal .privcay_version .date_version:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #afafaf;
  border-radius: 100%;
  margin-right: 7px;
}

.privcay_modal .cont {
  font-size: 20px;
  line-height: 1.8;
  font-weight: 400;
  font-family: "Poppins";
}

/* Changes */
.hw-steps a.theme-btn5 {
  width: 85%;
  display: block;
  margin-right: 0;
  margin-left: auto;
  margin-top: 40px;
  margin-bottom: 20px;
}

.verification-frame p.error-message {
  color: red;
  font-size: 13px;
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.verification-frame p.error-message i {
  margin-right: 10px;
}

p.not_rcv_cd a {
  color: #cbd5e1;
  text-decoration: none;
  font-weight: 600;
}

p.not_rcv_cd {
  color: #cbd5e1;
  font-size: 16px;
}

/* password Modal */
.password_modal {
  background: rgba(12, 17, 29, 0.8);
  backdrop-filter: blur(2px);
}

.password_modal .modal-body {
  background: #0000;
  padding: 0;
}

.password_modal .modal-content {
  background: none;
}

.password_modal .modal-content .change-password-body {
  margin-top: 0;
}

.password_modal .modal-dialog {
  max-width: 60%;
}

.image_change_modal .succes-alert .prof_img {
  margin: 0 auto;
  height: 100px;
  width: 100px;
  display: block;
  margin-bottom: 50px;
  border-radius: 100%;
  position: relative;
}

.image_change_modal .succes-alert .prof_img img {
  padding: 0;
  width: 100%;
  height: 100%;
}

.image_change_modal .succes-alert .prof_img input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.image_change_modal .succes-alert .prof_img i {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #fff;
}

.change-phn-body .PhoneInput {
  background: #000;
  border-radius: 12px;
  border: 1px solid #000;
  /* height: 60px; */
  width: 100%;
  margin-bottom: 20px !important;
  color: #ffff !important;
  padding-left: 20px;
}

.change-phn-body .PhoneInput input {
  padding-left: 0;
  margin-bottom: 0 !important;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
  display: none;
}

.profile-meta-wrapper .profile-meta img {
  border-radius: 50%;
  outline: 2px solid #fff;
  padding: 3px;
}

.application_rej h2 {
  padding-bottom: 16px;
  font-size: 40px;
  font-weight: 600;
  border-bottom: 1px solid #667085;
  margin-bottom: 30px;
  color: #fff !important;
}

.application_rej p {
  font-size: 14px;
  color: #fff !important;
  line-height: 2;
  font-weight: 400;
}

/* Purple Gradient Line Between Images - BlackTies Vehicle Page */
.purple-gradient-divider {
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #8B5FBF 0%, #4A068F 25%, #6B46C1 50%, #4A068F 75%, #8B5FBF 100%);
  margin: 20px 0;
  position: relative;
  overflow: hidden;
}

/* HIGHLY VISIBLE TEST GRADIENT - Remove after testing */
.test-purple-line {
  width: 100%;
  height: 8px !important;
  background: linear-gradient(90deg, #8B5FBF 0%, #4A068F 25%, #6B46C1 50%, #4A068F 75%, #8B5FBF 100%) !important;
  margin: 40px 0 !important;
  border-radius: 4px;
  box-shadow: 0 4px 20px rgba(74, 6, 143, 0.6) !important;
  position: relative;
  z-index: 9999 !important;
}

.purple-gradient-divider::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
  animation: shimmer 3s infinite ease-in-out;
}

@keyframes shimmer {
  0% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

/* Apply divider between vehicle cards */
.rent-car-card + .rent-car-card::before,
.products-wrapper + .products-wrapper::before,
.vehical-bx + .vehical-bx::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #8B5FBF 0%, #4A068F 25%, #6B46C1 50%, #4A068F 75%, #8B5FBF 100%);
  margin: 30px 0;
  position: relative;
  overflow: hidden;
}

/* Enhanced purple gradient for vehicle images */
.vehicle-img + .vehicle-img::before,
.product-img-wrap + .product-img-wrap::before {
  content: '';
  display: block;
  width: 80%;
  height: 3px;
  background: linear-gradient(90deg, 
    rgba(139, 95, 191, 0.3) 0%, 
    #8B5FBF 15%, 
    #4A068F 35%, 
    #6B46C1 50%, 
    #4A068F 65%, 
    #8B5FBF 85%, 
    rgba(139, 95, 191, 0.3) 100%);
  margin: 25px auto;
  border-radius: 2px;
  box-shadow: 0 2px 10px rgba(74, 6, 143, 0.4);
}

/* Alternative class for manual placement */
.vehicle-divider {
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    #8B5FBF 20%, 
    #4A068F 40%, 
    #6B46C1 50%, 
    #4A068F 60%, 
    #8B5FBF 80%, 
    transparent 100%);
  margin: 24px 0;
  border-radius: 2px;
  position: relative;
}

.vehicle-divider::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(107, 70, 193, 0.6) 50%, 
    transparent 100%);
  border-radius: 2px;
  animation: pulse 2s infinite ease-in-out;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

/* Vehicle page specific styling */
section.vehicle_page .purple-gradient-divider {
  margin: 40px auto;
  max-width: 90%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .purple-gradient-divider,
  .vehicle-divider {
    height: 2px;
    margin: 16px 0;
  }
  
  .vehicle-img + .vehicle-img::before,
  .product-img-wrap + .product-img-wrap::before {
    height: 2px;
    margin: 16px auto;
  }
}

/* =====================================================
   BlackTies – Futuristic Glassmorphism Feature Boxes
   Applies to the 4 homepage cards (insurance, servicing, etc.)
   Keeps dark theme while adding Apple-like frosted glass effect
   ===================================================== */

/* Subtle ambient glow for the section */
.home-sec1 { position: relative; overflow: hidden; }
.home-sec1::before { content: none !important; }

/* Glassmorphism card styling */
/* Simplified, cleaner feature cards */
/* Neo-minimal cards: matte panels with thin neon top border and subtle inset */
/* Make the 4 feature boxes glass-like */
.home-sec1 .bnf-col-wrapper {
  position: relative;
  padding: 20px 18px;
  background: rgba(12, 14, 20, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  z-index: 1;
}

/* Gradient border ring using masking (supported in modern browsers) */
.home-sec1 .bnf-col-wrapper::before {
  content: '';
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(139,95,191,0.0) 0%, #8b5fbf 12%, #4a068f 50%, #6b46c1 88%, rgba(139,95,191,0.0) 100%);
  opacity: 0.85;
}

.home-sec1 .bnf-col-wrapper:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.5);
}

/* Subtle highlight glow on hover */
.home-sec1 .bnf-col-wrapper:hover::after { content: none !important; }

/* Typography tweaks inside the cards */
.home-sec1 .bnf-col-wrapper h3 { color: #ffffff; letter-spacing: 0.1px; font-weight: 600; }

.home-sec1 .bnf-col-wrapper p { color: #aeb3bf; }

/* Icon/illustration treatment for depth */
.home-sec1 .bnf-col-wrapper img { filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.35)); opacity: 0.98; }

/* Optional: animated border sheen (very subtle) */
@keyframes glassSheen {
  0% { opacity: 0.0; transform: translateX(-100%) rotate(8deg); }
  50% { opacity: 0.25; }
  100% { opacity: 0.0; transform: translateX(120%) rotate(8deg); }
}

.home-sec1 .bnf-col-wrapper .sheen {
  position: absolute;
  top: -20%;
  left: -20%;
  width: 60%;
  height: 140%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
  filter: blur(14px);
  transform: rotate(8deg);
  pointer-events: none;
  animation: glassSheen 4.5s ease-in-out infinite;
}