.myCourses{padding:100px 0 0}.promotionalStrip .myCourses{padding-top:96px}.myCoursesCards{margin-top:24px}.crashCourseCard{background:#fff;border-radius:24px;margin-bottom:14px;padding:24px;position:relative}.crashCourseCard .crash_course{background:var(--color3);color:var(--heading);border-radius:8px;margin-bottom:12px;padding:4px 8px;display:inline-block}.crashCourseCard h5{color:var(--heading);font-size:18px;line-height:22px;font-family:var(--secondary-heading-font);margin-bottom:8px}.crashCourseCard p{color:#979593;font-size:14px;line-height:17px;font-family:var(--primary-font);margin-bottom:14px}.progressFlex{justify-content:space-between;align-items:center;width:auto;margin-bottom:10px;display:flex;position:relative;top:0;right:0}.progress{flex:0 0 85%;max-width:85%}.crashCourseCard .completeRate p{margin:0}.progress>div>div{border:1px solid #e2e2e2}.progress>div{width:100%}.progress span{background:var(--primary-btnColor)}.completeRate{flex:0 0 10%;max-width:10%}.crashCourseCard progress{width:100%;margin-bottom:24px;display:block}.primaryBtn.outline{margin-right:12px}.crashCourseCard .primaryBtn{padding:6px 14px}.crashCourseCard .progressFlex{margin-bottom:24px}.myCourses .crashCourseCard .borderBtn{padding:6px 16px}@media screen and (min-width:992px){.progressFlex{justify-content:space-between;margin-bottom:14px;display:flex}.myCourses{padding:158px 0 0}.promotionalStrip .myCourses{padding-top:112px}.primaryBtn.outline{margin-right:14px}.myCoursesCards{flex-wrap:wrap;justify-content:space-between;display:flex}.crashCourseCard{flex:0 0 49%;max-width:49%;margin-bottom:24px}.crashCourseCard h5{white-space:nowrap;text-overflow:ellipsis;font-size:24px;line-height:29px;overflow:hidden}.crashCourseCard h5 span:first-child{text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:90%;font-size:24px;line-height:29px;overflow:hidden}.crashCourseCard p{color:#979593;font-size:16px;line-height:24px}.myCoursesCards{margin-top:36px}.crashCourseCard .progressFlex{margin-bottom:18px}.crashCourseCard .primaryBtn{padding:7px 14px}.crashCourseCard .borderBtn#StartLearning{padding:7px 18px}.crashCourseCard .borderBtn#StartLearning:hover{color:var(--primary-btnColor)}}
