*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif;transition:all .4s}:root{--container-inline-padding:10%}html{scroll-behavior:smooth}input,textarea{caret-color:var(--main-color);resize:none;outline:none}a{color:inherit;text-decoration:none}img{max-width:100%}.flex{display:flex}.wrap{flex-wrap:wrap}.flex-1{flex:1}.center{justify-content:center;align-items:center;display:flex}.container{padding-inline:var(--container-inline-padding)}.between{justify-content:space-between;align-items:center;display:flex}.w-100{width:100%}input{caret-color:var(--var-color)}.relative{position:relative}.flex-start{justify-content:center;display:flex}body{--body-color:#fff;--main-color:#7c5e34;--transparent-color:#7c5e3417;--border-color:#83838340;--section-color:#f0f1f3;--font-color:#000;--box-shadow:0 0 16px #eee;background-color:var(--section-color);--aside-color:#e7e9eb;color:var(--font-color);--hover-color:#a88451;overflow-x:hidden}body.dark{--body-color:#121212;--main-color:#7c5e34;--transparent-color:#7c5e3417;--border-color:#ffffff20;--section-color:#1a1a1a;--font-color:#f5f5f5;--box-shadow:0 0 16px #00000080;--aside-color:#1f1f1f;--hover-color:#1565c0}.section-color{background-color:var(--section-color)}.body-color{background-color:var(--body-color)}.transparent-background{background-color:var(--transparent-color)}body.arabic{direction:rtl}.flex-direction{flex-direction:column}.font-color{color:var(--font-color)}body::-webkit-scrollbar{width:10px}::-webkit-scrollbar{width:5px;height:10px}::-webkit-scrollbar-thumb{background-color:#5b5b5b}::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}::-webkit-scrollbar-track{background-color:var(--border-color)}.gap-20{gap:20px}.gap-10{gap:10px}.align-start{align-items:flex-start}.main-padding{padding-block:50px}.en-arrow:hover i{animation:.3s infinite alternate en-arrow}.align-center{align-items:center}.c-pointer{cursor:pointer}.field-error{color:red;font-weight:600}.grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.two-line-ellipsis{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.one-line-ellipsis{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1000px){.grid-3{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:15px}:root{--container-inline-padding:7%}.main-padding{padding-block:40px}}@media (max-width:800px){.grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}:root{--container-inline-padding:5%}.main-padding{padding-block:30px}}@media (max-width:600px){.grid-3{gap:10px}:root{--container-inline-padding:4%}.main-padding{padding-block:20px}}@media (max-width:400px){.grid-3{grid-template-columns:1fr}:root{--container-inline-padding:3%}}@keyframes en-arrow{to{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-header{z-index:2;height:80px;box-shadow:0 0 20px 0 var(--aside-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff75;align-items:center;display:flex;position:sticky;top:0}body.dark .home-header{background-color:#141419a8}.home-header .icon-button.body-color{background-color:#0000}.home-header .icon-button.body-color:hover{background-color:var(--aside-color)}.home-header .logo{color:var(--main-color);align-items:center;gap:10px;display:flex}.home-header .logo img{object-fit:contain;width:55px;height:55px}.home-header .logo h2{text-transform:uppercase;font-size:16px;font-weight:700;line-height:1.3}.home-header .logo h4{text-transform:capitalize;font-size:13px;font-weight:600;line-height:1}.home-header nav{text-transform:capitalize;color:var(--font-color);justify-content:center;align-items:center;gap:10px;display:flex}.home-header nav a{font-size:17px;font-weight:600;position:relative}.home-header nav a.active,.home-header nav a:hover{text-shadow:0 0 20px var(--main-color);color:var(--main-color)}.home-header nav a:not(.active):after{content:"";background-color:var(--main-color);width:0;height:2px;transition:all .4s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.home-header nav a:not(.active):hover:after{width:100%}.home-header .mobile-menu{display:none}.home-header .language{background-color:var(--body-color);border-radius:6px;animation:.4s fadeIn;position:absolute;top:100%;overflow:hidden}.home-header .language h4{cursor:pointer;border-bottom:solid 1px var(--border-color);text-transform:capitalize;padding-inline:5px;font-size:max(11px,1.1vw);font-weight:600;line-height:1.5}.home-header .language h4:hover,.home-header .language h4.active{background-color:var(--border-color);font-weight:700}@media (max-width:1000px){.home-header .logo{gap:8px}.home-header .logo img{width:30px;height:30px}.home-header .logo h2{font-size:15px}.home-header .logo h4{font-size:12px}.home-header nav a{font-size:15px}.home-header{height:75px}}@media (max-width:800px){.home-header .contact-btn{display:none}.home-header .logo h2{font-size:13px}.home-header .logo h4{font-size:11px}.home-header .logo img{width:28px;height:28px}.home-header{height:70px}.home-header nav a{font-size:14px}}@media (max-width:600px){.home-header{height:60px}.home-header .items-container{justify-content:flex-end}.home-header .mobile-menu{display:block}.home-header nav{background-color:var(--aside-color);width:100%;padding-inline:var(--container-inline-padding);flex-direction:column;gap:0;animation:.3s fadeIn;display:none;position:absolute;top:100%;left:0}.home-header nav.active{display:flex}.home-header .logo h2{font-size:12px}.home-header nav a{width:100%;font-size:13px}.home-header nav a:not(.active):after{display:none}}@media (max-width:400px){.home-header{height:55px}.home-header .logo{gap:6px}.home-header .logo img{width:26px;height:26px}.home-header .logo h2{font-size:11px}.home-header .logo h4{font-size:10px}.home-header nav a{font-size:12px;line-height:1.5}}.btn{text-transform:capitalize;cursor:pointer;letter-spacing:1px;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:8px 10px;display:flex}.btn.update,.icon-button.update{--main-color:#0ea5e9;--hover-color:#0284c7;--transparent-color:#0ea5e930}.btn.delete,.icon-button.delete{--main-color:#e61313;--hover-color:#8b2222;--transparent-color:#eb040423}.btn.save,.icon-button.save{--main-color:#1b944d;--hover-color:#19703d;--transparent-color:#1b944d1f}.btn.cancel,.icon-button.cancel{--main-color:#5a5a5a;--hover-color:#464646;--transparent-color:#5a5a5a21}.btn.transparent{background-color:var(--transparent-color);color:var(--main-color)}.btn.transparent:hover{background-color:var(--main-color);color:#fff}.btn.contained{background-color:var(--main-color);color:#fff;border:1px solid #0000}.btn.contained:hover{background-color:var(--hover-color)}.btn.outlined{border:solid 1px var(--main-color);color:var(--main-color);z-index:1;background-color:#0000;position:relative;overflow:hidden}.btn.outlined:hover{color:#fff}.btn.outlined:before{content:"";z-index:-1;transition:all .4s;position:absolute}.btn.outlined:hover:before{box-shadow:0 0 0 250px var(--main-color)}button.sending:disabled{opacity:.9}.btn.sending article{border:3px solid;border-radius:50%;width:15px;height:15px;animation:1s linear infinite loader;display:block}.btn.sending.contained article{border-color:#fff #fff #fff #9b9b9b}.btn.sending.outlined article{border-color:var(--btn-bg)var(--btn-bg)var(--btn-bg)#9b9b9b}.icon-button{cursor:pointer;width:40px;height:40px;color:var(--font-color);background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:flex;position:relative}.icon-button .icon-button-hover{color:#fff;opacity:0;pointer-events:none;z-index:1;background-color:#222;width:max-content;max-width:130px;padding:5px 6px;font-size:12px;position:absolute}.icon-button-hover.bottom{top:100%;left:50%;transform:translate(-50%)}.icon-button-hover.top{top:-85%;left:50%;transform:translate(-50%)}.icon-button-hover.rigth{top:50%;left:50px;transform:translateY(-50%)}.icon-button-hover.left{top:50%;right:45px;transform:translateY(-50%)}.icon-button:hover .icon-button-hover{opacity:1}.icon-button:not(.body-color,.secondry-color).contained{background-color:var(--main-color);color:#fff}.icon-button:not(.body-color,.secondry-color).contained:hover{background-color:var(--hover-color)}.icon-button:not(.body-color,.secondry-color).outlined{border:solid 2px var(--main-color);color:var(--main-color);background-color:#0000}.icon-button:not(.body-color,.secondry-color).outlined:hover{background-color:var(--main-color);color:#fff;border-color:#0000}.icon-button:not(.body-color,.secondry-color).transparent{background-color:var(--transparent-color);color:var(--main-color)}.icon-button:not(.body-color,.secondry-color).transparent:hover{background-color:var(--main-color);color:#fff}.icon-button.body-color{background-color:var(--body-color)}.icon-button.secondry-color{background-color:var(--section-color)}.icon-button:not(.main):hover{background-color:var(--border-color)}.icon-button-hover:before{content:"";background:#000;border-radius:50%;width:10px;height:10px;position:absolute}.icon-button-hover.bottom:before{top:-3px;left:50%;transform:translate(-50%)}.icon-button-hover.top:before{bottom:-3px;left:50%;transform:translate(-50%)}.icon-button-hover.left:before{top:50%;right:-3px;transform:translateY(-50%)}.icon-button-hover.right:before{top:50%;left:-3px;transform:translateY(-50%)}@media (max-width:800px){.icon-button{width:30px;height:30px;font-size:14px}.icon-button .icon-button-hover{font-size:11px}.btn{letter-spacing:0;gap:4px 6px;padding:6px 8px;font-size:13px}}@media (max-width:500px){.icon-button{width:27px;height:27px;font-size:13px}.icon-button .icon-button-hover{font-size:10px}.btn{gap:2px 5px;padding:4px 6px;font-size:11px}}.loader{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#ffffff3b;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.loader .spiner{border:4px solid #ffffffb0;border-top-color:#10a396;border-radius:50%;width:50px;height:50px;animation:1s linear infinite loader;display:block}@keyframes loader{to{rotate:360deg}}footer.home-footer{color:#fff;background-color:#000;padding-block:30px}footer.home-footer .footer-header{gap:20px;margin-bottom:15px}footer.home-footer .footer-header>div{flex:250px}footer.home-footer .footer-header>div h1{text-transform:capitalize;color:var(--main-color);letter-spacing:1px;opacity:.7;font-size:30px;font-weight:600;line-height:1}footer.home-footer .footer-header>div .socials{gap:10px;margin-top:15px;display:flex}footer.home-footer .footer-header>div .socials a{color:#777;background-color:#2c2c2c;border-radius:4px;justify-content:center;align-items:center;width:25px;height:25px;font-size:15px;display:flex}footer.home-footer .footer-header>div .socials a:hover{background-color:#1c1c1c;transform:translateY(-3px)}footer.home-footer .footer-header>div p{color:#777;margin-top:10px;font-size:14px}footer.home-footer .footer-header>div h2{text-transform:capitalize;color:#888;margin-bottom:10px;font-size:24px;font-weight:500;line-height:1}footer.home-footer .footer-header>div.links{flex-direction:column;display:flex}footer.home-footer .footer-header>div.links a{color:#ccc;text-transform:capitalize;line-height:1.5}footer.home-footer .footer-header>div.links a:hover{color:var(--main-color);transform:translate(10px)}footer.home-footer .footer-header .info{color:#888;text-transform:capitalize;align-items:center;gap:5px;font-size:16px;display:flex}footer.home-footer .footer-header .info svg{color:#555;font-size:90%}footer.home-footer>p{border-top:solid 1px var(--border-color);text-align:center;opacity:.5;padding-top:10px}@media (max-width:1000px){footer.home-footer .footer-header>div h2,footer.home-footer .footer-header>div h1{font-size:20px}footer.home-footer .footer-header>div p,footer.home-footer .footer-header>div.links a{font-size:13px}footer.home-footer .footer-header .info,footer.home-footer>p{font-size:14px}}@media (max-width:600px){footer.home-footer{padding-block:20px}footer.home-footer .footer-header>div h2,footer.home-footer .footer-header>div h1{margin-bottom:5px;font-size:18px}footer.home-footer .footer-header>div .socials{margin-top:10px}footer.home-footer .footer-header>div .socials a{width:23px;height:23px;font-size:14px}footer.home-footer .footer-header>div p,footer.home-footer .footer-header>div.links a{font-size:12px}footer.home-footer .footer-header>div{flex:100%}footer.home-footer .footer-header{gap:10px;margin-bottom:10px}footer.home-footer .footer-header>div.links{border-block:1px solid #8a8a8a23;padding-block:10px}footer.home-footer .footer-header .info,footer.home-footer>p{gap:3px;font-size:13px}footer.home-footer .footer-header>div{gap:5px}}@media (max-width:400px){footer.home-footer{padding-block:10px}footer.home-footer .footer-header>div h2,footer.home-footer .footer-header>div h1{margin-bottom:3px;font-size:16px}footer.home-footer .footer-header>div .socials{gap:5px}footer.home-footer .footer-header>div .socials a{width:20px;height:20px;font-size:13px}footer.home-footer .footer-header>div p,footer.home-footer .footer-header>div.links a{margin:0;font-size:11px}footer.home-footer .footer-header{gap:5px;margin-bottom:5px}footer.home-footer .footer-header>div.links{border-block:1px solid #8a8a8a23;padding-block:8px}footer.home-footer .footer-header .info,footer.home-footer>p{font-size:12px}footer.home-footer .footer-header>div{gap:3px}}.tooltip-container{display:inline-block;position:relative}.tooltip-text{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:11;background-color:#222;border-radius:6px;padding:6px 10px;font-size:14px;transition:all .2s;position:absolute}.tooltip-container.top .tooltip-text{bottom:125%;left:50%;transform:translate(-50%)}.tooltip-container.top:hover .tooltip-text{transform:translate(-50%)translateY(-4px)}.tooltip-container.top .tooltip-text:after{content:"";border:6px solid #0000;border-top-color:#222;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-container.bottom .tooltip-text{top:125%;left:50%;transform:translate(-50%)}.tooltip-container.bottom:hover .tooltip-text{transform:translate(-50%)translateY(4px)}.tooltip-container.bottom .tooltip-text:after{content:"";border:6px solid #0000;border-bottom-color:#222;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-container.left .tooltip-text{top:50%;right:125%;transform:translateY(-50%)}.tooltip-container.left:hover .tooltip-text{transform:translateY(-50%)translate(-4px)}.tooltip-container.left .tooltip-text:after{content:"";border:6px solid #0000;border-left-color:#222;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.tooltip-container.right .tooltip-text{top:50%;left:125%;transform:translateY(-50%)}.tooltip-container.right:hover .tooltip-text{transform:translateY(-50%)translate(4px)}.tooltip-container.right .tooltip-text:after{content:"";border:6px solid #0000;border-right-color:#222;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}:root{--dashboard-padding:9%}.dashboard-header .top-header{height:55px;padding-inline:var(--dashboard-padding);color:#fff;background-color:#2c3e50;justify-content:space-between;align-items:center;display:flex}.dashboard-header .top-header .logo{text-transform:uppercase;align-items:center;gap:5px;display:flex}.dashboard-header .top-header .logo svg{color:var(--main-color)}.dashboard-header .top-header .language-options{background-color:#253647;border-radius:6px;animation:.3s fadeIn;position:absolute;top:100%;overflow:hidden}.dashboard-header .top-header .language-options p{cursor:pointer;border-bottom:1px solid #334557;padding:3px 8px;font-size:15px;line-height:1.3}.dashboard-header .top-header .language-options p:hover,.dashboard-header .top-header .language-options p.active{background-color:#334557}.dashboard-header .top-header article{gap:10px;display:flex}.dashboard-header .bottom-header{background-color:var(--body-color);height:65px;padding-inline:var(--dashboard-padding);display:flex}.bottom-header .link{position:relative}.bottom-header .link h2{text-transform:capitalize;cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:10px;height:100%;padding-inline:15px;font-size:17px;display:flex}.bottom-header .link:hover h2,.bottom-header .link.active h2{border-color:var(--main-color);background-color:var(--section-color)}.bottom-header .link:has(.active) h2{border-color:var(--main-color);background-color:var(--section-color)}.bottom-header .link article{background-color:var(--body-color);z-index:4;flex-direction:column;min-width:100%;animation:.3s fadeIn;display:none;position:absolute;top:100%;left:0}.bottom-header .link:hover article{display:flex}.bottom-header .link article a{text-transform:capitalize;white-space:nowrap;border-bottom:solid 1px var(--border-color);align-items:center;gap:5px;padding:5px 10px;font-size:14px;display:flex}.bottom-header .link article a:hover,.bottom-header .link article a.active{background-color:var(--aside-color)}.dashboard-main{padding:40px var(--dashboard-padding)}.dashboard-form{background-color:var(--body-color);box-shadow:var(--box-shadow);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:10px 20px;margin-bottom:10px;padding:20px;display:grid}.dashboard-form.flex-form{flex-wrap:wrap;display:flex}.dashboard-form-container .submit-btn{justify-self:end}.flex-form .upload-file{flex:300px}.dashboard-form-container .editor{flex-direction:column;flex:1;min-height:300px;display:flex}.dashboard-form-container .editor>div{background-color:var(--section-color);border-radius:5px;flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard-form-container .editor>div [data-pc-section=content]{border-color:var(--border-color);flex:1}.dashboard-form-container .editor>div [data-pc-section=toolbar]{border-color:var(--border-color);direction:ltr}@media (max-width:1000px){:root{--dashboard-padding:7%}.dashboard-header .top-header .logo{font-size:15px}.bottom-header .link h2{gap:8px;padding-inline:12px;font-size:16px}.bottom-header .link article a{padding:4px 9px;font-size:13px}.dashboard-header .top-header .language-options p{padding:2px 7px;font-size:14px}}@media (max-width:800px){:root{--dashboard-padding:6%}.dashboard-header .top-header .logo{font-size:14px}.dashboard-header .top-header{height:50px}.dashboard-header .bottom-header{height:60px}.bottom-header .link h2{gap:6px;padding-inline:9px;font-size:15px}.bottom-header .link article a{gap:4px;padding:3px 8px;font-size:12px}.dashboard-header .top-header .language-options p{padding:2px 6px;font-size:13px}}@media (max-width:600px){:root{--dashboard-padding:5%}.dashboard-header .top-header .logo{font-size:12px}.dashboard-header .top-header{height:45px}.dashboard-header .bottom-header{height:50px}.bottom-header .link h2{gap:4px;padding-inline:6px;font-size:14px}.bottom-header .link article a{gap:3px;padding:3px 6px;font-size:11px}.dashboard-form{grid-template-columns:1fr;gap:5px;padding:10px}.dashboard-header .top-header .language-options p{padding:2px 5px;font-size:11px}}@media (max-width:400px){:root{--dashboard-padding:3%}.dashboard-header .top-header .logo{font-size:11px}.dashboard-header .top-header{height:35px}.dashboard-header .bottom-header{height:40px}.bottom-header .link h2{border-bottom-width:1.4px;padding-inline:4px;font-size:11px}.bottom-header .link article a{gap:2px;padding:2px 4px;font-size:10px}.dashboard-header .top-header article svg{font-size:12px}.dashboard-header .top-header .language-options p{padding:2px 4px;font-size:10px}}