:root {
  --ae-blue: #00a9e8;
  --ae-yellow: #ffd400;
  --ae-dark: #051019;
  --ae-light: #f5f7fb;
}

* {
  scroll-behavior: smooth;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
  Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: var(--ae-light);
  color: #222;
}

/* HEADER / NAVBAR */
.ae-header {
  position: relative;
  z-index: 1100; /* make sure header is above hero */
}

.navbar.ae-navbar {
  padding: 0.6rem 0;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  z-index: 1100;
}

.ae-logo {
  height: 56px;
  width: auto;
}

.ae-nav-links .nav-link {
  position: relative;
  font-weight: 500;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.4rem 0.9rem;
  color: #1f2933;
}

.ae-nav-links .nav-link:hover,
.ae-nav-links .nav-link:focus,
.ae-nav-links .nav-link.active {
  color: var(--ae-blue);
}

.ae-nav-links .nav-link::after {
  content: "";
  position: absolute;
  left: 0.9rem;
  right: 0.9rem;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ae-yellow), var(--ae-blue));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.2s ease-out;
}

.ae-nav-links .nav-link:hover::after,
.ae-nav-links .nav-link:focus::after,
.ae-nav-links .nav-link.active::after {
  transform: scaleX(1);
}

.btn-ae-primary {
  background: var(--ae-blue);
  border-color: var(--ae-blue);
  color: #fff;
  font-weight: 600;
  border-radius: 999px;
  padding-inline: 1.3rem;
}

.btn-ae-primary:hover {
  background: #0082b4;
  border-color: #0082b4;
  color: #fff;
}

.ae-nav-cta {
  box-shadow: 0 6px 18px rgba(0, 169, 232, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.78rem;
}

/* Toggler */
.ae-nav-toggler {
  border: none;
}

.ae-nav-toggler:focus {
  box-shadow: none;
}

.ae-nav-toggler .navbar-toggler-icon {
  background-image: none;
  width: 1.4rem;
  height: 1.4rem;
  position: relative;
}

.ae-nav-toggler .navbar-toggler-icon::before,
.ae-nav-toggler .navbar-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--ae-blue);
  transition: transform 0.2s ease, top 0.2s ease, bottom 0.2s ease;
}

.ae-nav-toggler .navbar-toggler-icon::before {
  top: 30%;
}

.ae-nav-toggler .navbar-toggler-icon::after {
  bottom: 30%;
}

/* MEGA MENU */
.dropdown-mega {
  position: static; /* allow full-width dropdown inside navbar */
}

/* Base dropdown menu styling for mega menu */
.dropdown-menu-mega {
  width: 100%;
  left: 0;
  right: 0;
  top: 100%;
  transform: none;
  border: none;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
  padding: 0;
  margin-top: 0;
  background: #ffffff;   /* SOLID so hero doesn't show through */
  display: none;         /* default hidden */
  z-index: 1200;         /* higher than hero */
}

/* When Bootstrap adds .show (on click), force visible */
.dropdown-menu-mega.show {
  display: block;
}

.mega-col {
  padding-right: 1.5rem;
  border-right: 1px solid rgba(15, 23, 42, 0.06);
}

.mega-col-right {
  border-right: none;
}

.mega-col-title {
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--ae-blue);
  margin-bottom: 0.6rem;
}

.mega-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 0.88rem;
}

.mega-list li + li {
  margin-top: 0.25rem;
}

.mega-list a {
  text-decoration: none;
  color: #334155;
}

.mega-list a:hover {
  color: var(--ae-blue);
}

.mega-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #9ca3af;
}

/* Desktop hover open (optional) */
@media (min-width: 992px) {
  .dropdown-mega:hover > .dropdown-menu-mega {
    display: block;
  }
}

/* Mobile tweaks */
@media (max-width: 991.98px) {
  .navbar.ae-navbar {
    padding: 0.4rem 0;
  }

  .ae-nav-links .nav-link {
    padding: 0.6rem 0.3rem;
  }

  .dropdown-menu-mega {
    box-shadow: none;
    border-radius: 0;
  }

  .mega-col {
    border-right: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }

  .mega-col:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

/* HERO SLIDER */
.hero-section {
  padding: 0;      /* remove extra gap between navbar and hero */
  margin: 0;
}

#hero {
  position: relative;
  z-index: 1;      /* hero stays below header/mega menu */
}

.hero-carousel {
  margin: 0;
}

/* Height & layout */
.hero-carousel .carousel-item {
  position: relative;
  height: calc(100vh - 90px);   /* full viewport minus header height */
  min-height: 520px;
}

.hero-slide {
  position: relative;
  height: 100%;
  display: flex;
  align-items: stretch;
}

/* Background image as <img> in HTML */
.hero-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Dark gradient overlay for text readability */
.hero-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(0,169,232,0.35), rgba(0,0,0,0.85));
  z-index: 1;
}

/* Content on top of overlay */
.hero-slide .container {
  position: relative;
  z-index: 2;
}

/* Text styles */
.hero-badge {
  display: inline-block;
  padding: 0.3rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.6);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  margin-bottom: 1rem;
  color: #f9fafb;
}

.hero-title {
  font-weight: 700;
  font-size: clamp(2.1rem, 3vw + 1rem, 3rem);
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #ffffff;
}

.hero-highlight {
  color: var(--ae-yellow);
}

.hero-lead {
  font-size: 1.02rem;
  max-width: 620px;
  color: rgba(241,245,249,0.9);
  margin-bottom: 1.5rem;
}

.hero-quick-tags span {
  font-size: 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.3);
  padding: 0.2rem 0.8rem;
  margin-right: 0.4rem;
  margin-bottom: 0.3rem;
  display: inline-block;
  color: #e5e7eb;
}

/* Side card on desktop */
.hero-side-card {
  background: rgba(15,23,42,0.85);
  border-radius: 1.1rem;
  padding: 1.4rem 1.6rem;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.6);
  color: #e5e7eb;
  max-width: 320px;
  margin-left: auto;
}

.hero-side-label {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.7rem;
  color: rgba(148, 163, 184, 0.9);
  margin-bottom: 0.4rem;
}

.hero-side-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0.7rem;
  font-size: 0.9rem;
}

.hero-side-list li + li {
  margin-top: 0.25rem;
}

.hero-side-note {
  font-size: 0.78rem;
  color: rgba(148, 163, 184, 0.9);
}

/* Controls */
.hero-control {
  width: auto;
  padding: 0 1.5rem;
  z-index: 3;
}

.hero-control-icon {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #f9fafb;
  background: rgba(15,23,42,0.4);
}

/* Indicators */
.hero-indicators {
  bottom: 1.5rem;
  gap: 0.4rem;
}

.hero-indicators [data-bs-target] {
  width: 22px;
  height: 3px;
  border-radius: 999px;
  border: none;
  background-color: rgba(148,163,184,0.7);
}

.hero-indicators .active {
  background: linear-gradient(90deg, var(--ae-yellow), var(--ae-blue));
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .hero-carousel .carousel-item {
    height: auto;
    min-height: 420px;
  }

  .hero-slide {
    padding: 4.5rem 0 3.5rem;
  }

  .hero-side-card {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .hero-slide {
    padding: 4rem 0 3rem;
  }

  .hero-title {
    font-size: 1.8rem;
  }

  .hero-lead {
    font-size: 0.95rem;
  }
}





/* ABOUT SECTION */
.about-section {
  background: linear-gradient(180deg, #f5f7fb 0%, #ffffff 70%);
  padding: 4rem 0 4.5rem;
}

.about-lead {
  font-size: 0.98rem;
  color: #4b5563;
  max-width: 520px;
  margin-bottom: 1.4rem;
}

/* pill tags for three categories */
.about-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}

.about-pill-row span {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.25rem 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(0, 169, 232, 0.04);
  color: #111827;
}

/* small highlighted box with bullets */
.about-highlight-box {
  margin-top: 0.75rem;
  border-radius: 1rem;
  background: #ffffff;
  padding: 1rem 1.25rem;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.about-highlight-title {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ae-blue);
  margin-bottom: 0.4rem;
}

.about-highlight-list {
  padding-left: 1.1rem;
  margin-bottom: 0;
  font-size: 0.88rem;
  color: #4b5563;
}

.about-highlight-list li + li {
  margin-top: 0.25rem;
}

/* stats block */
.about-stats-wrap {
  position: relative;
  padding: 1.6rem 1.6rem 1.4rem;
  border-radius: 1.4rem;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
  overflow: hidden;
}

/* decorative gradient strip */
.about-stats-accent {
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle at top left,
    rgba(0, 169, 232, 0.12),
    transparent 55%);
  z-index: 0;
}

.about-stats-wrap > .row {
  position: relative;
  z-index: 1;
}

/* stat cards – refreshed look */
.stat-card {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1rem;
  padding: 0.9rem 0.8rem;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

.stat-card-main {
  font-size: 1.5rem;
  color: var(--ae-blue);
  font-weight: 700;
  margin-bottom: 0.1rem;
}

.stat-card-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #6b7280;
}

.stat-card-note {
  font-size: 0.76rem;
  color: #9ca3af;
  margin: 0.15rem 0 0;
}

/* responsive tweaks */
@media (max-width: 991.98px) {
  .about-section {
    padding-top: 3.5rem;
  }
}

@media (max-width: 767.98px) {
  .about-section {
    text-align: left;
  }

  .about-stats-wrap {
    margin-top: 0.5rem;
  }
}




/* SECTIONS */
section {
  padding: 4rem 0;
}

.section-title {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.8rem;
  color: var(--ae-blue);
  font-weight: 700;
  margin-bottom: 0.4rem;
}

.section-heading {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

/* STATS */
.stat-card {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.stat-card-main {
  font-size: 1.6rem;
  color: var(--ae-blue);
}

/* DIVISIONS SECTION */
.divisions-section {
  padding: 4rem 0 4.5rem;
  background: radial-gradient(circle at top left, rgba(0,169,232,0.04), #ffffff);
}

.divisions-subtext {
  font-size: 0.95rem;
  color: #4b5563;
  max-width: 540px;
}

/* small pill on the right above cards */
.divisions-mini-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.8rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(15, 23, 42, 0.06);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #6b7280;
}

.divisions-mini-pill span:first-child {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ae-yellow), var(--ae-blue));
}

/* DIVISION CARDS */
.division-card {
  position: relative;
  border-radius: 1.3rem;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  padding: 1.5rem 1.4rem 1.3rem;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.03);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

/* subtle gradient glow in top corner */
.division-card::before {
  content: "";
  position: absolute;
  inset: -40% auto auto -40%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle at top left,
    rgba(0,169,232,0.18),
    transparent 60%);
  opacity: 0.4;
  pointer-events: none;
}

/* different accent per card (optional) */
.division-card-2::before {
  background: radial-gradient(circle at top left,
    rgba(255,212,0,0.28),
    transparent 60%);
}

.division-card-3::before {
  background: radial-gradient(circle at top left,
    rgba(30,64,175,0.26),
    transparent 60%);
}

/* hover effect */
.division-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.16);
  border-color: rgba(0,169,232,0.35);
}

/* header area inside card */
.division-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}

.division-badge {
  display: inline-block;
  padding: 0.2rem 0.75rem;
  font-size: 0.72rem;
  border-radius: 999px;
  background: rgba(0,169,232,0.08);
  color: var(--ae-blue);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.25rem;
}

/* round number icon on the right */
.division-icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(15,23,42,0.85);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #e5e7eb;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.4);
}

.division-icon span {
  font-weight: 600;
}

/* card title & text */
.division-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: #0f172a;
}

.division-text {
  font-size: 0.9rem;
  color: #4b5563;
  margin-bottom: 0.5rem;
}

/* bullet list */
.division-bullets {
  padding-left: 1.1rem;
  margin-bottom: 0.8rem;
  font-size: 0.86rem;
  color: #6b7280;
}

.division-bullets li + li {
  margin-top: 0.15rem;
}

