.criteria-teacher{
    padding: 40px 0px;
}
.title-criteria-teacher{
    margin-bottom: 24px;
}
.title-criteria-teacher h3{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 0px;
    color: var(--color-primary);
}
.row-criteria-teacher{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.criteria-teacher-item{}
.criteria-teacher-photo{}
.criteria-teacher-photo img{}
.criteria-teacher-name{}
.criteria-teacher-name h5{
    font-size: 24px;
    font-weight: 500;
    border-right: 4px solid var(--color-primary);
    padding-right: 10px;
}
.criteria-teacher-item:nth-child(even) .criteria-teacher-name h5{
    border-right: 0;
    padding-right: 0;
    padding-left: 10px;
    border-left: 4px solid var(--color-primary);
}

/* Teacher */
.wrap-teacher{
    padding: 40px 0px;
    background: #F7F5F2;
}
.row-teacher-list{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.item-teacher-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.teacher-list-left{
    width: 70%;
    display: flex;
    align-items: center;
}
.teacher-list-left-photo{
    width: 200px;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.teacher-list-left-photo img{border-radius: 100px;}
.teacher-list-left-info{
    width: calc(100% - 200px);
    padding-left: 30px;
    text-align: center;
}
.line-teacher{
    width: 18%;
    padding: 0px 10px;
}
.teacher-list-left-info h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
}
.teacher-list-left-info p{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
}
.teacher-list-left-info > div{}
.teacher-by-list{
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.teacher-by-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.teacher-item-left{}
.teacher-item-left img{
    border-radius: 12px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.teacher-item-right{
    text-align: center;
}
.teacher-item-right > h5{
    font-size: 24px;
    font-weight: 600;
}
.teacher-item-right > p{
    margin: 0;
}
.item-teacher-list:nth-child(even) .line-teacher{
    
transform: rotateY(180deg);
}

/* Responsive */
@media(max-width:1275px){

}
@media(max-width:1160px){

}
@media(max-width:1024px){

}
@media(max-width:992px){

}
@media(max-width:768px){
    .criteria-teacher-name{margin-top: 20px;}
    .line-teacher{display: none;}
    .teacher-list-left{width: 100%;}
}
@media(max-width:576px){
    .title-criteria-teacher h3{font-size: 24px;}
    .teacher-list-left{flex-direction: column;justify-content: center;align-items: center;}
    .teacher-list-left-info{width: 100%;padding-left: 0px;margin-top: 20px;}
    .teacher-list-left-info h3, .criteria-teacher-name h5{font-size: 18px;}
    .teacher-list-left-info p{font-size: 16px;}
    
}
@media(max-width:369px){

}