.classDuoSubject{
    background: #FFFFFF;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 24px;
    margin-top: 24px;
}
.classDuoSubject__title{
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    margin-bottom: 16px;
}
.classDuoSubject__items .classDuoSubject__item{
    padding: 16px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 8px;
}
.classDuoSubject__items .classDuoSubject__item:last-child{
    margin-bottom: 0;
}
.classDuoSubject__item--math{
    background: rgba(255, 102, 9, 0.06);
    border: 1px solid rgba(255, 102, 9, 0.3);
}
.classDuoSubject__item--khtn{
    background: #d6ddec;
    border: 1px solid #7594E2;
}
.classDuoSubject__item--english{
    background: #E6F1FD;
    border: 1px solid #B9D9F9;
}
.classDuoSubject__item--literature{
    background: #FFF6E6;
    border: 1px solid #FFE1AA;
}
.classDuoSubject__item--physics{
    background: #d9d5f5;
    border: 1px solid #8E7CFF;
}
.classDuoSubject__item--chemistry{
    background: #f3dfc0;
    border: 1px solid #EFA024;
}
.classDuoSubject__item--biology{
    background: #dcf7d9;
    border: 1px solid #3CA031;
}
.classDuoSubject__item--dhqg_hn {
    background: rgba(0, 129, 65, 0.06);
    border: 1px solid rgba(0, 129, 65, 0.30);
}
.classDuoSubject__item--dhqg_hcm {
    background: rgba(40, 48, 106, 0.06);
    border: 1px solid rgba(40, 48, 106, 0.30);
}
.classDuoSubject__item--dgtd_dhbk {
    background: rgba(35, 84, 157, 0.06);
    border: 1px solid rgba(35, 84, 157, 0.30);
}
.classDuoSubject__item .item__icon{
    margin-right: 16px;
}
.classDuoSubject__item .item__icon img{
    width: 40px;
    height: 40px;
}
.classDuoSubject__item .item__content .item__title{
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    display: flex;
    align-items: center;
}
.classDuoSubject__item .item__content .item__title .item__status{
    margin-left: 8px;
    color:#fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    background: #FF8A00;
    border-radius: 24px;
    padding: 4px 8px;
}
.classDuoSubject__item .item__content .item__title .item__status img{
    margin-right: 6px;
}
.classDuoSubject__item .item__content .item__duration{
    font-weight: 500;
    font-size: 14px;
    color: #250A03;
}
.classDuoSubject__item .join__class{
    background: #FF6609;
    border-radius: 100px;
    padding: 11px 16px;
    color: #fff;
    border: 1px solid #FF6609;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}
.classDuoSubject__item .join__class:hover{
    filter: drop-shadow(0px 4px 10px #ff6609b8);
}
.classDuoSubject__item .choice__schedule{
    background: #fff;
    border-radius: 100px;
    padding: 11px 16px;
    color: #FF6609;
    border: 1px solid #FF6609;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
}
.classDuoSubject__item .choice__schedule:hover{
    color: #fff;
    background: #FF6609;
    filter: drop-shadow(0px 4px 10px #ff6609b8);
}
.classDuoSubject__item .choice__schedule:hover svg path{
    fill: #fff;
}
.classDuoSubject__item .imgs__student{
    margin-top: 12px;
    display: flex;
    align-items: center;
    margin-left: 12px;
    font-weight: 400;
    font-size: 12px;
    color: #242424;
}
.classDuoSubject__item .imgs__student img{
    margin-left: -12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.classDuoSubject__item .imgs__student span{
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    margin-left: -12px;
    margin-right: 8px;
    background: #0276E9;
}
.classDuoSubject__item--math .imgs__student span{
    background-color: #FF6609;
}
.classDuoSubject__item--khtn .imgs__student span{
    background-color: #7594E2;
}
.classDuoSubject__item--literature .imgs__student span{
    background-color: #FFA804;
}
.classDuoSubject__item--english .imgs__student span{
    background-color: #0276E9;
}
.classDuoSubject__item .item__content .item__title .item__total{
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    padding: 4px 12px;
    border-radius: 24px;
    margin-left: 8px;
}
.classDuoSubject__item--english .item__content .item__title .item__total{
    background: #0276E9;
}
.classDuoSubject__item--math .item__content .item__title .item__total{
    background: #FF6609;
}
.classDuoSubject__item--khtn .item__content .item__title .item__total{
    background: #7594E2;
}
.classDuoSubject__item--literature .item__content .item__title .item__total{
    background: #FFA804;
}
.classDuoSubject__item--physics .item__content .item__title .item__total{
    background: #8E7CFF;
}
.classDuoSubject__item--chemistry .item__content .item__title .item__total{
    background: #EFA024;
}
.classDuoSubject__item--biology .item__content .item__title .item__total{
    background: #3CA031;
}
.classDuoSubject__item--dhqg_hn .item__content .item__title .item__total{
    background: #008141;
}
.classDuoSubject__item--dhqg_hcm .item__content .item__title .item__total{
    background: #28306A;
}
.classDuoSubject__item--dgtd_dhbk .item__content .item__title .item__total{
    background: #23549D;
}