@media(min-width:1200px){.toggle-sidebar .main,.toggle-sidebar #footer{margin-left:0}.toggle-sidebar .sidebar{left:-300px}}@media(max-width:767.98px){.profile-btn{width:53%!important}.course-card{margin-bottom:.5rem}.progresscard{width:300px!important}select.form-select.border-0.bg-transparent{border:1px solid #dee2e6!important}.sidebar{position:fixed;left:-250px;width:250px;height:100%;background:#fff;box-shadow:2px 0 5px #0003;transition:transform .3s ease,opacity .3s ease;opacity:0;visibility:hidden}.toggle-sidebar .sidebar{transform:translate(250px);opacity:1;visibility:visible}.toggle-sidebar .sidebar.hidden{transform:translate(-250px);opacity:0;visibility:hidden}}@media(min-width:768px)and (max-width:1199.98px){.sidebar{position:fixed;left:-250px;width:250px;height:100%;background:#fff;box-shadow:2px 0 5px #0003;transition:transform .3s ease,opacity .3s ease;opacity:0;visibility:hidden}.toggle-sidebar .sidebar{transform:translate(250px);opacity:1;visibility:visible}.toggle-sidebar .sidebar.hidden{transform:translate(-250px);opacity:0;visibility:hidden}.main,#footer{transition:margin-left .3s ease}.toggle-sidebar .main,.toggle-sidebar #footer{margin-left:0}}@media(max-width:1199px){.header .search-bar{position:fixed;top:50px;left:0;right:0;padding:20px;box-shadow:0 0 15px #0129701a;background:#fff;z-index:9999;transition:.3s;visibility:hidden;opacity:0}}:root{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;background:#fff;color:#444}a{color:#4154f1;text-decoration:none}a:hover{color:#717ff5;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif}h2{font-weight:600!important}h1{font-weight:700!important}.main{margin-top:70px;padding:20px 30px;transition:all .3s}@media(max-width:768px){.main{padding:0}.pagetitle{margin-bottom:10px;padding-left:10px!important;padding-top:15px!important}}.pagetitle{margin-bottom:10px}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:99999;background:#0469bc;width:40px;height:40px;border-radius:4px;transition:all .4s}.back-to-top i{font-size:24px;color:#fff;line-height:0}.back-to-top:hover{background:#6776f4;color:#fff}.dropdown-menu{border-radius:4px;padding:10px 0;animation-name:dropdown-animate;animation-duration:.2s;animation-fill-mode:both;border:0;box-shadow:0 5px 30px #523f6933}.dropdown-menu .dropdown-header,.dropdown-menu .dropdown-footer{text-align:center;font-size:15px;padding:10px 25px}.dropdown-menu .dropdown-footer a{color:#444;text-decoration:underline}.dropdown-menu .dropdown-footer a:hover{text-decoration:none}.dropdown-menu .dropdown-divider{color:#a5c5fe;margin:0}.dropdown-menu .dropdown-item{font-size:14px;padding:10px 15px;transition:.3s}.dropdown-menu .dropdown-item i{margin-right:10px;font-size:18px;line-height:0}.dropdown-menu .dropdown-item:hover{background-color:#f6f9ff}@media(min-width:768px){.dropdown-menu-arrow:before{content:"";width:13px;height:13px;background:#fff;position:absolute;top:-7px;right:20px;transform:rotate(45deg);border-top:1px solid #eaedf1;border-left:1px solid #eaedf1}}@keyframes dropdown-animate{0%{opacity:0}to{opacity:1}0%{opacity:0}}.breadcrumb{font-size:14px;font-family:Nunito,sans-serif;color:#899bbd;font-weight:600}.breadcrumb a{color:#899bbd;transition:.3s}.breadcrumb a:hover{color:#51678f}.breadcrumb .breadcrumb-item:before{color:#899bbd}.logo{line-height:1}.logo img{max-height:36px;margin-right:6px;margin-left:18px}.header{transition:all .5s;z-index:997;height:60px;box-shadow:0 2px 20px #0129701a;background-color:#fff;padding-left:20px}.header .toggle-sidebar-btn{font-size:32px;padding-left:10px;cursor:pointer;color:#84818a}.header .toggle-sidebar-btn:hover{cursor:pointer;color:#2a4b6b}.header .search-bar{min-width:360px;padding:0 20px}.header .search-form{width:100%}.header .search-form input{border:0;font-size:14px;color:#012970;border:1px solid rgba(1,41,112,.2);padding:7px 38px 7px 8px;border-radius:3px;transition:.3s;width:100%}.header .search-form input:focus,.header .search-form input:hover{outline:none;box-shadow:0 0 10px #01297026;border:1px solid rgba(1,41,112,.3)}.header .search-form button{border:0;padding:0;margin-left:-30px;background:none}.header .search-form button i{color:#012970}.header-nav ul{list-style:none}.header-nav>ul{margin:0;padding:0}.header-nav .nav-icon{font-size:22px;color:#012970;margin-right:25px;position:relative}.header-nav .nav-profile{color:#012970}.header-nav .nav-profile img{background-color:#2a4b6b;width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}.header-nav .nav-profile span{font-size:14px;font-weight:600}.header-nav .badge-number{position:absolute;inset:-7px -8px auto auto;font-weight:400;font-size:12px;padding:3px 6px}.header-nav .notifications{inset:8px -15px auto auto!important}.header-nav .notifications .notification-item{display:flex;align-items:center;padding:15px 10px;transition:.3s}.header-nav .notifications .notification-item i{margin:0 20px 0 10px;font-size:24px}.header-nav .notifications .notification-item h4{font-size:16px;font-weight:600;margin-bottom:5px}.header-nav .notifications .notification-item p{font-size:13px;margin-bottom:3px;color:#919191}.header-nav .notifications .notification-item:hover{background-color:#f6f9ff}.header-nav .profile{min-width:240px;padding-bottom:0;top:8px!important}.header-nav .profile .dropdown-header h6{font-size:18px;margin-bottom:0;font-weight:600;color:#444}.header-nav .profile .dropdown-header span{font-size:14px}.header-nav .profile .dropdown-item{font-size:14px;padding:10px 15px;transition:.3s}.header-nav .profile .dropdown-item i{margin-right:10px;font-size:18px;line-height:0}.header-nav .profile .dropdown-item:hover{background-color:#f6f9ff}.sidebar{position:fixed;top:60px;left:0;bottom:0;width:250px;z-index:996;transition:all .3s;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#aab7cf transparent;box-shadow:0 0 20px #0129701a;background-color:#fff}@media(max-width:1199px){.sidebar{left:-300px}}.sidebar::-webkit-scrollbar{width:5px;height:8px;background-color:#fff}.sidebar::-webkit-scrollbar-thumb{background-color:#aab7cf}@media(min-width:1200px){.main{margin-left:210px;padding-right:0!important}}.sidebar-nav,.sidebar-nav li{padding:0;margin:0;list-style:none}.sidebar-nav .nav-item{margin-bottom:5px}.sidebar-nav .nav-link{display:flex;align-items:center;font-size:15px;font-weight:600;color:#767a85;transition:.3;background:#f6f9ff;padding:10px 15px;border-radius:4px}.sidebar-nav .nav-link i{font-size:16px;margin-right:10px;color:#767a85}.sidebar-nav .nav-link.collapsed{color:#767a85;background:#fff}.sidebar-nav .nav-link.collapsed i{color:#767a85}.sidebar-nav .nav-link:hover{color:#0469bc;background:#f6f9ff}.sidebar-nav .nav-link:hover i{color:#0469bc}.sidebar-nav .nav-link .bi-chevron-down{margin-right:0;transition:transform .2s ease-in-out}.sidebar-nav .nav-content{padding:5px 0 0;margin:0;list-style:none}.sidebar-nav .nav-content a{display:flex;align-items:center;font-size:14px;font-weight:600;color:#767a85;transition:.3;padding:10px 0 10px 40px;transition:.3s}.sidebar-nav .nav-content a i{font-size:6px;margin-right:8px;line-height:0;border-radius:50%}.sidebar-nav .nav-content a:hover{color:#0469bc}.sidebar-nav .nav-link{background:transparent;color:#000}.bi.bi-person-circle{font-size:40px!important}h1.mb-0{font-weight:700}.col-md-3{padding-right:8px;padding-left:0}.header-nav .nav-icon{font-size:17px}.header .toggle-sidebar-btn{padding:0}.logo img{max-height:34px;margin-right:6px;margin-left:1px}@media(max-width:767.98px){.progresscard{width:300px!important}select.form-select.border-0.bg-transparent{border:1px solid #dee2e6!important}.sidebar{position:fixed;left:-250px;width:250px;height:100%;background:#fff;box-shadow:2px 0 5px #0003;transition:transform .3s ease,opacity .3s ease;opacity:0;visibility:hidden}button.btn.btn-outline-primary{font-size:10px!important}.d-flex{flex-wrap:wrap}.sort-container{flex-basis:100%;margin-top:1rem}.icons-container{margin-top:1rem}}@media(max-width:1199px){.header .search-bar{top:50px;padding:20px;box-shadow:0 0 15px #0129701a;z-index:9999;visibility:hidden;opacity:1}}.progress-container{display:flex;flex-direction:column;align-items:center}.progress-container progress{width:100%;height:6px;border-radius:5px;appearance:none}.progress-container progress::-webkit-progress-bar{background-color:#f8f9fa;border-radius:5px}.progress-container progress::-webkit-progress-value{background-color:#4169e1;border-radius:5px}.progress-container progress::-moz-progress-bar{background-color:#4169e1;border-radius:5px}.progress-text{margin-bottom:.5rem;font-weight:700}#teacher-progress-circle:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:19px;color:#2a4b6b}.progresscard{background-color:#fff;padding:19px;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;justify-content:center;position:relative;width:222px}.progresscardtext{text-align:center}.custom-select-width{width:300px}i.fas.fa-user-circle{font-size:3rem;color:#2a4b6b}.heading{border-bottom:1px solid #e8e8e8}.student-item{border-bottom:1px solid #e8e8e8;padding-bottom:10px}.course-card img{max-width:100%;height:auto;border-radius:5px}.course-card h3{font-size:1.2rem;margin-top:10px}.course-card p{margin:5px 0}.course-card{border:1px solid #ddd;padding:10px;border-radius:5px;background-color:#fff;text-align:left}.course-item{position:relative;padding-bottom:15px;margin-bottom:15px;box-shadow:none;padding:1rem;background-color:#fff;border-radius:5px}.course-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:98%;border-bottom:1px solid #e8e8e8}.detail{border-bottom:1px solid #e8e8e8}.notEligible{font-size:9px;margin-left:.5rem;color:red;font-weight:600;position:relative;top:.2rem}.Eligible{font-size:12px;margin-left:.5rem;color:green;font-weight:600;position:relative;top:.2rem}.coursename{width:100%;height:46px}.enroll-btn{color:#fff;padding:4px 20px;border-radius:5px;text-align:center;display:block;margin-top:20px;cursor:pointer;border:none;font-size:16px;width:100%;margin-left:0;display:inline-block;margin-top:10px!important}.course-card{position:relative}.price-wrapper{position:relative;text-align:right}.original-price{margin:0;color:#6c757d;text-decoration:line-through;font-size:10px;position:absolute;right:0;top:0}.new-price{margin:0;padding-top:1rem}p.mb-0.new-price{margin-top:-7px}.avatar{width:48px;height:48px;border-radius:50%}.avatar.blue{background-color:#4169e1}.avatar.green{background-color:#0aa630}.avatar.red{background-color:red}.avatar.yellow{background-color:#ffa043}.content-wrapper{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 0 10px #0000001a}.course-item.row.align-items-center{font-size:12px}button.btn.btn-outline-primary{padding:8px}.sort-container .form-select{background-color:#fff!important}@media(max-width:767.98px){.course-item{font-size:10px!important;margin:1px 2px;padding:0 7px}.col-4.col-md-2{padding-left:17px}button.btn.btn-outline-primary{font-size:10px!important}a#all-courses-tab,a#on-progress-tab,a#completed-tab{padding:.2rem}ul#myCoursesTab{font-size:.6rem}t .course-card{margin-bottom:.5rem}.course-item .avatar{width:25px;height:25px}.course-item p,.course-item span{margin-bottom:.5rem}.course-item .col-2,.course-item .col-10,.course-item .col-4,.course-item .col-md-1,.course-item .col-md-2{padding:.5rem}.timer{display:none}.d-flex{flex-wrap:wrap}.sort-container{flex-basis:100%;margin-top:1rem}.icons-container{margin-top:1rem}#teacher-progress-circle:before{font-size:14px!important}}.course-item{padding:1rem;background-color:#fff;border-radius:5px}.nav-tabs .nav-link{border:none;background-color:transparent;color:#000}.nav-tabs .nav-link.active{background-color:transparent;border:none;color:#000;font-weight:700}.container.text-center.my-3{padding:0}.white{background-color:#fff!important}.paymentmethodpic{height:50px}.form-check{border:1px solid #dddfec;border-radius:8px;padding:15px;margin-bottom:20px}.form-check:hover{border-color:#007bff}.form-check-label{margin-bottom:0;font-weight:700;color:#000}.form-check .text-muted{margin-top:5px}.pay-btn{background:linear-gradient(180deg,#0469bc,#193e64);color:#fff;padding:10px 20px;border-radius:5px;text-align:center;display:block;margin-top:20px;cursor:pointer;border:none;font-size:16px;width:100%;margin-left:0}.card{box-shadow:none}.form-check-input[type=radio]{margin-left:.1rem}label.form-check-label.fw-bold{margin-left:.5rem}.paymentMethod,.billingAddressForm{border:1px solid #dddfec;border-radius:.7rem}.billingAddressForm{padding:15px 16px}.form-check .form-check-input{margin-left:-.5em}.paymentMethod{padding:25px 16px}.card-body{border-top:1px solid #ddd;padding-top:15px;font-size:14px}.card-header{background-color:transparent}h5.mb-0{color:#042763;font-size:16px}.form-check{border:1px solid #dddfec;border-radius:8px;padding:15px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.staric{color:red}.Student-label{font-weight:600;color:#042763}.Student-input{padding:.7rem .85rem}.profile-btn{background:linear-gradient(180deg,#0469bc,#193e64);color:#fff;padding:10px 20px;border-radius:5px;text-align:center;display:block;margin-top:20px;cursor:pointer;border:none;font-size:16px;width:30%;margin-left:0}ul#circlecomponents-nav i{font-size:18px}ul#components-nav a{text-decoration:none}.sidebar-nav .nav-item .profile{background:#f6f6f6;margin-bottom:5px}a.text-primary{text-decoration:none;color:#2a4b6b!important}.custom-bg-danger{background-color:#fee3db;color:#cb0000;display:flex;align-items:center;justify-content:center;font-size:12px}.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semi-bold{font-weight:600}.font-medium{font-weight:500}.font-24{font-size:24px;line-height:31px}.font-20{font-size:20px;line-height:31px}.font-18{font-size:18px;line-height:19px}.font-17{font-size:17px}.font-16{font-size:16px}.font-15{font-size:15px;line-height:23px}.font-14{font-size:14px}.font-13{font-size:13px;line-height:18px}.font-12{font-size:12px;line-height:13px}.font-11{font-size:11px;line-height:12px}.off-div{padding:7px;border-radius:5px}.progress-circle{width:var(--size, 80px);height:var(--size, 80px);border-radius:50%;background:radial-gradient(closest-side,#fff 80%,transparent 80% 100%),conic-gradient(#007bff calc(var(--progress) * 1%),#e9ecef 0);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#007bff;position:relative}.progress-circle span{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}@media(min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:100%!important}}.lesson-lecture-a{text-decoration:none;color:#000;cursor:pointer}.lesson-lecture-a:hover{transform:scale(1.05);color:#1c9659}.lesson-lecture-done{position:relative;text-decoration:none;color:green;cursor:pointer;display:inline-block}.hover-content{display:none}.lesson-lecture-done:hover .hover-content{display:block}.lesson-lecture-done:hover .normal-text{display:none}.lesson-lecture-done:hover .normal-text{color:#ffa404}.current-lesson{background-color:#2a4b6b;color:#fff}.current-lesson i,.current-lesson .lecture-title,.current-lesson .normal-text,.current-lesson .hover-content{color:#fff!important}.add-more-student{text-decoration:none;cursor:pointer}.parent-student-list{object-fit:cover;background-color:#2a4b6b;padding:10px 10px 0;width:150px;height:150px;border-radius:10px}.cookie-consent{position:fixed;bottom:5px;left:12px;width:296px;padding-top:7px;min-height:140px;color:#000!important;line-height:26px;padding-left:23px;padding-right:33px;font-size:16px;background:#f4f4f4;z-index:9999;cursor:pointer;border-radius:3px;border:1px solid #e9e9e9;display:flex;flex-direction:column;justify-content:center}.main-cookie-content .primary-btn{display:inline-block;padding:.3rem 1.1rem;color:var(--white-color);background-color:var(--theme-color);-webkit-transition:all .3s linear;transition:all .3s linear;border:none;border-radius:5px;margin-top:10px}.front-close-btn.btn-close{top:3px;right:3px;font-size:10px;padding:6px}.progress-circle{display:flex;justify-content:center;align-items:center}svg{width:100px;height:100px}.progress-text{position:absolute;font-size:16px;font-weight:700;color:#333}li.breadcrumb-item a{text-decoration:none}.student-card{background-color:#f8f9fa;border:1px solid #ddd;border-radius:10px;overflow:hidden;width:250px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease-in-out}.student-card:hover{box-shadow:0 8px 16px #0003}.student-card-body{display:flex;align-items:center;padding:15px}.student-card-image{flex-shrink:0;margin-right:15px}.student-img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #2a4b6b}.student-card-info{flex-grow:1}.student-name{margin:0;font-size:18px;color:#2a4b6b}.student-class,.student-section,.student-id{margin:5px 0;font-size:14px;color:#555}.student-card-footer{background-color:#2a4b6b;text-align:center;padding:10px}.student-card-footer .btn{color:#fff;font-size:14px;text-decoration:none;padding:5px 15px;border-radius:5px;background-color:#ffa404;border:none;transition:background-color .3s ease-in-out}.student-card-footer .btn:hover{background-color:#ff9204}.student-divs{height:345px}@media(min-width:992px){.student-divs,.student-divs .card{height:380px!important}}@media(min-width:768px){.student-divs,.student-divs .card{height:415px!important}}@media(min-width:380px){.student-divs,.student-divs .card{height:350px!important}}@media(max-width:767px){.student-divs,.student-divs .card{height:380px!important}.student-divs .card-img-top{height:100px!important;width:33%!important}.student-divs .card-img-top-plus{height:70px!important;width:46%!important}}@media(min-width:1440px){.student-divs,.student-divs .card{height:370px!important}}@media(min-width:2560px){.student-divs,.student-divs .card{height:515px!important}}@media(min-width:1200px){.student-divs,.student-divs .card{height:380px!important}}.student-divs .card-img-top,.student-divs .card-img-top-plus{width:40%;height:130px;border-radius:50%;margin:5px auto;box-shadow:0 0 10px #0003;background-color:#2a4b6b}.student-divs .card{padding:1.5em .5em .5em;text-align:center;border-radius:2em;box-shadow:0 5px 10px #0003;height:345px}.student-divs .card-title{font-weight:700;font-size:1.5em}.student-divs .btn-primary{border-radius:2em;padding:.5em 1.5em}.student-divs:hover .card{transform:scale(1.05);box-shadow:0 15px 30px #4a4848f0}.sidebar-profile{width:10%;background-color:#2a4b6b;padding:4px;margin-right:5px;border-radius:50%}@media only screen and (max-width:767px){.course-details-breadcrumbs .breadcrumb-item.active{display:none!important}.pagetitle.course-details-breadcrumbs h1{font-size:1rem!important}.container.rating{margin-top:0!important}.progress-circle.align-items-center.ms-5{margin:0!important}.lesson-lecture-done strong{font-size:.7rem!important;font-weight:500!important}.play-list-item{margin:0rem!important}.review-container .container.mt-5,.review-container .col-12.col-md-3.label-text{margin:0!important;padding:0!important}.card.review-card-container.p-4{border:none!important;box-shadow:none}.card.similar-courses-container-card,.d-flex.contentrating.text-warning{padding:0!important}.similar-course-thumbnail-img{width:100%!important}.mb-mt-1{margin-top:.25rem!important}.mb-mt-2{margin-top:.5rem!important}.mb-mt-3{margin-top:1rem!important}.mb-mt-4{margin-top:1.5rem!important}.mb-mt-5{margin-top:3rem!important}.play-list-item.watchFinishedCourse.d-flex.align-items-center.justify-content-between.font-15.mb-3.mt-3.p-2{margin:0!important}.row.w-100{width:auto!important}.available-courses a{margin:0!important}.available-courses h4{font-size:1rem!important}.available-courses{display:flex;flex-direction:row;justify-content:space-between}.available-courses-list .col-md-4.col-lg-4.col-sm-12.mb-3{margin:0!important;padding:0!important}.coursename.text-center.px-2.course-list{text-align:left!important;padding:0!important}}.badge{display:inline-block;padding:5px 10px;font-size:14px;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px}.badge-success{background-color:#28a745;color:#fff}.badge-warning{background-color:#ffc107;color:#212529}.initials-avatar{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;color:#fff;font-weight:700;text-transform:uppercase}.input__group{position:relative}.password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;z-index:2;padding:5px;height:100%;display:flex;align-items:center;justify-content:center}.input__group input{padding-right:45px;box-sizing:border-box;height:auto}@media(max-width:576px){.password-toggle{right:5px}.input__group input{padding-right:40px}}.field-icon{float:right;margin-left:-23px;margin-top:-25px;position:relative;z-index:2}@media screen and (min-width:768px)and (max-width:1024px){p.mb-0.fw-bold{padding-left:10px}img.timer{width:20px;margin:0!important}span.duration{font-size:.5rem}.progress-circle span{font-size:10px}.go-to-course-btn{padding:0!important;font-size:12px!important}.course-title{font-size:9px!important}.course-feature-image{display:flex;justify-content:center;align-items:center}.course-table-image img{width:48px;height:48px;border-radius:15%;object-fit:cover}.progress-circle-container{display:flex;justify-content:flex-end}}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.sidebar{background-color:#2a4b6b;border-radius:0rem 1.5rem 1.5rem 0rem}.sidebar,.sidebar a,.sidebar i,.sidebar .nav-link-text{color:#fff!important}.sidebar .nav-link:hover,.sidebar .nav-link.active_bar{color:#fff!important;background-color:#ffffff1a}.nav-link.router-link-exact-active,.nav-link.router-link-active{background-color:#ffffff1a!important;color:#fff!important}@media(min-width:768px)and (max-width:1024px){.sidebar{position:fixed;top:60px;left:-250px;width:250px;height:100%;transition:left .3s ease}.sidebar.show{left:0}}@media(max-width:1024px){.sidebar{transition:.3s}}.badge-number{position:absolute;top:-9px;right:-10px;font-size:.8rem;padding:.3rem .5rem;background-color:#ff5a5f;color:#fff;border-radius:50%}.toggle-sidebar-icon{font-size:1rem;background-color:#fff;color:#2a4b6b;border-radius:31%}@media(max-width:768px){.sidebar{position:absolute;left:-250px;transition:.3s}.sidebar.show{left:0}.sidebar-nav{flex-direction:column}.sidebar .nav-link{padding-left:20px}}.custom-card{border-radius:15px;background:#fff;overflow:hidden;border:none;position:relative}.profile-header{background-color:#2a4b6b;height:90px;position:relative}.profile-img-wrapper{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background-color:#fff;border-radius:50%;width:100px;height:100px;padding:4px;box-shadow:0 2px 8px #0000001a;z-index:2}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.card-body{padding-top:60px}.progress-circle-all{position:relative;width:45px;height:45px;margin-bottom:2px}.circular-chart{width:100%;height:100%}.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;stroke:#00bfa5;animation:progress-animation 1s ease-out forwards}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;margin:0}@media(max-width:576px){.profile-header{height:50px}.profile-img-wrapper{width:60px;height:60px;bottom:-30px}.card-body{padding-top:45px}.stat-block{width:100%;margin-bottom:10px}.child-div{margin-top:1rem!important;margin-bottom:1.5rem!important}}@media(max-width:768px){.progress-circle-all{width:40px;height:40px;margin:0 auto 10px}.progress-percentage{font-size:.65rem}.child-div{padding-left:.75rem!important;padding-right:.75rem!important;margin-bottom:1.5rem!important}.custom-card{margin-top:1rem;margin-bottom:1rem}.stat-block{width:100%;margin-bottom:1rem;text-align:center}}.blur{filter:blur(5px);pointer-events:none}.congrats-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px}.popup-content{background:#2a4b6b;padding:40px 30px;border-radius:20px;text-align:center;color:#fff;box-shadow:0 4px 20px #00000040;animation:popUpFadeIn .3s ease-in-out;width:100%;max-width:320px}.icon-circle{width:100px;height:100px;background:#ddd;border-radius:50%;margin:0 auto 20px;display:flex;justify-content:center;align-items:center}.icon-circle i{color:#fbc02d;font-size:70px}.popup-content h3{margin-bottom:10px;font-size:20px;font-weight:700;color:#fff}.popup-content p{font-size:14px;margin:0;color:#fff}.d-none{display:none!important}@keyframes popUpFadeIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.popup-content{padding:30px 20px}.icon-circle{width:80px;height:80px}.icon-circle i{font-size:45px}.popup-content h3{font-size:18px}.popup-content p{font-size:13px}}#certificateSection.blur-active{filter:blur(5px);transition:filter .3s ease-in-out}.achievement-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem}.achievement-popup-content{background:#2a4b6b;padding:2rem;border-radius:1rem;text-align:center;color:#fff;box-shadow:0 4px 20px #00000040;animation:achievementFadeIn .3s ease-in-out;max-width:340px;width:100%}.achievement-popup-wrapper{width:100%;max-width:400px;background:none}@keyframes achievementFadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.custom-floating-date{position:relative}.custom-floating-date .form-control{border-radius:12px;padding-right:2.5rem;font-weight:500;font-size:1rem;border:1px solid #d1d5db;transition:border-color .3s ease}.custom-floating-date .form-control:focus{border-color:#a1c9f1;box-shadow:0 0 0 .1rem #007bff40}.custom-floating-date .form-floating label{left:.75rem;padding:0 .3rem;color:#6c757d;font-size:.8rem}.custom-floating-date .date-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:#000!important;pointer-events:none}.custom-floating-input textarea{width:100%;padding:1.3rem .75rem .5rem;border:1px solid #ccc;border-radius:.6rem;background:transparent;font-size:1rem;font-weight:500;outline:none;resize:vertical;min-height:100px;transition:border-color .3s ease}.custom-floating-input textarea:focus{border-color:#ddd;box-shadow:none}.custom-floating-input textarea:placeholder-shown+label{top:50%;transform:translateY(-50%);font-size:.8rem;left:.85rem}.custom-floating-input textarea:focus+label,.custom-floating-input textarea:not(:placeholder-shown)+label{top:.4rem;left:.7rem;font-size:.7rem;color:#000}.custom-floating-input .iti{width:100%}.custom-floating-input .iti__flag-container{position:absolute;top:50%;left:10px;transform:translateY(-50%);z-index:5}.custom-floating-input label{position:absolute;top:50%;left:3.5rem;transform:translateY(-50%);font-size:.8rem;color:#000;background:#fff;padding:0 4px;transition:.2s ease all;pointer-events:none;z-index:2}.custom-floating-input input:focus+label,.custom-floating-input input:not(:placeholder-shown)+label{top:.4rem;font-size:.7rem;left:1.2rem}.custom-floating-input input:focus{border-color:#ddd;box-shadow:none}@media(max-width:576px){.custom-floating-input .iti input{padding-left:3.3rem!important}}.rounded-circle{border-radius:50%!important}img.shadow-sm{box-shadow:0 2px 5px #0000001a}.custom-modal-content{border-radius:15px;padding:25px 30px;box-shadow:0 10px 30px #0000001a}.custom-modal-header{border-bottom:none;padding-bottom:0}.custom-modal-footer{border-top:none;padding-top:0}.custom-file-style{background-color:#f8f9fa!important;color:#000!important}.custom-file-style::file-selector-button{background-color:#2a4b6b!important;color:#fff!important;border:none!important;padding:.45rem 1rem!important;margin-right:1rem!important;border-radius:.45rem 0 0 .45rem!important;font-weight:500!important;cursor:pointer!important;transition:background-color .3s ease!important}:root{--primary: #193e64 !important;--primary-gradient: linear-gradient(180deg, #26455f 0%, #233b53 100%) !important}.text-primary{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important;color:#fff!important}.bg-primary-gradient{background:var(--primary-gradient)!important;color:#fff!important}