/* link at bottom */
.division-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--ae-blue);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  position: relative;
}

.division-link::after {
  content: "↘";
  font-size: 0.9rem;
  transition: transform 0.2s ease;
}

.division-card:hover .division-link::after {
  transform: translate(3px, 1px);
}

/* responsive tweaks */
@media (max-width: 991.98px) {
  .divisions-section {
    padding-top: 3.5rem;
  }
}

@media (max-width: 767.98px) {
  .divisions-mini-pill {
    margin-top: 0.75rem;
  }
}





/* CATEGORY SECTION MAIN */
.category-section {
  padding: 4.6rem 0;
  position: relative;
  overflow: hidden;
}

.category-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(0,169,232,0.10), transparent 45%),
    radial-gradient(circle at 90% 25%, rgba(255,212,0,0.12), transparent 45%),
    radial-gradient(circle at 30% 100%, rgba(15,23,42,0.08), transparent 55%);
  pointer-events: none;
}

.category-section .container {
  position: relative;
  z-index: 1;
}

.category-subtext {
  font-size: 0.95rem;
  color: #4b5563;
  max-width: 560px;
  line-height: 1.6;
}

.category-view-all {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  font-weight: 700;
  text-decoration: none;
  color: var(--ae-blue);
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(0,169,232,0.22);
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(8px);
  box-shadow: 0 14px 32px rgba(15,23,42,0.08);
  transition: 0.25s ease;
}

.category-view-all:hover {
  transform: translateY(-2px);
  border-color: rgba(0,169,232,0.45);
  box-shadow: 0 18px 46px rgba(15,23,42,0.14);
  color: #0f172a;
}

.category-view-all-arrow {
  display: inline-block;
  transform: translateY(-1px);
  transition: transform 0.2s ease;
}

.category-view-all:hover .category-view-all-arrow {
  transform: translate(3px, -1px);
}

/* Bottom CTA */
.category-bottom-cta {
  padding-top: 1.2rem;
}

.category-view-all-bottom {
  background: linear-gradient(90deg, rgba(255,212,0,0.26), rgba(0,169,232,0.18));
  border-color: rgba(148,163,184,0.35);
}

.category-bottom-note {
  margin-top: 0.7rem;
  font-size: 0.88rem;
  color: #6b7280;
}

/* PRODUCT CARD V2 – PREMIUM GRID STYLE */
.product-card-v2 {
  background: rgba(255,255,255,0.92);
  border-radius: 1.35rem;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,0.22);
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);
  transition: all 0.28s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.product-card-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(255,255,255,0.28), transparent 45%);
  opacity: 0;
  transition: 0.28s ease;
  pointer-events: none;
}

.product-card-v2:hover {
  transform: translateY(-8px);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.16);
  border-color: rgba(0,169,232,0.45);
}

.product-card-v2:hover::after {
  opacity: 1;
}

/* IMAGE AREA */
.product-media-v2 {
  position: relative;
  height: 210px;
  background: #e5e7eb;
  overflow: hidden;
}

.product-media-v2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.35s ease;
}

.product-card-v2:hover .product-media-v2 img {
  transform: scale(1.08);
}

/* subtle dark gradient on image */
.product-media-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15,23,42,0.38), transparent 60%);
  z-index: 0;
}

.product-media-v2 img,
.product-label-v2 {
  position: relative;
  z-index: 1;
}

/* LABEL OVER IMAGE */
.product-label-v2 {
  position: absolute;
  bottom: 0.85rem;
  left: 0.85rem;
  padding: 0.28rem 0.78rem;
  background: rgba(15,23,42,0.82);
  color: #fff;
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
}

/* BODY */
.product-body-v2 {
  padding: 1.1rem 1.2rem 0.7rem;
  flex-grow: 1;
}

.product-body-v2 h3 {
  font-size: 1.08rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.35rem;
  line-height: 1.25;
}

.product-body-v2 p {
  font-size: 0.88rem;
  color: #6b7280;
  margin-bottom: 0;
  line-height: 1.55;
}

/* FOOTER */
.product-footer-v2 {
  padding: 0.95rem 1.2rem 1.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  color: #374151;
  border-top: 1px solid rgba(148,163,184,0.18);
  background: rgba(249,250,251,0.75);
}

.product-cta-v2 {
  border: none;
  border-radius: 999px;
  padding: 0.34rem 1.05rem;
  background: linear-gradient(90deg, var(--ae-yellow), var(--ae-blue));
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #0f172a;
  cursor: pointer;
  transition: all 0.22s ease;
  box-shadow: 0 12px 26px rgba(15,23,42,0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.product-cta-v2:hover {
  opacity: 0.92;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(15,23,42,0.18);
}

/* GARMENTS SECTION SPECIFIC */
.category-garments {
  background: linear-gradient(180deg, #ffffff 0%, rgba(243,244,246,0.85) 100%);
}

/* RESPONSIVE FIXES */
@media (max-width: 767.98px) {
  .product-media-v2 { height: 185px; }
  .category-section { padding: 4rem 0; }
}

@media (max-width: 575.98px) {
  .product-media-v2 { height: 165px; }
  .category-view-all { width: 100%; justify-content: center; }
  .category-bottom-note { padding: 0 0.4rem; }
}

/* MINING SECTION SPECIFIC */
.category-mining {
  background: radial-gradient(circle at top left, rgba(15,23,42,0.06), #ffffff);
}

.category-mining .product-label-v2 {
  background: rgba(15,23,42,0.9);
}

/* AUTOMOTIVE SECTION SPECIFIC */
.category-automotive {
  background: radial-gradient(circle at top right, rgba(0,169,232,0.08), #ffffff);
}

.category-automotive .product-label-v2 {
  background: linear-gradient(135deg, rgba(0,169,232,0.95), rgba(255,212,0,0.95));
  color: #0f172a;
}





/* CTA STRIP */
.cta-strip {
  position: relative;
  padding: 3.2rem 0 3.4rem;
  color: #fff;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.32), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.18), transparent 55%),
    var(--ae-dark);
  overflow: hidden;
}

/* subtle overlay pattern */
.cta-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    135deg,
    rgba(255,255,255,0.04) 0,
    transparent 40%,
    rgba(255,255,255,0.02) 60%,
    transparent 100%
  );
  opacity: 0.5;
  pointer-events: none;
}

/* inner wrapper so shadows don't bleed */
.cta-inner {
  position: relative;
  z-index: 1;
}

/* left side text */
.cta-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: rgba(226,232,240,0.8);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.cta-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ae-yellow), var(--ae-blue));
  box-shadow: 0 0 0 6px rgba(15,23,42,0.65);
}

.cta-title {
  font-size: 1.25rem;
  font-weight: 700;
}

.cta-text {
  font-size: 0.9rem;
  color: rgba(226,232,240,0.85);
  max-width: 460px;
}

/* small trust badges */
.cta-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.cta-badges span {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  padding: 0.24rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.6);
  color: #e5e7eb;
  background: rgba(15,23,42,0.6);
}

/* right side form card */
.cta-form-card {
  border-radius: 1.3rem;
  background: rgba(15,23,42,0.92);
  box-shadow: 0 18px 50px rgba(15,23,42,0.75);
  padding: 1.4rem 1.4rem 1.2rem;
  border: 1px solid rgba(148,163,184,0.4);
  position: relative;
  overflow: hidden;
}

/* subtle glow in card corner */
.cta-form-card::before {
  content: "";
  position: absolute;
  inset: -40% auto auto 30%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle at top, rgba(0,169,232,0.26), transparent 60%);
  opacity: 0.65;
  pointer-events: none;
}

/* forms */
.cta-form-label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(209,213,219,0.95);
  margin-bottom: 0.25rem;
}

.cta-helper {
  font-size: 0.7rem;
  color: rgba(148,163,184,0.9);
  text-transform: none;
  letter-spacing: 0;
  margin-left: 0.35rem;
}

.cta-input {
  background: rgba(15,23,42,0.85);
  border: 1px solid rgba(148,163,184,0.4);
  color: #e5e7eb;
  font-size: 0.82rem;
  border-radius: 0.7rem;
}

.cta-input::placeholder {
  color: rgba(148,163,184,0.8);
  font-size: 0.8rem;
}

.cta-input:focus {
  background: rgba(15,23,42,0.95);
  border-color: var(--ae-yellow);
  color: #f9fafb;
  box-shadow: 0 0 0 1px rgba(253,224,71,0.7);
}

.cta-textarea {
  resize: vertical;
}

/* small note text */
.cta-note {
  max-width: 260px;
}

/* responsive tweaks */
@media (max-width: 991.98px) {
  .cta-strip {
    padding: 2.8rem 0 3rem;
  }

  .cta-text {
    max-width: 100%;
  }

  .cta-form-card {
    margin-top: 0.4rem;
  }
}

@media (max-width: 575.98px) {
  .cta-strip {
    padding: 2.4rem 0 2.6rem;
  }

  .cta-form-card {
    padding: 1.1rem 1rem 1rem;
  }

  .cta-badges span {
    font-size: 0.66rem;
  }
}






/* ========== PREMIUM FOOTER ========== */

.footer-section {
  background: linear-gradient(180deg, #05090f 0%, #0a0f18 100%);
  padding: 3.5rem 0 2rem;
  color: #e5e7eb;
  font-size: 0.9rem;
  position: relative;
}

/* Logo */
.footer-logo {
  width: 60px;
  height: auto;
  filter: brightness(1.5);
}

.footer-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0.4rem 0 0.8rem;
  letter-spacing: 0.06em;
  color: #fff;
}

/* About */
.footer-about {
  font-size: 0.88rem;
  color: #cbd5e1;
  max-width: 320px;
  line-height: 1.55;
}

/* Social Icons */
.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-right: 0.4rem;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  color: #fff;
  transition: 0.25s ease;
  text-decoration: none;
}

.footer-social a:hover {
  background: var(--ae-blue);
  color: #0f172a;
}

/* Subtitles */
.footer-subtitle {
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.8rem;
}

/* Links */
.footer-links {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.footer-links li + li {
  margin-top: 0.4rem;
}

.footer-links a {
  color: #cbd5e1;
  text-decoration: none;
  font-size: 0.88rem;
}

.footer-links a:hover {
  color: var(--ae-blue);
}

/* Contact info */
.footer-contact {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.footer-contact li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
  color: #cbd5e1;
}

.footer-contact i {
  color: var(--ae-blue);
  font-size: 1rem;
  margin-top: 0.15rem;
}

/* Divider line */
.footer-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin: 2rem 0 1.5rem;
}

/* Bottom */
.footer-bottom {
  font-size: 0.85rem;
  color: #9ca3af;
}

.footer-bottom strong {
  color: var(--ae-yellow);
}

.footer-tagline {
  color: #9ca3af;
  font-size: 0.85rem;
  font-weight: 500;
}


/* Responsive */
@media (max-width: 767.98px) {
  .footer-section {
    padding-top: 3rem;
  }

  .footer-title {
    text-align: left;
  }

  .footer-social {
    margin-bottom: 1rem;
  }

  .footer-bottom {
    text-align: center;
    gap: 0.5rem;
    flex-direction: column;
  }
}




/* =========================
   ABOUT PAGE – UNIQUE STYLES
   ========================= */

.ae-about-page {
  background: #f3f4f6;
}

/* HERO */
.ae-about-hero {
  padding: 4.5rem 0 3.5rem;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.12), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.12), transparent 55%),
    #020617;
  color: #e5e7eb;
  position: relative;
  overflow: hidden;
}

.ae-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    135deg,
    rgba(255,255,255,0.06) 0,
    transparent 45%,
    rgba(148,163,184,0.08) 70%,
    transparent 100%
  );
  opacity: 0.7;
  pointer-events: none;
}

.ae-about-hero .container {
  position: relative;
  z-index: 1;
}

.ae-about-kicker {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: rgba(226,232,240,0.85);
  margin-bottom: 0.8rem;
}

