/* Custom width adjustments for iConstruction template */
/* Ensure sections have full width - matching template structure */
section.section {
  width: 100%;
  max-width: 100%;
}

/* Containers should respect Bootstrap's max-width but sections are full width */
section.section .container {
  max-width: 1320px; /* Bootstrap's container-xl max-width */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Hero section and video container full width */
.hero {
  width: 100%;
  max-width: 100%;
}

.hero-video-container {
  width: 100%;
  max-width: 100%;
}

/* Ensure all sections maintain full width */
.about.section,
.services.section,
.projects.section,
.testimonials.section,
.certifications.section,
.team.section,
.call-to-action.section,
.services-alt.section {
  width: 100%;
  max-width: 100%;
}

/* Footer should match homepage container width */
.footer .container,
.footer .container-xl {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-bottom .container,
.footer-bottom .container-xl {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Ensure footer spacing matches homepage sections */
.footer {
  width: 100%;
  max-width: 100%;
}

/* Footer CTA button styling to match screenshot */
.footer .footer-cta .btn-outline {
  display: inline-block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .footer .footer-cta .btn-outline {
    width: auto;
  }
}