/* background-image is set inline in teacher-support.php (site_url() can't run inside a static .css file) */
.aiv4-teacher-section{width: 100%;padding: 0px 0 120px;overflow: hidden;
background-repeat: no-repeat; background-size: cover; background-position: center;}
.aiv4-teacher-title{font-family: 'avenir_next_worldbold', 'Verdana';font-weight: normal;font-size: 32px;line-height: 40px;color: #333;text-align: center;margin: 0 0 48px;padding: 0 16px;}
.aiv4-teacher-scroll-wrapper{width: 100%;display: flex;overflow: hidden;transform: translate3d(0, 0, 0);}
.aiv4-teacher-track{display: flex;align-items: stretch;gap: 32px;transform: translate3d(0, 0, 0);}

/* Card alignment copied from Figma "Here's what schools are already asking" (node 21411-84211) */
.aiv4-teacher-card{background: #fff;border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;width: 544px;flex-shrink: 0;padding: 40px;}
.aiv4-teacher-card-title{font-family: 'avenir_next_worlddemi', 'Verdana';font-weight: normal;font-size: 16px;line-height: 28px;color: #333;margin: 0 0 24px;}
.aiv4-teacher-card-image{border-radius: 12px;overflow: hidden;height: 280px;}
.aiv4-teacher-card-image img{width: 100%;height: 100%;object-fit: cover;display: block;}

@media (max-width: 1024px){
    .aiv4-teacher-section{padding: 80px 0 60px;}
    .aiv4-teacher-title{font-size: 28px;line-height: 36px;margin-bottom: 32px;}
    .aiv4-teacher-card{width: 460px;padding: 32px;}
    .aiv4-teacher-card-image{height: 240px;}
    .aiv4-teacher-track{gap: 24px;}
}
@media (max-width: 767px){
    .aiv4-teacher-card-title {
    line-height: 24px;
}
    .aiv4-teacher-section{padding: 48px 0 40px;}
    .aiv4-teacher-title{font-size: 24px;line-height: 32px;margin-bottom: 24px;}
    .aiv4-teacher-card{width: 300px;padding: 24px;}
    .aiv4-teacher-card-image{height: 180px;}
    .aiv4-teacher-track{gap: 16px;}
}