.ae-about-heading {
  font-size: 1.9rem;
  font-weight: 700;
  color: #f9fafb;
  margin-bottom: 0.7rem;
}

.ae-about-subtext {
  font-size: 0.95rem;
  color: rgba(209,213,219,0.9);
  max-width: 580px;
}

.ae-about-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 1.2rem;
}

.ae-about-pills span {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  padding: 0.25rem 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.6);
  background: rgba(15,23,42,0.85);
  color: #e5e7eb;
}

/* hero side card */
.ae-about-hero-card {
  border-radius: 1.2rem;
  background: rgba(15,23,42,0.95);
  border: 1px solid rgba(148,163,184,0.5);
  padding: 1.3rem 1.4rem;
  box-shadow: 0 22px 60px rgba(15,23,42,0.9);
  position: relative;
  overflow: hidden;
}

.ae-about-hero-card::before {
  content: "";
  position: absolute;
  inset: -30% -40% auto auto;
  background: radial-gradient(circle at top, rgba(0,169,232,0.4), transparent 60%);
  opacity: 0.8;
  pointer-events: none;
}

.ae-about-hero-label {
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(226,232,240,0.9);
  margin-bottom: 0.6rem;
}

.ae-about-hero-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 0.86rem;
  color: #e5e7eb;
}

.ae-about-hero-list li + li {
  margin-top: 0.4rem;
}

.ae-about-hero-list span {
  font-weight: 600;
  color: #facc15;
}

/* breadcrumb */
.ae-about-breadcrumb {
  margin-top: 2rem;
  font-size: 0.8rem;
  color: rgba(209,213,219,0.85);
}

.ae-about-breadcrumb a {
  color: #e5e7eb;
  text-decoration: none;
}

.ae-about-breadcrumb a:hover {
  text-decoration: underline;
}

.ae-about-breadcrumb span + span {
  margin-left: 0.35rem;
}

/* STORY SECTION */
.ae-about-story {
  padding: 3.5rem 0 2.8rem;
  background: #f3f4f6;
}

.ae-about-section-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.8rem;
}

.ae-about-body {
  font-size: 0.95rem;
  color: #4b5563;
  line-height: 1.7;
}

/* right highlight panel */
.ae-about-highlight-panel {
  border-radius: 1.1rem;
  padding: 1.2rem 1.2rem 1.1rem;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15,23,42,0.08);
  border: 1px solid rgba(148,163,184,0.3);
}

.ae-about-highlight-title {
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #0f172a;
  margin-bottom: 0.6rem;
}

.ae-about-highlight-items {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 0.9rem;
  color: #4b5563;
}

.ae-about-highlight-items li {
  position: relative;
  padding-left: 1.2rem;
}

.ae-about-highlight-items li + li {
  margin-top: 0.35rem;
}

.ae-about-highlight-items li::before {
  content: "";
  position: absolute;
  left: 0.25rem;
  top: 0.45rem;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ae-yellow), var(--ae-blue));
}

/* PILLARS / VALUES */
.ae-about-pillars {
  padding: 3.2rem 0 3.4rem;
  background: #ffffff;
}

.ae-about-pillar-card {
  height: 100%;
  border-radius: 1.2rem;
  padding: 1.3rem 1.2rem 1.1rem;
  background: #f9fafb;
  border: 1px solid rgba(148,163,184,0.3);
  box-shadow: 0 16px 40px rgba(15,23,42,0.07);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.ae-about-pillar-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 60px rgba(15,23,42,0.14);
  border-color: rgba(0,169,232,0.65);
}

.ae-about-pillar-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--ae-yellow), var(--ae-blue));
  color: #0f172a;
  margin-bottom: 0.7rem;
}

.ae-about-pillar-icon i {
  font-size: 1.1rem;
}

.ae-about-pillar-card h3 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: #0f172a;
}

.ae-about-pillar-card p {
  font-size: 0.9rem;
  color: #4b5563;
  margin-bottom: 0;
}

/* DIVISION SNAPSHOTS */
.ae-about-divisions {
  padding: 3.4rem 0 3.5rem;
  background: #f9fafb;
}

.ae-about-division-card {
  border-radius: 1.2rem;
  background: #ffffff;
  border: 1px solid rgba(148,163,184,0.35);
  padding: 1.3rem 1.25rem 1.2rem;
  box-shadow: 0 16px 40px rgba(15,23,42,0.08);
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ae-about-division-card::before {
  content: "";
  position: absolute;
  inset: -35% auto auto -35%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle at top left, rgba(0,169,232,0.2), transparent 60%);
  opacity: 0.6;
  pointer-events: none;
}

.ae-about-division-label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ae-blue);
  margin-bottom: 0.4rem;
  display: inline-block;
}

.ae-about-division-card h3 {
  font-size: 1.02rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: #0f172a;
}

.ae-about-division-card p {
  font-size: 0.9rem;
  color: #4b5563;
  margin-bottom: 0.5rem;
}

.ae-about-division-card ul {
  font-size: 0.86rem;
  color: #6b7280;
  padding-left: 1.1rem;
  margin-bottom: 0.7rem;
}

.ae-about-division-card ul li + li {
  margin-top: 0.2rem;
}

.ae-about-link {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--ae-blue);
  text-decoration: none;
}

.ae-about-link:hover {
  text-decoration: underline;
}

/* SMALL CTA TO CONTACT */
.ae-about-contact-cta {
  padding: 2.8rem 0 3rem;
  background: #020617;
}

.ae-about-contact-card {
  border-radius: 1.2rem;
  padding: 1.4rem 1.6rem;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.35), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.2), transparent 55%),
    #020617;
  border: 1px solid rgba(148,163,184,0.5);
  box-shadow: 0 22px 60px rgba(15,23,42,0.95);
  color: #e5e7eb;
}

.ae-about-contact-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(226,232,240,0.9);
  margin-bottom: 0.3rem;
}

.ae-about-contact-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .ae-about-hero {
    padding: 3.8rem 0 3rem;
  }

  .ae-about-heading {
    font-size: 1.6rem;
  }

  .ae-about-contact-card {
    text-align: left;
  }
}

@media (max-width: 575.98px) {
  .ae-about-hero {
    padding: 3.4rem 0 2.6rem;
  }

  .ae-about-contact-card {
    padding: 1.2rem 1.1rem;
  }
}




/* =========================
   CONTACT PAGE – UNIQUE STYLES
   ========================= */

.ae-contact-page {
  background: #f3f4f6;
}

/* HERO */
.ae-contact-hero {
  padding: 4.5rem 0 3.5rem;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.18), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.14), transparent 55%),
    #020617;
  color: #e5e7eb;
  position: relative;
  overflow: hidden;
}

.ae-contact-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    135deg,
    rgba(255,255,255,0.06) 0,
    transparent 45%,
    rgba(148,163,184,0.08) 70%,
    transparent 100%
  );
  opacity: 0.7;
  pointer-events: none;
}

.ae-contact-hero .container {
  position: relative;
  z-index: 1;
}

.ae-contact-kicker {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: rgba(226,232,240,0.85);
  margin-bottom: 0.8rem;
}

.ae-contact-heading {
  font-size: 1.9rem;
  font-weight: 700;
  color: #f9fafb;
  margin-bottom: 0.7rem;
}

.ae-contact-subtext {
  font-size: 0.95rem;
  color: rgba(209,213,219,0.9);
  max-width: 620px;
}

.ae-contact-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  margin-top: 1.5rem;
}

.ae-contact-meta-label {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(148,163,184,0.95);
  margin-bottom: 0.15rem;
}

.ae-contact-meta-value {
  display: block;
  font-size: 0.9rem;
  color: #e5e7eb;
  font-weight: 500;
}

/* hero right card */
.ae-contact-hero-card {
  border-radius: 1.2rem;
  background: rgba(15,23,42,0.96);
  border: 1px solid rgba(148,163,184,0.55);
  padding: 1.3rem 1.4rem;
  box-shadow: 0 22px 60px rgba(15,23,42,0.9);
  position: relative;
  overflow: hidden;
}

.ae-contact-hero-card::before {
  content: "";
  position: absolute;
  inset: -30% -40% auto auto;
  background: radial-gradient(circle at top, rgba(0,169,232,0.4), transparent 60%);
  opacity: 0.85;
  pointer-events: none;
}

.ae-contact-hero-label {
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(226,232,240,0.9);
  margin-bottom: 0.6rem;
}

.ae-contact-hero-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 0.86rem;
  color: #e5e7eb;
}

.ae-contact-hero-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-bottom: 0.55rem;
}

.ae-contact-hero-list i {
  font-size: 1.1rem;
  color: var(--ae-blue);
  margin-top: 0.1rem;
}

.ae-contact-hero-list span {
  font-size: 0.78rem;
  color: rgba(209,213,219,0.9);
}

.ae-contact-hero-list strong {
  font-size: 0.9rem;
  color: #f9fafb;
}

/* breadcrumb */
.ae-contact-breadcrumb {
  margin-top: 2rem;
  font-size: 0.8rem;
  color: rgba(209,213,219,0.85);
}

.ae-contact-breadcrumb a {
  color: #e5e7eb;
  text-decoration: none;
}

.ae-contact-breadcrumb a:hover {
  text-decoration: underline;
}

.ae-contact-breadcrumb span + span {
  margin-left: 0.35rem;
}

/* MAIN CONTACT SECTION */
.ae-contact-main {
  padding: 3.5rem 0 3.2rem;
  background: #f3f4f6;
}

.ae-contact-form-card {
  border-radius: 1.2rem;
  background: #ffffff;
  border: 1px solid rgba(148,163,184,0.4);
  box-shadow: 0 18px 50px rgba(15,23,42,0.06);
  padding: 1.5rem 1.5rem 1.3rem;
}

.ae-contact-form-header h2 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.4rem;
}

.ae-contact-form-header p {
  font-size: 0.9rem;
  color: #4b5563;
  margin-bottom: 0.8rem;
}

.ae-contact-label {
  font-size: 0.73rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #6b7280;
  margin-bottom: 0.25rem;
}

.ae-contact-helper {
  font-size: 0.7rem;
  color: #9ca3af;
  text-transform: none;
  letter-spacing: 0;
  margin-left: 0.35rem;
}

.ae-contact-input {
  background: #f9fafb;
  border: 1px solid rgba(148,163,184,0.7);
  color: #111827;
  font-size: 0.84rem;
  border-radius: 0.75rem;
}

.ae-contact-input::placeholder {
  color: #9ca3af;
  font-size: 0.8rem;
}

.ae-contact-input:focus {
  background: #ffffff;
  border-color: var(--ae-blue);
  box-shadow: 0 0 0 1px rgba(0,169,232,0.55);
  color: #111827;
}

.ae-contact-textarea {
  resize: vertical;
}

.ae-contact-privacy {
  max-width: 260px;
  font-size: 0.75rem;
  color: #6b7280;
}

/* right info stack */
.ae-contact-info-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ae-contact-info-card {
  border-radius: 1.1rem;
  padding: 1.1rem 1.15rem 1.05rem;
  background: #ffffff;
  border: 1px solid rgba(148,163,184,0.4);
  box-shadow: 0 14px 40px rgba(15,23,42,0.06);
}

.ae-contact-info-card h3 {
  font-size: 0.98rem;
  font-weight: 700;
  margin-bottom: 0.3rem;
  color: #0f172a;
}

.ae-contact-info-card p {
  font-size: 0.9rem;
  color: #4b5563;
  margin-bottom: 0.4rem;
}

.ae-contact-info-card ul {
  font-size: 0.85rem;
  color: #6b7280;
  padding-left: 1.1rem;
  margin-bottom: 0;
}

.ae-contact-info-card ul li + li {
  margin-top: 0.25rem;
}

/* small meta panel */
.ae-contact-info-meta {
  border-radius: 1.1rem;
  padding: 0.9rem 1rem;
  background: #020617;
  color: #e5e7eb;
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 18px 50px rgba(15,23,42,0.9);
}

