/* homepage.css */

/* Benefits Section */
.benefits {
    padding: 60px 0;
    line-height: 1.6;
}

.benefits h2 {
    font-size: 2em;
    margin-bottom: 20px;
    color: #003366;
}

.benefits ul {
    margin-bottom: 40px;
}

.benefits li {
    margin-bottom: 15px;
    font-size: 1.1em;
}

/* Enhancing the Features Section */
.features {
 
    display: flex; /* Use Flexbox */
    flex-wrap: wrap; /* Allow wrapping if the container becomes too small */
    background-color: ;
}

.feature {
    width: 30%; /* Set a width for each feature div */
    text-align: center;
   

}

.feature img {
    max-width: 80%; /* Increase the image size for better visibility */
    margin-bottom: 30px;
    display: block; /* Make the image a block element */
    margin-left: auto; /* Center the image horizontally */
    margin-right: auto;
}

.feature h2 {
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #003366;
}

.feature p {
    font-size: 1.2em;
    line-height: 1.5;
}


/* Enhancing the Hero Section */
.hero h1 {
    font-size: 3em;
}

.hero p {
    font-size: 1.5em;
    margin-bottom: 40px;
}

.cta-button {
    padding: 15px 30px;
    font-size: 1.2em;
}