.course-banner{position:relative;min-height:100vh;background:url(/bg-course.jpg) no-repeat 50%/cover;padding:100px 0 60px}.course-banner:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(0deg,#FFFFFF 20.33%,rgba(255,255,255,.95) 25.84%,rgba(255,255,255,0) 89.1%);z-index:1}.head-course-banner{display:flex;justify-content:center;width:100%}.breadcrumb-links{gap:5px}.home-link{color:#464646;font-weight:400;font-size:20px}.bread-active{color:#da1f26;font-weight:600;font-size:20px}.course-box{background:#f2f2f2;border-radius:18px;padding:60px;text-align:center;position:relative;transition:.3s;border:2px solid rgba(0,0,0,0);box-shadow:0 15px 35px rgba(0,0,0,.12);transform:skew(0deg,7deg);cursor:pointer}.neg-ske{transform:skew(0deg,-7deg)}.course-box:hover{transform:translateY(-6px)}.course-box.completed{border:2px solid #ff5a5a}.tick{position:absolute;top:-18px;right:-18px;background:#22c55e;width:38px;height:38px;border-radius:50%;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 15px rgba(0,0,0,.25)}.course-img{width:90px;height:90px;object-fit:contain;margin-bottom:15px}.course-box h4{color:#da1f26;font-weight:600}.class-text{color:#777;margin-bottom:25px}.progress-head{display:flex;justify-content:space-between;font-size:14px;color:#666;margin-bottom:6px;width:100%}.percent.green{color:#22c55e}.progress-line{width:100%;height:7px;background:#dcdcdc;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#22c55e;border-radius:10px;transition:width .6s ease}.g-60{gap:60px}.enroll-btn{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#1e85fb;border-radius:18px;padding:10px 45px;font-size:14px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;position:relative;box-shadow:0 6px #2f56b8,0 12px 20px rgba(0,0,0,.2509803922);border:none}