.ae-contact-info-meta > div + div {
  margin-top: 0.4rem;
}

/* MAP & FAQ */
.ae-contact-map {
  padding: 3rem 0 3.4rem;
  background: #ffffff;
}

.ae-contact-map-card {
  border-radius: 1.2rem;
  background: #f9fafb;
  border: 1px solid rgba(148,163,184,0.4);
  box-shadow: 0 18px 50px rgba(15,23,42,0.06);
  padding: 1.4rem 1.4rem 1.2rem;
}

.ae-contact-map-header h2 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: #0f172a;
}

.ae-contact-map-header p {
  font-size: 0.9rem;
  color: #4b5563;
  margin-bottom: 0.9rem;
}

.ae-contact-map-placeholder {
  border-radius: 1rem;
  border: 1px dashed rgba(148,163,184,0.8);
  background: #e5e7eb;
  padding: 1rem 1.1rem;
  font-size: 0.88rem;
  color: #374151;
}

.ae-contact-map-label {
  display: inline-block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #4b5563;
  margin-bottom: 0.25rem;
}

/* FAQ */
.ae-contact-faq-card {
  border-radius: 1.2rem;
  background: #f9fafb;
  border: 1px solid rgba(148,163,184,0.4);
  box-shadow: 0 18px 50px rgba(15,23,42,0.06);
  padding: 1.4rem 1.5rem 1.2rem;
}

.ae-contact-faq-card h2 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
  color: #0f172a;
}

.ae-contact-accordion .accordion-button {
  font-size: 0.9rem;
}

.ae-contact-accordion .accordion-button:not(.collapsed) {
  color: #0f172a;
  background-color: #e0f2fe;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .ae-contact-hero {
    padding: 3.8rem 0 3rem;
  }

  .ae-contact-heading {
    font-size: 1.6rem;
  }
}

@media (max-width: 575.98px) {
  .ae-contact-hero {
    padding: 3.4rem 0 2.6rem;
  }

  .ae-contact-form-card {
    padding: 1.3rem 1.15rem 1.1rem;
  }

  .ae-contact-info-meta {
    padding: 0.85rem 0.9rem;
  }

  .ae-contact-map-card,
  .ae-contact-faq-card {
    padding: 1.2rem 1.1rem 1rem;
  }
}




/* =========================
   GARMENTS LIST PAGE – UNIQUE STYLES
   ========================= */

.ae-garments-page {
  background: #f3f4f6;
}

/* HERO – smaller than main index hero */
.ae-garments-hero {
  padding: 3.2rem 0 2.2rem;
  background: #020617;
  position: relative;
  color: #e5e7eb;
}

.ae-garments-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.24), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.18), transparent 55%);
  opacity: 0.85;
  pointer-events: none;
}

.ae-garments-hero .container {
  position: relative;
  z-index: 1;
}

/* FIXED HEIGHT FOR HERO SLIDES */
.ae-garments-hero-carousel .carousel-item {
  height: 380px;            /* fixed height for all slides (desktop) */
}

.ae-garments-hero-slide {
  position: relative;
  height: 100%;             /* fill the carousel-item height */
  border-radius: 1.4rem;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(15,23,42,0.8);
}

/* IMAGE FULL COVER */
.ae-garments-hero-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* crop nicely while filling */
  display: block;
}

.ae-garments-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(15,23,42,0.9) 0%,
    rgba(15,23,42,0.72) 38%,
    rgba(15,23,42,0.35) 70%,
    transparent 100%
  );
}

.ae-garments-hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.8rem 1.9rem;
  max-width: 620px;
}

.ae-garments-hero-kicker {
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(226,232,240,0.85);
  margin-bottom: 0.6rem;
}

.ae-garments-hero-heading {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f9fafb;
  margin-bottom: 0.4rem;
}

.ae-garments-hero-subtext {
  font-size: 0.9rem;
  color: rgba(209,213,219,0.9);
  margin-bottom: 0.6rem;
}

.ae-garments-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.ae-garments-hero-tags span {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  padding: 0.22rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.7);
  background: rgba(15,23,42,0.85);
  color: #e5e7eb;
}

/* hero controls */
.ae-garments-hero-indicators button {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin: 0 3px;
  background-color: rgba(148,163,184,0.7);
}

.ae-garments-hero-indicators .active {
  background-color: #facc15;
}

.ae-garments-hero-control {
  width: auto;
}

.ae-garments-hero-control-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(15,23,42,0.9);
  color: #e5e7eb;
  font-size: 1.1rem;
  border: 1px solid rgba(148,163,184,0.7);
}

/* breadcrumb */
.ae-garments-breadcrumb {
  margin-top: 1.2rem;
  font-size: 0.8rem;
  color: rgba(209,213,219,0.88);
}

.ae-garments-breadcrumb a {
  color: #e5e7eb;
  text-decoration: none;
}

.ae-garments-breadcrumb a:hover {
  text-decoration: underline;
}

.ae-garments-breadcrumb span + span {
  margin-left: 0.35rem;
}

/* SUMMARY / FILTERS */
.ae-garments-summary {
  padding: 2.4rem 0 1.8rem;
  background: #f9fafb;
}

.ae-garments-summary-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.4rem;
}

.ae-garments-summary-text {
  font-size: 0.92rem;
  color: #4b5563;
  max-width: 520px;
}

.ae-garments-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-start;
}

.ae-garments-chip {
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.7);
  background: #ffffff;
  font-size: 0.78rem;
  padding: 0.25rem 0.9rem;
  color: #374151;
  text-transform: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.ae-garments-chip.active,
.ae-garments-chip:hover {
  background: #0ea5e9;
  border-color: #0ea5e9;
  color: #f9fafb;
}

/* LISTING */
.ae-garments-listing {
  padding: 1.6rem 0 2.8rem;
}

.ae-garments-group-header {
  margin-bottom: 0.8rem;
}

.ae-garments-group-header h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.1rem;
}

.ae-garments-group-header p {
  font-size: 0.88rem;
  color: #6b7280;
  margin-bottom: 0.3rem;
}

/* SMALL CTA */
.ae-garments-cta {
  padding: 0 0 3rem;
  background: #f3f4f6;
}

.ae-garments-cta-card {
  border-radius: 1.2rem;
  padding: 1.4rem 1.6rem;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.25), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.18), transparent 55%),
    #020617;
  border: 1px solid rgba(148,163,184,0.6);
  box-shadow: 0 18px 50px rgba(15,23,42,0.9);
  color: #e5e7eb;
}

.ae-garments-cta-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(226,232,240,0.9);
  margin-bottom: 0.25rem;
}

.ae-garments-cta-title {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .ae-garments-hero {
    padding-top: 2.8rem;
  }

  .ae-garments-hero-carousel .carousel-item {
    height: 320px;         /* slightly shorter on tablets */
  }

  .ae-garments-hero-content {
    max-width: 100%;
    padding: 1.4rem 1.4rem;
  }

  .ae-garments-summary {
    padding-top: 2.1rem;
  }
}

@media (max-width: 575.98px) {
  .ae-garments-hero {
    padding: 2.6rem 0 2rem;
  }

  .ae-garments-hero-carousel .carousel-item {
    height: 260px;        /* mobile height */
  }

  .ae-garments-cta-card {
    padding: 1.2rem 1.1rem;
  }
}




/* =========================
   MINING LIST PAGE – UNIQUE STYLES
   ========================= */

.ae-mining-page {
  background: #f3f4f6;
}

/* HERO – same proportions as garments hero, mining themed */
.ae-mining-hero {
  padding: 3.2rem 0 2.2rem;
  background: #020617;
  position: relative;
  color: #e5e7eb;
}

.ae-mining-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.24), transparent 55%),
    radial-gradient(circle at bottom right, rgba(248,250,252,0.08), transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}

.ae-mining-hero .container {
  position: relative;
  z-index: 1;
}

/* Fixed hero height */
.ae-mining-hero-carousel .carousel-item {
  height: 380px;
}

.ae-mining-hero-slide {
  position: relative;
  height: 100%;
  border-radius: 1.4rem;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(15,23,42,0.8);
}

/* Background image */
.ae-mining-hero-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ae-mining-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    110deg,
    rgba(15,23,42,0.95) 0%,
    rgba(15,23,42,0.78) 38%,
    rgba(15,23,42,0.38) 70%,
    transparent 100%
  );
}

.ae-mining-hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.8rem 1.9rem;
  max-width: 640px;
}

.ae-mining-hero-kicker {
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(226,232,240,0.85);
  margin-bottom: 0.6rem;
}

.ae-mining-hero-heading {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f9fafb;
  margin-bottom: 0.45rem;
}

.ae-mining-hero-subtext {
  font-size: 0.9rem;
  color: rgba(209,213,219,0.9);
  margin-bottom: 0.6rem;
}

.ae-mining-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.ae-mining-hero-tags span {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  padding: 0.22rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.7);
  background: rgba(15,23,42,0.9);
  color: #e5e7eb;
}

/* Hero indicators & controls */
.ae-mining-hero-indicators button {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin: 0 3px;
  background-color: rgba(148,163,184,0.7);
}

.ae-mining-hero-indicators .active {
  background-color: #facc15;
}

.ae-mining-hero-control {
  width: auto;
}

.ae-mining-hero-control-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(15,23,42,0.9);
  color: #e5e7eb;
  font-size: 1.1rem;
  border: 1px solid rgba(148,163,184,0.7);
}

/* Breadcrumb */
.ae-mining-breadcrumb {
  margin-top: 1.2rem;
  font-size: 0.8rem;
  color: rgba(209,213,219,0.88);
}

.ae-mining-breadcrumb a {
  color: #e5e7eb;
  text-decoration: none;
}

.ae-mining-breadcrumb a:hover {
  text-decoration: underline;
}

.ae-mining-breadcrumb span + span {
  margin-left: 0.35rem;
}

/* SUMMARY / FILTERS */
.ae-mining-summary {
  padding: 2.4rem 0 1.8rem;
  background: #f9fafb;
}

.ae-mining-summary-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.4rem;
}

.ae-mining-summary-text {
  font-size: 0.92rem;
  color: #4b5563;
  max-width: 520px;
}

.ae-mining-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-start;
}

.ae-mining-chip {
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.7);
  background: #ffffff;
  font-size: 0.78rem;
  padding: 0.25rem 0.9rem;
  color: #374151;
  text-transform: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.ae-mining-chip.active,
.ae-mining-chip:hover {
  background: #0ea5e9;
  border-color: #0ea5e9;
  color: #f9fafb;
}

/* LISTING */
.ae-mining-listing {
  padding: 1.6rem 0 2.8rem;
}

.ae-mining-group-header {
  margin-bottom: 0.8rem;
}

.ae-mining-group-header h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.1rem;
}

.ae-mining-group-header p {
  font-size: 0.88rem;
  color: #6b7280;
  margin-bottom: 0.3rem;
}

/* CTA */
.ae-mining-cta {
  padding: 0 0 3rem;
  background: #f3f4f6;
}

.ae-mining-cta-card {
  border-radius: 1.2rem;
  padding: 1.4rem 1.6rem;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.25), transparent 55%),
    radial-gradient(circle at bottom right, rgba(248,250,252,0.15), transparent 55%),
    #020617;
  border: 1px solid rgba(148,163,184,0.6);
  box-shadow: 0 18px 50px rgba(15,23,42,0.9);
  color: #e5e7eb;
}

.ae-mining-cta-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(226,232,240,0.9);
  margin-bottom: 0.25rem;
}

.ae-mining-cta-title {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .ae-mining-hero {
    padding-top: 2.8rem;
  }

  .ae-mining-hero-carousel .carousel-item {
    height: 320px;
  }

  .ae-mining-hero-content {
    max-width: 100%;
    padding: 1.4rem 1.4rem;
  }

  .ae-mining-summary {
    padding-top: 2.1rem;
  }
}

