.course-page{display:flex;width:100%;box-sizing:border-box;padding:1rem;height:auto;position:relative;overflow-x:hidden}.course-sidebar{position:fixed;right:0;top:70px;width:22vw;height:100vh;background-color:#08448f;color:white;padding:20px 20px 10rem;transition:transform .3s ease;z-index:100;overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 10px rgba(0,0,0,.3);margin:20px;border-radius:25px}.course-sidebar.open{transform:translateX(0);padding-bottom:20rem}.sidebar-title{font-size:1.4rem;font-weight:700;color:#f9f9f9;margin-bottom:10px;border-bottom:2px solid #ffffff;padding-bottom:5px}.sidebar-section h4{font-size:1.1rem;color:#ddd;margin-top:15px;padding:5px 0;border-bottom:1px solid #ffffff;display:flex;justify-content:space-between}.sidebar-section{cursor:pointer}.course-sidebar ul{list-style:none;padding:0;margin:0}.course-sidebar li{margin:5px 0}.course-sidebar a{display:block;padding:10px 20px;color:white;text-decoration:none}.course-sidebar a:hover{background-color:#575757}.pdf-button,.video-button{background:none;border:none;color:white;font-size:.95rem;text-align:left;width:100%;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.pdf-button:hover,.video-button:hover{background:rgba(255,255,255,.1)}.course-sidebar::-webkit-scrollbar{width:0}.course-sidebar::-webkit-scrollbar-thumb{background:#ffffff;border-radius:5px}.course-sidebar::-webkit-scrollbar-thumb:hover{background:#888}.course-content{flex:1;min-width:0;margin-left:20px;max-width:calc(100% - 22vw - 60px);background-color:#def1ff}.media-container{position:relative;width:100%;transition:none;margin-top:10px}.course-video-player{position:relative;width:100%;overflow:hidden;background:#071321}.course-video-player:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}.video-error{margin:0;padding:.8rem 1rem;color:#fee2e2;background:#7f1d1d;font-size:.9rem}.video-skip-notification{position:absolute;top:50%;left:50%;z-index:2;padding:.5rem .75rem;border-radius:999px;transform:translate(-50%,-50%);color:white;background:rgb(0 0 0/65%);font-weight:700;pointer-events:none;animation:video-skip-fade .6s ease-out forwards}@keyframes video-skip-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}20%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.video-js{position:relative;max-width:100%;width:100%;height:auto;overflow:hidden;transition:none}.menu-btn{background:none;border:none;cursor:pointer;color:var(--secondary-color);font-size:24px}.course-title{padding:0 2rem 0 2vw;height:auto;width:auto}.course-description{height:auto;width:auto;padding:0 0 0 4rem}.comment-section{margin-top:2rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;color:#212529}.comments-list{list-style:none;padding:0}.comment{padding:1rem;margin-bottom:1rem;background-color:white;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-date{color:#6c757d;font-size:.9rem}.comment-content{margin:0;color:#212529}.comment-content img{max-width:100%;max-height:200px;width:auto;height:auto;display:block;margin:5px 0}.comment-content ol,.comment-content ul{padding-left:20px;margin:.5rem 0}.comment-content li{display:list-item;margin:0;padding:0}.comment-content ol{list-style-type:decimal}.comment-content ul{list-style-type:disc}.pdf-viewer{border:1px solid #ddd;background:#f9f9f9;height:100vh}.pdf-viewer iframe{width:100%;height:inherit}@media screen and (max-width:1024px){.course-sidebar{width:100vw;margin:70px 0 0;border-radius:0;transform:translateY(100%)}.course-sidebar.open{transform:translateY(0)}.course-content{max-width:100%;margin:0 0 5rem}}@media screen and (min-width:1023px){.hidden-class{display:none}}.video-js.vjs-default-skin .vjs-control-bar{background:rgba(10,10,10,.5)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:12px!important;width:calc(100% - 24px)!important;left:12px!important;bottom:12px!important;height:48px!important;box-shadow:0 8px 32px 0 rgba(0,0,0,.3)!important;border:1px solid rgba(255,255,255,.08)!important;transition:opacity .3s ease,transform .3s ease!important;overflow:visible!important;display:flex!important;align-items:center!important}.video-js .vjs-big-play-button{background:rgba(8,68,143,.85)!important;border:none!important;border-radius:50%!important;width:72px!important;height:72px!important;line-height:72px!important;margin-top:-36px!important;margin-left:-36px!important;box-shadow:0 8px 24px rgba(8,68,143,.4)!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;font-size:3em!important}.video-js:hover .vjs-big-play-button{background:#08448f!important;transform:scale(1.1)!important;box-shadow:0 12px 28px rgba(8,68,143,.6)!important}.video-js .vjs-control-bar .vjs-progress-control{position:relative!important;flex:auto!important;height:100%!important;display:flex!important;align-items:center!important;margin:0 12px!important;overflow:visible!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;cursor:pointer!important;z-index:10!important}.video-js .vjs-control-bar .vjs-progress-holder{height:4px!important;width:100%!important;margin:0!important;background-color:rgba(255,255,255,.2)!important;border-radius:4px!important;transition:height .15s ease-in-out!important}.video-js .vjs-control-bar .vjs-progress-control:hover .vjs-progress-holder{height:8px!important}.video-js .vjs-control-bar .vjs-play-progress{background:linear-gradient(90deg,#08448f,#3b82f6)!important;border-radius:4px!important}.video-js .vjs-control-bar .vjs-load-progress{background:rgba(255,255,255,.18)!important;border-radius:4px!important}.video-js .vjs-control-bar .vjs-load-progress div{background:rgba(255,255,255,.1)!important}.video-js .vjs-control-bar .vjs-play-progress:before{font-size:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#ffffff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important;opacity:0!important;transition:opacity .15s ease-in-out!important}.video-js .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress:before{opacity:1!important}.video-js .vjs-control{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.video-js .vjs-button>.vjs-icon-placeholder:before{line-height:48px!important;font-size:1.8em!important;transition:transform .2s ease!important}.video-js .vjs-button:hover>.vjs-icon-placeholder:before{transform:scale(1.15)!important;color:#3b82f6!important}.video-js .vjs-time-control{line-height:48px!important;font-size:12px!important;font-weight:500!important;color:rgba(255,255,255,.8)!important;white-space:nowrap!important;padding:0 4px!important;display:flex!important;align-items:center!important}.video-js .vjs-playback-rate,.video-js .vjs-playback-rate .vjs-playback-rate-value{display:flex!important;align-items:center!important;justify-content:center!important}.video-js .vjs-playback-rate .vjs-playback-rate-value{line-height:48px!important;font-size:1.4em!important;font-weight:600!important;color:rgba(255,255,255,.8)!important;height:100%!important;transition:color .2s ease,transform .2s ease!important}.video-js .vjs-playback-rate:hover .vjs-playback-rate-value{color:#3b82f6!important;transform:scale(1.1)!important}@media screen and (max-width:480px){.video-js.vjs-default-skin .vjs-control-bar{height:40px!important;bottom:8px!important;border-radius:8px!important}.video-js .vjs-control{width:36px!important;height:40px!important}.video-js .vjs-button>.vjs-icon-placeholder:before{line-height:40px!important;font-size:1.4em!important}.video-js .vjs-time-control{line-height:40px!important;font-size:10px!important;padding:0 2px!important}.video-js .vjs-playback-rate .vjs-playback-rate-value{line-height:40px!important;font-size:1.1em!important}.video-js .vjs-big-play-button{width:56px!important;height:56px!important;line-height:56px!important;margin-top:-28px!important;margin-left:-28px!important;font-size:2.2em!important}}
/*# sourceMappingURL=4194e8858ee5e49b.css.map*/