/* Premium Teacher Carousel */
.mentor-section{
    padding:80px 0;
    background:#f8fbff;
}

.mentor-carousel .owl-stage{
    display:flex;
}

.mentor-carousel .owl-stage-outer{
    padding-left:3px;
    margin-left:-3px;
}

.mentor-carousel .owl-item{
    display:flex;
    padding:18px 0;
    box-sizing:border-box;
}
/* =====================================================
   AILERNOVA PREMIUM TEACHER CARD
=====================================================*/

.teacher-item{
    padding:0;
    height:100%;
}

.teacher-card{
    background:#fff;
    border:2px solid #1f1f1f;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
    position:relative;
    transition:.35s;
}

.teacher-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}

/*======================================
TOP
======================================*/

.teacher-top{

    position:relative;

    background:linear-gradient(180deg,#FFC61A,#F6AE00);

    height:250px;

    overflow:hidden;

    display:flex;

    align-items:flex-end;

    justify-content:center;

}

/* Rings */

.teacher-pattern{

    position:absolute;

    inset:0;

    background:
        radial-gradient(circle at center,
            transparent 0,
            transparent 42px,
            rgba(255,255,255,.18) 43px,
            transparent 46px),

        radial-gradient(circle at center,
            transparent 74px,
            rgba(255,255,255,.18) 76px,
            transparent 79px),

        radial-gradient(circle at center,
            transparent 108px,
            rgba(255,255,255,.16) 110px,
            transparent 113px),

        radial-gradient(circle at center,
            transparent 145px,
            rgba(255,255,255,.14) 147px,
            transparent 150px),

        radial-gradient(circle at center,
            transparent 184px,
            rgba(255,255,255,.12) 186px,
            transparent 190px);

}

/* floating icons */

.floating{

    position:absolute;

    color:#fff;

    opacity:.8;

    font-size:26px;

}

.heart{

    left:30px;

    top:28px;

}

.star{

    right:34px;

    top:55px;

}

.trophy{

    right:26px;

    top:58%;

}

.lines{

    left:26px;

    bottom:16px;

    font-size:20px;

}

/*======================================
PHOTO
======================================*/

.teacher-image{

    position:absolute;

    top:65px;

    left:50%;

    transform:translateX(-50%);

    width:120px;

    height:120px;

    border-radius:50%;

    border:8px solid #fff;

    overflow:hidden;

    background:#fff;

    box-shadow:0 15px 30px rgba(0,0,0,.18);

}

.teacher-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

/*======================================
NAME
======================================*/

.teacher-top h3{

    width:100%;

    text-align:center;

    margin-bottom:16px;

    color:#111;

    font-size:24px;

    font-weight:800;

    line-height:1.1;

    padding:0 20px;

    text-transform:uppercase;

    z-index:3;

}

/*======================================
STATS
======================================*/

.teacher-stats{

    display:grid;

    grid-template-columns:1fr 1fr;

    border-top:2px solid #222;

    border-bottom:2px solid #222;

}

.teacher-stat{

    padding:16px 18px;

}

.teacher-stat:first-child{

    border-right:2px solid #222;

}

.teacher-stat strong{

    display:block;

    font-size:28px;

    color:#111;

    font-weight:800;

    margin-bottom:4px;

}

.teacher-stat span{

    color:#444;

    font-size:14px;

    line-height:1.4;

}

/*======================================
BOXES
======================================*/

.teacher-box{

    padding:16px 20px;

    border-bottom:2px solid #222;

}

.teacher-box h4{

    font-size:16px;

    font-weight:800;

    color:#111;

    margin-bottom:8px;

}

.teacher-box p{

    font-size:15px;

    color:#333;

    line-height:1.6;

    margin:0;

}

.teacher-qualification h4{

    font-size:18px;

    font-weight:800;

    color:#111;

    margin-bottom:4px;

}

.teacher-qualification p{

    font-size:14px;

    color:#555;

    margin:0;

}

/*======================================
ABOUT
======================================*/

.teacher-about{

    flex:1;

}


/*======================================
BUTTON
======================================*/

.teacher-footer{

    padding:16px;

}

.teacher-footer a{

    display:block;

    width:70%;

    margin:0 auto;

    text-align:center;

    background:#FFC61A;

    color:#111;

    border:2px solid #222;

    font-size:18px;

    font-weight:800;

    padding:12px;

    text-decoration:none;

    transition:.3s;

}

.teacher-footer a:hover{

    background:#F6AE00;

}

/*======================================
RESPONSIVE
======================================*/

@media(max-width:991px){

.teacher-top{

    height:220px;

}

.teacher-image{

    width:100px;

    height:100px;

}

.teacher-top h3{

    font-size:20px;

}

.teacher-stat strong{

    font-size:24px;

}

.teacher-footer a{

    font-size:16px;

    padding:10px;

}

}