@media (max-width: 575.98px) {
  .ae-mining-hero {
    padding: 2.6rem 0 2rem;
  }

  .ae-mining-hero-carousel .carousel-item {
    height: 260px;
  }

  .ae-mining-cta-card {
    padding: 1.2rem 1.1rem;
  }
}




/* =========================
   AUTOMOTIVE LIST PAGE – UNIQUE STYLES
   ========================= */

.ae-auto-page {
  background: #f3f4f6;
}

/* HERO – similar pattern to garments & mining, automotive themed */
.ae-auto-hero {
  padding: 3.2rem 0 2.2rem;
  background: #020617;
  position: relative;
  color: #e5e7eb;
}

.ae-auto-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.25), transparent 55%),
    radial-gradient(circle at bottom right, rgba(251,191,36,0.18), transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}

.ae-auto-hero .container {
  position: relative;
  z-index: 1;
}

/* Fixed hero height */
.ae-auto-hero-carousel .carousel-item {
  height: 380px;
}

.ae-auto-hero-slide {
  position: relative;
  height: 100%;
  border-radius: 1.4rem;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(15,23,42,0.8);
}

/* Background image */
.ae-auto-hero-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ae-auto-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    110deg,
    rgba(15,23,42,0.96) 0%,
    rgba(15,23,42,0.8) 40%,
    rgba(15,23,42,0.38) 72%,
    transparent 100%
  );
}

.ae-auto-hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.8rem 1.9rem;
  max-width: 640px;
}

.ae-auto-hero-kicker {
  font-size: 0.75rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(226,232,240,0.85);
  margin-bottom: 0.6rem;
}

.ae-auto-hero-heading {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f9fafb;
  margin-bottom: 0.45rem;
}

.ae-auto-hero-subtext {
  font-size: 0.9rem;
  color: rgba(209,213,219,0.9);
  margin-bottom: 0.6rem;
}

.ae-auto-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.ae-auto-hero-tags span {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  padding: 0.22rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.7);
  background: rgba(15,23,42,0.9);
  color: #e5e7eb;
}

/* Hero indicators & controls */
.ae-auto-hero-indicators button {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  margin: 0 3px;
  background-color: rgba(148,163,184,0.7);
}

.ae-auto-hero-indicators .active {
  background-color: #facc15;
}

.ae-auto-hero-control {
  width: auto;
}

.ae-auto-hero-control-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(15,23,42,0.9);
  color: #e5e7eb;
  font-size: 1.1rem;
  border: 1px solid rgba(148,163,184,0.7);
}

/* Breadcrumb */
.ae-auto-breadcrumb {
  margin-top: 1.2rem;
  font-size: 0.8rem;
  color: rgba(209,213,219,0.88);
}

.ae-auto-breadcrumb a {
  color: #e5e7eb;
  text-decoration: none;
}

.ae-auto-breadcrumb a:hover {
  text-decoration: underline;
}

.ae-auto-breadcrumb span + span {
  margin-left: 0.35rem;
}

/* SUMMARY / FILTERS */
.ae-auto-summary {
  padding: 2.4rem 0 1.8rem;
  background: #f9fafb;
}

.ae-auto-summary-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.4rem;
}

.ae-auto-summary-text {
  font-size: 0.92rem;
  color: #4b5563;
  max-width: 520px;
}

.ae-auto-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-start;
}

.ae-auto-chip {
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.7);
  background: #ffffff;
  font-size: 0.78rem;
  padding: 0.25rem 0.9rem;
  color: #374151;
  cursor: pointer;
  transition: 0.2s ease;
}

.ae-auto-chip.active,
.ae-auto-chip:hover {
  background: #0ea5e9;
  border-color: #0ea5e9;
  color: #f9fafb;
}

/* LISTING */
.ae-auto-listing {
  padding: 1.6rem 0 2.8rem;
}

.ae-auto-group-header {
  margin-bottom: 0.8rem;
}

.ae-auto-group-header h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.1rem;
}

.ae-auto-group-header p {
  font-size: 0.88rem;
  color: #6b7280;
  margin-bottom: 0.3rem;
}

/* CTA */
.ae-auto-cta {
  padding: 0 0 3rem;
  background: #f3f4f6;
}

.ae-auto-cta-card {
  border-radius: 1.2rem;
  padding: 1.4rem 1.6rem;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.25), transparent 55%),
    radial-gradient(circle at bottom right, rgba(251,191,36,0.18), transparent 55%),
    #020617;
  border: 1px solid rgba(148,163,184,0.6);
  box-shadow: 0 18px 50px rgba(15,23,42,0.9);
  color: #e5e7eb;
}

.ae-auto-cta-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(226,232,240,0.9);
  margin-bottom: 0.25rem;
}

.ae-auto-cta-title {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .ae-auto-hero {
    padding-top: 2.8rem;
  }

  .ae-auto-hero-carousel .carousel-item {
    height: 320px;
  }

  .ae-auto-hero-content {
    max-width: 100%;
    padding: 1.4rem 1.4rem;
  }

  .ae-auto-summary {
    padding-top: 2.1rem;
  }
}

@media (max-width: 575.98px) {
  .ae-auto-hero {
    padding: 2.6rem 0 2rem;
  }

  .ae-auto-hero-carousel .carousel-item {
    height: 260px;
  }

  .ae-auto-cta-card {
    padding: 1.2rem 1.1rem;
  }
}




/* =========================
   GARMENTS PRODUCT DETAIL – UNIQUE STYLES (ae-gpd-*)
   ========================= */

.ae-gpd-page{
  background:#f3f4f6;
}

/* Breadcrumb strip */
.ae-gpd-crumbs{
  padding: 1rem 0;
  background:#0b1220;
  color:#cbd5e1;
}
.ae-gpd-crumbs-inner{
  font-size:.85rem;
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  align-items:center;
}
.ae-gpd-crumbs a{
  color:#e5e7eb;
  text-decoration:none;
}
.ae-gpd-crumbs a:hover{ text-decoration:underline; }

/* Main */
.ae-gpd-main{
  padding: 2rem 0 3rem;
}

.ae-gpd-card{
  background:#fff;
  border-radius:1.2rem;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
  border:1px solid rgba(148,163,184,.25);
  padding:1.25rem;
}

/* Gallery */
.ae-gpd-gallery-main{
  border-radius:1rem;
  overflow:hidden;
  background:#0f172a;
  border:1px solid rgba(148,163,184,.25);
}
.ae-gpd-gallery-main img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}

.ae-gpd-thumbs{
  display:flex;
  gap:.6rem;
  margin-top:.8rem;
}
.ae-gpd-thumb{
  border:none;
  background:transparent;
  padding:0;
  border-radius:.8rem;
  overflow:hidden;
  width:64px;
  height:54px;
  border:2px solid transparent;
  opacity:.9;
  transition:.2s ease;
}
.ae-gpd-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ae-gpd-thumb:hover{ opacity:1; transform: translateY(-1px); }
.ae-gpd-thumb.active{
  border-color: var(--ae-yellow);
  opacity:1;
}

.ae-gpd-note{
  margin-top:.85rem;
  font-size:.82rem;
  color:#475569;
  display:flex;
  gap:.5rem;
  align-items:flex-start;
}

/* Head */
.ae-gpd-badges{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:.6rem;
}
.ae-gpd-badge{
  background: rgba(14,165,233,.12);
  color: var(--ae-blue);
  border:1px solid rgba(14,165,233,.25);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.25rem .7rem;
  border-radius:999px;
  font-weight:700;
}
.ae-gpd-code{
  font-size:.82rem;
  color:#0f172a;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.35);
  padding:.25rem .65rem;
  border-radius:999px;
}

.ae-gpd-title{
  font-size:1.55rem;
  font-weight:800;
  color:#0f172a;
  margin-bottom:.35rem;
}
.ae-gpd-sub{
  color:#475569;
  font-size:.95rem;
  margin-bottom:.85rem;
}

.ae-gpd-chips{
  display:flex;
  gap:.4rem;
  flex-wrap:wrap;
}
.ae-gpd-chips span{
  font-size:.78rem;
  border:1px solid rgba(148,163,184,.45);
  background:#fff;
  padding:.3rem .7rem;
  border-radius:999px;
  color:#334155;
  display:inline-flex;
  gap:.35rem;
  align-items:center;
}
.ae-gpd-chips i{ color:#16a34a; }

.ae-gpd-divider{
  height:1px;
  background:rgba(148,163,184,.35);
  margin:1rem 0;
}

/* Specs */
.ae-gpd-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.ae-gpd-spec{
  background:#0b1220;
  color:#e5e7eb;
  border-radius:1rem;
  padding:.75rem .85rem;
  border:1px solid rgba(148,163,184,.28);
}
.ae-gpd-spec span{
  display:block;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(226,232,240,.8);
  margin-bottom:.15rem;
}
.ae-gpd-spec strong{
  font-size:.9rem;
}

.ae-gpd-actions{
  margin-top:1rem;
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  align-items:center;
}
.ae-gpd-wa{
  border-radius:999px;
}
.ae-gpd-wa i{ margin-right:.35rem; }

/* Tabs */
.ae-gpd-tabs{ padding: .5rem; }

.ae-gpd-pills{
  gap:.4rem;
  margin-bottom:1rem;
}
.ae-gpd-pills .nav-link{
  border-radius:999px;
  font-weight:700;
  font-size:.85rem;
  color:#0f172a;
  background:#f1f5f9;
  border:1px solid rgba(148,163,184,.35);
}
.ae-gpd-pills .nav-link.active{
  color:#0b1220;
  background: var(--ae-yellow);
  border-color: var(--ae-yellow);
}

.ae-gpd-para{
  color:#475569;
  font-size:.95rem;
}

.ae-gpd-points{
  display:grid;
  grid-template-columns:1fr;
  gap:.8rem;
  margin-top:1.1rem;
}
.ae-gpd-point{
  display:flex;
  gap:.8rem;
  padding: .85rem;
  border-radius:1rem;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.25);
}
.ae-gpd-point i{
  font-size:1.2rem;
  color: var(--ae-blue);
}
.ae-gpd-point h6{
  margin:0;
  font-weight:800;
  color:#0f172a;
}
.ae-gpd-point p{
  margin:.2rem 0 0;
  color:#64748b;
  font-size:.9rem;
}

.ae-gpd-table th{
  width:220px;
  color:#0f172a;
  font-weight:800;
  background:#f8fafc;
}
.ae-gpd-table td{
  color:#475569;
}

/* Shipping cards */
.ae-gpd-ship{
  display:grid;
  grid-template-columns:1fr;
  gap:.8rem;
}
.ae-gpd-ship-item{
  display:flex;
  gap:.8rem;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.25);
  border-radius:1rem;
  padding:.9rem;
}
.ae-gpd-ship-icon{
  width:42px; height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(14,165,233,.12);
  border:1px solid rgba(14,165,233,.25);
  color: var(--ae-blue);
  font-size:1.1rem;
}
.ae-gpd-ship-item h6{
  margin:0;
  font-weight:800;
  color:#0f172a;
}
.ae-gpd-ship-item p{
  margin:.2rem 0 0;
  color:#64748b;
  font-size:.9rem;
}

/* Related */
.ae-gpd-viewall{
  text-decoration:none;
  font-weight:800;
  font-size:.9rem;
  color: var(--ae-blue);
}
.ae-gpd-viewall:hover{ text-decoration:underline; }

/* Right enquiry (sticky) */
.ae-gpd-enquiry-wrap{
  position: sticky;
  top: 92px;
}
.ae-gpd-enquiry{
  background: radial-gradient(circle at top left, rgba(0,169,232,.20), transparent 55%),
              radial-gradient(circle at bottom right, rgba(255,212,0,.16), transparent 55%),
              #020617;
  border:1px solid rgba(148,163,184,.35);
  border-radius:1.25rem;
  box-shadow:0 18px 60px rgba(15,23,42,.7);
  color:#e5e7eb;
  padding:1.1rem;
}
.ae-gpd-enquiry-kicker{
  margin:0;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(226,232,240,.82);
}
.ae-gpd-enquiry-title{
  margin:.25rem 0 .3rem;
  font-weight:900;
  font-size:1.15rem;
}
.ae-gpd-enquiry-sub{
  margin:0 0 1rem;
  color:rgba(209,213,219,.9);
  font-size:.9rem;
}

