body {
}

.hero {
    height: 50vh;
    background: linear-gradient(to right, #4CAF50, #2196F3); /* Gradient from green to blue */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.navbar {
    background-color: #003B5C; /* Dark navy/teal color */
    justify-content: center; /* Center all items */
}

.features-section {
    color: black; /* Ensuring text is visible */
}