.course{width:100%;display:flex;flex-direction:column;justify-content:space-between}[dir] .course{background:#fff;border-radius:10px;padding:20px 12px}.course .info .status{width:max-content;color:#e26262;height:22px;font-size:12px;display:flex;align-items:center;justify-content:center}[dir] .course .info .status{border-radius:100px;background:rgba(226,98,98,.1);padding:0 12px;margin-bottom:4px}.course .info .status.active{color:#006cb7}[dir] .course .info .status.active{background:#e5f0f7}.course .info .title{font-weight:500;font-size:15px;line-height:19px}[dir] .course .info .title{margin-bottom:12px}.course .info p{font-weight:400;font-size:13px;line-height:17px;color:#adadad}[dir] .course .info p{margin-bottom:16px}.course footer{display:flex;align-items:center;justify-content:space-between}[dir] .course footer{border-top:1px solid #ededed;padding:16px 0 0}.course footer .label{font-size:14px;color:#adadad}.course footer .users-all{font-size:14px;color:#006cb7}[dir] .course footer .users-all{background:#e5f0f7;padding:5px 10px;border-radius:100px}.course footer .users,.course footer .users .user{display:flex;align-items:center}.course footer .users .user{font-size:12px;font-weight:500;width:32px;height:32px;color:#006cb7;justify-content:center}[dir] .course footer .users .user{border-radius:50px;border:2px solid #fff;background:#e5f0f7}[dir=ltr] .course footer .users .user{margin-left:-10px}[dir=rtl] .course footer .users .user{margin-right:-10px}[dir] .course footer .users .user.count{padding-top:2px}.course footer .users .user img{width:100%;height:100%}[dir] .course footer .users .user img{border-radius:100px}.courses{width:100%}[dir] .courses header{margin-bottom:24px}.courses header .search{display:flex;align-items:center;height:48px;width:100%}[dir] .courses header .search{padding:0 16px;background:#fff;border-radius:8px}.courses header .search .icon{fill:#a9a9a9}[dir=ltr] .courses header .search .icon{margin-right:24px}[dir=rtl] .courses header .search .icon{margin-left:24px}.courses header .search input{height:100%;font-size:16px}[dir] .courses header .search input{padding:0;border:none}.courses .wrapper{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:20px;grid-row-gap:20px}.courses .wrapper .course-add{display:flex;flex-direction:column;align-items:center}[dir] .courses .wrapper .course-add{padding:30px 0;background:#fff;border-radius:10px}.courses .wrapper .course-add .title{font-weight:500;font-size:18px;line-height:23px}[dir] .courses .wrapper .course-add .title{margin-top:24px}.courses .wrapper .course{transition:.2s}[dir] .courses .wrapper .course{cursor:pointer}[dir] .courses .wrapper .course:hover{box-shadow:0 12px 13px hsla(0,0%,76.9%,.25)}