.ae-gpd-label{
  font-size:.78rem;
  color:rgba(226,232,240,.9);
}
.ae-gpd-input{
  border-radius:.9rem;
  border:1px solid rgba(148,163,184,.35);
  background: rgba(15,23,42,.75);
  color:#e5e7eb;
}
.ae-gpd-input::placeholder{ color: rgba(203,213,225,.75); }

.ae-gpd-privacy{
  font-size:.78rem;
  color:rgba(209,213,219,.9);
  display:flex;
  gap:.45rem;
  align-items:center;
}
.ae-gpd-privacy i{ color:#22c55e; }

.ae-gpd-enquiry-foot{
  margin-top:1rem;
  border-top:1px solid rgba(148,163,184,.25);
  padding-top:.8rem;
  display:grid;
  gap:.45rem;
}
.ae-gpd-mini{
  font-size:.82rem;
  color:rgba(226,232,240,.9);
  display:flex;
  gap:.55rem;
  align-items:center;
}
.ae-gpd-mini i{ color: var(--ae-yellow); }

/* Responsive */
@media (max-width: 991.98px){
  .ae-gpd-enquiry-wrap{ position: static; }
  .ae-gpd-gallery-main img{ height: 320px; }
}
@media (max-width: 575.98px){
  .ae-gpd-gallery-main img{ height: 260px; }
  .ae-gpd-specs{ grid-template-columns:1fr; }
}





/* =========================
   MINING PRODUCT DETAIL – UNIQUE STYLES (ae-mpd-*)
   ========================= */

.ae-mpd-page{ background:#f3f4f6; }

/* Breadcrumb */
.ae-mpd-crumbs{
  padding: 1rem 0;
  background:#0b1220;
  color:#cbd5e1;
}
.ae-mpd-crumbs-inner{
  font-size:.85rem;
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  align-items:center;
}
.ae-mpd-crumbs a{
  color:#e5e7eb;
  text-decoration:none;
}
.ae-mpd-crumbs a:hover{ text-decoration:underline; }

/* Main */
.ae-mpd-main{ padding: 2rem 0 3rem; }

.ae-mpd-card{
  background:#fff;
  border-radius:1.2rem;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
  border:1px solid rgba(148,163,184,.25);
  padding:1.25rem;
}

/* Gallery */
.ae-mpd-gallery-main{
  border-radius:1rem;
  overflow:hidden;
  background:#0f172a;
  border:1px solid rgba(148,163,184,.25);
}
.ae-mpd-gallery-main img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}

.ae-mpd-thumbs{
  display:flex;
  gap:.6rem;
  margin-top:.8rem;
}
.ae-mpd-thumb{
  border:none;
  background:transparent;
  padding:0;
  border-radius:.8rem;
  overflow:hidden;
  width:64px;
  height:54px;
  border:2px solid transparent;
  opacity:.9;
  transition:.2s ease;
}
.ae-mpd-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ae-mpd-thumb:hover{ opacity:1; transform: translateY(-1px); }
.ae-mpd-thumb.active{
  border-color: var(--ae-yellow);
  opacity:1;
}

.ae-mpd-note{
  margin-top:.85rem;
  font-size:.82rem;
  color:#475569;
  display:flex;
  gap:.5rem;
  align-items:flex-start;
}

/* Head */
.ae-mpd-badges{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:.6rem;
}
.ae-mpd-badge{
  background: rgba(250,204,21,.14);
  color:#0b1220;
  border:1px solid rgba(250,204,21,.30);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.25rem .7rem;
  border-radius:999px;
  font-weight:800;
}
.ae-mpd-code{
  font-size:.82rem;
  color:#0f172a;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.35);
  padding:.25rem .65rem;
  border-radius:999px;
}

.ae-mpd-title{
  font-size:1.55rem;
  font-weight:900;
  color:#0f172a;
  margin-bottom:.35rem;
}
.ae-mpd-sub{
  color:#475569;
  font-size:.95rem;
  margin-bottom:.85rem;
}

.ae-mpd-chips{
  display:flex;
  gap:.4rem;
  flex-wrap:wrap;
}
.ae-mpd-chips span{
  font-size:.78rem;
  border:1px solid rgba(148,163,184,.45);
  background:#fff;
  padding:.3rem .7rem;
  border-radius:999px;
  color:#334155;
  display:inline-flex;
  gap:.35rem;
  align-items:center;
}
.ae-mpd-chips i{ color:#16a34a; }

.ae-mpd-divider{
  height:1px;
  background:rgba(148,163,184,.35);
  margin:1rem 0;
}

/* Specs */
.ae-mpd-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.ae-mpd-spec{
  background:#0b1220;
  color:#e5e7eb;
  border-radius:1rem;
  padding:.75rem .85rem;
  border:1px solid rgba(148,163,184,.28);
}
.ae-mpd-spec span{
  display:block;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(226,232,240,.8);
  margin-bottom:.15rem;
}
.ae-mpd-spec strong{ font-size:.9rem; }

.ae-mpd-actions{
  margin-top:1rem;
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  align-items:center;
}
.ae-mpd-wa{ border-radius:999px; }
.ae-mpd-wa i{ margin-right:.35rem; }

/* Tabs */
.ae-mpd-pills{ gap:.4rem; margin-bottom:1rem; }
.ae-mpd-pills .nav-link{
  border-radius:999px;
  font-weight:800;
  font-size:.85rem;
  color:#0f172a;
  background:#f1f5f9;
  border:1px solid rgba(148,163,184,.35);
}
.ae-mpd-pills .nav-link.active{
  color:#0b1220;
  background: var(--ae-yellow);
  border-color: var(--ae-yellow);
}
.ae-mpd-para{ color:#475569; font-size:.95rem; }

/* Feature points */
.ae-mpd-points{
  display:grid;
  grid-template-columns:1fr;
  gap:.8rem;
  margin-top:1.1rem;
}
.ae-mpd-point{
  display:flex;
  gap:.8rem;
  padding:.85rem;
  border-radius:1rem;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.25);
}
.ae-mpd-point i{
  font-size:1.2rem;
  color: var(--ae-blue);
}
.ae-mpd-point h6{
  margin:0;
  font-weight:900;
  color:#0f172a;
}
.ae-mpd-point p{
  margin:.2rem 0 0;
  color:#64748b;
  font-size:.9rem;
}

.ae-mpd-table th{
  width:220px;
  color:#0f172a;
  font-weight:900;
  background:#f8fafc;
}
.ae-mpd-table td{ color:#475569; }

/* Applications cards */
.ae-mpd-ship{
  display:grid;
  grid-template-columns:1fr;
  gap:.8rem;
}
.ae-mpd-ship-item{
  display:flex;
  gap:.8rem;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.25);
  border-radius:1rem;
  padding:.9rem;
}
.ae-mpd-ship-icon{
  width:42px; height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(14,165,233,.12);
  border:1px solid rgba(14,165,233,.25);
  color: var(--ae-blue);
  font-size:1.1rem;
}
.ae-mpd-ship-item h6{
  margin:0;
  font-weight:900;
  color:#0f172a;
}
.ae-mpd-ship-item p{
  margin:.2rem 0 0;
  color:#64748b;
  font-size:.9rem;
}

/* Related */
.ae-mpd-viewall{
  text-decoration:none;
  font-weight:900;
  font-size:.9rem;
  color: var(--ae-blue);
}
.ae-mpd-viewall:hover{ text-decoration:underline; }

/* Enquiry sticky */
.ae-mpd-enquiry-wrap{
  position: sticky;
  top: 92px;
}
.ae-mpd-enquiry{
  background: radial-gradient(circle at top left, rgba(0,169,232,.20), transparent 55%),
              radial-gradient(circle at bottom right, rgba(255,212,0,.16), transparent 55%),
              #020617;
  border:1px solid rgba(148,163,184,.35);
  border-radius:1.25rem;
  box-shadow:0 18px 60px rgba(15,23,42,.7);
  color:#e5e7eb;
  padding:1.1rem;
}
.ae-mpd-enquiry-kicker{
  margin:0;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(226,232,240,.82);
}
.ae-mpd-enquiry-title{
  margin:.25rem 0 .3rem;
  font-weight:900;
  font-size:1.15rem;
}
.ae-mpd-enquiry-sub{
  margin:0 0 1rem;
  color:rgba(209,213,219,.9);
  font-size:.9rem;
}
.ae-mpd-label{
  font-size:.78rem;
  color:rgba(226,232,240,.9);
}
.ae-mpd-input{
  border-radius:.9rem;
  border:1px solid rgba(148,163,184,.35);
  background: rgba(15,23,42,.75);
  color:#e5e7eb;
}
.ae-mpd-input::placeholder{ color: rgba(203,213,225,.75); }

.ae-mpd-privacy{
  font-size:.78rem;
  color:rgba(209,213,219,.9);
  display:flex;
  gap:.45rem;
  align-items:center;
}
.ae-mpd-privacy i{ color:#22c55e; }

.ae-mpd-enquiry-foot{
  margin-top:1rem;
  border-top:1px solid rgba(148,163,184,.25);
  padding-top:.8rem;
  display:grid;
  gap:.45rem;
}
.ae-mpd-mini{
  font-size:.82rem;
  color:rgba(226,232,240,.9);
  display:flex;
  gap:.55rem;
  align-items:center;
}
.ae-mpd-mini i{ color: var(--ae-yellow); }

/* Responsive */
@media (max-width: 991.98px){
  .ae-mpd-enquiry-wrap{ position: static; }
  .ae-mpd-gallery-main img{ height: 320px; }
}
@media (max-width: 575.98px){
  .ae-mpd-gallery-main img{ height: 260px; }
  .ae-mpd-specs{ grid-template-columns:1fr; }
}




/* =========================
   AUTOMOTIVE PRODUCT DETAIL – UNIQUE STYLES (ae-apd-*)
   ========================= */

.ae-apd-page{ background:#f3f4f6; }

/* Breadcrumb */
.ae-apd-crumbs{
  padding: 1rem 0;
  background:#0b1220;
  color:#cbd5e1;
}
.ae-apd-crumbs-inner{
  font-size:.85rem;
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  align-items:center;
}
.ae-apd-crumbs a{
  color:#e5e7eb;
  text-decoration:none;
}
.ae-apd-crumbs a:hover{ text-decoration:underline; }

/* Main */
.ae-apd-main{ padding: 2rem 0 3rem; }

.ae-apd-card{
  background:#fff;
  border-radius:1.2rem;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
  border:1px solid rgba(148,163,184,.25);
  padding:1.25rem;
}

/* Gallery */
.ae-apd-gallery-main{
  border-radius:1rem;
  overflow:hidden;
  background:#0f172a;
  border:1px solid rgba(148,163,184,.25);
}
.ae-apd-gallery-main img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}

.ae-apd-thumbs{
  display:flex;
  gap:.6rem;
  margin-top:.8rem;
}
.ae-apd-thumb{
  border:none;
  background:transparent;
  padding:0;
  border-radius:.8rem;
  overflow:hidden;
  width:64px;
  height:54px;
  border:2px solid transparent;
  opacity:.9;
  transition:.2s ease;
}
.ae-apd-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ae-apd-thumb:hover{ opacity:1; transform: translateY(-1px); }
.ae-apd-thumb.active{
  border-color: var(--ae-yellow);
  opacity:1;
}

.ae-apd-note{
  margin-top:.85rem;
  font-size:.82rem;
  color:#475569;
  display:flex;
  gap:.5rem;
  align-items:flex-start;
}

/* Head */
.ae-apd-badges{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:.6rem;
}
.ae-apd-badge{
  background: rgba(250,204,21,.14);
  color:#0b1220;
  border:1px solid rgba(250,204,21,.30);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.25rem .7rem;
  border-radius:999px;
  font-weight:800;
}
.ae-apd-code{
  font-size:.82rem;
  color:#0f172a;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.35);
  padding:.25rem .65rem;
  border-radius:999px;
}

.ae-apd-title{
  font-size:1.55rem;
  font-weight:900;
  color:#0f172a;
  margin-bottom:.35rem;
}
.ae-apd-sub{
  color:#475569;
  font-size:.95rem;
  margin-bottom:.85rem;
}

.ae-apd-chips{
  display:flex;
  gap:.4rem;
  flex-wrap:wrap;
}
.ae-apd-chips span{
  font-size:.78rem;
  border:1px solid rgba(148,163,184,.45);
  background:#fff;
  padding:.3rem .7rem;
  border-radius:999px;
  color:#334155;
  display:inline-flex;
  gap:.35rem;
  align-items:center;
}
.ae-apd-chips i{ color:#16a34a; }

.ae-apd-divider{
  height:1px;
  background:rgba(148,163,184,.35);
  margin:1rem 0;
}

/* Specs */
.ae-apd-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.ae-apd-spec{
  background:#0b1220;
  color:#e5e7eb;
  border-radius:1rem;
  padding:.75rem .85rem;
  border:1px solid rgba(148,163,184,.28);
}
.ae-apd-spec span{
  display:block;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(226,232,240,.8);
  margin-bottom:.15rem;
}
.ae-apd-spec strong{ font-size:.9rem; }

.ae-apd-actions{
  margin-top:1rem;
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  align-items:center;
}
.ae-apd-wa{ border-radius:999px; }
.ae-apd-wa i{ margin-right:.35rem; }

/* Tabs */
.ae-apd-pills{ gap:.4rem; margin-bottom:1rem; }
.ae-apd-pills .nav-link{
  border-radius:999px;
  font-weight:800;
  font-size:.85rem;
  color:#0f172a;
  background:#f1f5f9;
  border:1px solid rgba(148,163,184,.35);
}
.ae-apd-pills .nav-link.active{
  color:#0b1220;
  background: var(--ae-yellow);
  border-color: var(--ae-yellow);
}
.ae-apd-para{ color:#475569; font-size:.95rem; }

/* Feature points */
.ae-apd-points{
  display:grid;
  grid-template-columns:1fr;
  gap:.8rem;
  margin-top:1.1rem;
}
.ae-apd-point{
  display:flex;
  gap:.8rem;
  padding:.85rem;
  border-radius:1rem;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.25);
}
.ae-apd-point i{
  font-size:1.2rem;
  color: var(--ae-blue);
}
.ae-apd-point h6{
  margin:0;
  font-weight:900;
  color:#0f172a;
}
.ae-apd-point p{
  margin:.2rem 0 0;
  color:#64748b;
  font-size:.9rem;
}

.ae-apd-table th{
  width:220px;
  color:#0f172a;
  font-weight:900;
  background:#f8fafc;
}
.ae-apd-table td{ color:#475569; }

/* Applications cards */
.ae-apd-ship{
  display:grid;
  grid-template-columns:1fr;
  gap:.8rem;
}
.ae-apd-ship-item{
  display:flex;
  gap:.8rem;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.25);
  border-radius:1rem;
  padding:.9rem;
}
.ae-apd-ship-icon{
  width:42px; height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(14,165,233,.12);
  border:1px solid rgba(14,165,233,.25);
  color: var(--ae-blue);
  font-size:1.1rem;
}
.ae-apd-ship-item h6{
  margin:0;
  font-weight:900;
  color:#0f172a;
}
.ae-apd-ship-item p{
  margin:.2rem 0 0;
  color:#64748b;
  font-size:.9rem;
}

/* Related */
.ae-apd-viewall{
  text-decoration:none;
  font-weight:900;
  font-size:.9rem;
  color: var(--ae-blue);
}
.ae-apd-viewall:hover{ text-decoration:underline; }

/* Enquiry sticky */
.ae-apd-enquiry-wrap{
  position: sticky;
  top: 92px;
}
.ae-apd-enquiry{
  background: radial-gradient(circle at top left, rgba(0,169,232,.20), transparent 55%),
              radial-gradient(circle at bottom right, rgba(255,212,0,.16), transparent 55%),
              #020617;
  border:1px solid rgba(148,163,184,.35);
  border-radius:1.25rem;
  box-shadow:0 18px 60px rgba(15,23,42,.7);
  color:#e5e7eb;
  padding:1.1rem;
}
.ae-apd-enquiry-kicker{
  margin:0;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(226,232,240,.82);
}
.ae-apd-enquiry-title{
  margin:.25rem 0 .3rem;
  font-weight:900;
  font-size:1.15rem;
}
.ae-apd-enquiry-sub{
  margin:0 0 1rem;
  color:rgba(209,213,219,.9);
  font-size:.9rem;
}
.ae-apd-label{
  font-size:.78rem;
  color:rgba(226,232,240,.9);
}
.ae-apd-input{
  border-radius:.9rem;
  border:1px solid rgba(148,163,184,.35);
  background: rgba(15,23,42,.75);
  color:#e5e7eb;
}
.ae-apd-input::placeholder{ color: rgba(203,213,225,.75); }

.ae-apd-privacy{
  font-size:.78rem;
  color:rgba(209,213,219,.9);
  display:flex;
  gap:.45rem;
  align-items:center;
}
.ae-apd-privacy i{ color:#22c55e; }

.ae-apd-enquiry-foot{
  margin-top:1rem;
  border-top:1px solid rgba(148,163,184,.25);
  padding-top:.8rem;
  display:grid;
  gap:.45rem;
}
.ae-apd-mini{
  font-size:.82rem;
  color:rgba(226,232,240,.9);
  display:flex;
  gap:.55rem;
  align-items:center;
}
.ae-apd-mini i{ color: var(--ae-yellow); }

/* Responsive */
@media (max-width: 991.98px){
  .ae-apd-enquiry-wrap{ position: static; }
  .ae-apd-gallery-main img{ height: 320px; }
}
@media (max-width: 575.98px){
  .ae-apd-gallery-main img{ height: 260px; }
  .ae-apd-specs{ grid-template-columns:1fr; }
}




/* =========================
   PRIVACY POLICY PAGE
   ========================= */

.ae-policy-page{
  background:#f3f4f6;
}

/* hero */
.ae-policy-hero{
  padding:2.8rem 0 1.6rem;
  background:#020617;
  position:relative;
  color:#e5e7eb;
}

.ae-policy-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.22), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.16), transparent 55%);
  opacity:0.9;
  pointer-events:none;
}

.ae-policy-hero .container{
  position:relative;
  z-index:1;
}

.ae-policy-hero-card{
  border-radius:1.2rem;
  padding:1.4rem 1.6rem;
  background:rgba(15,23,42,0.72);
  border:1px solid rgba(148,163,184,0.35);
  box-shadow:0 18px 48px rgba(15,23,42,0.85);
}

.ae-policy-kicker{
  font-size:.75rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(226,232,240,.88);
  margin-bottom:.35rem;
}

.ae-policy-title{
  font-size:1.8rem;
  font-weight:800;
  color:#f9fafb;
}

.ae-policy-subtext{
  font-size:.95rem;
  color:rgba(209,213,219,.9);
  max-width:60ch;
}

.ae-policy-meta{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  font-size:.82rem;
  color:rgba(226,232,240,.9);
}

.ae-policy-breadcrumb{
  margin-top:1rem;
  font-size:.82rem;
  color:rgba(209,213,219,.88);
}

.ae-policy-breadcrumb a{
  color:#e5e7eb;
  text-decoration:none;
}

.ae-policy-breadcrumb a:hover{
  text-decoration:underline;
}

/* content */
.ae-policy-content{
  padding:2rem 0 3rem;
  background:#f3f4f6;
}

.ae-policy-box{
  background:#ffffff;
  border-radius:1.1rem;
  padding:1.2rem 1.2rem;
  border:1px solid rgba(0,0,0,0.06);
  box-shadow:0 16px 40px rgba(15,23,42,0.06);
  margin-bottom:1rem;
}

.ae-policy-box h2{
  font-size:1.1rem;
  font-weight:800;
  color:#0f172a;
  margin-bottom:.5rem;
}

.ae-policy-box p{
  font-size:.92rem;
  color:#4b5563;
}

.ae-policy-list{
  margin:0;
  padding-left:1.1rem;
  color:#4b5563;
  font-size:.92rem;
}

.ae-policy-list li{
  margin:.35rem 0;
}

.ae-policy-contact{
  display:grid;
  gap:.45rem;
  font-size:.92rem;
  color:#374151;
}

.ae-policy-contact i{
  color:var(--ae-blue);
  margin-right:.45rem;
}

/* side */
.ae-policy-side{
  position:sticky;
  top:92px;
  background:#020617;
  border-radius:1.2rem;
  padding:1.1rem 1.1rem;
  color:#e5e7eb;
  border:1px solid rgba(148,163,184,0.35);
  box-shadow:0 18px 50px rgba(15,23,42,0.9);
}

.ae-policy-side-title{
  font-size:.9rem;
  font-weight:800;
  margin-bottom:.6rem;
}

.ae-policy-side-links{
  list-style:none;
  padding:0;
  margin:0 0 .9rem;
}

.ae-policy-side-links li{
  margin:.35rem 0;
}

.ae-policy-side-links a{
  color:rgba(226,232,240,.92);
  text-decoration:none;
  font-size:.88rem;
}

.ae-policy-side-links a:hover{
  color:#ffffff;
  text-decoration:underline;
}

.ae-policy-side-cta{
  margin-top:.6rem;
  padding-top:.8rem;
  border-top:1px solid rgba(148,163,184,0.25);
}

/* responsive */
@media (max-width: 991.98px){
  .ae-policy-side{
    position:static;
    top:auto;
  }
  .ae-policy-title{
    font-size:1.55rem;
  }
  .ae-policy-hero-card{
    padding:1.2rem 1.2rem;
  }
}


/* =========================
   TERMS & CONDITIONS PAGE
   ========================= */

.ae-terms-page{
  background:#f3f4f6;
}

/* hero */
.ae-terms-hero{
  padding:2.8rem 0 1.6rem;
  background:#020617;
  position:relative;
  color:#e5e7eb;
}

.ae-terms-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.22), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.16), transparent 55%);
  opacity:0.9;
  pointer-events:none;
}

