nav#navbar{background-color:var(--navScroll);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text);z-index:9999;justify-content:space-between;align-items:center;width:100%;padding:15px 50px;display:flex;position:fixed}nav#navbar div.logo{background:url(/img/full-logo.png) 0 0/contain no-repeat;width:150px;height:60px}nav#navbar div.nav-links{align-items:center;gap:15px;display:flex}nav#navbar .logout-btn{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;padding:5px 10px;transition:all .15s ease-in-out}nav#navbar .logout-btn:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}nav#navbar .logout-btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0 var(--main);transform:translate(2px,2px)}nav#navbar a:hover{color:var(--hoverText)}nav#navbar a.active{color:var(--hoverText);position:relative}nav#navbar a.active:before{background-color:var(--hoverText);content:"";border-radius:2px;width:100%;height:3px;animation:1s ease-in-out infinite alternate slidingLine,.25s ease-in-out infinite alternate glowing;position:absolute;top:20px;left:0}nav#navbar .nav-links.mobile{display:none}nav#navbar .menu-toggle,nav#navbar .menu-close{cursor:pointer;background-color:#0000;border:none;padding:3px 5px;font-size:20px;transition:all .25s ease-in-out;display:none}nav#navbar .menu-toggle:hover,nav#navbar .menu-close:hover{color:var(--hoverText)}nav#navbar .menu-toggle{font-size:xx-large}nav#navbar .menu-close{width:fit-content;margin-top:20px;margin-left:auto;font-size:larger}nav#navbar hr{display:none}footer>div:first-of-type{justify-content:space-between;margin-bottom:25px;padding:0 25px;display:flex}footer>div:first-of-type h3{margin-bottom:15px}footer>div:first-of-type div{text-align:start}footer div.a{margin-top:10px}@media (width<=1000px){nav#navbar{position:absolute}nav#navbar.opened{background-color:#0000;width:50%;height:100%;position:fixed;right:0}nav#navbar.opened .logo,nav#navbar div.nav-links{display:none}nav#navbar div.nav-links{gap:0}nav#navbar div.nav-links.mobile.open{background-color:var(--window);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;width:100%;height:100vh;padding:0 50px;font-size:clamp(1.2rem,3vw,2.8rem);display:flex;position:fixed;top:0;right:0}nav#navbar .menu-toggle,nav#navbar .menu-close{display:block}nav#navbar.opened .menu-toggle{display:none}nav#navbar div.nav-links.mobile.open a{padding:15px 0}nav#navbar div.nav-links.mobile.open a:hover,nav#navbar div.nav-links.mobile.open a.active{color:var(--text2);text-shadow:2px 2px 10px var(--main)}nav#navbar div.nav-links.mobile.open a.active:before{background-color:#0000;border-radius:0;width:0;height:0;animation:none}nav#navbar hr{border:3px solid var(--selection);border-radius:15px;width:50%;display:block}nav#navbar hr:last-of-type{margin-bottom:15px}footer>div:first-of-type{flex-direction:column;align-content:center}footer>div:first-of-type div{text-align:center;margin-bottom:20px}}@media (width<=600px){nav#navbar{padding:15px}nav#navbar.opened{width:100%}nav#navbar div.nav-links.mobile.open{font-size:clamp(1.2rem,5vw,2.8rem)}}nav#dash-navbar{background-color:var(--navScroll);z-index:9999;justify-content:center;align-items:center;width:100%;display:flex;position:fixed}nav#dash-navbar div.logo{background:url(/img/full-logo.png) 0 0/contain no-repeat;width:225px;height:90px}header .filler{background-color:var(--nav);color:#0000;height:90px}footer{background-color:var(--main);color:var(--text2);text-align:center;word-spacing:5px;padding:25px}@media (width<=1000px){nav#dash-navbar{position:absolute}}nav#sidebar{background-color:var(--nav);color:var(--text2);z-index:99999;position:relative}nav#sidebar .menu-open{background-color:var(--window);color:var(--text2);cursor:pointer;border:none;border-radius:50px;padding:12px 20px;font-size:35px;display:none;position:fixed;top:100px;left:10px}nav#sidebar .menu-close{cursor:pointer;background-color:#0000;border:none;width:fit-content;margin:20px auto 20px 0;padding:3px 5px;font-size:40px;transition:all .25s ease-in-out;display:none}nav#sidebar .menu-close:hover{color:var(--hoverText)}nav#sidebar .sidebar{width:20%;padding:0 50px;position:fixed}nav#sidebar .sidebar h1,nav#sidebar .sidebar h3{color:var(--selection);text-align:center}nav#sidebar .sidebar h1{font-size:2vw}nav#sidebar .sidebar h3{margin-top:35px;font-size:1.5vw}nav#sidebar .sidebar .side-links{flex-direction:column;gap:15px;margin-top:15px;font-size:1.25vw;display:flex}@media (width<=1000px){nav#sidebar{background-color:#0000;padding:0}nav#sidebar .menu-open{display:block}nav#sidebar .menu-open.close,nav#sidebar .sidebar{display:none}nav#sidebar .menu-close{display:block}nav#sidebar .sidebar.open{background-color:var(--window);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:50%;height:100%;padding:25px;font-size:x-large;display:block;top:0}nav#sidebar .sidebar h1{font-size:clamp(1.2rem,5vw,2.8rem)}nav#sidebar .sidebar h3{font-size:clamp(1.2rem,3.5vw,2.8rem)}nav#sidebar .sidebar .side-links{font-size:clamp(1.2rem,3vw,2.8rem)}nav#sidebar .sidebar.open .side-links{padding:0 25px}}@media (width<=600px){nav#sidebar .sidebar.open{width:100%}}div.main.we{width:250px;height:250px;margin:150px auto;position:relative}.we .loader{border:10px solid;border-radius:50%;width:250px;height:250px;animation:1s linear infinite spin;position:absolute}.we .lo1{border-color:var(--overBase);border-bottom:none;border-left:none}.we .lo2{border-color:var(--over3Base);border-top:none;border-right:none;width:200px;height:200px;position:absolute;top:25px;left:25px}.we .lo3{width:150px;height:150px;color:var(--text2);background-color:var(--over2Base);border:none;font-size:35px;top:50px;left:50px;overflow:hidden;animation:none!important}.we .lo3 h1{position:relative;top:35px;left:22.5px;animation:1s ease-in-out infinite scroll!important}#home-page section{font-size:30px}#home-page #main-section{background:linear-gradient(var(--nav), transparent), url(/img/school-front.jpg);text-align:center;background-position:50%;background-size:cover;padding:100px}#home-page .btn-container{justify-content:center;gap:25px;margin-top:50px;display:flex}#home-page .btn-container a.btn{background-color:var(--overBase);color:var(--text2);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);border-radius:10px;padding:10px 25px;transition:all .15s ease-in-out}#home-page .btn-container a.btn:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-4px,-4px)}#home-page .btn-container a.btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0 var(--main);transform:translate(2px,2px)}#home-page #overview-section{padding:50px}@media (width<=1000px){#home-page section{font-size:15px;padding:25px!important}#home-page .btn-container{flex-direction:column;gap:10px;margin-top:50px;display:flex}}#about-page{grid-template-columns:10% 90%;display:grid}#about-page .menu-open{background-color:var(--window);color:var(--text2);cursor:pointer;z-index:9;border:none;border-radius:50px;padding:12px 20px;font-size:35px;display:none;position:fixed;top:100px;left:10px}#about-page .menu-close{cursor:pointer;background-color:#0000;border:none;width:fit-content;margin:20px auto 20px 0;padding:3px 5px;font-size:40px;transition:all .25s ease-in-out;display:none}#about-page .menu-close:hover{color:var(--hoverText)}header#navigator{border-right:2px solid var(--dots);text-align:center;z-index:99999;font-size:.85vw;position:relative;overflow:hidden}header#navigator .navig{width:10%;padding:25px 5px;position:fixed}header#navigator div{text-transform:capitalize;flex-direction:column;gap:15px;margin:25px 0;font-size:1vw;display:flex}header#navigator div a{border-radius:5px;padding:5px}header#navigator div a:hover{color:var(--text);background-color:#0002}#about-page section{padding:50px}#about-page #sections-box section:nth-child(2n){color:var(--text);background-color:#0000}#about-page #sections-box section:nth-child(odd){background-color:var(--over2Base);background-image:radial-gradient(var(--dots) 15%, transparent 16%);color:var(--text2);background-size:25px 25px}#about-page #main-section{text-align:center;background-position:50%;padding:100px;background:linear-gradient(var(--nav), transparent), url(/img/school-back.jpg)!important;background-size:cover!important}#about-page section#vision-section{grid-template-columns:repeat(2,45%);justify-content:center;gap:25px;display:grid}#about-page section#vision-section div{box-shadow:0 0 0 0 var(--main);border:2px solid #0000;border-radius:10px;padding:15px;transition:all .25s ease-in-out}#about-page section#vision-section div:hover{border-color:var(--main);box-shadow:5px 5px 0 0 var(--main);transform:translate(-5px,-5px)}#about-page #department-section .major-box{position:relative}#about-page #department-section .major-box:after{background-color:var(--mainBase);content:"";border-radius:15px;width:5px;height:100%;position:absolute;top:0;left:50%}#about-page #department-section .major-box .major{width:50%;margin:10px 0;padding:25px;position:relative}#about-page #department-section .major-box .major div{border:2px solid var(--main);cursor:pointer;border-radius:15px;padding:20px;font-size:20px;transition:all .25s ease-in-out;position:relative}#about-page #department-section .major-box .major div:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-5px,-5px)}#about-page #department-section .major-box .major p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}#about-page #department-section .major-box .major .btn{border:2px solid var(--main);width:fit-content;box-shadow:2px 2px 0 0 var(--main);border-radius:10px;margin-top:10px;padding:10px 0;transition:all .15s ease-in-out}#about-page #department-section .major-box .major .btn:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#about-page #department-section .major-box .major .btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0 var(--main);transform:translate(2px,2px)}#about-page #department-section .major-box .major .btn a{padding:10px 25px}#about-page #department-section .major-box .major:nth-of-type(2n){left:50%}#about-page #certificate-section .certifs-box{position:relative}#about-page #certificate-section .certifs-box:after{background-color:var(--main);content:"";border-radius:15px;width:5px;height:100%;position:absolute;top:0;left:50%}#about-page #certificate-section .certifs-box .cert{width:50%;margin:10px 0;padding:25px;position:relative}#about-page #certificate-section .certifs-box .cert div{border:2px solid var(--main);cursor:pointer;border-radius:15px;padding:20px;font-size:20px;transition:all .25s ease-in-out;position:relative}#about-page #certificate-section .certifs-box .cert div:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-5px,-5px)}#about-page #certificate-section .certifs-box .cert p{font-size:16px}#about-page #certificate-section .certifs-box .cert:nth-child(2n){left:50%}#about-page #requirements-section ul{margin-left:25px;font-size:25px;line-height:2;list-style:inside square}#about-page #requirements-section ul li{width:fit-content;transition:all .25s ease-in-out;position:relative}#about-page #requirements-section ul li:after,#about-page #requirements-section ul li:before{content:"";background-color:var(--hoverText);border-radius:15px;width:0;height:3px;transition:all .5s ease-in-out;animation:.25s ease-in-out infinite alternate glowing;position:absolute;bottom:0}#about-page #requirements-section ul li:after{left:0}#about-page #requirements-section ul li:before{right:0}#about-page #requirements-section ul li:hover:after,#about-page #requirements-section ul li:hover:before{width:100%}@media (width<=1000px){#about-page{height:initial;grid-template-columns:none;display:block;overflow-y:auto}#about-page .menu-open{display:block}#about-page .menu-open.close{display:none}#about-page .menu-close{display:block}header#navigator{background-color:#0000;padding:0}header#navigator .navig{background-color:var(--window);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;width:50%;height:100%;padding:25px;display:none;top:0}header#navigator.open .navig{display:block}header#navigator h1{font-size:3vw}header#navigator div{margin:0;padding:50px 15px 15px;font-size:3vw}header#navigator div a{font-size:clamp(1.2rem,3vw,2.8rem)}#about-page section{font-size:15px;padding:25px!important}#about-page section h2{font-size:28px}#about-page section#vision-section{grid-template-columns:repeat(1,90%)}#about-page #department-section .major-box:after{left:0}#about-page #department-section .major-box .major{width:100%}#about-page #department-section .major-box .major:nth-of-type(2n),#about-page #certificate-section .certifs-box:after{left:0}#about-page #certificate-section .certifs-box .cert{width:100%}#about-page #certificate-section .certifs-box .cert:nth-child(2n){left:0}}@media (width<=600px){header#navigator .navig{width:100%}header#navigator h1{font-size:7vw}}#partners-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#partners-page .card{text-align:center;border-radius:10px;justify-self:center;width:fit-content;margin:25px 0;padding:15px}#partners-page .card .card-img{height:100px}#partners-page .card .card-img img{object-fit:contain;width:100%;height:100%}#partners-page .card .card-text{margin-top:15px;font-size:18px}#partners-page .partners-box{grid-template-columns:repeat(2,25%);justify-content:center;justify-items:center;gap:50px;margin:25px 0;display:grid;position:relative}#partners-page .partners-box:after{content:"";background-color:var(--temp);border-radius:15px;width:5px;height:75%;position:absolute;bottom:12.5%;left:calc(50% - 3px)}#partners-page .partners-box .card{width:100%;margin:0;position:relative}#partners-page .partners-box .card:after{content:"";background-color:var(--temp);border-radius:15px;width:25%;height:5px;position:absolute;top:50%;right:-25px}#partners-page .partners-box .card:last-child:after,#partners-page .partners-box .card:nth-last-child(3):after{left:-25px;right:0}@media (width<=1000px){#partners-page .partners-box{grid-template-columns:repeat(1,75%)}#partners-page .partners-box:after{width:0;height:0;bottom:0;left:0}#partners-page .partners-box .card:after{width:5px;height:25%;top:-35px;right:50%}#partners-page .partners-box .card:last-child:after,#partners-page .partners-box .card:nth-last-child(3):after{top:-35px;left:50%}}#branches-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#branches-page #branch-section{margin:50px 100px}#branches-page #branch-section .qena-branch{background-color:var(--cardA);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;justify-content:space-between;padding:15px;transition:all .25s ease-in-out}#branches-page #branch-section .qena-branch:hover{background-color:var(--cardHoverA);box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#branches-page #branch-section .qena-branch img{border-radius:10px}#branches-page #branch-section .qena-branch .card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#branches-page #branch-section .qena-branch .card-address{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;display:-webkit-box;overflow:hidden}#branches-page #branch-section .qena-branch .card-footer{justify-content:space-between;align-items:end;width:100%;margin-top:25px;font-size:15px;display:flex}#branches-page #branch-section .qena-branch .card-footer p{color:var(--hoverText);margin-left:auto}#branches-page #branch-section .qena-branch .card-img{height:400px}#branches-page #branch-section .qena-branch .card-img img{object-fit:cover;width:100%;height:100%}#branches-page #branch-section .branches-box{grid-template-columns:repeat(3,30%);justify-content:center;gap:2vw;margin:50px 0;display:grid}#branches-page #branch-section .card{background-color:var(--cardA);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);border-radius:10px;flex-direction:column;justify-content:space-between;padding:15px;transition:all .15s ease-in-out;display:flex}#branches-page #branch-section .card:hover{background-color:var(--cardHoverA);box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#branches-page #branch-section .card .card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#branches-page #branch-section .card .card-address{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;display:-webkit-box;overflow:hidden}#branches-page #branch-section .card .card-footer{justify-content:space-between;align-items:end;width:100%;margin-top:25px;font-size:15px;display:flex}#branches-page #branch-section .card .card-footer p{color:var(--hoverText);margin-left:auto}@media (width<=1000px){#branches-page #branch-section{margin:25px}#branches-page #branch-section .branches-box{grid-template-columns:repeat(1,90%);gap:15px;margin:50px 0}#branches-page #branch-section .qena-branch{margin:25px}#branches-page #branch-section .qena-branch .card-footer{font-size:25px}#branches-page #branch-section .qena-branch .card-img{height:300px}#branches-page #branch-section .card .card-footer{font-size:25px}}@media (width<=600px){#branches-page #branch-section{margin:0}#branches-page #branch-section .qena-branch .card-footer{font-size:15px}#branches-page #branch-section .qena-branch .card-img{height:200px}#branches-page #branch-section .card .card-footer{font-size:15px}}#qena-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#qena-page #details-section{padding:50px 50px 0}#qena-page #details-section .footer{justify-content:space-between;align-items:end;width:100%;padding:25px;font-size:20px;display:flex}#qena-page #details-section .footer p{color:var(--hoverText);margin-left:auto}#qena-page #details-section .section-btns{grid-template-columns:repeat(2,50%);width:100%;display:grid}#qena-page #details-section .section-btns button{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px}#qena-page #details-section .section-btns button.active{background-color:var(--dots);border-bottom:none}#qena-page #box-section{background-color:var(--dots);border:1px dashed var(--hoverText);border-top:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;margin:0 50px 25px}#qena-page #gallery{text-align:center;padding:25px}#qena-page #gallery .divider{width:20%}#qena-page #gallery .images-box{flex-wrap:wrap;justify-content:center;gap:25px;padding:25px;display:flex}#qena-page #gallery .img-box{width:300px}#qena-page #gallery img{object-fit:cover;cursor:pointer;border-radius:10px;width:100%;height:200px;transition:all .15s ease-in-out}#qena-page #gallery img:hover{transform:scale(1.1)}#qena-page #management{width:100%;padding:25px}#qena-page #management div{text-align:center;justify-content:space-between;width:100%;padding:15px 25px;font-size:20px;display:flex}#qena-page #management .staff{flex-direction:column;align-items:center;display:flex}#qena-page #management .img-box{width:250px}#qena-page #management .img-box img{width:100%}#qena-page #management h1{font-size:30px}#qena-page #management .transformation{margin-bottom:50px;font-size:20px}#qena-page #management .staff{font-size:20px}@media (width<=1000px){#qena-page #details-section .footer{padding:25px 0;font-size:13px}#qena-page #management{padding:25px}#qena-page #management div{display:block}#qena-page #management .transformation{margin-bottom:50px;font-size:20px}#qena-page #management .staff{font-size:20px}}#departments-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#departments-page #sections-section{padding:50px}#departments-page #sections-section .section-btns{grid-template-columns:repeat(2,50%);width:100%;display:grid}#departments-page #sections-section .section-btns button{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;font-size:clamp(.9rem,3vw,1.5rem)}#departments-page #sections-section .section-btns button.active{background-color:var(--dots);border-bottom:none}#departments-page #department-section{background-color:var(--dots);border:1px dashed var(--hoverText);border-top:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;grid-template-columns:repeat(3,30%);justify-content:center;gap:15px;padding:25px 0;display:grid}#departments-page #department-section .major{background-color:var(--cardA);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;padding:15px;transition:all .15s ease-in-out}#departments-page #department-section .major:hover{background-color:var(--cardHoverA);box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#departments-page #department-section .img-box{height:250px}#departments-page #department-section .img-box img{object-fit:cover;border-radius:10px;width:100%;height:100%}#departments-page #department-section .major .text-box h3{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:15px;display:-webkit-box;overflow:hidden}#departments-page #department-section .major .text-box p{color:var(--desc);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:22px;display:-webkit-box;overflow:hidden}#departments-page #students-section{background-color:var(--dots);border:1px dashed var(--hoverText);border-top:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding-top:25px;overflow:scroll hidden}#departments-page #students-section .filter-btns{flex-wrap:wrap;justify-content:center;gap:5px;padding:0 10px;display:flex}#departments-page #students-section .filter-btns button{width:fit-content;color:var(--main);border:1px solid var(--main);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .1s ease-in-out}#departments-page #students-section .filter-btns button:hover,#departments-page #students-section .filter-btns button.active{background-color:var(--main);color:var(--mainBase)}#departments-page #students-section .filter-btns button.active:hover{color:#000;background-color:#0000}#departments-page #students-section table{border-collapse:collapse;border:1px solid var(--main);margin-top:15px}#departments-page #students-section table tr{width:100%}#departments-page #students-section table tr:nth-last-of-type(odd){background-color:var(--dots)}#departments-page #students-section table th,#departments-page #students-section table td{text-align:center;width:1%;padding:5px;font-size:15px}#departments-page #students-section table th{background-color:var(--main);color:var(--mainBase)}#departments-page #students-section table td{height:fit-content}#departments-page #students-section table td div{width:50px;height:50px;margin:5px auto}#departments-page #students-section table img{object-fit:cover;border-radius:100%;width:100%;height:100%}@media (width<=1000px){#departments-page #department-section{justify-content:initial;grid-template-columns:repeat(1,100%);padding:10%}}@media (width<=600px){#departments-page #sections-section .section-btns button{padding:10px}}#department-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;text-shadow:none;background-position:50%;justify-content:space-between;padding:50px 100px;display:flex}#department-page #main-section a{color:var(--main);border:1px solid var(--main);cursor:pointer;background:0 0;border-radius:5px;padding:5px 15px;font-size:15px;transition:all .1s ease-in-out}#department-page #main-section a:hover{background-color:var(--main);color:var(--mainBase)}#department-page #details-section{grid-template-columns:20% 80%;margin:0 50px;padding:25px 0;display:grid}#department-page #details-section .img-box img{border-radius:10px;width:100%}#department-page #details-section div.text-box{padding:25px}#department-page #details-section div.text-box h3{margin-bottom:15px}@media (width<=1000px){#department-page #main-section{padding:25px 50px}#department-page #details-section{grid-template-columns:none;margin:0 25px;display:block}}#events-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#events-page #cards-section{grid-template-columns:repeat(3,30%);justify-content:center;gap:15px;margin:50px 0;display:grid}#events-page #cards-section .card{background-color:var(--cardA);height:450px;color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:space-between;padding:15px;transition:all .15s ease-in-out;display:flex}#events-page #cards-section .card:hover{background-color:var(--cardHoverA);box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#events-page #cards-section .card .img-box{height:250px}#events-page #cards-section .card .img-box img{object-fit:cover;border-radius:10px;width:100%;height:100%}#events-page #cards-section .card .img-box img.no-img{object-fit:contain}#events-page #cards-section .card .card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#events-page #cards-section .card .card-desc{color:var(--desc);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;display:-webkit-box;overflow:hidden}#events-page #cards-section .card .card-footer{justify-content:space-between;align-items:end;width:100%;margin-top:25px;font-size:20px;display:flex}#events-page #cards-section .card .card-footer p.date{color:var(--hoverText);font-size:12px}@media (width<=1000px){#events-page #cards-section{justify-content:initial;grid-template-columns:repeat(1,100%);padding:10%}#events-page #cards-section .card .card-footer{flex-direction:column}#events-page #cards-section .card .card-footer a{margin-right:auto}#events-page #cards-section .card .card-footer p{font-size:18px}}#event-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;text-shadow:none;background-position:50%;justify-content:space-between;padding:50px 100px;display:flex}#event-page #main-section a{color:var(--main);border:1px solid var(--main);cursor:pointer;background:0 0;border-radius:5px;padding:5px 15px;font-size:15px;transition:all .1s ease-in-out}#event-page #main-section a:hover{background-color:var(--main);color:var(--mainBase)}#event-page #details-section{grid-template-columns:30% 70%;margin:0 50px;padding:25px 0;display:grid}#event-page #details-section .img-box img{border-radius:10px;width:100%}#event-page #details-section .img-box .no-img{background-color:var(--temp);border-radius:10px}#event-page #details-section div.section{flex-direction:column;justify-content:space-between;padding:25px;display:flex}#event-page #details-section div.section .footer p{text-align:end;color:var(--hoverText);margin-top:50px;font-size:20px}#event-page #event-images{flex-wrap:wrap;justify-content:center;gap:25px;margin-bottom:25px;padding:0 25px;display:flex}#event-page #event-images img{width:450px}@media (width<=1000px){#event-page #main-section{padding:25px 50px}}@media (width<=600px){#event-page #details-section{grid-template-columns:none;margin:0 25px;display:block}#event-page #event-images img{width:100%}}#services-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#services-page #form-section{justify-self:center;width:90%}#services-page #form-section .btn-box{justify-content:center;display:flex}#services-page #form-section .btn-box button.switcher{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;width:33.4%;font-size:25px}#services-page #form-section .btn-box button.switcher.active{background-color:var(--dots);border-bottom:none}#services-page #form-section form{background-color:var(--dots);border:1px dashed var(--hoverText);border-top:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;flex-direction:column;gap:15px;margin-bottom:25px;padding:25px;display:flex}#services-page #form-section form h3{text-align:center;margin-bottom:25px}#services-page #form-section form .input-group{flex-direction:column;width:100%;display:flex}#services-page #form-section form label{margin-bottom:6px;font-size:14px;font-weight:600}#services-page #form-section form input,#services-page #form-section form textarea,#services-page #form-section form select{border:1px solid var(--selection);box-sizing:border-box;background-color:#fff;border-radius:10px;padding:10px;font-family:inherit;font-size:15px}#services-page #form-section form input:focus,#services-page #form-section form textarea:focus,#services-page #form-section form select:focus{border-color:var(--main);outline:none}#services-page #form-section form button.form-btn{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;padding:10px 25px;font-size:16px;font-weight:700;transition:all .15s ease-in-out}#services-page #form-section form button.form-btn:hover{box-shadow:4px 4px 0 0 var(--main);transform:translate(-2px,-2px)}#services-page #form-section form button.form-btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0px 0px var(--main);transform:translate(2px,2px)}@media (width<=1000px){#services-page #form-section .btn-box button.switcher{padding:10px;font-size:18px}}@media (width<=600px){#services-page #form-section .btn-box button.switcher{font-size:10px}}#profile-page{justify-content:center;align-items:center;height:90vh;display:flex}#profile-page #main-section{background-color:var(--temp);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);border-radius:15px;width:50%;padding:25px;transition:all .15s ease-in-out}#profile-page #main-section:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#profile-page .profile-header{border-bottom:2px solid var(--main);text-shadow:none;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}#profile-page .profile-header h2{text-shadow:none;margin:0;font-size:24px}#profile-page .role-badge{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:700}#profile-page .profile-details{flex-direction:column;gap:18px;margin-bottom:15px;display:flex}#profile-page .detail-group{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}#profile-page .detail-group label{width:78%;text-shadow:none;margin-bottom:6px;font-size:14px;font-weight:600}#profile-page .detail-value{border:1px solid var(--selection);word-break:break-all;width:80%;text-shadow:none;background-color:#00000003;border-radius:10px;padding:12px;font-size:16px}@media (width<=1000px){#profile-page #main-section{width:90%}}#login-page{justify-content:center;align-items:center;height:90vh;display:flex}#login-page #main-section{background-color:var(--temp);color:var(--text);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);border-radius:15px;width:50%;padding:25px;transition:all .15s ease-in-out}#login-page #main-section:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#login-page #main-section button.switcher{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;width:50%;font-size:clamp(.9rem,3vw,1.5rem)}#login-page #main-section button.switcher.active{border-bottom:none}#login-page #main-section form{flex-direction:column;justify-content:center;margin-top:25px;display:flex}#login-page #main-section form .google{width:fit-content;margin:5px auto}#login-page #main-section form .google button{cursor:pointer;background-color:#fff;border:1px solid #888;border-radius:5px;padding:10px 25px;transition:all .15s ease-in-out;box-shadow:2px 2px #888}#login-page #main-section form .google button:hover{transform:translate(-3px,-3px);box-shadow:5px 5px #888}#login-page #main-section form .google button:active{color:#fff;background-color:#888;transform:translate(2px,2px);box-shadow:0 0 #888}#login-page #main-section form .double{justify-content:space-between;margin-top:-10px;display:flex}#login-page #main-section form .double div{width:49%}#login-page #main-section form .double input{width:100%}#login-page #main-section form label{width:78%;text-shadow:none;font-size:15px}#login-page #main-section form input{border:1px solid var(--selection);border-radius:10px;width:100%;margin-bottom:15px;padding:10px}#login-page #main-section form input:focus{outline:none}#login-page #main-section form button.form-btn{background-color:var(--temp);border:2px solid var(--main);width:fit-content;box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;align-self:center;margin-top:10px;padding:10px 50px;font-size:clamp(.9rem,3vw,1.5rem);transition:all .15s ease-in-out}#login-page #main-section form button.form-btn:hover{box-shadow:5px 5px 0 0 var(--main);transform:translate(-3px,-3px)}#login-page #main-section form button.form-btn:active{background-color:var(--main);color:var(--mainBase);box-shadow:0 var(--main);transform:translate(2px,2px)}@media (width<=1000px){#login-page #main-section{width:90%}#login-page #main-section form .double{margin-top:0}}@media (width<=600px){#login-page #main-section form .double{display:block}#login-page #main-section form .double div{width:100%}}#policy-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;width:100%;margin:0;padding:50px 0}#policy-page section{width:90%;margin:25px auto}#policy-page section ul{margin-left:25px}#policy-page section p{margin:15px 0}#dhome-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;background-size:cover;padding:50px;font-size:30px}#dhome-page #coming-soon{text-align:center;padding:100px 0;font-size:50px}@media (width<=1000px){#dhome-page section{font-size:15px;padding:25px!important}}div.main{width:150px;height:150px;margin:25px auto;position:relative}.loader{border:7.5px solid;border-radius:50%;width:150px;height:150px;animation:1s linear infinite spin;position:absolute}.lo1{border-color:var(--main);border-bottom:none;border-left:none}.lo2{border-color:var(--overBase);border-top:none;border-left:none;width:100px;height:100px;position:absolute;top:25px;left:25px}.lo3{border-color:var(--over2Base);border-top:none;border-right:none;width:50px;height:50px;top:50px;left:50px}#dpeople-page{min-height:90vh}#dpeople-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;background-size:cover;padding:50px 0}#dpeople-page #people-section{color:var(--text);box-sizing:border-box;width:100%;padding:30px;transition:all .15s ease-in-out}#dpeople-page #people-section h1{border-bottom:2px solid var(--main);margin-top:0;margin-bottom:25px;padding-bottom:10px;font-size:28px}#dpeople-page #people-section .btn-box{justify-content:center;display:flex}#dpeople-page #people-section button.switcher{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;width:30%;font-size:clamp(.9rem,3vw,1.5rem)}#dpeople-page #people-section button.switcher.active{background-color:var(--dots);border-bottom:none}#dpeople-page .people-grid{background-color:var(--dots);border:1px dashed var(--hoverText);border-top:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;flex-direction:column;justify-self:center;width:90%;display:flex}#dpeople-page .people-grid .search-box{flex-direction:column;width:100%;margin:25px;display:flex}#dpeople-page .people-grid .search-box label{font-size:clamp(.9rem,3vw,1.5rem)}#dpeople-page .people-grid .search-box input{border:1px solid var(--selection);box-sizing:border-box;background-color:#fff;border-radius:10px;width:50%;padding:10px;font-family:inherit;font-size:clamp(.8rem,1vw,1.5rem)}#dpeople-page .people-grid .search-box input:focus{border-color:var(--main)}#dpeople-page .person-card{background-color:var(--cardA);border:2px solid var(--main);box-shadow:3px 3px 0 0 var(--main);border-radius:12px;flex-direction:column;gap:15px;margin:0 25px 25px;padding:20px;transition:all .15s ease-in-out;display:flex}#dpeople-page .person-card:first-of-type{margin-top:25px}#dpeople-page .person-card:hover{background-color:var(--cardHoverA);box-shadow:5px 5px 0 0 var(--main);transform:translate(-2px,-2px)}#dpeople-page .person-card.pending{border:2px dashed #f0ad4e}#dpeople-page .card-top{border-bottom:1px solid var(--selection);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}#dpeople-page .name-block h4{margin:0;font-size:18px}#dpeople-page .arabic-name{opacity:.7;margin:4px 0 0;font-size:14px}#dpeople-page .badge-container{flex-wrap:wrap;gap:8px;display:flex}#dpeople-page .status-badge{border:2px solid var(--main);text-align:center;text-transform:uppercase;border-radius:6px;align-self:center;padding:4px 10px;font-size:12px;font-weight:700}#dpeople-page .status-badge.role-badge{background-color:var(--selection);color:var(--text)}#dpeople-page .status-badge.unverified{color:#856404;background-color:#fff3cd;border-color:#ffeeba}#dpeople-page .card-info p{margin:0;font-size:14px;line-height:1.6}#dpeople-page .card-footer-actions{border-top:1px solid var(--selection);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:15px;display:flex}#dpeople-page .select-wrapper{align-items:center;gap:10px;display:flex}#dpeople-page .select-wrapper label{font-size:14px;font-weight:700}#dpeople-page .role-select{background-color:var(--temp);color:var(--text);border:2px solid var(--main);cursor:pointer;box-shadow:2px 2px 0 0 var(--main);border-radius:6px;outline:none;padding:6px 12px;font-size:14px;font-weight:700;transition:all .1s ease-in-out}#dpeople-page .role-select:focus{box-shadow:3px 3px 0 0 var(--main);transform:translate(-1px,-1px)}#dpeople-page .delete-btn{color:#d9534f;cursor:pointer;background-color:#0000;border:2px solid #d9534f;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .1s ease-in-out;box-shadow:2px 2px #d9534f}#dpeople-page .delete-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #d9534f}#dpeople-page .delete-btn:active{color:#fff;background-color:#d9534f;transform:translate(2px,2px);box-shadow:0 0 #d9534f}#dpeople-page .no-data{text-align:center;color:var(--text);opacity:.6;padding:30px 0;font-style:italic}@media (width<=1000px){#dpeople-page section{font-size:15px;padding:25px!important}}#devents-page{min-height:90vh}#devents-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;background-size:cover;padding:50px 0}#devents-page #events-section{color:var(--text);box-sizing:border-box;width:100%;padding:30px;transition:all .15s ease-in-out}#devents-page #events-section h1{border-bottom:2px solid var(--main);margin-top:0;margin-bottom:25px;padding-bottom:10px;font-size:28px}#devents-page .form-container{border:1px dashed var(--selection);background-color:#00000005;border-radius:12px;margin-bottom:30px;padding:20px}#devents-page .form-container h3{margin-top:0;margin-bottom:15px;font-size:18px}#devents-page #events-section form{flex-direction:column;gap:15px;display:flex}#devents-page .form-row{flex-wrap:wrap;justify-content:space-between;align-items:end;width:100%;display:flex}#devents-page .form-row .input-group{width:49%}#devents-page .input-group{flex-flow:column wrap;width:100%;display:flex}#devents-page .input-img{grid-template-columns:repeat(2,50%);width:100%;height:200px;display:grid;overflow:hidden}#devents-page .input-img div.display-box{text-align:center;justify-self:center;width:95%;height:100%;position:relative}#devents-page .input-img div.display-box img{object-fit:contain;border-radius:10px;width:100%;height:190px}#devents-page .input-img div.display-box button{color:#d9534f;cursor:pointer;background:0 0;border:1px solid #d9534f;border-radius:5px;padding:5px 15px;font-size:13px;font-weight:700;transition:all .1s ease-in-out;position:absolute;bottom:0;right:0}#devents-page .input-img div.display-box button:hover{color:#fff;background-color:#d9534f}#devents-page .input-img label span:first-of-type{font-size:40px}#devents-page .input-img label{background-color:var(--cardA);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid gray;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .25s ease-in-out;display:flex}#devents-page .input-img label:hover{background-color:var(--cardHoverA)}#devents-page .input-img .img-file{display:none}#devents-page #events-section form label{margin-bottom:6px;font-size:14px;font-weight:600}#devents-page #events-section form input,#devents-page #events-section form textarea{border:1px solid var(--selection);box-sizing:border-box;background-color:#fff;border-radius:10px;padding:10px;font-family:inherit;font-size:15px}#devents-page #events-section form input:focus,#devents-page #events-section form textarea:focus{border-color:var(--main);outline:none}#devents-page .action-row{flex-wrap:wrap;gap:15px;margin-top:5px;display:flex}#devents-page #events-section form button.form-btn,#devents-page .cancel-btn{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;padding:10px 25px;font-size:16px;font-weight:700;transition:all .15s ease-in-out}button.disabled,label.disabled{cursor:pointer;background-color:#aaa;border:2px solid #555;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700}#devents-page .cancel-btn{border-color:var(--selection);box-shadow:2px 2px 0 0 var(--selection)}#devents-page #events-section form button.form-btn.active:hover{box-shadow:4px 4px 0 0 var(--main);transform:translate(-2px,-2px)}#devents-page .cancel-btn:hover{box-shadow:4px 4px 0 0 var(--selection);transform:translate(-2px,-2px)}#devents-page #events-section form button.form-btn.active:active{background-color:var(--main);color:var(--mainBase);box-shadow:0px 0px var(--main);transform:translate(2px,2px)}.divider{background-color:var(--main);border:0;height:2px;margin:35px auto}#devents-page .events-grid{flex-direction:column;gap:20px;margin-top:15px;display:flex}#devents-page .event-card{background-color:var(--cardA);border:2px solid var(--main);box-shadow:3px 3px 0 0 var(--main);border-radius:12px;flex-direction:column;gap:12px;padding:18px;transition:all .15s ease-in-out;display:flex}#devents-page .event-card:hover{background-color:var(--cardHoverA);box-shadow:6px 6px 0 0 var(--main);transform:translate(-3px,-3px)}#devents-page .card-header{border-bottom:1px solid var(--selection);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}#devents-page .card-header h4{margin:0;font-size:18px}#devents-page .event-date{background-color:#0000000d;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:700;line-height:1.4}#devents-page .event-img{width:100px}#devents-page .event-img img{width:100%}#devents-page .event-desc{color:var(--text);opacity:.85}#devents-page .card-actions{border-top:1px solid var(--selection);border-bottom:1px solid var(--selection);flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:12px 0;display:flex}#devents-page .card-actions #event-images{display:none}#devents-page .edit-action-btn,#devents-page .delete-action-btn{border:1px solid var(--main);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .1s ease-in-out}#devents-page .edit-action-btn:hover{background-color:var(--main);color:var(--mainBase)}#devents-page .delete-action-btn{color:#d9534f;border-color:#d9534f}#devents-page .delete-action-btn:hover{color:#fff;background-color:#d9534f}#devents-page .card-images .img-box{flex-wrap:wrap;display:flex}#devents-page .card-images .img-box div{width:75px;height:75px;position:relative}#devents-page .card-images .img-box img{object-fit:contain;border-radius:10px;width:100%;height:100%}#devents-page .card-images .img-box button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#d9534f;cursor:pointer;background:0 0;border:1px solid #d9534f;border-top-right-radius:10px;padding:0 6px;font-size:15px;font-weight:700;transition:all .1s ease-in-out;position:absolute;top:0;right:0}#devents-page .card-images .img-box button:hover{color:#fff;background-color:#d9534f}#devents-page .card-images .preview{width:100px;display:flex;position:relative}#devents-page .card-images .preview img{width:100%}#devents-page .card-images .preview button{cursor:pointer;background-color:#0000;border:none;width:50%;height:100%;transition:all .1s ease-in-out;position:absolute;top:0}#devents-page .card-images .preview button.add{border:1px solid var(--main);left:0}#devents-page .card-images .preview button.add:hover{background-color:var(--main);color:var(--mainBase)}#devents-page .card-images .preview button.clear{border:1px solid #d9534f;right:0}#devents-page .card-images .preview button.clear:hover{background-color:#d9534f}.no-data{text-align:center;color:var(--text);opacity:.6;padding:20px 0;font-style:italic}@media (width<=1000px){#devents-page section{font-size:15px;padding:25px!important}}@media (width<=600px){#devents-page .input-img{grid-template-columns:repeat(1,100%);height:fit-content}#devents-page .input-img div.display-box{height:200px}#devents-page .input-img label{height:150px}#devents-page .form-row .input-group{width:100%}}#dreport-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;padding:50px 0}#dreport-page #reports-section{justify-self:center;width:90%}#dreport-page #reports-section .btn-box{justify-content:center;display:flex}#dreport-page #reports-section .btn-box button.switcher{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;width:50%;font-size:25px}#dreport-page #reports-section .btn-box button.switcher.active{background-color:var(--dots);border-bottom:none}#dreport-page #reports-section div.box{background-color:var(--dots);border:1px dashed var(--hoverText);border-top:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;flex-direction:column;gap:15px;margin-bottom:25px;padding:25px;display:flex}#dreport-page #reports-section h3{text-align:center;margin-bottom:25px}#dreport-page #reports-section .card{background-color:var(--cardA);border:2px solid var(--main);box-shadow:3px 3px 0 0 var(--main);border-radius:12px;flex-direction:column;gap:15px;margin:10px;padding:20px;transition:all .15s ease-in-out;display:flex}#dreport-page #reports-section .card:hover{background-color:var(--cardHoverA);box-shadow:5px 5px 0 0 var(--main);transform:translate(-2px,-2px)}#dreport-page #reports-section .card.pending{border:2px dashed #f0ad4e}#dreport-page #reports-section .card.done{border:2px dashed #0f0}#dreport-page #reports-section .card .card-top{border-bottom:1px solid var(--selection);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}#dreport-page #reports-section .card .name-block h4{margin:0;font-size:18px}#dreport-page #reports-section .card .badge-container{gap:8px;display:flex}#dreport-page #reports-section .card .status-badge{border:2px solid var(--main);text-align:center;text-transform:uppercase;border-radius:6px;align-self:center;padding:4px 10px;font-size:12px;font-weight:700}#dreport-page #reports-section .card .status-badge.role-badge{background-color:var(--selection);color:var(--text)}#dreport-page #reports-section .card .status-badge.unverified{color:#856404;background-color:#fff3cd;border-color:#ffeeba}#dreport-page #reports-section .card .card-info p{margin:0;font-size:14px;line-height:1.6}#dreport-page #reports-section .card .card-footer-actions{border-top:1px solid var(--selection);justify-content:space-between;align-items:center;padding-top:15px;display:flex}#dreport-page #reports-section .card .select-wrapper{align-items:center;gap:10px;display:flex}#dreport-page #reports-section .card .select-wrapper label{font-size:14px;font-weight:700}#dreport-page #reports-section .card .status-select{background-color:var(--temp);color:var(--text);border:2px solid var(--main);cursor:pointer;box-shadow:2px 2px 0 0 var(--main);border-radius:6px;outline:none;padding:6px 12px;font-size:14px;font-weight:700;transition:all .1s ease-in-out}#dreport-page #reports-section .card .status-select:focus{box-shadow:3px 3px 0 0 var(--main);transform:translate(-1px,-1px)}#dreport-page #reports-section .card .delete-btn{color:#d9534f;cursor:pointer;background-color:#0000;border:2px solid #d9534f;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .1s ease-in-out;box-shadow:2px 2px #d9534f}#dreport-page #reports-section .card .delete-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #d9534f}#dreport-page #reports-section .card .delete-btn:active{color:#fff;background-color:#d9534f;transform:translate(2px,2px);box-shadow:0 0 #d9534f}#dreport-page #reports-section .no-data{text-align:center;color:var(--text);opacity:.6;padding:30px 0;font-style:italic}@media (width<=1000px){#dreport-page #reports-section .btn-box button.switcher{padding:10px;font-size:18px}}@media (width<=600px){#dreport-page #reports-section .btn-box button.switcher{font-size:10px}}#dqena-page #main-section{background:linear-gradient(var(--nav), transparent);text-align:center;background-position:50%;background-size:cover;padding:50px}#dqena-page #qena-section{color:var(--text);box-sizing:border-box;width:100%;padding:30px;transition:all .15s ease-in-out}#dqena-page #qena-section h3{text-align:center;margin-bottom:25px}#dqena-page #qena-section .btn-box{justify-content:center;display:flex}#dqena-page #qena-section .btn-box button{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;border-top-left-radius:10px;border-top-right-radius:10px;width:33.4%;font-size:25px}#dqena-page #qena-section .btn-box button.active{background-color:var(--dots);border-bottom:none}#dqena-page #qena-section .form-container{background-color:var(--dots);border:1px dashed var(--hoverText);border-top:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;margin-bottom:25px;padding:20px}#dqena-page #qena-section form{flex-direction:column;gap:15px;display:flex}#dqena-page #qena-section form .input-group{flex-direction:column;width:100%;display:flex}#dqena-page #qena-section form select,#dqena-page #qena-section form input{border:1px solid var(--selection);box-sizing:border-box;background-color:#fff;border-radius:10px;padding:10px;font-family:inherit;font-size:15px}#dqena-page #qena-section form select:focus,#dqena-page #qena-section form input:focus{border-color:var(--main);outline:none}#dqena-page #qena-section form .input-img{grid-template-columns:repeat(2,50%);width:100%;height:200px;display:grid;overflow:hidden}#dqena-page #qena-section form .input-img div.display-box{text-align:center;justify-self:center;width:95%;height:100%;position:relative}#dqena-page #qena-section form .input-img div.display-box img{object-fit:contain;border-radius:10px;width:100%;height:190px}#dqena-page #qena-section form .input-img div.display-box button{color:#d9534f;cursor:pointer;background:0 0;border:1px solid #d9534f;border-radius:5px;padding:5px 15px;font-size:13px;font-weight:700;transition:all .1s ease-in-out;position:absolute;bottom:0;right:0}#dqena-page #qena-section form .input-img div.display-box button:hover{color:#fff;background-color:#d9534f}#dqena-page #qena-section form .input-img label span:first-of-type{font-size:40px}#dqena-page #qena-section form .input-img label{background-color:var(--cardA);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid gray;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .25s ease-in-out;display:flex}#dqena-page #qena-section form .input-img label:hover{background-color:var(--cardHoverA)}#dqena-page #qena-section form .input-img .img-file{display:none}#dqena-page #qena-section form .gender-group{width:100%;display:flex}#dqena-page #qena-section form .gender-group button{border:1px solid var(--hoverText);cursor:pointer;background-color:#0000;width:50%;padding:0;font-size:30px}#dqena-page #qena-section form .gender-group button:first-of-type{border-top-left-radius:10px;border-bottom-left-radius:10px}#dqena-page #qena-section form .gender-group button:last-of-type{border-top-right-radius:10px;border-bottom-right-radius:10px}#dqena-page #qena-section form .gender-group button.female{color:#ff748b;background-color:#ffc0cb80;border-color:#ff748b}#dqena-page #qena-section form .gender-group button.male{color:#00f;background-color:#0000ff80;border-color:#00f}#dqena-page #qena-section form .action-row{gap:15px;margin-top:5px;display:flex}#dqena-page #qena-section form button.form-btn,#dqena-page #qena-section form .cancel-btn{background-color:var(--temp);border:2px solid var(--main);box-shadow:2px 2px 0 0 var(--main);cursor:pointer;border-radius:10px;padding:10px 25px;font-size:16px;font-weight:700;transition:all .15s ease-in-out}#dqena-page #qena-section form .cancel-btn{border-color:var(--selection);box-shadow:2px 2px 0 0 var(--selection)}#dqena-page #qena-section form button.form-btn.active:hover{box-shadow:4px 4px 0 0 var(--main);transform:translate(-2px,-2px)}#dqena-page #qena-section form .cancel-btn:hover{box-shadow:4px 4px 0 0 var(--selection);transform:translate(-2px,-2px)}#dqena-page #qena-section form button.form-btn.active:active{background-color:var(--main);color:var(--mainBase);box-shadow:0px 0px var(--main);transform:translate(2px,2px)}#dqena-page #qena-section .images-box{flex-wrap:wrap;display:flex}#dqena-page #qena-section .images-box .img-box{width:300px;margin:10px;position:relative}#dqena-page #qena-section .images-box .img-box img{object-fit:cover;border-radius:10px;width:100%;height:250px}#dqena-page #qena-section .images-box .img-box button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#d9534f;cursor:pointer;background:0 0;border:1px solid #d9534f;border-top-right-radius:10px;padding:0 12.025px;font-size:35px;font-weight:700;transition:all .1s ease-in-out;position:absolute;top:0;right:0}#dqena-page #qena-section .images-box .img-box button:hover{color:#fff;background-color:#d9534f}#dqena-page #qena-section .staff-box{flex-direction:column;gap:20px;margin-top:15px;display:flex}#dqena-page #qena-section .staff-box .staff-card{background-color:var(--cardA);border:2px solid var(--main);box-shadow:3px 3px 0 0 var(--main);border-radius:12px;flex-direction:column;gap:12px;padding:18px;transition:all .15s ease-in-out;display:flex}#dqena-page #qena-section .staff-box .staff-card:hover{background-color:var(--cardHoverA);box-shadow:6px 6px 0 0 var(--main);transform:translate(-3px,-3px)}#dqena-page #qena-section .staff-box .staff-card .card-header{border-bottom:1px solid var(--selection);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}#dqena-page #qena-section .staff-box .staff-card .card-header h4{margin:0;font-size:18px}#dqena-page #qena-section .staff-box .staff-card .card-body{flex-direction:row-reverse;justify-content:space-between;align-items:center;display:flex}#dqena-page #qena-section .staff-box .staff-card .card-body p{color:var(--text);opacity:.85;font-size:14px}#dqena-page #qena-section .staff-box .staff-card .img-box{width:100px}#dqena-page #qena-section .staff-box .staff-card .img-box img{width:100%}#dqena-page #qena-section .staff-box .staff-card .card-actions{border-top:1px solid var(--selection);flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:12px;display:flex}#dqena-page #qena-section .staff-box .staff-card .edit-action-btn,#dqena-page #qena-section .staff-box .staff-card .delete-action-btn{border:1px solid var(--main);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .1s ease-in-out}#dqena-page #qena-section .staff-box .staff-card .edit-action-btn:hover{background-color:var(--main);color:var(--mainBase)}#dqena-page #qena-section .staff-box .staff-card .delete-action-btn{color:#d9534f;border-color:#d9534f}#dqena-page #qena-section .staff-box .staff-card .delete-action-btn:hover{color:#fff;background-color:#d9534f}#dqena-page #qena-section .model-box{flex-direction:column;gap:20px;margin-top:15px;display:flex}#dqena-page #qena-section .model-box button.delete-students{border:1px solid var(--main);cursor:pointer;background:0 0;border-radius:6px;width:fit-content;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:700;transition:all .1s ease-in-out}#dqena-page #qena-section .model-box button.delete-students:hover{background-color:var(--main);color:var(--mainBase)}#dqena-page #qena-section .model-box .model-card{background-color:var(--cardA);border:2px solid var(--main);box-shadow:3px 3px 0 0 var(--main);border-radius:12px;flex-direction:column;gap:12px;padding:18px;transition:all .15s ease-in-out;display:flex}#dqena-page #qena-section .model-box .model-card:hover{background-color:var(--cardHoverA);box-shadow:6px 6px 0 0 var(--main);transform:translate(-3px,-3px)}#dqena-page #qena-section .model-box .model-card .card-header{border-bottom:1px solid var(--selection);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}#dqena-page #qena-section .model-box .model-card .card-header h4{margin:0;font-size:18px}#dqena-page #qena-section .model-box .model-card .card-body{flex-direction:row-reverse;justify-content:space-between;align-items:center;display:flex}#dqena-page #qena-section .model-box .model-card .card-body p{color:var(--text);opacity:.85;font-size:14px}#dqena-page #qena-section .model-box .model-card .img-box{width:100px}#dqena-page #qena-section .model-box .model-card .img-box img{width:100%}#dqena-page #qena-section .model-box .model-card .card-actions{border-top:1px solid var(--selection);flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:12px;display:flex}#dqena-page #qena-section .model-box .model-card .edit-action-btn,#dqena-page #qena-section .model-box .model-card .delete-action-btn{border:1px solid var(--main);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .1s ease-in-out}#dqena-page #qena-section .model-box .model-card .edit-action-btn:hover{background-color:var(--main);color:var(--mainBase)}#dqena-page #qena-section .model-box .model-card .delete-action-btn{color:#d9534f;border-color:#d9534f}#dqena-page #qena-section .model-box .model-card .delete-action-btn:hover{color:#fff;background-color:#d9534f}@media (width<=1000px){#dqena-page #qena-section .btn-box button{padding:10px;font-size:18px}}@media (width<=600px){#dqena-page #qena-section form .input-img{grid-template-columns:repeat(1,100%);height:fit-content}#dqena-page #qena-section form .input-img div.display-box{height:200px}#dqena-page #qena-section form .input-img label{height:150px}#dqena-page #qena-section .btn-box button{font-size:10px}#dqena-page #qena-section .staff-box .staff-card .card-body,#dqena-page #qena-section .model-box .model-card .card-body{display:block}}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:inherit}::selection{background-color:var(--selection)}::-webkit-scrollbar{width:2px;height:0}::-webkit-scrollbar-thumb{background-color:var(--main)}:root{--main:#390747;--mainBase:#d4cce1;--dots:#00000010;--selection:#00000050;--desc:#00000070;--overBase:#4b0689;--over2Base:#532c83;--over3Base:#66157c;--card:#ca9fd8;--cardA:#ca9fd8aa;--cardHover:#a977b9;--cardHoverA:#a977b9aa;--temp:#ae9dcc7e;--temp2:#ffffff80;--nav:#621aa0;--navScroll:#611aa050;--window:#7821c4a0;--text:#141414;--text2:#d4cce1;--text3:#b8b5be;--hoverText:#8f76b2;--hoverText2:#141414}@font-face{font-family:KufiArabic;src:url(/fonts/KufiArabic.ttf)}@font-face{font-family:NovaSquare;src:url(/fonts/NovaSquare.ttf)}@font-face{font-family:Gugi;src:url(/fonts/Gugi.ttf)}@font-face{font-family:Anta;src:url(/fonts/Anta.ttf)}body{background-color:var(--mainBase);color:var(--text);-webkit-user-select:text;user-select:text;background-size:25px 25px;font-family:Gugi;overflow-x:hidden;background-image:radial-gradient(var(--dots) 15%, transparent 16%)!important;position:static!important;top:0!important}a{color:inherit;text-decoration:none;transition:all .3s ease-in-out}section{font-size:30px}#main-section{color:var(--mainBase);text-shadow:2px 2px 15px var(--main);overflow-wrap:break-word}#main-content{grid-template-columns:20% 80%;display:grid}#not-found{text-align:center;justify-content:center;align-items:center;height:80vh;font-size:50px;display:flex}#not-found .redirect{color:var(--hoverText)}span.qina{color:var(--temp2);font-size:15px}input{outline:none}sup.required-mark{color:#ff000080}input::-webkit-inner-spin-button{visibility:hidden;margin:0}input::-webkit-outer-spin-button{visibility:hidden;margin:0}@media (width<=1000px){section{font-size:15px}#main-content{grid-template-columns:100%;display:grid}#not-found{font-size:20px}}@keyframes slidingLine{0%{transform:translate(5px)}to{transform:translate(-5px)}}@keyframes glowing{0%{box-shadow:0 0 1px 0 var(--mainBase)}to{box-shadow:0 0 5px 0 var(--mainBase)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scroll{0%{transform:translateY(-150px)}25%{transform:translate(0)}50%{transform:translate(0)}75%{transform:translate(0)}to{transform:translateY(150px)}}