/* Generated placeholder styles */

.placeholder-logo {
    background-color: #4e73df;
    color: #ffffff;
    width: 200px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-hero1 {
    background-color: #343a40;
    color: #ffffff;
    width: 1920px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-hero2 {
    background-color: #6c757d;
    color: #ffffff;
    width: 800px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-course1 {
    background-color: #4e73df;
    color: #ffffff;
    width: 400px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-course2 {
    background-color: #1cc88a;
    color: #ffffff;
    width: 400px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-course3 {
    background-color: #36b9cc;
    color: #ffffff;
    width: 400px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-course4 {
    background-color: #f6c23e;
    color: #ffffff;
    width: 400px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-team1 {
    background-color: #4e73df;
    color: #ffffff;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-team2 {
    background-color: #1cc88a;
    color: #ffffff;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-team3 {
    background-color: #36b9cc;
    color: #ffffff;
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-testimonial1 {
    background-color: #4e73df;
    color: #ffffff;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-testimonial2 {
    background-color: #1cc88a;
    color: #ffffff;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-testimonial3 {
    background-color: #36b9cc;
    color: #ffffff;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-blog1 {
    background-color: #4e73df;
    color: #ffffff;
    width: 800px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-blog2 {
    background-color: #1cc88a;
    color: #ffffff;
    width: 800px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-blog3 {
    background-color: #36b9cc;
    color: #ffffff;
    width: 800px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.placeholder-profile {
    background-color: #4e73df;
    color: #ffffff;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

/* Class mappings for the website */

.logo-image { background-color: #4e73df; color: #ffffff; }
.hero-section { background-color: #343a40; color: #ffffff; }
.course-image.course-1 { background-color: #4e73df; color: #ffffff; }
.course-image.course-2 { background-color: #1cc88a; color: #ffffff; }
.course-image.course-3 { background-color: #36b9cc; color: #ffffff; }
.course-image.course-4 { background-color: #f6c23e; color: #ffffff; }
.team-image { min-height: 300px; background-color: #4e73df; color: #ffffff; }
.testimonial-image { width: 60px; height: 60px; border-radius: 50%; background-color: #4e73df; }
.blog-image { height: 200px; background-color: #4e73df; }