.ae-terms-hero .container{
  position:relative;
  z-index:1;
}

.ae-terms-hero-card{
  border-radius:1.2rem;
  padding:1.4rem 1.6rem;
  background:rgba(15,23,42,0.72);
  border:1px solid rgba(148,163,184,0.35);
  box-shadow:0 18px 48px rgba(15,23,42,0.85);
}

.ae-terms-kicker{
  font-size:.75rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(226,232,240,.88);
  margin-bottom:.35rem;
}

.ae-terms-title{
  font-size:1.8rem;
  font-weight:800;
  color:#f9fafb;
}

.ae-terms-subtext{
  font-size:.95rem;
  color:rgba(209,213,219,.9);
  max-width:60ch;
}

.ae-terms-meta{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  font-size:.82rem;
  color:rgba(226,232,240,.9);
}

.ae-terms-breadcrumb{
  margin-top:1rem;
  font-size:.82rem;
  color:rgba(209,213,219,.88);
}

.ae-terms-breadcrumb a{
  color:#e5e7eb;
  text-decoration:none;
}

.ae-terms-breadcrumb a:hover{
  text-decoration:underline;
}

/* content */
.ae-terms-content{
  padding:2rem 0 3rem;
  background:#f3f4f6;
}

.ae-terms-box{
  background:#ffffff;
  border-radius:1.1rem;
  padding:1.2rem 1.2rem;
  border:1px solid rgba(0,0,0,0.06);
  box-shadow:0 16px 40px rgba(15,23,42,0.06);
  margin-bottom:1rem;
}

