/*==================================================
Teacher Hero
==================================================*/

.teacher-hero{

    background:#F8FBFD;

    padding:110px 0;

}

.teacher-highlights{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

}

.teacher-hero-image{

    max-width:95%;

    animation:floatHero 6s ease-in-out infinite;

}

@media(max-width:992px){

.teacher-hero{

padding:80px 0;

}

.teacher-highlights{

justify-content:center;

}

}

@media(max-width:768px){

.teacher-hero{

padding:70px 0;

}

}



/*==================================================
Teacher Benefits
==================================================*/

.teacher-benefits{

background:#fff;

}

.teacher-card{

background:#fff;

border:1px solid #E7EDF2;

border-radius:22px;

padding:34px 28px;

height:100%;

transition:.35s;

box-shadow:0 10px 30px rgba(15,23,42,.05);

}

.teacher-card:hover{

transform:translateY(-8px);

border-color:#15B9D9;

box-shadow:0 22px 50px rgba(21,185,217,.15);

}



/*=========================================
Teacher Dashboard
==========================================*/

.teacher-dashboard{

    background:#F8FBFD;

}

.teacher-dashboard-image{

    background:#fff;

    padding:24px;

    border-radius:26px;

    border:1px solid #E7EDF2;

    box-shadow:0 20px 55px rgba(15,23,42,.08);

    transition:.35s;

}

.teacher-dashboard-image:hover{

    transform:translateY(-8px);

}

.teacher-dashboard-image img{

    border-radius:18px;

}


/*=========================================
Teacher Workflow
==========================================*/

.teacher-workflow{

    background:#fff;

}

/*=========================================
Teacher CTA
==========================================*/

.teacher-cta{

    background:#F8FBFD;

}