.elementor-439 .elementor-element.elementor-element-408992f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-439 .elementor-element.elementor-element-f5cbf1b:not(.elementor-motion-effects-element-type-background), .elementor-439 .elementor-element.elementor-element-f5cbf1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-439 .elementor-element.elementor-element-f5cbf1b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-439 .elementor-element.elementor-element-f5cbf1b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-439 .elementor-element.elementor-element-a8c4856.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-439 .elementor-element.elementor-element-a8c4856.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-439 .elementor-element.elementor-element-a8c4856 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-439 .elementor-element.elementor-element-dbb94e7 .elementor-icon-box-wrapper{align-items:end;}.elementor-439 .elementor-element.elementor-element-dbb94e7{--icon-box-icon-margin:15px;}.elementor-439 .elementor-element.elementor-element-dbb94e7.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-439 .elementor-element.elementor-element-dbb94e7.elementor-view-framed .elementor-icon, .elementor-439 .elementor-element.elementor-element-dbb94e7.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-439 .elementor-element.elementor-element-dbb94e7 .elementor-icon-box-title{color:#FFFFFF;}.elementor-439 .elementor-element.elementor-element-2b57b27 > .elementor-element-populated{padding:0em 0em 0em 0em;}.elementor-439 .elementor-element.elementor-element-f40b3c9 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-439 .elementor-element.elementor-element-f40b3c9 .elementor-custom-embed-play i{font-size:131px;text-shadow:0px 0px 18px rgba(0, 0, 0, 0.87);}.elementor-439 .elementor-element.elementor-element-f40b3c9 .elementor-custom-embed-play svg{width:131px;height:131px;}.elementor-439 .elementor-element.elementor-element-4fa5fb3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-439 .elementor-element.elementor-element-4fa5fb3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-439 .elementor-element.elementor-element-7e3c6e1 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-439 .elementor-element.elementor-element-78b5ec1 > .elementor-element-populated{padding:1em 1em 1em 1em;}@media(max-width:1024px){.elementor-439 .elementor-element.elementor-element-dbb94e7 .elementor-icon{font-size:37px;}.elementor-439 .elementor-element.elementor-element-dbb94e7 .elementor-icon-box-title, .elementor-439 .elementor-element.elementor-element-dbb94e7 .elementor-icon-box-title a{font-size:23px;}}@media(max-width:767px){.elementor-439 .elementor-element.elementor-element-dbb94e7{--icon-box-icon-margin:0px;}.elementor-439 .elementor-element.elementor-element-dbb94e7 .elementor-icon i{transform:rotate(90deg);}.elementor-439 .elementor-element.elementor-element-f40b3c9 .elementor-custom-embed-play i{font-size:69px;}.elementor-439 .elementor-element.elementor-element-f40b3c9 .elementor-custom-embed-play svg{width:69px;height:69px;}}/* Start custom CSS for html, class: .elementor-element-134fed5 *//* CSS */
.header-section {
  position: relative;
  height: 40vh; /* Adjust as needed */
  min-height: 400px;
  background-image: url('https://www.mtaflint.org/wp-content/media/mta-employee-speaking-to-bus-rider-about-the-go-pass-bus-pass-scaled-e1763663816674.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-content {
  text-align: center;
  color: white;
  z-index: 2;
  position: relative;
  padding: 2rem;
}

.header-title {
  font-size: 4rem;
  color: white;

}



/* Overlay for better text readability */
.header-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.1); /* Adjust opacity as needed */
  z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .header-section {
    height: 30vh;
    min-height: 200px;
  }
  
  .header-title {
    font-size: 3rem;
  }
  
}/* End custom CSS */