/* Custom Styles */
body {
    font-family: 'Arial', sans-serif;
}

.hero {
    background-image: url("https://img.freepik.com/premium-vector/futuristic-education-concept-with-glowing-low-polygonal-open-book-graduation-cap-isolated-dark-blue-background-modern-wire-frame-mesh_67515-1040.jpg"); /* You can replace this with your custom image */
    background-size: cover;
    background-position: center;
    color: white;
}

footer {
    background-color: #007bff;
    color: white;
}

h2 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
}

/* Custom Styles */
body {
    font-family: 'Arial', sans-serif;
}

#edutech-offerings {
    background-color: #f8f9fa; /* Light background color */
}

#edutech-offerings h2 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
}

.card {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.icon {
    background-color: #e9ecef;
    border-radius: 50%;
    padding: 20px;
}

.card-title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
}

.card-text {
    font-size: 1rem;
    color: #555;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #edutech-offerings h2 {
        font-size: 2rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .card-text {
        font-size: 0.9rem;
    }


    /* Custom Styles */
body {
    font-family: 'Arial', sans-serif;
}

#about {
    background-color: #f8f9fa;
}

#about h2 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
}

#about p {
    font-size: 1.2rem;
    color: #555;
}

#features .card {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#features .icon {
    background-color: #e9ecef;
    border-radius: 50%;
    padding: 20px;
}

.card-title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
}

.card-text {
    font-size: 1rem;
    color: #555;
}

#why-choose-us {
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent overlay */
    color: white;
    padding: 50px 0;
}

#why-choose-us h2 {
    font-size: 2.5rem;
    font-weight: bold;
}

#why-choose-us h4 {
    font-size: 1.25rem;
    font-weight: bold;
}

footer {
    background-color: #007bff;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #about h2 {
        font-size: 2rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .card-text {
        font-size: 0.9rem;
    }
}


/* Custom Styles */
body {
    font-family: 'Arial', sans-serif;
}

#enroll-now h2 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
}

#enroll-now h3 {
    font-size: 1.75rem;
    font-weight: bold;
    color: #333;
}

form input,
form select {
    font-size: 1rem;
    padding: 10px;
}

form .btn {
    font-size: 1.25rem;
    padding: 12px;
}

/* Enroll Section Styles */
#enroll-now {
    background-color: #f8f9fa;
}

footer {
    background-color: #007bff;
    color: white;
}

footer p {
    margin: 0;
    font-size: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #enroll-now h2 {
        font-size: 2rem;
    }

    form .form-label {
        font-size: 1rem;
    }

    .btn {
        font-size: 1rem;
    }
}