.course-progress-modal{background-color:var(--color-secondary-200);color:var(--color-neutral-100);text-align:center;border-radius:10px;max-width:450px;padding:30px}.course-progress-modal .check-icon{background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;display:flex}.course-progress-modal .modal-title{text-align:center;margin:10px 0;font-size:20px;font-weight:600}.course-progress-modal .modal-message{text-align:center;color:var(--color-neutral-100);margin-bottom:20px;font-size:14px}
.course-rating-form-wrapper{background-color:var(--color-secondary-200);max-width:500px;color:var(--color-neutral-100);border-radius:.3rem;flex-direction:column;justify-content:space-around;align-items:center;gap:16px;padding:40px;display:flex}.course-rating-form-wrapper .thanks-heading,.course-rating-form-wrapper .form-title{text-align:center;color:var(--color-neutral-100);font-size:20px;font-weight:600}.course-rating-form-wrapper .form-para{text-align:center;color:var(--color-neutral-300);font-size:14px}.course-rating-form-wrapper .form-headings{color:var(--color-neutral-200);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.course-rating-form-wrapper .form-comment,.course-rating-form-wrapper .form-question{width:100%}.course-rating-form-wrapper .form-experience{border:1px solid var(--color-secondary-400);background-color:var(--color-secondary-300);width:100%;color:var(--color-neutral-200);resize:vertical;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit}.course-rating-form-wrapper .options-wrapper{flex-wrap:wrap;gap:16px;display:flex}.course-rating-form-wrapper .option{color:var(--color-neutral-300);cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.interactive-stars{gap:6px;display:flex}.interactive-stars .star{cursor:pointer;color:var(--color-secondary-400);background:0 0;border:none;font-size:32px;line-height:1;transition:color .15s}.interactive-stars .star.filled{color:#fdb022}.course-rating-form-wrapper .mb-2{margin-bottom:8px}
.learn-layout{--navbar-height:70px;height:calc(100vh - var(--navbar-height));background-color:var(--color-secondary-200);display:flex;overflow:hidden}.learn-layout .learn-sidebar{border-right:1px solid var(--color-secondary-300);flex-shrink:0;width:100%;max-width:385px;height:100%;padding:20px 12px 0;overflow-y:auto}.learn-layout .learn-sidebar .progress-bar-container{margin-bottom:20px}.learn-layout .learn-sidebar .non-enrolled-msg{color:#333;background-color:#ffd05a;border-radius:8px;margin:15px 0;padding:10px;font-size:15px;font-weight:500;box-shadow:0 1px 2px #0003}.learn-layout .learn-sidebar .non-enrolled-msg u{cursor:pointer}.learn-layout .learn-main-with-mentor{flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.learn-layout .learn-main{flex:1;min-width:0;height:100%;overflow-y:auto}.learn-layout .learn-main-inner{width:100%;max-width:1000px;margin:0 auto;padding:24px 20px 80px}@media (max-width:1024px){.learn-layout{flex-direction:column;height:auto;overflow:visible}.learn-layout .learn-sidebar{border-right:none;border-bottom:1px solid var(--color-secondary-300);order:2;max-width:100%;height:auto;overflow-y:visible}.learn-layout .learn-main-with-mentor{flex-direction:column;height:auto;overflow:visible}.learn-layout .learn-main{height:auto;overflow-y:visible}}
