*{margin:0;padding:0;--primary-family: "Poppins","Inter", sans-serif;--secondary-family: "Roboto", sans-serif;--font-color: #0B0B0B;overflow-x:hidden}html,body{font-size:12px;color:var(--font-color);font-family:var(--primary-family);overflow-x:hidden;padding:0;margin:0;font-size:16px}h1,h2{font-weight:600}h1{letter-spacing:-1.5px;font-size:2rem}.section{min-height:100vh;display:flex;flex-direction:column;align-items:center}.section.hero{position:relative;height:110vh}.container{min-height:100vh;width:100%;padding:5vh;display:flex;justify-content:center;align-items:start;max-width:1200px}.hero-flex{padding-top:10vh;display:flex;flex-direction:column;width:100%;align-items:center}.hello{transform:translate(-150px);opacity:0;margin-right:30%;letter-spacing:0px;font-size:1.4rem}.hero-logo{opacity:0;height:130px;margin-left:20%}.portal-container{width:100%}.portal{position:absolute;bottom:0;pointer-events:none}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99}#loading-logo{scale:.5;opacity:1;position:relative;z-index:998;background-color:#fff;border-radius:10%;padding:30px}.progress-line{height:4px;border-radius:90px;width:70%;background-color:#182123d8;z-index:997;left:0;transform-origin:left;transform:scaleX(0)}.loading-box{width:100%;height:50%;background-color:#fff}.down{border:5px white solid}.mask{overflow:hidden;height:auto}.navbar{display:flex;flex-direction:row-reverse;position:fixed;top:0;justify-content:space-between;font-size:1rem;text-decoration:none;width:100%;padding:3vh 0px;max-width:1200px;z-index:999}.nav-logo{height:28px;margin-right:30px;opacity:0}.section.second{z-index:9}.container.second{flex-direction:column;padding:0 4vh}.popup-text{opacity:0;transform:scale(.3);padding:0 4vh;width:100%}.parralex{position:relative;width:100%;min-height:90vh}.box{width:18px;height:19px;border-radius:1px;position:absolute}.box.first{background-color:#ed8e28;right:10%;top:20%;z-index:9}.box.second{background-color:#ffcf65;top:30%;left:20%;z-index:4}.box.third{background-color:#eea238;width:11px;height:11px;bottom:0;right:10%;z-index:3}.screen{border-radius:8px;box-shadow:4px 4px 8px #8a8a8a66;position:absolute;z-index:9;background-color:#fff;padding:10px}.dimond{background-color:#182123;width:170px;bottom:10%;left:10%;z-index:99;display:flex;flex-direction:column;justify-content:space-between;padding-right:0}.empty{width:180px;height:70px;bottom:6%;left:34%;padding:0;z-index:10}.top-bar{background:#a2d6b1;width:100%;height:14px;overflow:hidden;display:flex}.top-bar.dark{background-color:#182123;padding:0 0 0 6px}.map{width:160px;height:120px;bottom:40%;right:14%;display:flex;flex-direction:column}.map-container{display:flex;height:100%;position:relative}.riyadh{color:#a2d6b1;letter-spacing:-1px;line-height:13px;display:flex;flex-direction:column;position:absolute;right:0;top:0;overflow:hidden;height:40px}.based{font-size:8px;color:var(--font-color);letter-spacing:0px;font-weight:600}.map-svg{width:100%}.outer-circle{animation:pulse infinite 2s;transform-origin:center}.chart{width:160px;height:100px;top:20%;left:16%;padding:0}.text{width:160px;height:40px;top:6%;right:10%;z-index:19;overflow:hidden;display:flex}.close{width:20px;height:20px}.threejs{position:relative;color:#fff;font-weight:200;overflow:hidden}.webgl{position:relative;top:0;left:0;outline:none;z-index:30}@keyframes pulse{0%{r:2;opacity:1}50%{r:4;opacity:.8}to{r:3;opacity:.2}}.third-section{background-color:#182123}