*{margin:0;padding:0;--primary-family: "Tajawal", serif;--secondary-family: "IBM Plex Sans Arabic", sans-serif;--font-color: #323234}html,body{text-align:right;font-size:14px;color:var(--font-color);font-family:var(--primary-family);overflow-x:hidden;padding:0;margin:0}.main-container{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow-y:auto;overflow-x:hidden;background:url(/images/bg.svg),linear-gradient(90deg,#fefef7,#eee)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,#fefef7,#eee);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.webgl{position:fixed;top:0;left:0;outline:none;z-index:1}p{font-family:var(--secondary-family);font-size:1.6rem}.hero-flex{position:relative;z-index:2;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}.section{min-height:100vh;width:100%;font-size:3.7rem;display:flex;align-items:center;justify-content:center}.section.hero{padding-top:10vh;min-height:80vh}.section.cards{height:80vh}.container{display:flex;flex-direction:column;align-items:center;position:relative;justify-content:center;width:90%;max-width:1200px;padding:0 15px}.mask{overflow:hidden;height:auto}a{text-decoration:none;color:var(--font-color)}.name{font-size:20px;padding-top:3px}.navbar{display:flex;position:absolute;top:0;justify-content:space-between;font-size:1rem;text-decoration:none;width:90%;padding:3vh 15px;max-width:1200px;font-weight:600;z-index:9}h1{font-weight:500;font-size:70px}h2{font-weight:400;font-size:45px}h3{font-size:28px}.large.follow{font-size:44px;font-weight:500}.follow-text{font-weight:400;margin-left:20px}.nav-links{display:flex;gap:20px;align-items:center;font-size:1rem}.nav-logo{display:flex;gap:10px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:500}.nav-btn{background-color:#f4f3ed;padding:10px 28px;border-radius:20px}.hero-p{color:var(--font-color)}.hello{display:flex;margin-bottom:2vh;align-items:start}.hero-logo{margin:2% 0 0 10px;width:7%}.cards-flex{display:flex;padding-right:10%;gap:8%}.card{width:28%;padding:50px 0;position:relative}.card-box{background-color:#d8d8d67f;position:absolute;width:100%;height:100%;top:0;left:22%}.card p{font-weight:300;margin-top:15px;font-size:20px}.sparkle{position:absolute;top:0;right:0}.sparkle.loading{position:relative;margin-bottom:5vh;width:50px;height:60px}.sparkle.small{margin-top:3.5%;margin-right:3.5%}.sparkle.bottom{position:absolute;left:0;bottom:0;top:auto;right:auto}.sparkle.bottom.small{margin-bottom:3.5%;margin-left:3.5%}.cta-btn{background-color:#9d7ed3;color:#fff;padding:15px 45px;border-radius:60px;border:none;font-size:18px;font-weight:500;position:relative;z-index:8}.cta-btn.hero{margin-top:8vh}button{font-family:var(--primary-family);font-weight:500}.section.contact{min-height:100vh;height:auto;background-image:linear-gradient(120deg,#383838,#242323,#242323);color:#fff}.social-flex{display:flex;align-items:start;height:30vh;flex-wrap:wrap;padding-top:10vh;width:60%;justify-content:start;gap:20%}.social-media{display:flex;direction:ltr;align-items:center;gap:14px}.social-media img{width:28px;height:28px}.contact-cta{display:flex;align-items:center;margin-top:20vh;gap:10px}.container.contact{align-items:start;justify-content:center}.welcome{position:absolute;bottom:8vh;width:60%;transform:translate(53%);z-index:1}.sparkle.contact{color:#fff;position:static;margin-bottom:5px}.social-link{font-family:var(--secondary-family);font-size:1.7rem;color:#fff;transition:color .5s ease;position:relative;z-index:3}.social-link:hover{color:#ffffff92}.flexbox{display:flex;width:90%;max-width:1200px;padding:0 15px;align-items:center;min-height:80vh}.right{width:50%;padding-left:20px;height:100%;display:flex;flex-direction:column;align-items:start}.left{width:50%}p.last-work{font-size:26px;font-weight:400;color:#909091;margin-bottom:3vh}h3.last-work{font-size:34px;margin-bottom:4vh}.card-text{padding-top:5px}.mask.black{background-image:linear-gradient(120deg,#383838,#242323,#242323);height:70vh;display:flex;gap:20px}.ui-img{position:relative;transform:rotate(24.61deg)}.ui-img.large{width:407px;height:859.1px;top:0%;right:35%}.ui-img.mobile{width:150px;height:700px;top:48%;right:40%}@media screen and (max-width: 720px){h1{font-size:34px}h2{font-size:26px}.cta-btn{position:relative;z-index:999;font-size:16px;padding:12px 35px}.cta-btn.hero{margin-top:4vh}.hero-p{display:none}.cards-flex{flex-direction:column;align-items:center;flex-wrap:wrap;justify-content:center;padding-right:0}.card{width:80%;margin-bottom:6vh;background-color:#d8d8d67f;padding:40px}.sparkle,.sparkle.small{display:none}.sparkle.bottom{position:absolute;left:0;bottom:0;top:auto;right:auto;display:none}.sparkle.bottom.small{margin-bottom:3.5%;margin-left:3.5%;display:none}.sparkle.contact,.card-box{display:none}.flexbox{flex-direction:column;margin-bottom:9vh;margin-top:5vh}.right{width:100%;margin-bottom:6vh;justify-content:center;align-items:center}.left{width:100%}.mask.black{height:50vh}.last-work{text-align:center}p.last-work{margin-top:5vh;font-size:20px}h3.last-work{font-size:24px}p{font-size:18px}.large.follow{font-size:30px}.follow-text{font-size:24px;text-align:center}.section.hero{min-height:70vh;padding-top:0}.section.cards{min-height:50vh}.card-text{font-size:20px;text-align:center}.card p{font-size:16px;text-align:center}.section.contact{padding-top:9vh;padding-bottom:9vh;min-height:50vh}.container.contact{align-items:center;justify-content:center}.contact-cta{flex-direction:column;align-items:center;justify-content:center;margin-top:6vh;gap:18px}.social-link{font-size:16px}.social-flex{width:100%;gap:8%;justify-content:center;height:20vh}.welcome{width:70vw;top:24vh}.social-media{padding-left:10%}.nav-logo{display:none}.navbar{justify-content:end}.webgl{position:absolute;top:0;width:100%;height:100%;z-index:1}}