/* Build: 2024-09-23T14:57:12.061Z */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;line-height:1.6;color:#333}header{background-color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;width:100%;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center}.rtl-dir{direction:rtl}.logo{width:60px}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:2rem}.nav-links a{text-decoration:none;color:#333;position:relative;font-weight:700}.nav-links a.active::after,.nav-links a:hover::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#d4af37}#bmenu{display:none}.social-links{display:flex;list-style:none}.social-links li{margin-left:1rem}.social-links a{color:#333;font-size:1.2rem}.hero{background-size:cover;background-position:center;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.hero-content{position:relative;z-index:1}.hero h1{font-size:4rem;margin-bottom:1rem}.hero p{font-size:1.5rem;margin-bottom:2rem}.hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:-1}.cta-button{display:inline-block;padding:.8rem 2rem;background-color:#d4af37;color:#fff;text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .3s}.cta-button:hover{background-color:#b8960c}.about{padding:6rem 2rem;text-align:center;background-color:#f9f9f9}.about h2{margin-bottom:3rem;font-size:2.5rem;color:#333}.about-content{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1200px;margin:0 auto}.about-item{flex-basis:30%;margin-bottom:2rem;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.about-item h3{margin-bottom:1rem;color:#d4af37}.projects{padding:6rem 2rem;background-color:#fff}.projects h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:#333}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.project-item{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:10px;overflow:hidden;transition:transform .3s}.project-item:hover{transform:translateY(-5px)}.project-item img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.project-item h3{padding:1rem;text-align:center;font-size:1.5rem;color:#333}.achievements{padding:8rem 2rem;background-color:#333;color:#fff;text-align:center}.achievements h2{margin-bottom:3rem;font-size:2.5rem}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.achievement-item h3{font-size:3rem;color:#d4af37;margin-bottom:.5rem}footer{background-color:#222;color:#fff;padding:4rem 2rem}.footer-content{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:6rem 2rem}.footer-section{flex-basis:30%;margin-bottom:2rem}.footer-section h3{color:#d4af37;margin-bottom:1rem}.footer-bottom{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #444}@media (max-width:824px){.about-item,.footer-section{flex-basis:100%}.hero h1{font-size:3rem}.hero p{font-size:1.2rem}.nav-links{display:inline-block;position:fixed;right:0;top:0;background-color:#fff;width:40%;height:calc(100%);text-align:center;opacity:0;visibility:hidden;transform:translateX(100%);transition:opacity .3s,visibility .3s;z-index:995;padding-top:100px}.nav-links.active{opacity:1;visibility:visible;transform:translateX(0)}.nav-links li{padding-top:24px;margin:10px 0;opacity:0;transform:translateX(50px);transition:opacity .3s,transform .3s}.nav-links.active li{opacity:1;transform:translateX(0);transition-delay:.3s}#bmenu,.social-links{display:none}.toggle{display:flex;flex-direction:column;justify-content:space-between;width:34px;height:24px;position:relative;cursor:pointer;z-index:9999}.bars{width:100%;height:3px;background-color:#e1c341;border-radius:4px;transition:.3s}#bmenu:checked+.toggle #bar1{transform:rotate(45deg) translate(10px,10px)}#bmenu:checked+.toggle #bar2{opacity:0}#bmenu:checked+.toggle #bar3{transform:rotate(-45deg) translate(5px,-5px)}}