.ae-terms-box h2{
  font-size:1.1rem;
  font-weight:800;
  color:#0f172a;
  margin-bottom:.5rem;
}

.ae-terms-box p{
  font-size:.92rem;
  color:#4b5563;
}

.ae-terms-list{
  margin:0;
  padding-left:1.1rem;
  color:#4b5563;
  font-size:.92rem;
}

.ae-terms-list li{
  margin:.35rem 0;
}

.ae-terms-contact{
  display:grid;
  gap:.45rem;
  font-size:.92rem;
  color:#374151;
}

.ae-terms-contact i{
  color:var(--ae-blue);
  margin-right:.45rem;
}

/* side */
.ae-terms-side{
  position:sticky;
  top:92px;
  background:#020617;
  border-radius:1.2rem;
  padding:1.1rem 1.1rem;
  color:#e5e7eb;
  border:1px solid rgba(148,163,184,0.35);
  box-shadow:0 18px 50px rgba(15,23,42,0.9);
}

.ae-terms-side-title{
  font-size:.9rem;
  font-weight:800;
  margin-bottom:.6rem;
}

.ae-terms-side-links{
  list-style:none;
  padding:0;
  margin:0 0 .9rem;
}

.ae-terms-side-links li{
  margin:.35rem 0;
}

.ae-terms-side-links a{
  color:rgba(226,232,240,.92);
  text-decoration:none;
  font-size:.88rem;
}

.ae-terms-side-links a:hover{
  color:#ffffff;
  text-decoration:underline;
}

.ae-terms-side-cta{
  margin-top:.6rem;
  padding-top:.8rem;
  border-top:1px solid rgba(148,163,184,0.25);
}

/* responsive */
@media (max-width: 991.98px){
  .ae-terms-side{
    position:static;
    top:auto;
  }
  .ae-terms-title{
    font-size:1.55rem;
  }
  .ae-terms-hero-card{
    padding:1.2rem 1.2rem;
  }
}



/* =========================
   404 PAGE
   ========================= */

.ae-404-page{
  background:#f3f4f6;
}

.ae-404-hero{
  padding:3rem 0 3rem;
  background:#020617;
  position:relative;
  color:#e5e7eb;
}

.ae-404-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.22), transparent 55%),
    radial-gradient(circle at bottom right, rgba(255,212,0,0.16), transparent 55%);
  opacity:0.9;
  pointer-events:none;
}

.ae-404-hero .container{
  position:relative;
  z-index:1;
}

.ae-404-card{
  border-radius:1.2rem;
  padding:1.6rem 1.7rem;
  background:rgba(15,23,42,0.72);
  border:1px solid rgba(148,163,184,0.35);
  box-shadow:0 18px 55px rgba(15,23,42,0.9);
  overflow:hidden;
}

.ae-404-kicker{
  font-size:.75rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(226,232,240,.88);
  margin-bottom:.45rem;
}

.ae-404-title{
  font-size:2rem;
  font-weight:900;
  color:#f9fafb;
  margin-bottom:.55rem;
}

.ae-404-subtext{
  font-size:.95rem;
  color:rgba(209,213,219,.9);
  max-width:62ch;
  margin-bottom:1rem;
}

.ae-404-actions .btn{
  border-radius:999px;
}

.ae-404-links-title{
  font-size:.85rem;
  font-weight:800;
  margin-bottom:.55rem;
  color:rgba(226,232,240,.92);
}

.ae-404-links-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.45rem .9rem;
}

.ae-404-links-grid a{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  text-decoration:none;
  color:rgba(226,232,240,.9);
  font-size:.9rem;
}

.ae-404-links-grid a:hover{
  color:#ffffff;
  text-decoration:underline;
}

.ae-404-visual{
  position:relative;
  border-radius:1.2rem;
  min-height:280px;
  background:
    radial-gradient(circle at 20% 20%, rgba(0,169,232,0.25), transparent 55%),
    radial-gradient(circle at 85% 65%, rgba(255,212,0,0.20), transparent 55%),
    rgba(2,6,23,0.55);
  border:1px solid rgba(148,163,184,0.28);
  box-shadow:0 18px 60px rgba(15,23,42,0.9);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ae-404-badge{
  position:relative;
  z-index:2;
  width:150px;
  height:150px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:3rem;
  letter-spacing:.05em;
  color:#0f172a;
  background:linear-gradient(135deg, var(--ae-yellow), var(--ae-blue));
  box-shadow:0 18px 55px rgba(0,0,0,0.45);
}

.ae-404-ring{
  position:absolute;
  width:220px;
  height:220px;
  border-radius:999px;
  border:1px solid rgba(226,232,240,0.22);
  filter:blur(.0px);
  z-index:1;
}

.ae-404-ring-2{
  width:300px;
  height:300px;
  border-color:rgba(0,169,232,0.18);
}

.ae-404-ring-3{
  width:380px;
  height:380px;
  border-color:rgba(255,212,0,0.14);
}

.ae-404-hint{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:3;
  background:rgba(15,23,42,0.85);
  border:1px solid rgba(148,163,184,0.25);
  border-radius:1rem;
  padding:.65rem .75rem;
  font-size:.86rem;
  color:rgba(226,232,240,.9);
  display:flex;
  align-items:center;
  gap:.5rem;
}

.ae-404-hint i{
  color:var(--ae-yellow);
}

.ae-404-breadcrumb{
  margin-top:1rem;
  font-size:.82rem;
  color:rgba(209,213,219,.88);
}

.ae-404-breadcrumb a{
  color:#e5e7eb;
  text-decoration:none;
}

.ae-404-breadcrumb a:hover{
  text-decoration:underline;
}

@media (max-width: 991.98px){
  .ae-404-title{ font-size:1.7rem; }
  .ae-404-card{ padding:1.2rem 1.2rem; }
  .ae-404-links-grid{ grid-template-columns:1fr; }
}


/* Auto TOC (On this page) */
.ae-toc .ae-toc-sub a {
  padding-left: 14px;
  opacity: 0.9;
  font-size: 0.95rem;
}

.ae-toc a.is-active {
  font-weight: 700;
  position: relative;
}

.ae-toc a.is-active::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.9;
}

/* Make CKEditor content look consistent in your design */
.ae-dynamic-content h2,
.ae-dynamic-content h3 {
  scroll-margin-top: 110px; /* sticky header safe */
}

/* =========================
   ENQUIRY MODAL (PREMIUM)
   ========================= */

.ae-modal{
  border-radius: 1.2rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(2, 6, 23, 0.92);
  box-shadow: 0 22px 70px rgba(15,23,42,0.65);
}

.ae-modal-header{
  background:
    radial-gradient(circle at top left, rgba(0,169,232,0.22), transparent 55%),
    radial-gradient(circle at top right, rgba(255,212,0,0.16), transparent 55%),
    rgba(15,23,42,0.85);
  color: #f8fafc;
  border-bottom: 1px solid rgba(148,163,184,0.25);
  padding: 1.1rem 1.2rem;
}

.ae-modal-kicker{
  font-size: .75rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(226,232,240,0.8);
}

.ae-modal-body{
  padding: 1.2rem;
  color: #e5e7eb;
}

.ae-modal-label{
  font-size: .85rem;
  font-weight: 700;
  color: rgba(226,232,240,0.92);
  margin-bottom: .35rem;
}

.ae-modal-input{
  border-radius: .9rem;
  border: 1px solid rgba(148,163,184,0.28);
  background: rgba(2,6,23,0.55);
  color: #f8fafc;
  padding: .7rem .85rem;
}

.ae-modal-input:focus{
  background: rgba(2,6,23,0.65);
  color: #fff;
  border-color: rgba(0,169,232,0.65);
  box-shadow: 0 0 0 .2rem rgba(0,169,232,0.18);
}

.ae-modal-textarea{
  resize: vertical;
  min-height: 120px;
}

.ae-modal-note{
  font-size: .82rem;
  color: rgba(226,232,240,0.72);
}

.ae-modal-privacy{
  font-size: .82rem;
  color: rgba(226,232,240,0.65);
}

.modal-backdrop.show{
  opacity: 0.75;
}

/* =========================
   FLOATING ACTION BUTTONS
   MOBILE-FIRST & SAFE
   ========================= */

.ae-fab-wrap{
  position: fixed;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 1055;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Base FAB */
.ae-fab{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  border-radius: 999px;
  width: 52px;
  height: 52px;
  box-shadow: 0 18px 45px rgba(15,23,42,0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Icons */
.ae-fab i{
  font-size: 1.35rem;
  line-height: 1;
}

/* Hidden text by default (mobile-first) */
.ae-fab-text{
  display: none;
}

/* WhatsApp */
.ae-fab-whatsapp{
  background: #22c55e;
  color: #052e16;
}

/* Enquiry */
.ae-fab-enquiry{
  background: linear-gradient(90deg, var(--ae-yellow), var(--ae-blue));
  color: #0f172a;
}

/* Hover / tap */
.ae-fab:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(15,23,42,0.38);
  opacity: 0.96;
}

/* =========================
   DESKTOP / TABLET
   ========================= */
@media (min-width: 576px){
  .ae-fab{
    width: auto;
    height: auto;
    padding: 10px 16px;
  }

  .ae-fab-text{
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .ae-fab i{
    font-size: 1.15rem;
  }
}


/* =========================
   ABHINAV PRELOADER (PREMIUM)
   ========================= */

.ae-preloader{
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background:
    radial-gradient(900px 520px at 10% 10%, rgba(0,169,232,0.14), transparent 60%),
    radial-gradient(800px 480px at 90% 80%, rgba(255,212,0,0.18), transparent 55%),
    #0b1220;
  transition: opacity 280ms ease, visibility 280ms ease;
}

/* prevent scroll while loader is open */
body.ae-preloader--lock{
  overflow: hidden;
}

/* Hide state */
.ae-preloader.is-hidden{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.ae-preloader__card{
  width: min(520px, 100%);
  border-radius: 22px;
  padding: 18px 18px 16px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 30px 90px rgba(0,0,0,0.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ae-preloader__brand{
  display: flex;
  align-items: center;
  gap: 12px;
}

.ae-preloader__logo{
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 14px;
  background: rgba(255,255,255,0.10);
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.10);
}

.ae-preloader__name{
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #ffffff;
  font-size: 1.05rem;
  line-height: 1.1;
}

.ae-preloader__tag{
  margin-top: 2px;
  color: rgba(255,255,255,0.70);
  font-size: 0.85rem;
}

.ae-preloader__pulse{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 12px;
}

.ae-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.70);
  animation: aeDot 900ms infinite ease-in-out;
}
.ae-dot:nth-child(2){ animation-delay: 140ms; }
.ae-dot:nth-child(3){ animation-delay: 280ms; }

@keyframes aeDot{
  0%, 100% { transform: translateY(0); opacity: 0.5; }
  50%      { transform: translateY(-6px); opacity: 1; }
}

.ae-preloader__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 14px;
}

.ae-chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.88);
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.ae-chip i{ font-size: 1rem; }

.ae-preloader__bar{
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.10);
}

.ae-preloader__barFill{
  height: 100%;
  width: 40%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ae-yellow), var(--ae-blue));
  animation: aeBar 1200ms infinite ease-in-out;
}

@keyframes aeBar{
  0%   { transform: translateX(-120%); }
  100% { transform: translateX(260%); }
}

.ae-preloader__hint{
  text-align: center;
  margin-top: 12px;
  font-size: 0.85rem;
  color: rgba(255,255,255,0.70);
}

/* Mobile refinement */
@media (max-width: 575.98px){
  .ae-preloader__card{ padding: 16px; border-radius: 18px; }
  .ae-preloader__logo{ width: 52px; height: 52px; }
  .ae-chip{ font-size: 0.74rem; padding: 7px 10px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ae-dot,
  .ae-preloader__barFill{
    animation: none !important;
  }
}