@font-face{font-family:frontend-icon;src:url(../../../fonts/frontend-icona3e5329cff3e2033c229.eot?up8f4o);src:url(../../../fonts/frontend-icona3e5329cff3e2033c229.eot?up8f4o#iefix) format("embedded-opentype"),url(../../../fonts/frontend-icond1b06c4c26670f595cd0.ttf?up8f4o) format("truetype"),url(../../../fonts/frontend-iconaf6b871132e9790536fd.woff?up8f4o) format("woff"),url(../../../fonts/frontend-icon351a9c28281e0abcc98f.svg?up8f4o#frontend-icon) format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=frontend-],[class*=" frontend-"]{font-family:frontend-icon !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.frontend-eye::before{content:""}.frontend-edit::before{content:""}.frontend-save::before{content:""}.frontend-plus::before{content:""}.frontend-delete::before{content:"󥠁"}.frontend-arrow::before{content:""}.learners-container .section-title{font-size:2rem;font-weight:600;text-align:center;margin:3rem 0 2.5rem 0;display:inline-block;position:relative}.learners-container .section-title::after{position:absolute;content:"";background:#039be5;width:60%;height:.2rem;bottom:-0.785rem;left:20%}.learners-container .heading-text{display:flex;gap:.5rem}.learners-container .heading-text input,.learners-container .heading-text div{margin:0;font-size:1.4rem;width:100%}.learners-container .heading-text button{border:none;padding:0;background:rgba(0,0,0,0);cursor:pointer}.learners-container .learners-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}.learners-container .learners-grid .learners-card{width:48%;padding:2rem;box-shadow:rgba(0,0,0,.16) 0 .625rem 30.375rem 0,rgba(0,0,0,.06) 0 0 0 .063rem;border-radius:.5rem;box-sizing:border-box}.learners-container .learners-grid .learners-card .edit-textarea{width:100%;margin-top:1rem}.learners-container .learners-grid .learners-card ol{list-style-type:none;margin:0;padding:0}.learners-container .learners-grid .learners-card ol li{font-size:1rem;cursor:pointer;margin-bottom:.313rem}.learners-container .learners-grid .learners-card ol li .move-to-dropdown{margin:.5rem 0}.learners-container .learners-grid .learners-card ol li i{opacity:0;padding-left:.313rem;transition:all .6s ease}.learners-container .learners-grid .learners-card ol li:hover i{opacity:1}.learners-container .learners-grid .learners-card ol li .move-course-wrapper{width:100%}.learners-container .learners-grid .learners-card ol li .move-course-wrapper p{font-size:.85rem;margin:0}.learners-container .learners-grid .learners-card ol li .move-course-wrapper .move-to-dropdown{width:100%;padding:.4rem;border:.063rem solid #d0d0d0}.learners-container .learners-grid .learners-card ol li .move-course-wrapper .move-to-dropdown:hover{border:none}.learners-container .learners-grid .learners-card .title{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;font-size:1.2rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem}.learners-container .learners-grid .learners-card .title button{padding:.313rem;font-size:.9rem;color:#fff}.learners-container .learners-grid .learners-card .title .cancel-course-select{background:#dc3545}.learners-container .learners-grid .learners-card .title-wrapper{display:flex;justify-content:space-between;align-items:start}.learners-container .learners-grid .learners-card .title-wrapper .learners-title{width:70%}.learners-container .learners-grid .learners-card .title-wrapper .view-btn-container{display:flex;justify-content:end;gap:.5rem;width:25%}.learners-container .learners-grid .learners-card .title-wrapper .view-btn-container button{padding:.313rem;margin:0;height:-moz-fit-content;height:fit-content}.learners-container .learners-grid .learners-card .title-wrapper .view-btn-container button span{font-size:1.4rem;cursor:pointer}.learners-container .learners-grid .learners-card .title-wrapper .edit-button{background:rgba(40,167,69,.7882352941);color:#fff}.learners-container .learners-grid .learners-card .title-wrapper .cancel-btn{background:#17a2b8;color:#fff}.learners-container .learners-grid .learners-card p{font-size:1rem}.learners-container .add-course-select{width:100%;margin:.5rem 0 1rem;font-size:1rem;font-weight:500}.learners-container .add-course-select .select__control{outline:none}.learners-container button{background:#039be5;padding:.813rem 1.2rem;color:#fff;border:none}.learners-container button.cancel{background:#d80404}.enroll-container .overwiew-grid{margin-top:2rem;display:flex;justify-content:space-between}.enroll-container .overwiew-grid .overview-box{width:30%;padding:1rem;box-shadow:rgba(0,0,0,.16) 0 .625rem 30.375rem 0,rgba(0,0,0,.06) 0 0 0 .063rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;border-radius:.5rem}.enroll-container .overwiew-grid .overview-box .overview-number{font-size:2.8rem;font-weight:600;line-height:1}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(15.625rem, 1fr));gap:.938rem;margin-bottom:1.25rem}.courses-grid .course-card{background:#fff;border:.063rem solid #e5e5e5;border-radius:.375rem;padding:.625rem;display:flex;align-items:center;gap:.625rem}.courses-grid .course-card .course-image{width:3.75rem;height:3.75rem;-o-object-fit:cover;object-fit:cover;border-radius:.25rem}.courses-grid .course-card .course-info{flex:1}.courses-grid .course-card .course-info h3{font-size:1.1rem;color:#333;margin:0 0 .313rem}.courses-grid .course-card .course-info p{font-size:.85rem;color:#555;margin:0}.action-buttons,.form-actions,button{display:flex;gap:.5rem;justify-content:end}.form-actions{margin-bottom:1rem}.enrolled-buttons{display:flex;justify-content:end;gap:.875rem}.enroll-form input{width:100%;border:.063rem solid #e5e5e5;padding:.5rem;border-radius:.5rem;margin-bottom:1rem}.enroll-table,.enroll-form{margin-top:2rem}.unenroll-button{padding:.313rem .5rem;font-size:.9rem}.heading-wrapper{display:flex;align-items:center;justify-content:space-between}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.enroll-header{display:flex;align-items:center;gap:.5rem}.enroll-header span{color:#000;font-size:1.4rem}.enroll-header button{padding:0;background:rgba(0,0,0,0)}.enroll-header h2{margin:0}.notification-container{position:fixed;top:1.25rem;right:1.25rem;z-index:10;display:flex;flex-direction:column;gap:.625rem}.enroll-section .pagination{display:flex;align-items:center;gap:.5rem;justify-content:end;margin-top:1rem}.notification{padding:.75rem 1.25rem;border-radius:.25rem;font-size:.95rem;color:#fff;box-shadow:0 .125rem .5rem rgba(0,0,0,.15);animation:slideIn .3s ease-out,slideOut .3s ease-in 2.7s forwards;max-width:18.75rem}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}