@font-face{font-family:Dosis;src:url(Dosis-VariableFont_wght.ttf)}:root{--color-primary: #0070BB;--color-secondary: #91F5AD;--color-text: #1A1A1A}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Dosis}.flex{display:flex;align-items:center}.pointer{cursor:pointer}.hidden{display:none}.gap-10{gap:10px}header{width:100%;padding:15px 30px;height:15vh;position:relative}header .logo{width:200px;cursor:pointer}header .logo img{object-fit:cover;width:100%;height:100%}header nav{margin:0 auto;gap:50px;font-size:24px;font-weight:600;color:var(--color-text)}header nav a{cursor:pointer;transition:.25s all}header nav a:hover{color:var(--color-primary)}header .login-btn{background-color:var(--color-primary);color:#fff;border-radius:15px;font-size:24px;padding:10px 20px;font-weight:600;cursor:pointer}header .darkmode-btn{width:35px;margin:0 15px 0 0;cursor:pointer}header .darkmode-btn img{object-fit:cover;height:100%;width:100%}header:after{content:"";position:absolute;height:1px;width:100%;left:0;top:102%;background:#0000004d}.hero{display:grid;grid-template-columns:repeat(2,1fr);min-height:50vh;padding:50px;margin:25px 0}.hero .hero-right{padding:5%;gap:10px;align-items:unset;justify-content:center;flex-direction:column;height:100%}.hero .hero-right .hero-title-badge{background-color:var(--color-secondary);padding:5px 10px;color:var(--color-text);border-radius:100px;font-weight:650;width:fit-content}.hero .hero-right .hero-title{font-size:96px;font-weight:700;width:fit-content;line-height:1}.hero .hero-right .hero-title span{color:var(--color-primary)}.hero .hero-right .hero-subtitle{color:#505050;font-weight:650;font-size:24px}.hero .hero-right .btn-cta{padding:15px;font-size:25px;color:#fff;font-weight:650;background-color:var(--color-primary);width:fit-content;border-radius:15px;cursor:pointer;margin:15px 0}.courses-preview{flex-direction:column;align-items:unset;padding:50px 100px;background-color:#fcfcfc}.courses-preview .courses-preview-gallery{padding:25px 0;gap:25px;justify-content:space-evenly}.courses-preview .courses-preview-title{font-size:36px;font-weight:700}.courses-preview .courses-preview-subtitle{font-size:18px;font-weight:500;color:#505050}.course-card{width:400px;height:400px;border:1px solid #d1d1d1;border-radius:15px;cursor:pointer;transition:.3s}.course-card .course-info{padding:15px}.course-card .course-card-img-wrapper{width:100%;height:200px;border-radius:15px 15px 0 0;position:relative;overflow:hidden}.course-card .course-card-img-wrapper .course-featured-tag{position:absolute;top:10px;left:10px;background-color:var(--color-secondary);padding:5px 10px;border-radius:100px;font-weight:600;z-index:100}.course-card .course-tag{border-radius:100px;background:#e8e8e8;padding:5px 10px;font-weight:600}.course-card .course-title{font-size:18px;font-weight:650;margin:15px 0}.course-card .course-additional-info{margin:15px 0;justify-content:space-between;color:#505050;position:relative}.course-card .course-additional-info:after{position:absolute;content:"";background-color:#505050;opacity:.3;height:1px;width:96%;left:2%;top:-5px}.course-card img{object-fit:cover;width:100%;height:100%;border-radius:10px 10px 0 0;transition:.3s all}.course-card:hover{transform:translateY(-5px);box-shadow:0 1px 5px 1px #0003}.course-card:hover img{transform:scale(1.1)}.featured-course{border:3px var(--color-secondary) solid}.cta-bottom{color:#fff;flex-direction:column;justify-content:center}.cta-bottom .wave-graphic{width:100%}.cta-bottom .cta-bottom-content{background-color:var(--color-primary);flex-direction:column;justify-content:center;padding:50px;width:100%}.cta-bottom .cta-bottom-title{font-weight:700;font-size:72px}.cta-bottom .cta-bottom-subtitle{font-weight:450;font-size:36px;margin:5px 0}.cta-bottom .cta-bottom-btn{font-size:36px;color:#000;background:var(--color-secondary);padding:15px 30px;border-radius:20px;font-weight:650;margin:25px 0;cursor:pointer}footer{padding:50px 100px 25px}footer .footer-upper{justify-content:space-between;display:flex}footer .footer-stamp{flex-direction:column;gap:15px;color:#505050;padding:5px}footer img{width:150px}footer .footer-nav-title{font-weight:700;font-size:36px;margin:10px 0}footer nav{display:flex;justify-content:center;flex-direction:column;gap:5px;height:max-content;font-size:18px;padding:5px}footer .footer-bottom-info{display:flex;justify-content:space-between;color:#505050;margin:50px 0 0;font-size:14px}.courses-hero{background:#fcfcfc;padding:50px}.courses-hero .courses-hero-title{font-size:48px;font-weight:700}.courses-hero .courses-hero-subtitle{font-size:24px;font-weight:500;color:#505050}.filters{padding:15px 50px;position:relative}.filters .tags-filter{gap:15px;margin:0 0 0 auto;font-weight:650}.filters .tags-filter div{padding:10px 15px;border-radius:10px;background-color:#f2f5f7;cursor:pointer}.filters .tags-filter .active-tag{background-color:var(--color-primary);color:#fff}.filters:after{position:absolute;top:0;content:"";left:0;width:100%;height:1px;background-color:#e8e8e8}.filters:before{position:absolute;bottom:0;content:"";left:0;width:100%;height:1px;background-color:#e8e8e8}.courses{padding:50px}.courses .courses-grid{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(3,450px);grid-template-rows:repeat(3,450px)}.courses .courses-pages{justify-content:center;padding:15px 0;gap:25px}.courses .courses-pages .course-page{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;width:40px;height:40px;font-weight:600;border-radius:10px}.courses .courses-pages .current-page{background-color:var(--color-primary);color:#fff}.login-container{width:33vw;margin:100px 33vw}.login-container .login-logo{width:200px;margin:30px 0}.login-container .login-logo img{object-fit:cover;width:100%}.login-container .login-title{font-size:36px;font-weight:750;margin:15px 0 5px}.login-container .login-subtitle{font-size:16px;font-weight:500;margin:0 0 15px;color:#505050}.login-container form{display:flex;flex-direction:column;justify-content:center;gap:25px}.login-container form label{display:flex;flex-direction:column;width:100%;font-weight:600;margin:10px 0;gap:5px}.login-container form label input{border:1px #e8e8e8 solid;padding:10px 15px;width:100%;border-radius:10px;outline:1px solid transparent;transition:.15s all;font-size:16px;color:#000}.login-container form .login-btn{background:linear-gradient(90deg,var(--color-primary),#0257A5);color:#fff;font-weight:650;font-size:18px;padding:15px 50px;border:0;border-radius:10px;margin:10px 0;box-shadow:1px 1px 5px #0257a5;cursor:pointer}.login-container .login-register{display:flex;align-items:center;justify-content:center;gap:5px;margin:10px 0;font-weight:500}.login-container .login-register span{color:var(--color-primary);cursor:pointer}a{text-decoration:none;color:inherit}.searchbar-wrapper{width:30%;position:relative}.searchbar-wrapper:after{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;background-image:url(/assets/loupe-Bgc38qcv.png);background-size:contain;background-repeat:no-repeat;opacity:.5}.searchbar{border:1px #e8e8e8 solid;padding:10px 15px 10px 35px;width:100%;border-radius:10px;outline:1px solid transparent;transition:.15s all;font-size:16px}.searchbar:focus{outline:1px solid var(--color-primary)}.dashboard-main{display:grid;grid-template-columns:1fr 4fr}.sidebar{height:100vh;padding:25px 50px;display:flex;position:relative;flex-direction:column;border-right:.5px #e8e8e8 solid}.sidebar .sidebar-logo{position:relative;width:100%;padding:15px 0;display:flex;align-items:center;justify-content:center}.sidebar .sidebar-logo:after{position:absolute;content:"";top:105%;width:175%;left:-50%;height:.5px;background-color:#e8e8e8}.sidebar .sidebar-logo img{width:175px;object-fit:cover}.sidebar menu{padding:25px 0}.sidebar menu div{background-color:#0070bb;color:#fff;padding:10px 25px;font-size:18px;border-radius:10px;width:100%;font-weight:650;cursor:pointer;display:flex;align-items:center;gap:10px}.sidebar menu .log-out{background-color:#fff;color:#000;position:absolute;left:0;bottom:0;padding:15px;display:flex;align-items:center;justify-content:center;color:#505050}.sidebar menu .log-out:before{content:"";position:absolute;top:0;width:100%;left:0;height:.5px;background-color:#e8e8e8}.dashboard{height:100vh;background-color:#fcfcfc}.dashboard .dashboard-header{padding:24px 30px;border-bottom:1px solid #e8e8e8;background-color:#fff;position:relative}.dashboard .dashboard-header .dashboard-heading{font-size:36px;font-weight:650}.dashboard .dashboard-header .dashboard-subtitle{font-size:16px;font-weight:500;color:#505050}.dashboard .dashboard-header .new-course{position:absolute;right:50px;top:50%;gap:10px;transform:translateY(-50%);background:linear-gradient(90deg,var(--color-primary),#0257A5);color:#fff;font-weight:650;font-size:18px;padding:10px 30px;border:0;border-radius:10px;margin:10px 0;cursor:pointer}.dashboard .dashboard-courses{margin:25px;padding:0 25px;background-color:#fff;border:1px solid #e8e8e8;border-radius:15px;overflow-y:scroll;height:80vh}.dashboard .dashboard-courses .dashboard-courses-navbar{font-weight:600;font-size:24px;position:sticky;left:0;top:0;padding:25px;background-color:#fff;z-index:250}.dashboard .dashboard-courses .dashboard-courses-navbar:after{content:"";position:absolute;bottom:0;width:calc(100% + 50px);left:-25px;height:.5px;background-color:#e8e8e8}.dashboard .dashboard-courses .dashboard-courses-navbar .searchbar-wrapper{width:25%;position:relative;margin:0 0 0 auto}.dashboard .dashboard-courses .dashboard-courses-navbar .searchbar{padding:10px 30px}.dashboard .dashboard-courses .dashboard-courses-columns{font-weight:600;color:#505050;display:grid;grid-template-columns:8fr 4fr 3fr 1fr;padding:15px 25px}.dashboard .dashboard-courses .dashboard-courses-course{position:relative;display:grid;grid-template-columns:8fr 4fr 3fr 1fr;padding:10px 25px;align-items:center}.dashboard .dashboard-courses .dashboard-courses-course .dashboard-img-wrapper{width:125px;height:80px;cursor:pointer}.dashboard .dashboard-courses .dashboard-courses-course img{width:100%;height:100%;object-fit:cover;border-radius:20px}.dashboard .dashboard-courses .dashboard-courses-course .dashboard-courses-course-title{font-weight:600;font-size:18px}.dashboard .dashboard-courses .dashboard-courses-course .dashboard-courses-course-category{color:#505050;font-weight:500;font-size:18px}.dashboard .dashboard-courses .dashboard-courses-course .dashboard-courses-course-status{padding:5px 10px;border-radius:100px;width:fit-content;font-weight:650}.dashboard .dashboard-courses .dashboard-courses-course .dashboard-courses-course-action{cursor:pointer}.dashboard .dashboard-courses .dashboard-courses-course .published{background-color:#91f5ad}.dashboard .dashboard-courses .dashboard-courses-course .draft{background-color:#e8e8e8}.dashboard .dashboard-courses .dashboard-courses-course:after{content:"";position:absolute;bottom:0;width:calc(100% + 50px);left:-25px;height:.5px;background-color:#e8e8e8}.dashboard .dashboard-courses .dashboard-courses-course:before{content:"";position:absolute;top:0;width:calc(100% + 50px);left:-25px;height:.5px;background-color:#e8e8e8}.manage-course{background:#fcfcfc;padding:25px 75px;height:100vh}.manage-course .back{position:absolute;display:flex;align-items:center;justify-content:center;left:-40px;top:5px;padding:5px;border-radius:5px;cursor:pointer}.manage-course .back:hover{background-color:#f2f5f7}.manage-course .manage-course-header{position:relative}.manage-course .manage-course-header .manage-course-heading{margin:0 0 0 25px;flex-direction:column;align-items:start;gap:5px}.manage-course .manage-course-header .manage-course-heading .manage-course-title{font-weight:650;font-size:24px}.manage-course .manage-course-header .manage-course-heading .manage-course-subheading{font-weight:500;color:#505050}.manage-course .edit-course{color:#fff;font-weight:600;background-color:var(--color-primary);margin:0 0 0 auto;padding:10px 15px;border-radius:10px;transition:.15s all;font-size:18px;gap:5px;cursor:pointer}.manage-course .manage-course-card{margin:25px 0;background:#fff;border:1px solid #e8e8e8;padding:15px;border-radius:10px}.manage-course .manage-course-card img{width:150px;border-radius:10px;filter:brightness(75%);cursor:pointer}.manage-course .manage-course-card .manage-course-card-img-wrapper{position:relative}.manage-course .manage-course-card .manage-course-card-img-wrapper:after{content:"";position:absolute;inset:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABpElEQVR4AeyUsUoDQRRFZzSI2PoPdv6BFqZSFBvFxk6s/AgxX2EjClZiSKGgYKMWNjYW2vkXQhARcT13N25mdxx3N2xSJdw7b/bNm3d2hyETZsS/MbD2Ax/oSKMoauAWnqn6RpWBQCaBdPA+vuF5mlhalYA0F+yM7utYWmC4Il8aWhpIU9UKtgnEVZMHQaeIhVKTwqIe7JTCPIxULEEvqCuEFgJpohrBtuPWxjwRr7H0yHCLpWUGQRvEoNQsuAjMspiH6Wu65KVPhlXsQjvsC0KDQDYJdkQz98ua1to3cqmstR88uFBdKEF1wVjKKgikbAvvYEnH6ML0MsrHdqB3ccIYQfd680z4D3hO5TF+wS6Mx1QpuAddY+UBX+JD7CkIpEFE9S5eZJ45RnJaI5hvDb+m7p35Ct5g/kX0FASqkk0RzsPiJQ3Y2099F/8Jo954G5QcpsfA0Om2WWhh3WJCeQ10pFyKNj7AJ+VRSaUH5B9mDs/X6QSVjB4wSZtnYl2epVeqEDAtqHsSAi4Bqsu06ssDchFe8X2d7uOM8YDu4jDmIwf+AAAA///z4m8nAAAABklEQVQDANqozjkinEyDAAAAAElFTkSuQmCC) center / contain no-repeat;z-index:10;pointer-events:none;background-size:30px}.manage-course .manage-course-card .manage-course-card-details{flex-direction:column;gap:5px;width:100%;align-items:start;margin:0 15px}.manage-course .manage-course-card .manage-course-card-details label{display:flex;flex-direction:column;width:100%}.manage-course .manage-course-card .manage-course-card-details input,.manage-course .manage-course-card .manage-course-card-details .category{padding:10px 25px 10px 10px;border:1px solid #e8e8e8;border-radius:10px;outline:0;width:100%;font-size:18px;margin:5px 0}.manage-course .manage-course-card .manage-course-card-details .manage-course-top-row{display:grid;grid-template-columns:5fr 1fr;width:100%;gap:5%}.manage-course .manage-course-card .manage-course-card-details .category-wrapper{position:relative;width:100%;-webkit-user-select:none;user-select:none}.manage-course .manage-course-card .manage-course-card-details .category-select{padding:10px 25px 10px 10px;border:1px solid #e8e8e8;border-radius:10px;font-size:18px;font-weight:550;background:#fff;justify-content:space-between;align-items:center;transition:.15s all}.manage-course .manage-course-card .manage-course-card-details .category-select.open svg{transform:rotate(180deg)}.manage-course .manage-course-card .manage-course-card-details .category-select svg{transition:.2s}.manage-course .manage-course-card .manage-course-card-details .category-dropdown{position:absolute;top:110%;left:0;width:100%;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:5px;display:flex;flex-direction:column;gap:5px;z-index:100;box-shadow:0 4px 10px #00000014}.manage-course .manage-course-card .manage-course-card-details .category-dropdown div{padding:8px 10px;border-radius:8px;cursor:pointer;transition:.15s}.manage-course .manage-course-card .manage-course-card-details .category-dropdown div:hover{background:#f2f5f7}.manage-course .manage-course-card .manage-course-card-details .active-category{background-color:var(--color-secondary);font-weight:600}.manage-course .manage-course-utils-menu{background:#f2f5f7;padding:5px;border-radius:10px;gap:5px;width:fit-content}.manage-course .manage-course-utils-menu div{padding:5px 15px;border-radius:10px;color:#505050;font-weight:550;cursor:pointer}.manage-course .manage-course-utils-menu .active-util{background:#fff;font-weight:600;color:#1a1a1a}.manage-course .manage-courses-utils{margin:25px 0}.manage-course .manage-courses-utils .util-header{font-size:22px;gap:5px;font-weight:600}.manage-course .manage-courses-utils .util-header .util-action{margin:0 0 0 auto;border:1px #e8e8e8 solid;padding:10px 15px;border-radius:10px;transition:.15s all;font-size:18px;gap:5px;cursor:pointer;background:#fff}.manage-course .manage-courses-utils .util-content{margin:15px 0;border:1px #e8e8e8 solid;padding:10px 15px;border-radius:10px;background:#fff;min-height:35vh}.manage-course .manage-courses-utils .util-content-empty{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;color:#505050}.explore-courses{margin:0 0 0 auto;font-weight:600;font-size:24px;color:#505050}.popup-wrapper{position:fixed;width:100%;height:100%;-webkit-backdrop-filter:brightness(50%);backdrop-filter:brightness(50%);z-index:100}.new-material-popup{position:relative;top:50%;left:50%;transform:translate(-50%) translateY(-50%);background-color:#fff;width:70%;height:50%;min-height:fit-content;z-index:120;background:#fcfcfc;border:1px solid #e8e8e8;padding:25px;border-radius:10px}.new-material-popup .material-info{margin:10px 0}.new-material-popup ::file-selector-button{background-color:#0070bb;color:#fff;padding:10px;border-radius:5px;font-weight:650;cursor:pointer;border:0;margin:10px 0;display:flex}.new-material-popup label{display:flex;flex-direction:column}.new-material-popup label input{border:1px #e8e8e8 solid;padding:10px 15px;width:100%;border-radius:10px;outline:1px solid transparent;transition:.15s all;font-size:16px}.new-material-popup .cancel{border:5px #efefef;color:#1a1a1a;padding:10px;border-radius:5px;font-weight:650;cursor:pointer;margin:10px 0;display:flex;position:absolute;bottom:15px;right:150px;gap:0px}.new-material-popup .add-material{background-color:#0070bb;color:#fff;padding:10px;border-radius:5px;font-weight:650;cursor:pointer;border:0;margin:10px 0;display:flex;position:absolute;bottom:15px;right:15px;gap:10px}.utils-menu{background:#f2f5f7;padding:5px;border-radius:10px;gap:5px;width:fit-content}.utils-menu div{padding:5px 15px;border-radius:10px;color:#505050;font-weight:550;cursor:pointer}.utils-menu .active-util{background:#fff;font-weight:600;color:#1a1a1a}.heading-2{font-weight:650;font-size:22px;margin:10px 5px}.link{width:70%}.material{padding:15px 25px;border:1px solid #e8e8e8;margin:10px 5px;border-radius:15px}.material .material-info{margin:0 15px}.material .material-info .material-title{font-weight:600;font-size:16px}.material .material-download{margin:0 0 0 auto;cursor:pointer}