.live-class-card{background-color:#fff;border-radius:16px}.class-subject-name{font-size:20px;font-weight:500}.class-date-view{border:1px solid #e9e9e9;border-radius:12px;padding:12px;background-color:#fffdea;min-width:90px}.class-month{font-size:12px;font-weight:500}.class-date{font-size:32px;font-weight:500}.class-day{font-size:12px;font-weight:400}.class-time-pointer{height:6px;width:6px;border-radius:50%;background-color:#dedede}.mentor-section{background-color:#eeeaf2;border-radius:100px;padding:4px}.avatar{width:40px;height:40px;overflow:hidden;border-radius:50%;position:relative}.avatar,.avatar img{border:1px solid #fff}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-group{display:flex}.avatar-group .avatar-animated{margin-left:-20px;transition:transform .3s ease;cursor:pointer}.avatar-group .avatar-animated:hover{transform:translate(-15px)}.avatar-group .hidden-avatars{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#cbc0d9;font-weight:500;color:#552d80;margin-left:-20px}.class-teacher-name{font-size:16px;font-weight:500}.btn-class-join{font-weight:500;padding:10px 0;background-color:#532d80;border-radius:8px;text-decoration:none;color:#fff;display:block;transition:all .3s ease}.btn-class-join:hover{color:#fff;background-color:#3a1b61}.mentor-title{font-size:20px;font-weight:500}.mentor-img{height:45px;width:45px}.live-class-subject-img img{border-radius:10px;border:2px solid #707070}.dashboard-course-divider{height:1px;width:98%;margin:0 auto;background-color:#d4d4d4}@media only screen and (min-width:1264px) and (max-width:1320px){.live-class-date{font-size:15px}.course-name{font-size:25px!important}.mentor-title{font-size:19px}}@media only screen and (min-width:1229px) and (max-width:1263px){.live-class-date{font-size:14px}.course-name{font-size:22px!important}.mentor-title{font-size:18px}}@media only screen and (min-width:1172px) and (max-width:1228px){.live-class-date{font-size:13px}.course-name{font-size:20px!important}.mentor-title{font-size:17px}}@media only screen and (min-width:1024px) and (max-width:1171px){.live-class-date{font-size:12px}.course-name{font-size:18px!important}.mentor-title{font-size:16px}}@media only screen and (min-width:577px) and (max-width:1023px){.course-name{font-size:26px!important}.mentor-title{font-size:16px}}@media only screen and (max-width:576px){.course-name{font-size:16px!important;margin-bottom:5px}.course-topic{font-size:14px;margin-bottom:10px}.live-class-date{font-size:10px}.mentor-title{font-size:12px}.mentor-img{height:35px;width:35px}}