.hero-bg {
    background: linear-gradient(145deg, #1D5942, #34A077); /* dark green to light green */
}

/* Custom green colors */
.bg-bright-green {
    background-color: #34A077;
}

.bg-light-green {
    background-color: #77C79F;
}

.hover\:bg-light-green:hover {
    background-color: #77C79F;
}

.hover\:bg-bright-green:hover {
    background-color: #34A077;
}

.text-dark-green {
    color: #1D5942 !important;
}

.text-deep-green {
    color: #2A8766 !important;
}

.text-bright-green {
    color: #34A077 !important;
}

.text-light-green {
    color: #77C79F !important;
}

.hover\:text-dark-green:hover {
    color: #1D5942 !important;
}