.hero-with-overlay {
  position: relative;
  overflow: hidden;
}

.hero-with-overlay::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55); /* 30% opacity */
  z-index: 1;
}

.hero-with-overlay .vc_column-inner {
  position: relative;
  z-index: 2;
}

.hero-button {
    background-color: #013D7B;
    color: white; /* Optional: ensures text is readable */
    border: none;  /* Optional: removes default border */
    padding: 12px 24px; /* Optional: adjusts spacing */
    font-size: 16px;    /* Optional: adjusts font size */
    border-radius: 4px; /* Optional: adds subtle rounding */
    text-decoration: none; /* Optional: for anchor buttons */
}

@media only screen and (max-width: 767px) {
    .cta-section {
       margin: 0px !important; 
        padding: 0px !important; 
    }
}