/* 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; }