.nav-link {
     font-family: "Alice", serif;
     color: #0f5138;
     font-size: 30px;
     
}

.nav-link:visited{
    color: #000000;
}

.nav-link:hover {
    color: #b06b34;
}

.logo{
    width: 150px;
}

.bg-custom{
    background-color:#ea9f7c;
}

body {
  padding-bottom: 150px; 
}

.footer{
    background-color: #b06b34;
    font-family:"Quicksand", sans-serif ;
    color: #000000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%; 
    padding: 20px 0; 
    z-index: 10;
    
}
.carousel-control-next{
    background-color: #00000025;
}
.carousel-control-prev{
    background-color: #00000025;
}

.bi{
    color:#000000
}
h1{
    font-weight: 300;
    font-family:"Quicksand", sans-serif ;
}

h2{
    font-weight: 250;
}

h3{
    font-weight: 200;
}

h4{
    font-family: 'Alice', serif; /* Match the brand style */
     font-size: 40px;
     font-weight: 100;
     color: #000000; /* Choose a brand-aligned green */
     text-transform: uppercase;
     /*margin-bottom: 1rem;*/
     text-shadow: 2px 2px 5px #ffff;

}


.btn-primary{
    background-color: #b06b34;
    color: #000000;
    font-family: "Alice", serif;
    font-weight: 500;
}

.content-section {
  margin-bottom: 150px; 
}



.contactinfo{
   
    font-weight: 800;
}

.contactstyle{
    font-family:"Quicksand", sans-serif ;
}

.form-label{
    color: #0f5138;
    font-weight:800;
    text-transform: uppercase;
}

.form-control{
    background-color: #be906a3e;
}

.hero-image {
    background-size: cover;
    background-position: center;
    font-family: "Alice", serif;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.hero-image.yellow-flowers {
    background-image: url('../images/JPG/plantclose2_web.jpg.jpg');
}

.hero-image.wet-leaves {
    background-image: url('../images/JPG/plantclose3_web.jpg.jpg');
}



/* Reduce footer height */
footer.footer {
    padding: 10px 0; /* Decrease top and bottom padding */
    font-size: 14px; /* Optional: Adjust font size for compactness */
}

/* Add padding to body to prevent overlap with footer */
body {
    padding-bottom: 250px; /* Match or slightly exceed footer height */
}