/* === Font pair — Barlow Condensed + Barlow === */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@400;500&display=swap');

/* === Gains checker — gradient border glow === */
.elementor-element-72157e8 {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.elementor-element-72157e8 > .elementor-widget-container {
  border: none !important;
  background: linear-gradient(90deg, #6a9fc7, #a8d4f0) !important;
  padding: 2px !important;
  border-radius: 10px !important;
  box-shadow: 0 0 20px rgba(138,180,214,0.2) !important;
}
.elementor-element-72157e8 > .elementor-widget-container > * {
  background: #1c1c1c !important;
  border-radius: 8px !important;
  padding: 20px !important;
}

/* ===== About Us Page (page 5379) ===== */

/* Hero section - carbon fibre texture */
.elementor-5379 .elementor-element-1e85f84 {
  background: repeating-conic-gradient(#222 0% 25%, #1c1c1c 0% 50%) 0 0 / 4px 4px !important;
}

/* Badges bar - tyre tread diamond plate */
.elementor-5379 .elementor-element-48cb463 {
  background: 
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 0 0 / 12px 12px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 6px 6px / 12px 12px,
    #141414 !important;
  border-top: 1px solid #333 !important;
  border-bottom: 1px solid #333 !important;
}

/* Story sections - alternating backgrounds */
.elementor-5379 .elementor-element-edd55bb {
  background: repeating-conic-gradient(#222 0% 25%, #1c1c1c 0% 50%) 0 0 / 4px 4px !important;
}
.elementor-5379 .elementor-element-514d1c6 {
  background: 
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 0 0 / 12px 12px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 6px 6px / 12px 12px,
    #141414 !important;
}
.elementor-5379 .elementor-element-c25e13f {
  background: repeating-conic-gradient(#222 0% 25%, #1c1c1c 0% 50%) 0 0 / 4px 4px !important;
}

/* CTA section */
.elementor-5379 .elementor-element-369efd9 {
  background: 
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 0 0 / 12px 12px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 6px 6px / 12px 12px,
    #141414 !important;
  border-top: 1px solid #333 !important;
}

/* Mobile responsive - stack flex layouts */
@media (max-width: 767px) {
  .about-story,
  .about-story-alt {
    flex-direction: column !important;
  }
  .about-story > div,
  .about-story-alt > div {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
  .about-hero h1 {
    font-size: 32px !important;
  }
  .about-badges > div {
    gap: 12px !important;
  }
}

/* ===== Why Choose Us Page (page 5385) ===== */

/* Hero - combined textures + gradient */
.elementor-5385 .elementor-element-2ae2cff {
  background: 
    linear-gradient(180deg, rgba(28,28,28,0.6) 0%, rgba(18,18,18,0.85) 100%),
    repeating-conic-gradient(#222 0% 25%, #1c1c1c 0% 50%) 0 0 / 4px 4px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 0 0 / 12px 12px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 6px 6px / 12px 12px,
    #141414 !important;
}

/* USP cards - combined textures + gradient */
.elementor-5385 .elementor-element-2b05859 {
  background: 
    linear-gradient(180deg, rgba(22,22,22,0.5) 0%, rgba(14,14,14,0.8) 100%),
    repeating-conic-gradient(#222 0% 25%, #1c1c1c 0% 50%) 0 0 / 4px 4px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 0 0 / 12px 12px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 6px 6px / 12px 12px,
    #111 !important;
  border-top: 1px solid #333 !important;
  border-bottom: 1px solid #333 !important;
}

/* Comparison - combined textures + gradient */
.elementor-5385 .elementor-element-49d9e4e {
  background: 
    linear-gradient(180deg, rgba(28,28,28,0.6) 0%, rgba(18,18,18,0.85) 100%),
    repeating-conic-gradient(#222 0% 25%, #1c1c1c 0% 50%) 0 0 / 4px 4px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 0 0 / 12px 12px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 6px 6px / 12px 12px,
    #141414 !important;
}

/* CTA - combined textures + gradient */
.elementor-5385 .elementor-element-40757e5 {
  background: 
    linear-gradient(180deg, rgba(22,22,22,0.5) 0%, rgba(14,14,14,0.8) 100%),
    repeating-conic-gradient(#222 0% 25%, #1c1c1c 0% 50%) 0 0 / 4px 4px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 0 0 / 12px 12px,
    repeating-conic-gradient(#1d1d1d 0% 25%, transparent 0% 50%) 6px 6px / 12px 12px,
    #111 !important;
  border-top: 1px solid #333 !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .elementor-5385 table {
    font-size: 12px !important;
  }
}