/* banner.css */

/* Shared banner layout */
.banner-section {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  text-align: center;
  padding: 40px 0;
  overflow: hidden;
  margin-top: 85px;
}

/* Overlay - choose one color or tweak opacity */
.banner-section .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  /* Pick ONE color below */
  
  /* Amber tone */
  /* background: rgba(255, 193, 7, 0.5); */

  /* OR green tone */
  background: #0b221380;

  /* OR dark tone */
  /* background: rgba(9, 31, 27, 0.6); */
}