.elementor-307 .elementor-element.elementor-element-907a06e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-2593ab5 *//* About Us Hero - Same color coding as Services page */
.hero {
  background:
    radial-gradient(circle at top left, rgba(232, 146, 42, 0.28), transparent 35%),
    linear-gradient(135deg, #06101f 0%, #0a1628 48%, #0d3b6e 100%) !important;
  color: #ffffff !important;
  text-align: center !important;
}

.hero::before {
  opacity: 0.10 !important;
}

.hero-inner {
  max-width: 850px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.hero-badge {
  background: rgba(232, 146, 42, 0.18) !important;
  border: 1px solid rgba(232, 146, 42, 0.55) !important;
  color: #f5c07a !important;
}

.hero h1,
.hero h1 * {
  color: #ffffff !important;
}

/* Water Damage Restoration orange */
.hero h1 span {
  color: #e8922a !important;
}

.hero p {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Call Now button - navy blue text */
.hero .btn-primary,
.hero a.btn-primary {
  background: #e8922a !important;
  color: #0a1628 !important;
  border: 2px solid #e8922a !important;
}

.hero .btn-primary:hover,
.hero a.btn-primary:hover {
  background: #c97520 !important;
  border-color: #c97520 !important;
  color: #0a1628 !important;
}

/* Our Services button */
.hero .btn-outline,
.hero a.btn-outline {
  background: #ffffff !important;
  color: #0a1628 !important;
  border: 2px solid #ffffff !important;
}

.hero .btn-outline:hover,
.hero a.btn-outline:hover {
  background: #f4f7fc !important;
  color: #0a1628 !important;
  border-color: #f4f7fc !important;
}
/* Hero buttons same length on desktop + mobile */
.hero .hero-btns {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}

.hero .hero-btns a,
.hero .btn-primary,
.hero .btn-outline {
  width: 220px !important;
  min-width: 220px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

/* Mobile view */
@media (max-width: 768px) {
  .hero .hero-btns {
    width: 100% !important;
    flex-direction: column !important;
  }

  .hero .hero-btns a,
  .hero .btn-primary,
  .hero .btn-outline {
    width: 100% !important;
    max-width: 320px !important;
    min-width: 0 !important;
  }
}
/* Trust Strip - Navy text + mobile responsive */
.trust-strip {
  background: #e8922a !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2rem !important;
  flex-wrap: wrap !important;
  padding: 1rem 2rem !important;
  text-align: center !important;
}

.trust-strip .trust-item {
  color: #0a1628 !important;
  font-weight: 700 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
}

.trust-strip .trust-item::before {
  color: #0a1628 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .trust-strip {
    flex-direction: column !important;
    gap: 0.75rem !important;
    padding: 1rem 1rem !important;
  }

  .trust-strip .trust-item {
    width: 100% !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
  }
}
/* Last CTA Section - White heading + orange highlight + button colors */
.cta-section {
  background:
    radial-gradient(circle at top left, rgba(232, 146, 42, 0.25), transparent 35%),
    linear-gradient(135deg, #06101f 0%, #0a1628 48%, #0d3b6e 100%) !important;
  color: #ffffff !important;
  text-align: center !important;
}

.cta-section h2,
.cta-section h2 * {
  color: #ffffff !important;
}

.cta-section h2 span {
  color: #e8922a !important;
}

.cta-section p {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* CTA Call button */
.cta-section .btn-primary,
.cta-section a.btn-primary {
  background: #e8922a !important;
  color: #0a1628 !important;
  border: 2px solid #e8922a !important;
}

.cta-section .btn-primary:hover,
.cta-section a.btn-primary:hover {
  background: #c97520 !important;
  color: #0a1628 !important;
  border-color: #c97520 !important;
}

/* CTA Services button */
.cta-section .btn-outline,
.cta-section a.btn-outline {
  background: #ffffff !important;
  color: #0a1628 !important;
  border: 2px solid #ffffff !important;
}

.cta-section .btn-outline:hover,
.cta-section a.btn-outline:hover {
  background: #f4f7fc !important;
  color: #0a1628 !important;
  border-color: #f4f7fc !important;
}

/* CTA buttons same length + mobile responsive */
.cta-section .cta-btns {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}

.cta-section .cta-btns a {
  width: 230px !important;
  min-width: 230px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .cta-section .cta-btns {
    width: 100% !important;
    flex-direction: column !important;
  }

  .cta-section .cta-btns a {
    width: 100% !important;
    max-width: 320px !important;
    min-width: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-907a06e *//* About Us Hero - Same color coding as Services page */
.hero {
  background:
    radial-gradient(circle at top left, rgba(232, 146, 42, 0.28), transparent 35%),
    linear-gradient(135deg, #06101f 0%, #0a1628 48%, #0d3b6e 100%) !important;
  color: #ffffff !important;
  text-align: center !important;
}

.hero::before {
  opacity: 0.10 !important;
}

.hero-inner {
  max-width: 850px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.hero-badge {
  background: rgba(232, 146, 42, 0.18) !important;
  border: 1px solid rgba(232, 146, 42, 0.55) !important;
  color: #f5c07a !important;
}

.hero h1,
.hero h1 * {
  color: #ffffff !important;
}

.hero h1 span {
  color: #e8922a !important;
}

.hero p {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Call Now button */
.hero .btn-primary,
.hero a.btn-primary {
  background: #e8922a !important;
  color: #ffffff !important;
  border: 2px solid #e8922a !important;
}

.hero .btn-primary:hover,
.hero a.btn-primary:hover {
  background: #c97520 !important;
  border-color: #c97520 !important;
  color: #ffffff !important;
}

/* Our Services button */
.hero .btn-outline,
.hero a.btn-outline {
  background: #ffffff !important;
  color: #0a1628 !important;
  border: 2px solid #ffffff !important;
}

.hero .btn-outline:hover,
.hero a.btn-outline:hover {
  background: #f4f7fc !important;
  color: #0a1628 !important;
  border-color: #f4f7fc !important;
}/* End custom CSS */