.hero {
        background: url('hero-image.jpg') center/cover no-repeat;
        height: 80vh; 
        
    }
    .overlay {
        background: rgba(0,0,0,0.5); 
        
    }
    .cta-btn {
        background: #007c37;
        color: #ffffff;
        }
    section {
        padding: 60px 0; 
        
    }
    .footer {
        background:#000000!important; 
        color: #bbb; 
        padding: 40px 0; 
        
    }
    .footer a { 
        color: #ffffff!important; 
        text-decoration: none; 
        
    }
    .my-border-top {
  border-top: 1px solid #ffffffff;
}
.bg-section-image {
  position: relative;
  background-image: url('/path/to/your-background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-section-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(162, 104, 58, 0.5); /* brown color with 50% opacity */
  z-index: 0;
}

.bg-section-image > .container {
  position: relative;
  z-index: 1; /* content above overlay */
}
.rounded {
    border-radius: var(--bs-border-radius) !important;
    border: 7px solid #713a1b;
}