.about-section {
    padding: 60px 0;
}
 
.black-green {
    background-color: #121212; /* Black background */
    color: #f1f1f1; /* Light text for readability */
}

.white-red {
    background-color: #ffffff; /* White background */
    color: #333; /* Dark text for readability */
}
 
.section-title {
    font-size: 2.5rem;
    color: #00ff99; /* Green for first part title */
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
}

.section-subtitle {
    font-size: 1.5rem;
    color: #00cc7a; /* Green for first part subtitle */
    margin-bottom: 40px;
    text-align: center;
}

.about-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.about-image {
    flex: 1 1 40%;
    max-width: 40%;
    margin: 20px;
}

.about-image img {
    max-width: 100%;
    border-radius: 10px; /* Rounded corners for image */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.about-text {
    flex: 1 1 50%;
    max-width: 50%;
    margin: 20px;
    text-align: left;
}

.about-text h3 {
    font-size: 1.8rem;
    color: inherit; /* Inherit color from parent */
    margin-bottom: 15px;
}

.black-green .about-text h3 {
    color: #00ff99; /* Green headers */
}

.white-red .about-text h3 {
    color: #ff5733; /* Red headers */
}

.about-text p {
    font-size: 1.2rem;
    color: inherit; /* Inherit color from parent */
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .about-content {
        flex-direction: column;
        text-align: center;
    }

    .about-image, .about-text {
        max-width: 100%;
        margin: 10px 0;
    }
}