.logo {
    height: 100px;
}

.hero h1 {
    font-size: 2.5rem;
    font-weight: bold;
}

.card img {
    height: 200px;
    object-fit: cover;
}

.hero-text {
    color: #265226; /* Dark gray for visibility */
    font-size: 2rem; /* Adjust as needed */
    font-weight: bold;
    text-align: center;
}

.header-text {
    color: #265226; /* Dark gray for visibility */
    font-size: 1rem; /* Adjust as needed */
    font-weight: bold;
    text-align: center;
}
h1, h2 {
    color: #006400; /* Dark Green */
    margin-bottom: 15px;
}

p {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
}

ul, ol {
    margin-left: 20px;
    color: #555;
}