:root{--bg-color: #202225;--main-color: #202225;--third-color: #333538;--text-color: #ffffff;--light-color: #d5d6d6;--op-bg: #FFFFFF20;--danger: #B82E2E;--success: #188f58;--warning: #e49908;--primary: #0171c3;--danger-light: #e94f30;--success-light: #1eb972;--warning-light: #f1ae2d;--primary-light: #0190f7;--tran-03: all 0.3s ease;--tran-04: all 0.3s ease;--tran-05: all 0.3s ease}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--success-light) var(--text-color)}html::-webkit-scrollbar{width:5px}html::-webkit-scrollbar-thumb{background:var(--success-light);border-radius:10px}a{text-decoration:none;color:var(--text-color)}a:hover{color:var(--text-color)}body{min-height:100vh;background-image:url(../images/vectors.svg),linear-gradient(45deg, var(--bg-color), var(--main-color));background-size:cover;background-repeat:no-repeat;overflow-x:hidden}p{margin:0}img{width:100%}ul{list-style:none;padding:0;margin:0}button .icon{margin-right:5px}.wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:50px}.wrapper section{width:100%;padding:30px}.add-data .container.error,.update-data .container.error,.delete-data .container.error{top:50px}.container{z-index:99999}.container.error{position:absolute;top:0;max-width:80%;left:4%}.container.error:nth-child(even){margin-top:70px}body{font-family:"Montserrat-Arabic","Cairo",sans-serif;font-size:16px;color:var(--text-color)}body .logo{font-family:"Alkalami","Cairo",Arial}.title{position:relative;text-align:center;width:max-content;margin:auto}.title h1{font-size:32px}button{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:8px;border-radius:500px;border:1px solid var(--success);background:var(--success);color:var(--text-color);font-family:Cairo;font-size:18px;font-style:normal;font-weight:600;line-height:140%}.wrapper .widgets{width:80%;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:20px}.wrapper .widgets .widget{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:25px;width:345px;padding:30px;text-align:center;position:relative;background-color:var(--third-color);border-radius:20px;background-clip:padding-box;border:solid 2px rgba(0,0,0,0)}.wrapper .widgets .widget::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.2509803922), transparent)}.wrapper .widgets .widget .icon{overflow:hidden}.wrapper .widgets .widget .icon img{border:5px solid var(--bg-color);width:100px;height:100px;border-radius:50%}.wrapper .widgets .widget .content{text-align:start}form .fields-container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;gap:30px}form .fields-container .row{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:30px}form .fields-container .row .input-field{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;flex-wrap:wrap;gap:10px;width:max-content}form .fields-container .row .input-field .label{padding-right:15px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:10px}form .fields-container .row .input-field .label .icon{width:24px}form .fields-container .row .input-field .label .icon img{width:100%}form .fields-container .row .input-field .label label{font-size:16px}form .fields-container .row .input-field .input input,form .fields-container .row .input-field .input select{width:350px;border-radius:500px;outline:none;border:none;padding:10px;font-weight:400;font-size:16px;background:var(--third-color);color:var(--text-color)}form .fields-container .row .input-field .input select{appearance:none;background-image:url(../images/icons/down.png);background-repeat:no-repeat;background-position:left .7rem top 50%;background-size:30px auto}form .fields-container .form-footer{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:20px}form .fields-container .form-footer .form-btn button{border-radius:500px;background:var(--success);padding:5px 10px;border:none;color:var(--text-color)}form .fields-container .form-footer p{font-size:14px}form .fields-container .form-footer p span a{color:var(--success)}header{width:100%;position:sticky;top:0;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0;margin:auto;padding:30px;z-index:9999;backdrop-filter:blur(30px)}header nav{border-radius:500px;width:80%;padding:0px 24px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0;background:var(--third-color)}header nav .nav-container{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;position:relative}header nav .nav-container .logo p{font-family:"Alkalami","Cairo";font-size:45px;margin-bottom:10px;font-weight:600}header nav .nav-container .logo p span{color:var(--success)}header nav .nav-container .icon{display:none;cursor:pointer}header nav .nav-container .menu{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0;gap:20px}header nav .nav-container .menu .item{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0;padding:24px 6px}header nav .nav-container .menu .item .link{color:var(--text-color);font-size:16px;font-weight:600}header nav .nav-container .menu .item .link.active{color:var(--success)}header nav .nav-container .menu .item button{background:var(--danger);border-color:var(--danger)}@media screen and (max-width: 1460px){header nav{border-radius:20px}header nav .nav-container .icon{display:block}header nav .nav-container .menu{border-top:2px solid var(--success);width:100%;display:none;text-align:center;flex-direction:column;gap:10px;top:0;backdrop-filter:blur(30px);padding:0 24px}header nav .nav-container .menu .item{width:100%;padding:12px 6px}header nav .nav-container .menu .item .link{margin:auto}header nav .nav-container .menu .item button{width:100%}}@media screen and (max-width: 550px){header nav{width:100%}header nav .nav-container .logo p{font-size:28px}}.join-us .wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:80px}.join-us .wrapper header{backdrop-filter:blur(5px);padding:30px 0;width:100%;position:sticky;top:0;z-index:9999}.join-us .wrapper header .login-header{width:80%;margin:auto;background:var(--third-color);display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0;border-radius:500px;height:75px}.join-us .wrapper header .login-header p.logo{font-size:40px}.join-us .wrapper header .login-header p.logo span{color:var(--success)}.join-us .wrapper .form-container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:60px}.join-us .wrapper .form-container .title{position:relative;text-align:center}.join-us .wrapper .form-container .title h1{font-size:32px}section.home{overflow:hidden}section.home .wrapper .center_brief{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:nowrap;gap:50px;width:80%;padding:20px;border-radius:10px;background-color:var(--op-bg);backdrop-filter:blur(5px)}section.home .wrapper .center_brief .center_logo{width:320px;border-radius:0}section.home .wrapper .center_brief .center_logo img{width:100%;max-height:320px}section.home .wrapper .center_brief .content{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:30px}section.home .wrapper .center_brief .content .about p.center_name{font-size:38px;font-weight:400;padding-bottom:15px}section.home .wrapper .center_brief .content .about p.center_name span{color:var(--success);font-weight:600}section.home .wrapper .center_brief .content .about p.center_description{font-size:14px;color:var(--light-color)}section.home .wrapper .center_brief .content .contact p{font-size:18px;padding-bottom:15px}section.home .wrapper .center_brief .content .contact .social_btns{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:5px}section.home .wrapper .center_brief .content .contact .social_btns .btn{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0px;padding:8px}section.home .wrapper .center_brief .content .contact .social_btns .btn a{height:24px}section.home .wrapper .center_brief .content .contact .social_btns .btn a i{font-size:24px}section.home .wrapper .teachers{overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:48px;padding:30px}section.home .wrapper .teachers .col{background:var(--op-bg);padding:20px;border-bottom-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:10px}section.home .wrapper .teachers .col .icon{width:100px;border-radius:50%;overflow:hidden}section.home .wrapper .teachers .col .icon img{height:100px}section.home .wrapper .teachers .col .title{background:var(--main-color);padding:5px 10px;border-radius:5px;font-size:16px;font-weight:500;text-shadow:0px 4px 4px rgba(0,0,0,.25)}@media(max-width: 1200px){section.home .wrapper .center_brief{flex-direction:column;justify-content:center;align-items:center}section.home .wrapper .center_brief .center_logo{padding:0 20px}section.home .wrapper .center_brief .content{text-align:center;justify-content:center;align-items:center}}.centers_section{padding:30px 0 50px 0}.centers_section .wrapper .widgets .widget .content{text-align:center}.centers_section .wrapper .widgets .widget .content .name{font-size:20px;padding-bottom:5px}.centers_section .wrapper .widgets .widget .content .name span{color:var(--success)}.centers_section .wrapper .widgets .widget .content .description{color:var(--light-color);font-size:14px;font-weight:400}.centers_section .wrapper .widgets .widget .details{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:50px}.centers_section .wrapper .widgets .widget .details .column .name{font-size:18px;padding-bottom:5px}.centers_section .wrapper .widgets .widget .details .column .number{padding:0px 25px;border-radius:500px;background-color:var(--op-bg);color:var(--success);font-weight:700}.teachers_section,.lectures_section{padding:30px 0 50px 0}.teachers_section .wrapper .widgets .widget,.lectures_section .wrapper .widgets .widget{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:15px;padding:20px}.teachers_section .wrapper .widgets .widget .content .name,.lectures_section .wrapper .widgets .widget .content .name{font-size:20px;padding-bottom:5px}.teachers_section .wrapper .widgets .widget .content .name span,.lectures_section .wrapper .widgets .widget .content .name span{color:var(--success)}.teachers_section .wrapper .widgets .widget .content .subject,.teachers_section .wrapper .widgets .widget .content .lectures,.lectures_section .wrapper .widgets .widget .content .subject,.lectures_section .wrapper .widgets .widget .content .lectures{color:var(--light-color);font-size:14px}.lectures_section{padding:30px 0 50px 0}.lectures_section .wrapper .widgets a{pointer-events:none}.lectures_section .wrapper .widgets a .widget .icon{width:100px;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0;border:5px solid var(--bg-color);border-radius:50%}.lectures_section .wrapper .widgets a .widget .icon img{border:none;border-radius:0;width:60px;height:60px}.lectures_section .wrapper .widgets a .widget .content .date,.lectures_section .wrapper .widgets a .widget .content .teacher,.lectures_section .wrapper .widgets a .widget .content .subject{color:var(--light-color);font-size:14px}/*# sourceMappingURL=user.min.css.map */