@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);.container.timeline[data-v-0a6bb7f6],.custom-swiper-container[data-v-0a6bb7f6]{padding:0}.swiper-container[data-v-0a6bb7f6]{width:100%;height:auto;overflow:hidden}.swiper-slide[data-v-0a6bb7f6]{display:flex;justify-content:center;align-items:center;width:auto}.object-cover[data-v-0a6bb7f6]{width:100%;max-height:100px;-o-object-fit:contain;object-fit:contain}#radarChart[data-v-59a1ad41]{max-width:450px;max-height:450px}.card-container[data-v-cbe367e8]{display:flex;overflow-x:auto;gap:15px;padding:0 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent}.card-container[data-v-cbe367e8]::-webkit-scrollbar{height:8px}.card-container[data-v-cbe367e8]::-webkit-scrollbar-thumb,.card-container[data-v-cbe367e8]::-webkit-scrollbar-track{background-color:transparent}.card-item[data-v-cbe367e8]{flex:0 0 calc(50% - 10px);scroll-snap-align:start;box-sizing:border-box}.carousel-control-custom[data-v-cbe367e8]{cursor:pointer;font-size:16px;color:#000;background-color:#f5f5f5;padding:7px 12px 7px 12px}.card-bookmark[data-v-cbe367e8]{padding:10px 15px;border:3px solid #d8d8d8;border-radius:10px}.card-part-time[data-v-cbe367e8]{border-radius:10px;background-color:#e3fcec;color:green;font-size:12px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.text-card-part-time[data-v-cbe367e8]{color:green;font-size:12px}.card-gaji[data-v-cbe367e8]{border-radius:10px;background-color:#e0f7fa;box-shadow:0 1px 2px rgba(0,0,0,.1)}.card-gaji[data-v-cbe367e8],.text-card-gaji[data-v-cbe367e8]{color:#00796b;font-size:12px}.c-pointer[data-v-156e5f00]{cursor:pointer}.c-default[data-v-156e5f00]{cursor:default}.bottom-right[data-v-156e5f00]{position:absolute;bottom:10px;right:10px}.border-c[data-v-156e5f00]{border:1px solid #adaaaa}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:#fff;font-family:Poppins,sans-serif;width:100%;overflow-y:auto;overflow-x:hidden}footer .row{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;overflow-x:hidden;overflow-y:hidden}.vertical-scroll{width:100%;overflow-x:hidden;scrollbar-color:transparent transparent}.vertical-scroll::-webkit-scrollbar{display:none}:root{--colorHijau:#06a73b;--colorRed:#f44336;--colorOrange:#fdc04e;--colorStart:#ffc300;--colorOren:#fcd980;--colorKuning:#fbff00;--colorPrimary:#001aff;--colorBG:#fbfada;--colorBlue:#4582ff;--colorGreen:#00d6d3;--colorBlack:#0f2239;--paraColor:#636363;--ratingColor:#f1cc38;--colorWhite:#fff;--colorSidebar:#9197b3;--colorUngu:#1e0342;--colorBiru:#f4f7fe;--colorBlueSide:#1c1e53;--colorBgDashboard:#ededed;--colorBgSearch:#f0f4ff;--colorBgRoom:#f4f6fc;--paraFont:"Rubik",sans-serif;--headingFont:"Montserrat",sans-serif;--box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px}.navbar{padding-top:18px!important;padding-bottom:18px!important;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out!important;animation-name:fadeInDown;animation-duration:1s}.navbar-dashboard{padding-top:20px!important;padding-bottom:20px!important;transition:none!important;animation:none!important}.navbar-nav .nav-item{display:flex;align-items:center}.nav-link.active,.navbar-nav .nav-link.active{color:var(--colorOrange)!important}.nav-link{color:inherit!important;transition:color .3s ease-in-out!important}.nav-link:hover{color:var(--colorOrange)!important}nav.transparent{background-color:hsla(0,0%,100%,.2)!important}nav.scrolled,nav.transparent{transition:background-color .3s ease!important}nav.scrolled{background-color:#fff!important;box-shadow:0 4px 8px rgba(0,0,0,.1)!important}.active-link{color:var(--colorOrange)!important}.navbar-light .navbar-nav .nav-link{margin:0 20px 0 0!important}.img-navbar{width:150px;height:30px}.custom-dropdown{min-width:75%}.offcanvas-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.1);transition:right .3s ease-in-out;z-index:1050;padding:20px;border-radius:25px 0 0 25px}.offcanvas-menu.show-menu{right:0}.offcanvas-header{display:flex;justify-content:space-between;align-items:center}.bi-x{font-size:2rem;color:#000;cursor:pointer}.dropdown-toggle-custom .bg .dropdown-item:active{background-color:#f5f5f5!important;color:#000}.dropdown-toggle-custom .bg .dropdown-item:hover{background-color:#e9e9e9!important;color:#000}.rounded-25{border-radius:25px}.tf__banner .second-banne h1{--animate-delay:0.6s}.tf__banner .second-banne p{--animate-delay:1s}.tf__banner .second-banne button{--animate-delay:1.4s}.scrollable-row{display:flex;overflow-x:auto;white-space:nowrap;cursor:pointer;scrollbar-width:none;-ms-overflow-style:none}.scrollable-row::-webkit-scrollbar{display:none}.bg-informasi{position:relative;height:170px;width:100%;background-color:#f5f5f5}.bg-about2{background-color:#f5f5f5;width:100vw;margin-left:calc(-50vw + 50%)}.bg-about{min-height:45vh}.bg-about,.bg-about-isi,.bg-about-page{position:relative;height:auto;width:100%;background-color:#f5f5f5}.breadcrumb a{text-decoration:none!important}.breadcrumb a,.breadcrumb-item.active{color:#000!important}.rectangle-img{width:100%;max-width:870px;height:100%;max-height:480px;-o-object-fit:cover;object-fit:cover}.section{display:none}.section.active{display:block}.pointer{cursor:pointer;transition:background-color .3s,opacity .3s,color .3s;position:relative}.pointer.active{color:green;margin-bottom:5px}.pointer.active:after{bottom:-6px}.coursespage .pointer.active:after,.pointer.active:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:green}.coursespage .pointer.active:after{bottom:-19px}.dc .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:100px;height:100px;background-color:hsla(0,0%,100%,.34);border-radius:50%;padding:10px;display:flex;justify-content:center;align-items:center}.dc .triangle{width:0;height:0;border-left:30px solid #fcd980;border-top:20px solid transparent;border-bottom:20px solid transparent;opacity:1}.dc .dc-height{height:480px!important;padding-top:30px!important;width:100%}.dc .modal-content{background:none!important;border:none!important}.dc .modal-dialog{max-width:900px!important;width:100%;border:none!important}.dc .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7)!important;z-index:1050!important}.dc .modal-open{overflow:hidden;height:100vh}.bg-faq{background-color:#e9e9e9}.bg-faq,.bg-faq-search{position:relative;height:auto;width:100%}.bg-faq-search{background-color:#f4f4f4}.bg-faq-isi{width:97.3%}.bg-faq-isi,.bg-review-course{position:relative;height:auto;background-color:#f4f7fe}.bg-review-course{width:100%}.bg-help{width:99%;background-color:#f9fbff;box-shadow:0 2px 2px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1)}.bg-faq-form,.bg-help{position:relative;height:auto}.bg-faq-form{background-image:url(/img/bg-avatar-form.a0290c34.png);background-size:cover;background-repeat:no-repeat;background-position:50%;width:100vw;display:flex;justify-content:center;align-items:center}.bg-footer{background-color:var(--colorBG)}.footer-akhir{margin-bottom:-50px}.r-17{right:17%}.r-24{right:24%}.r-8{right:30%}.p-25{padding:25px}.p-30{padding:30px}.pt-55{padding-top:55px}.pt-100{padding-top:100px}.pt100{padding-top:200px}.plr{padding-left:25px!important;padding-right:25px!important;border-radius:12px!important}.mr-220{margin-right:220px}.cme-5{margin-right:20px}.me-12{margin-right:12px}.me--8{margin-right:-8px}.me-60{margin-right:60px}.mt-12{margin-top:12px}.mt-35{margin-top:35px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt--1{margin-top:-1.3px!important}.mt--3{margin-top:-3px!important}.mt--18{margin-top:-18px}.mt--20{margin-top:-20px!important}.mt--85{margin-top:-85px}.mb--3{margin-bottom:-3px}.mb--5{margin-bottom:-5px}.mb--6{margin-bottom:-6px}.mb--20{margin-bottom:-20px}.mr--10{margin-right:-10px}.mr--25{margin-right:-25px}.mr--35{margin-right:-35px}.mt--50{margin-top:-50px}.mt--80{margin-top:-80px}.mt--100{margin-top:-100px}.ms-10{margin-left:10px}.ms--2{margin-left:-1px}.ms--8{margin-left:-8px}.ms--15{margin-left:-15px}.ms-18{margin-left:18px}.ms-24{margin-left:24px}.ms-33{margin-left:33px}.ms--10{margin-left:-5px}.text-justify{text-align:justify}.nav-item .text-left,.side .text-left{text-align:left!important}.mx-auto{margin-left:auto;margin-right:auto}.p-absolute{position:absolute}.p-relative{position:relative}.text-black{color:var(--colorBlack)}.color-orange{color:var(--colorOrange)}.color-start{color:var(--colorStart)}.text-biru-side{color:var(--colorBlueSide);font-weight:400}.text-biru-side2{color:#303030;opacity:75%}.active-sidebar{color:#1c1e53!important}.aktif{background-color:#d2d2dd}.color-sidebar{color:var(--colorSidebar)!important;font-weight:500}.bg-login{background-color:#f5f7fa}.bg-progress{background-color:#c4c4c4}.bg-progress-done{background-color:var(--colorOrange)}.bg-progress-succcess{background-color:var(--colorHijau)}.bg-progress-failed{background-color:#777575}.bg-progress-progress{background-color:#3b3d74}.bg-room{background:var(--colorBgRoom);height:auto;min-height:100vh;width:100vw}.ligh{color:#999}.text-merah{color:#ff4c4c}.bg-pie{background-color:#fdfdfd}.bg-pie .text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#000}.bg-pie .text-overlay h2{font-size:40px;margin:0}.bg-pie .text-overlay p{margin:0;font-size:18px}.bg-pie svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.bg-pie .progress-green{fill:none;stroke:#06a73b;stroke-width:18;stroke-dasharray:43,215}.bg-pie .progress-yellow{fill:none;stroke:#fdc04e;stroke-width:13;stroke-dasharray:140,215}.bg-pie .progress-white{fill:none;stroke:#f2efff;stroke-width:9;stroke-dasharray:215,215}.bg-pie .ring{fill:none;stroke:#fff;stroke-width:14}.fs-8{font-size:8px}.fs-10{font-size:10px}.f-12{font-size:12px!important}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-15{font-size:15px!important}.f-13{font-size:13px!important}.fs-16{font-size:16px}.fs-17{font-size:17px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.fs-25{font-size:25px}.fs-26{font-size:26px}.fs-30{font-size:30px}.fs-36{font-size:36px}.fs-40{font-size:40px}.fs-42{font-size:42px}.fs-43{font-size:43px}.fs-45{font-size:45px}.fs-48{font-size:48px}.w-11{width:11%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-40{width:40px}.w-58{width:58%}.w-66{width:66%}.w-87{width:87.8%}.w-96{width:96%}.w-110{width:110px}.w-120{width:120px}.w-130{width:130px}.w-150{width:150px}.w-180{width:180px!important}.w-170{width:170px}.w-200{width:200px}.w-330{width:330px}.w-250{width:250px}.w-350{width:350px}.w-400{width:400px}.w-450{width:450px}.w-500{width:500px}.w-650{width:650px}.w-sidebar-profil{width:auto;min-width:270px}.w-sidebar-profil2{width:auto;min-width:308px}.w-sidebar{width:auto;min-width:270px}.h-8{height:8px}.h-37{height:37px!important}.h-38{height:38px}.h-39{height:39px}.h-40{height:40px}.h-43{height:43px}.h-45{height:45px}.h-48{height:48px!important}.h-49{height:49px}.h-50{height:50px!important}.h-200{height:200px}.btn-orange{background-color:var(--colorOrange)!important;color:#fff!important;border:none;padding:10px 20px;text-align:center;cursor:pointer}.btn-orange:active,.btn-orange:focus,.btn-orange:hover{background-color:#ffa600!important;color:#fff!important;border:none!important}.btn-putih{background-color:#fff;padding:9.4px 20px;text-align:center;cursor:pointer}.btn-putih,.btn-putih:active,.btn-putih:focus,.btn-putih:hover{color:var(--colorOrange)!important;border:1px solid var(--colorOrange)!important}.btn-putih:active,.btn-putih:focus,.btn-putih:hover{background-color:#f8f8f8!important}.btn-putih2{background-color:#fff;color:#232323!important;border:1px solid #d8d8d8!important;padding:9.4px 20px;text-align:center;cursor:pointer;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.1)!important}.btn-putih2:active,.btn-putih2:focus,.btn-putih2:hover{background-color:#f8f8f8!important;color:#232323!important;border:1px solid #d8d8d8!important}.btn-hijau2{background-color:#06a73b;color:#fff!important;border:1px solid #06a73b!important;padding:9.4px 20px;text-align:center;cursor:pointer;border-radius:12px;padding-left:32px!important;padding-right:32px!important;box-shadow:0 1px 2px rgba(0,0,0,.1)!important}.btn-hijau2:active,.btn-hijau2:focus,.btn-hijau2:hover{background-color:#068832!important;color:#fff!important;border:1px solid #068832!important}.btn-merah{background-color:#ff4c4c;color:#fff;border:none;padding:0 20px;text-align:center;cursor:pointer}.btn-merah:active,.btn-merah:focus,.btn-merah:hover{background-color:#ff2525!important;color:#fff!important;border:none!important}.btn-hijau{background-color:var(--colorHijau);color:#fff;border:none;padding:0 20px;text-align:center;cursor:pointer}.btn-hijau:active,.btn-hijau:focus,.btn-hijau:hover{background-color:#048b30!important;color:#fff!important;border:none!important}.btn-hijau:disabled{background-color:#048b30!important;color:#fff}.btn-oren{background-color:var(--colorOren);border:none;padding:10px 20px;text-align:center;cursor:pointer}.btn-oren:active,.btn-oren:focus,.btn-oren:hover{background-color:#f6ba21!important;border:none!important}.btn-red{background-color:var(--colorRed);color:#fff;border:none;padding:0 20px;text-align:center;cursor:pointer}.btn-red:active,.btn-red:focus,.btn-red:hover{background-color:#f32719!important;border:none!important}.pagination{display:flex;justify-content:flex-start;gap:15px}.pagination .page-item{display:inline-block}.pagination .page-link{border-radius:10%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;color:#000;border:none}.pagination .page-item.active .page-link{background-color:#28a745;color:#fff}.pagination .page-item:not(.active) .page-link{color:#000}.pagination .page-item.disabled .page-link{background-color:transparent;color:#000;cursor:default}.pagination .page-link:hover{background-color:#e0e0e0}.button-biru{background-color:#065bcc}.pagination-circle{width:15px;height:15px;margin:0 5px;border-radius:50%;background-color:rgba(28,30,83,.4);display:inline-block;cursor:pointer;transition:background-color .3s ease}.active-circle,.pagination-circle:hover{background-color:#1c1e53}.c-border,.navbg-sa .c-border:hover{border-color:#bbb;border-width:1px;border-style:solid}.search-input{position:relative}.search-input input{padding-left:2.3rem;border-radius:.5rem}.search-input .bi-search{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#6c757d}.user-background .search-input input{background-color:var(--colorBgSearch);border-radius:12px!important}.user-background2 .search-input input{border-radius:12px!important}.help .search-input input{background-color:#fff}.down-input{position:relative}.down-input input{padding-left:1rem}.down-input .bi-chevron-down{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:#6c757d}.icon-back{position:absolute;top:35px;left:80px;font-size:24px;cursor:pointer}.icon-back i{color:#000}.icon-white{position:absolute;top:35px;left:80px;font-size:24px;cursor:pointer}.icon-white i{color:#fff}.icon-dark{position:absolute;top:35px;left:80px;font-size:24px;cursor:pointer}.icon-dark i{color:#222}.eye-icon{width:20px;height:20px}.carousel-indicators button{background-color:rgba(28,30,83,.4)!important;width:15px!important;height:15px!important;border-radius:50%!important;border:none!important;opacity:1!important}.carousel-indicators .active{background-color:#1c1e53!important;width:15px!important;height:15px!important}.garis-{text-decoration:none}.custom-shadow{box-shadow:6px 6px 10px rgba(0,0,0,.2);transition:box-shadow .3s ease-in-out}.custom-shadow:hover{box-shadow:8px 8px 15px rgba(0,0,0,.3)}.custom-shadow2{box-shadow:6px 6px 10px rgba(0,0,0,.2)}.custom-shadow2,.custom-shadow3{transition:box-shadow .3s ease-in-out}.custom-shadow3{box-shadow:3px 8px 10px rgba(0,0,0,.3)}.date{border-radius:15px;padding:5px;position:absolute;right:15px;top:210px;background-color:#d8d8d8}.password-wrapper{position:relative}.toggle-button{display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);left:unset;right:12px;cursor:pointer}.dashboard input::-moz-placeholder{font-size:12px}.dashboard input::placeholder{font-size:12px}.tooltip{position:absolute!important;bottom:100%!important;left:50%!important;transform:translateX(-50%)!important;background-color:#1c1e53!important;color:#fff!important;border-radius:4px!important;white-space:nowrap!important;visibility:hidden!important;opacity:0!important;transition:opacity .2s!important;z-index:10!important;margin-left:20px!important;margin-bottom:5px!important;font-size:12px!important;font-weight:400!important}td:hover .tooltip{visibility:visible!important;opacity:1!important}.tooltip:after{margin-left:-25px!important;border-color:#1c1e53 transparent transparent transparent!important}.progress-text{top:3px}.progress-text,.progress-text2{position:absolute;right:0;font-size:12px;font-weight:700;color:#1c1e53}.progress-text2{top:-17px}.room .pointer{cursor:pointer;transition:background-color .3s,opacity .3s,color .3s;position:relative}.room .pointer.active{color:var(--colorOrange);margin-bottom:5px}.room .pointer.active:after{display:none}.c-iframe{width:100%;border-radius:30px;height:535px;pointer-events:none}.mycourse .table thead tr:first-child{border-bottom:1px solid #000}.modal-header{border-bottom:none!important}.modal-body{padding:0 2rem 2rem 2rem!important}.course-card{display:flex!important;align-items:center!important;padding:10px!important;border:1px solid #eaeaea!important;border-radius:8px!important;margin-bottom:10px!important;cursor:pointer;transition:background-color .3s ease}.course-card.selected,.course-card:hover{background-color:#f0f0f0!important}.course-card img{width:127.62px!important;height:77px!important;border-radius:8px!important;margin-right:15px!important}.course-card h5{margin:0!important}.enroll-btn{background-color:#28a745!important;color:#fff!important;padding:10px 30px!important;border:none!important;border-radius:8px!important;font-size:16px!important}.course-list{max-height:185px;overflow-y:auto;position:relative}.course-list::-webkit-scrollbar{width:10px}.course-list::-webkit-scrollbar-track{background:#f1f1f1}.course-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.course-list::-webkit-scrollbar-thumb:hover{background:#555}.mycourse .modal-dialog{max-width:600px!important}.scroll-icon{position:absolute;right:5px;bottom:5px;z-index:1}.custom-title{font-size:22px!important}.custom-small-text,.custom-text{font-size:14px!important}.custom-button{width:180px;margin:5px;border-radius:10px;font-size:14px!important;margin-bottom:30px}.custom-button2{width:200px;margin:5px;border-radius:10px;font-weight:medium}.modal.fade.show{display:block;opacity:1;background-color:rgba(0,0,0,.5)}.table tbody tr td{border-bottom:none}.star-rating{direction:rtl;display:inline-block}.star-rating input[type=radio]{display:none}.star-rating label{font-size:4.6em;color:#ddd;cursor:pointer}.star-rating input[type=radio]:checked~label,.star-rating label:hover,.star-rating label:hover~label{color:#f5b301}.custom-feedback{width:80%;padding:10px;margin-top:2px;border:1px solid #bbb;border-radius:10px;font-size:12px}.custom-feedback:focus{border-color:#bbb;outline:none}.custom-feedback::-moz-placeholder{font-size:12px;color:#aaa}.custom-feedback::placeholder{font-size:12px;color:#aaa}.text-start,.text-start2{text-align:left;display:block;font-weight:500;font-size:15px}.text-start2{margin-left:45px}.custom-button{padding:10px 20px;font-size:1.2em;margin:10px}.title-custom{margin-bottom:-30px;margin-top:20px;font-size:22px!important}.file-upload{border:1px solid #ddd;border-radius:10px;padding:40px;text-align:center;cursor:pointer}.file-upload .icon{font-size:48px;color:#343a40;margin-bottom:10px}.profil-mobile{width:40px;height:40px;margin-right:10px}.asigg{background-color:#e9e9e9;position:absolute;margin-top:-5px;height:10%}.dp{display:none}.db{display:block}.navdua.navbar-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease;transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:997}.side .sidebar{position:fixed;top:15px;left:0;width:400px;height:98.4%;background-color:#fff;z-index:1000;border-radius:0 15px 15px 0;display:flex}.side .sidebar-content{padding:20px;width:100%}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;float:right}.overlay-blur{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,65%,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998}.fp{display:none}.fw-500{font-weight:500}.posisi-profil{font-weight:100;display:block;margin-top:-5px}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;padding:15px;border-radius:5px}.terms .modal-body{padding:0 2rem 0 2rem!important}.terms .modal{display:none}.terms .modal.show{display:block}.terms .modal-footer{min-height:75px}.terms .tinggi{max-height:300px;overflow-y:auto;overflow-x:hidden}.page-about .fs-16 .platform{display:inline-block;width:100px}.page-about .fs-16 ul{padding-left:28px}.essay .tab-content .ul ul{list-style-type:none;padding-left:0;margin-left:0}.essay .tab-content .platform{display:inline-block;width:180px}.essay .tab-content .separator{display:inline-block;width:10px;text-align:center}.image-room{width:24px;height:24px}.quiz .question-container{display:flex;flex-direction:column;margin-bottom:20px}.quiz .question-wrapper{display:flex;align-items:flex-start}.quiz .question-number{margin-right:10px;font-weight:700}.quiz .question-text{flex:1;word-wrap:break-word}.quiz .btn-warning{background-color:#f5f5f5}.quiz .btn-warning:active,.quiz .btn-warning:hover{background-color:#e0e0e0!important}.quiz .pagination-number{width:40px;height:40px;border-radius:5px;font-size:16px}.quiz .ukuran{height:40px;width:40px}.body-login{background-image:url(/img/bg-login.4401d7d2.png)}.body-login,.body-login-nobg{background-size:cover;background-repeat:no-repeat;background-position:50%;background-attachment:fixed;position:relative;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.left-image,.left-image-registrasi{background-image:url(/img/2.3ace4715.png)}.left-image,.left-image-registrasi,.right-image{background-size:cover;background-position:50%;height:100vh}.right-image{background-image:url(/img/login-bg.8d0a94ce.png)}.custom-flex{display:flex;justify-content:center;align-items:center}.image-reset{width:324px}.side .nav-link:hover{color:var(--colorBlueSide)!important}.bg-biru{background-color:#f4f7fe}.user-background,.user-background2{background:var(--colorBgDashboard);height:auto;min-height:100vh;width:100vw}.navdua .navbar{background-color:#fff;height:80px;z-index:1000}#sidebar{position:fixed;top:80px;left:0;height:calc(100% - 80px);width:250px;background-color:#fff;transition:width .3s ease;z-index:100}#sidebar.collapsed{width:70px}#sidebar.collapsed a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebar ul{padding:0;list-style-type:none;margin-top:20px}#sidebar ul li a{color:#fff;text-decoration:none}#sidebar ul li a.active{color:#000}#sidebar ul li a span{opacity:1;transform:translateX(0);transition:opacity .3s ease,transform .3s ease}#sidebar.collapsed ul li a span{opacity:0;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease}#sidebar ul li a .icon{transition:transform .3s ease}#sidebar.collapsed ul li a .icon{transform:scale(1.2)}.sd .menu-text-sa{font-size:25px;font-weight:300;top:13px;left:18px;position:absolute}.side.collapsed .menu-text-sa{display:none}.toggle-teacher{font-size:24px;color:#fff;margin-right:2px}.font-weight-500{font-weight:500}.sidebar-sa .color-sidebar{height:50px;padding-top:6px}.sidebar-sa .color-sidebar,.sidebar-sa .color-sidebar2{color:#9197b3!important;font-weight:500}.sidebar-sa .nav-link:hover{color:#121313!important}.sidebar-sa .active-sidebar{background-color:#d2d2ddcc;height:50px;padding-top:6px}.sidebar-sa .active-sidebar,.sidebar-sa .active-sidebar2{color:#1c1e53!important;font-weight:500}.sd .menu-logo-sa{font-size:25px;font-weight:300;top:13px;left:25px;position:absolute}.side.collapsed .menu-logo-sa,.side.collapsed .menu-text{display:none}.r-13{right:13%}#sidebar-course{position:fixed;top:80px;left:0;height:calc(100% - 80px);width:300px;background-color:#fff;transition:width .3s ease;z-index:100;overflow-y:auto;scrollbar-color:transparent transparent}#sidebar-course::-webkit-scrollbar{display:none}#sidebar-course ul{padding:0;list-style-type:none;margin-top:20px}.side #sidebar-course{position:fixed;top:95px;left:0;height:calc(100% - 95px);width:390px;background-color:#fff;transition:width .3s ease;z-index:1000;overflow-y:auto;scrollbar-color:transparent transparent}.icon{margin-right:13px}.icon,.toggle{font-size:24px;color:#000}.toggle{margin-right:2px}#content{margin-left:240px}#content,#room{transition:margin-left .3s ease;padding:20px}#room{margin-left:300px;margin-top:80px}#content.collapsed{margin-left:60px}#toggle-btn{top:8px;right:10px;color:#fff;background:none;border:none}#side-menu,#toggle-btn{cursor:pointer;position:absolute}#side-menu{top:14px}.profile-section2{justify-content:flex-start}.profile-section,.profile-section2{display:flex;align-items:center;padding-right:20px}.profile-section{justify-content:flex-end}.profile-section img{height:40px;width:40px;border-radius:50%;margin-right:10px}.profile-name{color:#000;margin-right:10px}.dropdown-menu a{color:#000}.otp-field{flex-direction:row;-moz-column-gap:25px;column-gap:25px;display:flex;align-items:center;justify-content:center}.otp-field input{height:50px;width:65px;border-radius:6px;outline:none;font-size:1.125rem;text-align:center;border:1px solid #ddd}.otp-field input:focus{box-shadow:0 1px 0 rgba(0,0,0,.1)}.otp-field input::-webkit-inner-spin-button,.otp-field input::-webkit-outer-spin-button{display:none}.otp-field input.filled{border:2px solid #007dea}.footer,.resend{font-size:12px}.footer{position:absolute;bottom:10px;right:10px;color:#000;text-align:right;font-family:monospace}.footer a{color:#000;text-decoration:none}.sd .menu-header{display:flex;justify-content:space-between;align-items:center;padding:15px}.sd .menu-logo-text{font-size:25px;font-weight:300;top:13px;left:25px;position:absolute}.side.collapsed .menu-logo-text,.side.collapsed .menu-text{display:none}#colors-example-2{width:100%}#colors-example-2 .column{--color:#f2efff}#colors-example-2 .column td{border-radius:5px;margin-bottom:10px;margin:3px!important}.month-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:12px}.month-labels span{flex:1;text-align:center;font-size:10px;font-weight:500;opacity:75%}.navbar .dropdown-toggle-custom .bg{background-color:#fff!important}.navdua .dropdown-toggle-custom:active,.navdua .dropdown-toggle-custom:focus,.navdua .dropdown-toggle-custom:hover{background-color:#e9e9e9!important}.dropdown-toggle-custom{border:none;padding:10px 20px;cursor:pointer}.dropdown-toggle-custom:active,.dropdown-toggle-custom:focus,.dropdown-toggle-custom:hover{background-color:#e9e9e9!important}.dropdown-toggle-custom2{background-color:var(--colorBgSearch);border:none;padding:10px 20px;border-radius:12px!important}.dropdown-toggle-custom2:active,.dropdown-toggle-custom2:focus,.dropdown-toggle-custom2:hover{background-color:var(--colorBgSearch)!important}.dropdown-menu{border-radius:10px}.dropdown-toggle:after{display:none}.size-profil{width:220px;height:220px}hr.custom-line{border:none;height:3px;background-color:#000;margin-top:-32px;margin-bottom:-5px;font-weight:700}.cd__intro{padding:60px 30px;margin-bottom:15px;flex-direction:column}.cd__credit,.cd__intro{display:flex;width:100%;justify-content:center;align-items:center;background:#fff;color:#333;line-height:1.5;text-align:center}.cd__intro h1{font-size:18pt;padding-bottom:15px}.cd__intro p{font-size:14px}.cd__action{text-align:center;display:block;margin-top:20px}.cd__action a.cd__btn{text-decoration:none;color:#666;border:2px solid #666;padding:10px 15px;display:inline-block;margin-left:5px}.cd__action a.cd__btn:hover{background:#666;color:#fff;transition:.3s;-webkit-transition:.3s}.cd__action .cd__btn:before{font-family:FontAwesome;font-weight:400;margin-right:10px}.down:before{content:"\f019"}.back:before{content:"\f112"}.cd__credit{padding:12px;font-size:9pt;margin-top:40px}.cd__credit span:before{font-family:FontAwesome;color:#e41b17;content:"\f004"}.cd__credit a{color:#333;text-decoration:none}.cd__credit a:hover{color:#1dbf73}.cd__credit a:hover:after{font-family:FontAwesome;content:"\f08e";font-size:9pt;position:absolute;margin:3px}.cd__main{background:#fff;padding:20px;flex-direction:row;flex-wrap:wrap;justify-content:center;display:flex;width:100%}.cbg-card{background-color:#fff}.user-background .ov .card,.user-background .profil .card{box-shadow:0 2px 3px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.1)}.user-background .profil .no .card{box-shadow:none}.bs-toast{left:45%;z-index:1050}.user-background .gap-4 .active-tab{color:#0d92f4}.bg-room .ey .active-tab{color:#fdc04e}.shw .card{box-shadow:0 2px 3px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.1)}.shw .card .card{box-shadow:none}.bs-toast{top:60px;left:36%;z-index:1500}.bg-light-success{background-color:#28a745!important}.bg-light-error{background-color:#e42a2a!important}@media (min-width:769px){.toggle .navbar-toggler{display:none}}@media (max-width:779px){#content{margin-left:0!important;transition:margin-left .3s ease}.overview .container{padding:0;width:100%;max-width:none}.overview .fs-24{font-size:18px}.overview .table-responsive .fs-16{font-size:12px}.overview .table-responsive .fs-12{font-size:10px}.mycourse .fs-24{font-size:18px}.mycourse .fs-16{font-size:12px}.mycourse .table-responsive .fs-12{font-size:10px}.editpw .container{padding:0;width:100%;max-width:none}.editpw .fs-40{font-size:24px}.editpw .fs-16,.editpw input{font-size:12px}.help .container,.mycourse .container{padding:0;width:100%;max-width:none}.help .fs-40{font-size:24px}.help .fs-16{font-size:12px}.help .fs-12{font-size:10px}.help input,.help textarea{font-size:13px}.help .w-25{width:35%!important}}@media only screen and (min-width:1360px){.cd__main{max-width:1280px;margin-left:auto;margin-right:auto;padding:24px}}@media screen and (min-width:992px){.mf--45{margin-left:-45px}}@media screen and (min-width:2560px){.banner .fs-42{font-size:63px}.banner .fs-18{font-size:27px}.banner .cmt-48{margin-top:48px!important}.banner .cmt-40{margin-top:20px!important}.bg-pie .chart-container{position:relative;width:330px;height:315px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:1555px!important;padding-top:30px!important;width:2510px!important;margin-left:-855px!important}}@media screen and (max-width:2800px){.second-banner{position:relative;height:655px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:55px;right:200px;width:400px;height:auto}.s-image{height:400px;width:530px}.custom-footer{width:250px;margin:0 0 0 240px}.posisi{position:absolute;margin-top:60px;left:12%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.ms-30{margin-left:97px}.bg-pie .chart-container{position:relative;width:330px;height:315px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:1248px!important;padding-top:30px!important;width:1675px!important;margin-left:-415px!important}}@media screen and (max-width:1922px){.second-banner{position:relative;height:460px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:45px;right:80px;width:400px;height:auto}.s-image{height:300px;width:430px}.custom-footer{width:250px;margin:0 0 0 220px}.posisi{position:absolute;margin-top:60px;left:15%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:20px;right:150px;width:330px;height:280px}.ms-30{margin-left:97px}.banner .fs-18{font-size:18px}.banner .fs-42{font-size:42px}.banner .cmt-40,.banner .cmt-48{margin-top:0!important}.bg-pie .chart-container{position:relative;width:330px;height:315px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:748px!important;padding-top:30px!important;width:1258px!important;margin-left:-208px!important}}.second-banner{background-color:#f4f7fe}@media screen and (max-width:1740px){.second-banner{position:relative;height:420px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:25px;right:90px;width:400px;height:auto}.s-image{height:310px;width:440px}.custom-footer{width:250px;margin:0 0 0 200px}.posisi{position:absolute;margin-top:60px;left:16%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:20px;right:150px;width:330px;height:280px}.ms-30{margin-left:97px}.bg-pie .chart-container{position:relative;width:330px;height:317px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:595px!important;width:1040px!important;margin-left:-112px!important;height:648px!important;padding-top:30px!important;width:1115px!important;margin-left:-148px!important}}@media screen and (max-width:1600px){.second-banner{position:relative;height:420px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:25px;right:90px;width:400px;height:auto}.s-image{height:310px;width:440px}.custom-footer{width:250px;margin:0 0 0 180px}.posisi{position:absolute;margin-top:60px;left:16%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:20px;right:150px;width:330px;height:280px}.ms-30{margin-left:95px}.bg-pie .chart-container{position:relative;width:328px;height:314px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:605px!important;padding-top:30px!important;width:1045px!important;margin-left:-113px!important}}@media screen and (max-width:1440px){.tf__banner{height:auto;min-height:680px!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative}.second-banner{position:relative;height:420px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:30px;right:90px;width:400px;height:auto}.s-image{height:310px;width:440px}.custom-footer{width:250px;margin:0 0 0 140px}.posisi{position:absolute;margin-top:60px;left:15%}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:20px;right:60px;width:330px;height:280px}.ms-30{margin-left:80px}.bg-pie .chart-container{position:relative;width:280px;height:265px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.dc .dc-height{height:535px!important;padding-top:30px!important;width:930px!important;margin-left:-45px!important}}@media screen and (max-width:1400px){.dc .dc-height{height:480px!important;padding-top:30px!important;width:100%!important;margin-left:0!important}.tf__banner{min-height:680px!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative}.second-banner{position:relative;height:420px;width:99.7%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:30px;right:80px;width:400px;height:auto}.s-image{height:300px;width:430px}.custom-footer{width:250px;margin:0 0 0 120px}.ms-100{margin-left:140px}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.logo-about{position:absolute;bottom:30px;right:83px;width:330px;height:280px}.date{border-radius:15px;padding:5px!important;position:absolute;right:20px;top:176px!important;background-color:#d8d8d8}.ms-30{margin-left:68px}}@media screen and (max-width:1340px){.bg-pie .chart-container{position:relative;width:238px;height:224px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1240px){.bg-pie .chart-container{position:relative;width:230px;height:220px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1208px){.room .student .w-20{width:28%}.size-profil{width:200px;height:200px}.student .my-3 .w-15{width:19%}}@media screen and (max-width:1200px){.second-banner{position:relative;height:450px;width:99%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:-17px;right:0;width:400px;height:auto}.border-left{border-left:1.5px solid #c5c5c5}.cborder-bottom{border-bottom:none!important}.date{border-radius:15px;padding:5px!important;position:absolute;right:20px;top:144px!important;background-color:#d8d8d8}.ms-30{margin-left:58px}.dc-teacher p{margin-left:30px}.size-profil{width:200px;height:200px}.bg-pie .chart-container{position:relative;width:205px;height:195px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1100px){.bg-pie .chart-container{position:relative;width:190px;height:180px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:1024px){.second-banner{position:relative;height:630px;width:99%;background-color:#f4f7fe}.hide-on-small{position:absolute;bottom:-17px;right:0;width:400px;height:auto}.dc-teacher p{margin-left:70px}.size-profil{width:160px;height:160px}.overview .chart-container .text-overlay .fs-24{font-size:18px}.overview .chart-container .text-overlay .f-13{font-size:7px}.bg-pie .chart-container{position:relative;width:170px;height:160px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:992px){.w-350{width:380px}nav.scrolled,nav.transparent{background-color:#fff!important;transition:background-color .3s ease}nav.transparent{background-color:hsla(0,0%,100%,.2)!important;transition:background-color .3s ease!important}.cmt-4{margin-top:25px}.cmx-4{padding:10px 5px 10px 15px}.p-10{padding:0 15px 0 0}.ms-30{margin-left:45px}.date{border-radius:10px;padding:3px!important;position:absolute;right:5px;top:100px!important;background-color:#d8d8d8;font-size:11px}.w-170{width:150px}.room .student .w-20{width:30%}.s-image{height:250px;width:380px}.bg-pie .chart-container{position:relative;width:160px;height:150px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (min-width:769px) and (max-width:992px){.hide-on-small{position:absolute;bottom:100px;right:150px;width:400px;height:auto}.banner .cbtn{position:absolute;right:250px;bottom:40px}}@media screen and (max-width:930px){.size-profil{width:140px;height:140px}.bg-pie .chart-container{position:relative;width:150px;height:140px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:850px){.size-profil{width:120px;height:120px}.bg-pie .chart-container{position:relative;width:130px;height:120px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:820px){.bg-pie .chart-container{position:relative;width:110px;height:100px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:794px){.bg-pie .chart-container{position:relative;width:70px;height:70px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}}@media screen and (max-width:768px){.bg-pie .chart-container{position:relative;width:240px;height:240px;margin:auto;border-radius:50%;background-color:#fff;border:1px solid #f4f4f4}.icon{font-size:24px;color:#fff;margin-right:5px}.cborder-bottom{border-bottom:1.5px solid #c5c5c5!important}.border-left{border-left:none!important}.choose-section{display:none!important}.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:265px!important;background-color:#d8d8d8;font-size:11px}.w-170{width:160px}.dt .rounded-circle{width:87px;height:86.5px}.dt .fs-20{font-size:12px;margin-top:-60px}.dt .fs-17{font-size:16px}.dt .fs-16,.dt-card .fs-16{font-size:12px}.dc .fs-20{font-size:16px}.dc .fs-40{font-size:24px}.sub-nav .fs-16{font-size:10px}.dc-isi .fs-20{font-size:16px}.dc-isi .fs-16{font-size:12px}.dc-teacher .rounded-circle{width:87px;height:86.5px}.dc-teacher .fs-16{font-size:12px}.dc-teacher .name{left:30%;top:79%}.dc-teacher .mt-95{margin-top:18px}.dc-rules .fs-20{font-size:16px}.dc-rules .fs-16{font-size:12px}.dc-review .rounded-circle{width:55.5px;height:51px}.dc-review .fs-16{font-size:12px}.c-iframe{width:100%;border-radius:20px;height:300px;pointer-events:none}.page-about .fs-40{font-size:24px}.page-about .fs-16{font-size:12px}.page-about .fs-20{font-size:16px}.logo-about{position:relative;margin:0 auto;display:block;width:auto;height:auto;bottom:auto;right:auto;margin-top:-15px}.pt-55{padding-top:60px}.second-banner{position:relative;height:480px;width:90%;background-color:#f4f7fe}.ms--10{margin-left:auto}.banner .banner-index .mb--10{margin-bottom:-10px}.s-image{height:147px;width:228.6px;position:absolute;right:95px;top:0}.banner .cbtn{position:absolute;right:140px;bottom:50px}.hide-on-small{position:relative;margin:0 auto;display:block}.banner .fs-42{font-size:24px}.banner .fs-18{font-size:12px}.banner .timeline .fs-32{font-size:16px}.banner .timeline .fs-16{font-size:12px}.recomend-index .fs-40{font-size:24px}.recomend-index .fs-16{font-size:12.83px}.about-index .fs-40{font-size:24px}.about-index .fs-16{font-size:12px}.learning-index .fs-40{font-size:24px}.learning-index .cbtn .fs-16{font-size:14px}.questions-index .fs-40{font-size:24px}.questions-index .fs-16{font-size:12px}.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:270px}#room{margin-left:auto}.assignment .asigg .fs-16{font-size:12px}.assignment .fs-16{font-size:10px}.assignment .w-15,.assignment .w-20{width:30%}.assignment .container,.essay .container{padding:0;margin:0;width:100%;max-width:none}.essay .asigg .fs-16{font-size:12px}.essay .fs-16{font-size:10px}.essay .w-20{width:30%}.essay .text-center .w-20{width:35%}.room .student .fs-16{font-size:9px}.room .student .ms-md-1 .fs-16{font-size:10px}.room .student .section .fs-16{font-size:12px}.room .student .container{padding:0;margin:0;width:100%;max-width:none}.quiz .fs-12{font-size:8px}.quiz .fs-16,.quiz textarea{font-size:12px}.quiz .w-15{width:30%}.star-rating label{font-size:3.8em;color:#ddd;cursor:pointer}.room .student .fs-40{font-size:18px}.room .student .w-20{width:25%}.room .student .p .fs-16,.tools .about .fs-16,.tools .about .tags .fs-16{font-size:12px}.dc-teacher p{margin-left:auto}.asigg{background-color:#e9e9e9;position:absolute;margin-top:-1px;height:10%}.icon-dark{display:none}.custom-flex{justify-content:center;align-items:start;padding-top:3rem;margin-left:auto;margin-right:auto}.icon-back{display:none}.text-center .fs-26{font-size:18px}.body-login{justify-content:center;padding-top:50px;align-items:flex-start}.quiz .w-96{width:93%}.page-about .fs-16 ul{padding-left:15px}.bg-room .quiz .form-group .form-check .mb--5{margin-bottom:-5}.help .justify-content-between .fs-24{font-size:18px}.help .row .mx-4 .form-control{width:100%!important}.ms-30{margin-left:0}}@media (min-width:769px){.help .row .mx-4 .form-control{width:75%!important}}@media screen and (max-width:992px){.room .student .w-20{width:35%}}@media screen and (max-width:670px){.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:235px}.dc-teacher .name{left:25%;top:80%}}@media screen and (max-width:577px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:285px!important;background-color:#d8d8d8;font-size:11px}.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:200px}.dc-teacher .name{left:20%;top:79%}}@media screen and (max-width:557px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:255px!important;background-color:#d8d8d8;font-size:11px}.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:190px}}@media screen and (max-width:556px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:270px!important;background-color:#d8d8d8;font-size:11px}}@media screen and (max-width:548px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:270px!important;background-color:#d8d8d8;font-size:11px}}@media screen and (max-width:532px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:260px!important;background-color:#d8d8d8;font-size:11px}.dc-teacher .name{left:22%;top:79%}}@media screen and (max-width:514px){.date{border-radius:13px;padding:5px!important;right:5px;top:250px!important;background-color:#d8d8d8;font-size:11px}.date,.s-image{position:absolute}.s-image{height:147px;width:228.6px;right:90px;top:0}.banner .cbtn{right:115px}.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:170px}.banner .cbtn{position:absolute;right:130px;bottom:50px}}@media screen and (max-width:490px){.date{border-radius:13px;padding:5px!important;right:5px;top:240px!important;background-color:#d8d8d8;font-size:11px}.date,.s-image{position:absolute}.s-image{height:147px;width:228.6px;right:90px;top:0}.banner .cbtn{position:absolute;right:125px;bottom:50px}.side .sidebar{top:15px;width:350px;height:98.4%;border-radius:0 15px 15px 0;display:flex}.side #sidebar-course,.side .sidebar{position:fixed;left:0;background-color:#fff;z-index:1000}.side #sidebar-course{top:95px;height:calc(100% - 95px);width:340px;transition:width -2s ease;overflow-y:auto;scrollbar-color:transparent transparent}}@media screen and (max-width:472px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:230px!important;background-color:#d8d8d8;font-size:11px}.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:140px}.s-image{height:147px;width:228.6px;position:absolute;right:90px;top:0}.banner .cbtn{position:absolute;right:100px;bottom:50px}}@media screen and (max-width:450px){.date{border-radius:13px;padding:5px!important;right:5px;top:220px!important;background-color:#d8d8d8;font-size:11px}.date,.s-image{position:absolute}.s-image{height:147px;width:228.6px;right:80px;top:0}.banner .cbtn{position:absolute;right:95px;bottom:50px}.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:130px}.side .sidebar{top:15px;width:320px;height:98.4%;border-radius:0 15px 15px 0;display:flex}.side #sidebar-course,.side .sidebar{position:fixed;left:0;background-color:#fff;z-index:1000}.side #sidebar-course{top:95px;height:calc(100% - 95px);width:310px;transition:width -2s ease;overflow-y:auto;scrollbar-color:transparent transparent}}@media screen and (max-width:430px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:205px!important;background-color:#d8d8d8;font-size:11px}.w-170{width:160px}.dc-teacher .name{left:28%;top:76%}.text-center .mtc{margin-top:100px}.image-reset{width:300px}}@media screen and (max-width:422px){.dc-teacher .name{left:28%;top:101%}}@media screen and (max-width:414px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:200px!important;background-color:#d8d8d8;font-size:11px}.w-170{width:160px}.s-image{height:147px;width:228.6px;position:absolute;right:60px;top:0}.banner .cbtn{position:absolute;right:90px;bottom:40px}.dc-teacher .name{left:28%;top:102%}.text-center .mtc{margin-top:100px}.image-reset{width:290px}}@media screen and (max-width:412px){.dc-teacher .name{left:28%;top:103%}.image-reset{width:280px}}@media screen and (max-width:400px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:188px!important;background-color:#d8d8d8;font-size:11px}.w-170{width:160px}.s-image{height:147px;width:228.6px;position:absolute;right:60px;top:0}.banner .cbtn{position:absolute;right:80px;bottom:40px}.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:120px}.side .sidebar{top:15px;width:290px;height:98.4%;border-radius:0 15px 15px 0;display:flex}.side #sidebar-course,.side .sidebar{position:fixed;left:0;background-color:#fff;z-index:1000}.side #sidebar-course{top:95px;height:calc(100% - 95px);width:270px;transition:width -2s ease;overflow-y:auto;scrollbar-color:transparent transparent}.dc-teacher .name{left:29%;top:103%}}@media screen and (max-width:390px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:185px!important;background-color:#d8d8d8;font-size:11px}.w-170{width:160px}.s-image{height:147px;width:228.6px;position:absolute;right:58px;top:0}.banner .cbtn{position:absolute;right:77px;bottom:40px}.quiz .w-15{width:37%}.image-reset{width:270px}}@media screen and (max-width:376px){.date{border-radius:13px;padding:5px!important;position:absolute;right:5px;top:175px!important;background-color:#d8d8d8;font-size:11px}.w-170{width:160px}.s-image{height:147px;width:228.6px;position:absolute;right:50px;top:0}.banner .cbtn{position:absolute;right:70px;bottom:40px}.navdua .profile-section{display:none}.navdua .img-navbar{position:absolute;top:26px;right:105px}.side .sidebar{top:15px;width:260px;height:98.4%;border-radius:0 15px 15px 0;display:flex}.side #sidebar-course,.side .sidebar{position:fixed;left:0;background-color:#fff;z-index:1000}.side #sidebar-course{top:95px;height:calc(100% - 95px);width:250px;transition:width -2s ease;overflow-y:auto;scrollbar-color:transparent transparent}.dc-teacher .name{left:30%;top:103%}.quiz .w-15{width:37%}.text-center .mtc{margin-top:250px}.image-reset{width:250px}}