.course-banner{background:url(/bg-course.jpg) 50%/cover no-repeat;min-height:100vh;padding:100px 0 60px;position:relative}.course-banner:before{content:"";z-index:1;background:linear-gradient(#fff0 10.9%,#fffffff2 74.16%,#fff 79.67%);height:40px;position:absolute;bottom:0;left:0;right:0}.head-course-banner{justify-content:center;width:100%;display:flex}.breadcrumb-links{gap:5px}.home-link{color:#464646;font-size:20px;font-weight:400}.bread-active{color:#da1f26;font-size:20px;font-weight:600}.course-box{text-align:center;background:#f2f2f2;border:2px solid #0000;border-radius:18px;padding:60px;transition:all .3s;position:relative;transform:skewY(7deg);box-shadow:0 15px 35px #0000001f}.neg-ske{transform:skewY(-7deg)}.course-box:hover{transform:translateY(-6px)}.course-box.completed{border:2px solid #ff5a5a}.tick{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;position:absolute;top:-18px;right:-18px;box-shadow:0 6px 15px #00000040}.course-img{object-fit:contain;width:90px;height:90px;margin-bottom:15px}.course-box h4{color:#da1f26;font-weight:600}.class-text{color:#777;margin-bottom:25px}.progress-head{color:#666;justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.percent.green{color:#22c55e}.progress-line{background:#dcdcdc;border-radius:10px;width:100%;height:7px;overflow:hidden}.progress-fill{background:#22c55e;border-radius:10px;width:0%;height:100%}.progress-fill.full{width:100%}.g-60{gap:60px}