.teachers{
    padding-bottom:65px;
}
.teachers-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:32px 48px;
}
.teachers-list>div{
    padding:24px;
    background-color:var(--gray5);
    border-radius:8px;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:100px 200px 36px;
    grid-gap:4px;
    line-height:170%;
}
.teachers-list .teacher-text{
    overflow:hidden;
    position:relative;
    font-size:var(--small);
}
.teachers-list .teacher-text p{
    display:block;
    margin-bottom:10px;
}
.teachers-list .teacher-text:after{
    content:"";
    position:absolute;
    display:block;
    height:40px;
    bottom:0;
    left:0;
    right:0;
    background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 55.56%);
}
.teachers-list .teacher-name{
    display:grid;
    grid-template-columns:80px 1fr;
    grid-gap:16px;
    padding-bottom:20px;
}
.teachers-list .teacher-name b{
    display:block;
    font-size:var(--average2);
    font-style:italic;
    font-weight:500;
    line-height:130%;
}
.teachers-list .teacher-name em{
    display:block;
    font-size:var(--smaller);
    font-weight:400;
    line-height:170%;
}
.teachers-list .teacher-name span{
    display:block;
    font-size:var(--smaller);
    font-style:italic;
    line-height:170%;
}
.teachers-list .image span{
    display:block;
    border-radius:50%;
    position:relative;
    width:80px;
    height:80px;
    overflow:hidden;
    object-fit:fill;
}
.teachers-list .image img{
    object-fit: cover;
    width: 80px;
    min-height: 80px;
    border:0;
    /*
    width:auto;
    height:80px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    */
}
.teachers-list .teacher-name .text{
    position:relative;
}
.teachers-list .teacher-name .text p{
    display:block;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}
.signup{
    display:grid;
    grid-template-columns:1fr 308px;
    grid-gap:38px;
    padding:32px;
    border: 1px solid var(--gray10);
    border-radius: 8px;
    margin-bottom:48px;
    position:relative;
}
@media screen and (max-width:800px){
    .signup{
        padding:20px;
        grid-template-columns:1fr;
        grid-gap:20px;
    }
    .signup .bttn{
        width:340px;
    }
    .teachers-list{
        grid-gap:32px;
    }
    .teachers-list>div{
        padding:20px;
    }
    .teachers-list .teacher-name b{
        font-size:var(--average);
    }
}
@media screen and (max-width:600px){
    .signup{
        grid-template-columns:1fr;
        grid-gap:20px;
        padding:16px;
        margin-bottom:40px;
    }
    .teachers-list{
        grid-template-columns:1fr;
        grid-gap:20px;
    }
    .teachers-list>div{
        padding:16px;
    }
    .signup .bttn{
        width:100%;
    }
}