/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--site-width: 1680px;--font-family: "DM Sans", sans-serif;--default-font-size: 10px;--default-line-height: 1.2;--app-bg: #f6f4f2;--primary: #ecf9ff;--secondary: #060640;--tertiary: #1a1a7f;--white: #ffffff;--danger: #e60000;--danger-hover: #ff0000;--text-main: var(--secondary);--disabled: #6a6872;--border: #dddddd;--focus: #448be6;--athens-gray: #f9fafb;--page-box-radius: 10px;--input-radius: 5px;--button-radius: 8px;--overlay: rgba(0, 0, 0, .4);--default-transitions: all .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth;font-size:var(--default-font-size)}body{height:100%;font-family:var(--font-family);font-size:1.6rem;line-height:var(--default-line-height);color:var(--text-main)}.line-break{display:block}a{color:var(--text-main)}a:hover{color:var(--tertiary)}a.btn{display:inline-block;padding:1.8rem 3rem;color:var(--white);text-transform:capitalize;text-decoration:none}a.primary{background-color:var(--secondary);border-radius:var(--button-radius)}a.primary:hover{background-color:var(--tertiary)}button{padding:1.5rem;line-height:1;text-transform:capitalize;border:none;border-radius:var(--button-radius);outline:none;cursor:pointer}button:disabled{background-color:var(--disabled)!important}button.full-width{width:100%}button.primary-btn{color:var(--white);background-color:var(--secondary)}button.primary-btn:hover{background-color:var(--tertiary)}button.primary-btn-alternate{color:var(--secondary);background-color:transparent;border:1px solid var(--secondary)}button.primary-btn-alternate:hover{color:var(--white);background-color:var(--secondary)}button.danger-btn{color:var(--white);background-color:var(--danger)}button.danger-btn:hover{background-color:var(--danger-hover)}#root{height:100%;background-color:var(--app-bg)}.page-wrapper{min-height:100%;background-color:var(--white)}.container{width:var(--site-width);max-width:95%;margin:0 auto}.container.flex{gap:2rem}.flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.h-100{height:100%}.page-box{padding:2.2rem 3rem;background-color:var(--white);border-radius:var(--page-box-radius)}.page-box h1,.page-box h2{margin-top:0;text-transform:capitalize}.page-box h1{font-size:clamp(2.8rem,2.56rem + .125vw,2.6rem)}.page-box h2{margin-bottom:1.5rem}@media (max-width: 980px){.flex.wrap-tablet{flex-wrap:wrap}}@media (max-width: 767px){.container{max-width:90%}.page-box h1{font-size:2.6rem}.page-box h2{font-size:2rem}}header.site-header{padding:3.5rem 0}.dashboard-wrapper .dashboard-main{position:relative;width:calc(100% - 260px);min-height:calc(100vh - 8.2rem);margin-top:8.2rem;margin-left:260px;padding:3rem;background-color:var(--app-bg)}header.dashboard-header{position:fixed;width:calc(100% - 260px);height:82px;top:0;right:0;padding:3rem;background-color:var(--white);border-bottom:2px solid var(--border);z-index:100}header.dashboard-header .toggle-container{display:none}header.dashboard-header .toggle-container button.toggle-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.2rem;font-size:2.4rem;background-color:var(--primary);border-radius:50%}header.dashboard-header .toggle-container button.toggle-btn .bar{display:block;width:26px;height:3px;margin:2px 0;background-color:var(--text-main);transition:var(--default-transitions)}header.dashboard-header .toggle-container button.toggle-btn.close .bar.top{transform:translateY(7.5px) rotate(-45deg)}header.dashboard-header .toggle-container button.toggle-btn.close .bar.middle{opacity:0}header.dashboard-header .toggle-container button.toggle-btn.close .bar.bottom{transform:translateY(-6.5px) rotate(45deg)}header.dashboard-header .user-container{margin-left:auto;text-align:center}header.dashboard-header .user-container img{width:40px;border-radius:50%}header.dashboard-header .user-container p{font-size:1.3rem;font-weight:600;text-transform:capitalize}.dashboard-sidebar{position:fixed;width:260px;height:100vh;top:0;left:0;padding:2rem;background-color:var(--white);border-right:2px solid var(--border)}.dashboard-sidebar .dashboard-logo{display:block;margin-bottom:4rem}.dashboard-sidebar .dashboard-logo img{max-width:100%;width:170px}.dashboard-sidebar .dashboard-logo img.collapse{display:none;width:50px}.dashboard-sidebar .dashboard-nav ul{list-style:none}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item:not(:last-child){margin-bottom:3rem}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item button{display:flex;align-items:center;line-height:1;text-decoration:none;text-transform:capitalize}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a .menu-icon,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item button .menu-icon{display:inline-block;margin-right:1.5rem;font-size:2.4rem}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a:hover,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a.active,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item button:hover{font-weight:600;color:var(--focus)}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a .text,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item button .text{position:relative}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a .text:after,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item button .text:after{position:absolute;content:"";width:8px;height:8px;top:50%;transform:translateY(-50%);right:-25px;background-color:var(--focus);border-radius:50%;opacity:0;visibility:hidden;transition:var(--default-transitions)}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a:hover .text:after,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a.active .text:after,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item button:hover .text:after{opacity:1;visibility:visible}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item button{padding:0;background-color:transparent}.dashboard-wrapper .main-wrapper main.dashboard{padding:3rem;border:20px}.dashboard-overlay{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--overlay);z-index:99}.dashboard-overlay.active{display:block}@media (max-width: 1279px) and (min-width: 981px){.dashboard-wrapper .dashboard-main{width:calc(100% - 130px);margin-left:130px}header.dashboard-header{width:calc(100% - 130px)}.dashboard-sidebar{width:130px}.dashboard-sidebar .dashboard-logo img.expand{display:none}.dashboard-sidebar .dashboard-logo img.collapse{display:block;margin:0 auto}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item{display:flex;justify-content:center}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a{justify-content:center}.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item a .text,.dashboard-sidebar .dashboard-nav ul .dashboard-menu-item button .text{display:none}}@media (max-width: 980px) and (min-width: 0){body.hide-overflow{overflow:hidden}header.dashboard-header{width:100%;transition:var(--default-transitions)}header.dashboard-header.pushed{transform:translate(25rem)}header.dashboard-header .toggle-container{display:block}.dashboard-wrapper{overflow:hidden}.dashboard-wrapper .dashboard-main{width:100%;margin:8.2rem 0 0;transition:transform .5s}.dashboard-wrapper .dashboard-main.pushed{transform:translate(250px)}.dashboard-sidebar{width:250px;max-width:250px;transform:translate(-250px);z-index:200;transition:var(--default-transitions)}.dashboard-sidebar.active{transform:translate(0)}}.dashboard-main .add-student{width:50%}@media (max-width: 767px){.dashboard-main .add-student{width:100%}}.add-user{gap:2rem}.add-user .add-user-container{width:35%}.add-user .users-table-container{width:65%}@media (max-width: 980px){.add-user{flex-wrap:wrap}.add-user .add-user-container,.add-user .users-table-container{width:100%}}.form-row{margin:1.5rem 0}.form-row.submit-btn-container{margin-top:2.5rem}.form-row label,.form-row input,.form-row select{display:block;width:100%}.form-row input[hidden]{display:none}.form-row label,.form-row legend{margin-bottom:.5rem;text-transform:capitalize}.form-row label{cursor:pointer}.form-row label.img-label{display:inline-block;width:auto}.form-row label.img-label p{font-size:1.05rem;text-align:center;text-transform:none}.form-row input,.form-row select{padding:.7rem 1.5rem;border:1px solid var(--border);border-radius:var(--input-radius)}.form-row input:focus-visible{outline-color:var(--focus)}.form-row input[name=name]{text-transform:capitalize}.form-row input.email-input{text-transform:lowercase}.form-row select{appearance:none;-moz-appearance:none;-webkit-appearance:none;text-transform:capitalize;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23060640'%20class='bi%20bi-chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:15px 15px;background-position:95% center}.form-row select::-ms-expand{display:none}.form-row select:focus{border:1px solid var(--border);outline-color:var(--focus)}.form-row select.not-selected{color:var(--disabled)}.form-row select.selected{color:var(--text-main)}.form-row select option:not(:first-child){color:var(--text-main)}.form-row fieldset{padding:0;border:none}.form-row .preview-container{display:flex;flex-direction:column;justify-content:center;padding:1rem;border:1px solid var(--border);border-radius:var(--input-radius)}.form-row .img-preview{width:100%;max-width:140px;margin:0 auto .5rem;cursor:pointer}.form-row button[type=submit]{color:var(--white);border-radius:var(--button-radius)}.form-row.submit-btn-container .cancel-btn{margin-right:1.5rem}@media (max-width: 363px){.form-row button[type=submit]{margin-top:2rem}}.table-container{width:100%;max-width:100%;overflow-x:auto}table{border-collapse:collapse;table-layout:auto}table,th,td{border:1px solid var(--secondary)}table thead th{padding:1rem 2rem;text-transform:capitalize;background-color:var(--primary)}table tbody td{padding:1rem 2rem}table tbody td.no-data{text-align:center}table tbody td.no-column{text-align:right}table tbody td.img-column img{width:70px}table tbody td.name-column{text-transform:capitalize}table tbody td.action-btns{text-align:center}table tbody td.action-btns .btns-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem}table tbody td.action-btns button{padding:.5rem}.dialog-container{position:fixed;width:100%;height:100%;top:0;left:0;display:none;justify-content:center;align-items:center;background-color:var(--overlay);z-index:1000;transition:var(--default-transitions)}.dialog-container.active{display:flex}.dialog-container .dialog-inner{width:400px;padding:2rem;background-color:var(--white);border-radius:var(--page-box-radius)}.dialog-container .dialog-inner .close-btn-container{position:relative;font-size:2.2rem;color:var(--secondary);text-align:right}.dialog-container .dialog-inner .close-btn-container .close-btn{position:absolute;top:-10px;right:0;padding:0;background-color:transparent}.dialog-container .message-container .btns-container{margin-top:2rem;text-align:center}.dialog-container .message-container .btns-container button{text-transform:capitalize;border-radius:var(--button-radius)}.dialog-container .message-container .btns-container button:first-child{margin-right:1.5rem}@media (max-width: 767px){.dialog-container .dialog-inner{width:90%}}@media (max-width: 767px) and (min-width: 0){.Toastify__toast-container.Toastify__toast-container--top-center{width:90vw;top:20px;left:50%;transform:translate(-50%)}}.loader-container{display:flex;justify-content:center;align-items:center}.sl-loader{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid var(--app-bg);border-right-color:var(--tertiary);animation:l2 1s infinite linear}@keyframes l2{to{transform:rotate(1turn)}}.login{display:flex;justify-content:center;align-items:center}.login-form-container{min-width:380px}.login-form-container .logo-container{text-align:center}.login-form-container .logo-container img{width:170px}.login-form-container h1{margin:3rem 0 .5rem}.login-form-container p{margin-bottom:2.8rem;font-size:1.3rem}@media (max-width: 767px){.login-form-container{min-width:90%}}.error-page .error-info{max-width:90%;text-align:center}.error-page .error-info h1{margin-bottom:0;font-size:4.4rem}.error-page .error-info img{width:400px;max-width:90%}.error-page .error-info a{display:block;margin-top:1.5rem;text-transform:capitalize}@media (max-width: 767px){.error-page .error-info h1{font-size:3.6rem}}.landing-page{height:calc(100vh - 50px);background-image:url("data:image/svg+xml,%3csvg%20width='1920'%20height='1118'%20viewBox='0%200%201920%201118'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%200H1921V990C1921%20990%201619%201118%20961%201118C303%201118%201%20990%201%20990V0Z'%20fill='%23ECF9FF'/%3e%3cmask%20id='mask0_20_11'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='1920'%20height='1118'%3e%3cpath%20d='M0%200H1920V990C1920%20990%201618%201118%20960%201118C302%201118%200%20990%200%20990V0Z'%20fill='%23ECF9FF'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_20_11)'%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;background-position:center bottom}.landing-page .column{width:50%}.landing-page .column:first-child{padding-top:2.5%}.landing-page .column h1{font-size:clamp(3.2rem,2.76rem + 1.375vw,5.4rem);line-height:1.4}.landing-page .column h1 .line-break{color:var(--tertiary)}.landing-page .column p{margin:4rem 0;font-size:2.4rem;line-height:1.4}.landing-page .column a.btn{font-size:2.4rem}.landing-page .column .img-container{width:90%;margin-left:auto;background-color:var(--white);border:1px solid var(--border);border-radius:var(--page-box-radius)}.landing-page .column .img-container img{max-width:100%}@media (max-width: 1439px){.landing-page .column h1 .line-break{display:inline}}@media (max-width: 1200px){.landing-page .column p .line-break{display:inline}}@media (max-width: 980px){.landing-page{background-image:none;background-color:var(--primary)}.landing-page .column{width:100%}.landing-page .column .img-container{margin:4rem auto}.hero-section{background-color:var(--primary)}}