.navbar{position:absolute;top:0;bottom:0;left:0;margin-left:2rem;width:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:40px 0px;z-index:10;font-family:protest riot}.navbar .nav-item-container{padding:5px;position:relative;transition:transform .3s ease-in-out;display:flex;align-items:center;gap:10px;text-decoration:none}.navbar .nav-item-container .svg-path{fill:var(--nav-svgs);transition:fill .2s ease}.navbar .nav-item-container .nav-label{position:absolute;top:5px;left:32px;font-size:8px;transition:fill .3s ease;visibility:hidden;color:var(--white)}.navbar .nav-item-container.active,.navbar .nav-item-container:hover{transform:scale(2) translate(8px);position:relative}.navbar .nav-item-container.active .nav-label,.navbar .nav-item-container:hover .nav-label{visibility:visible;font-size:-7px;width:max-content}.navbar .nav-item-container.active:after{content:"";position:absolute;width:0;height:1px;top:auto;left:15;bottom:0;background-color:var(--primary-green);animation:expand-line .5s ease-out forwards}.navbar .nav-item-container:hover+.nav-item-container:not(.active){transform:scale(1.5) translate(6px)}.navbar :has(+.nav-item-container:hover):not(.active){transform:scale(1.5) translate(6px)}.navbar .mobile-nav{display:none}[lang=ar] .navbar{font-family:Cairo;font-weight:"600"}[lang=ur] .navbar{font-family:Noto Nastaliq Urdu;font-weight:"600"}[dir=rtl] .navbar{left:auto;right:0;margin-right:2rem;align-items:flex-start}[dir=rtl] .nav-item-container{flex-direction:row-reverse}[dir=rtl] .nav-label{left:auto;right:32px;text-align:right}[dir=rtl] .nav-item-container.active,[dir=rtl] .nav-item-container:hover{transform:scale(2) translate(-8px)}[dir=rtl] .nav-item-container:hover+.nav-item-container:not(.active),[dir=rtl] .navbar :has(+.nav-item-container:hover):not(.active){transform:scale(1.5) translate(-6px)}[dir=rtl] .nav-item-container.active:after{left:auto;right:15px}.nav-label,.mobile-nav-item{direction:inherit;unicode-bidi:plaintext}@media screen and (max-width: 550px){[dir=rtl] .navbar,.navbar{width:100%;margin:0;bottom:auto;height:100px}.navbar .nav-item-container{display:none}.navbar .mobile-nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:120px 0;gap:50px;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:120vh;background-color:var(--mobile-nav-bg);z-index:4;clip-path:circle(50px at 90% -5%);-webkit-clip-path:circle(50px at 90% -5%);transition:all 1s ease-out;pointer-events:none}.navbar .hamburger{height:40px;cursor:pointer;position:absolute;top:0;right:0;margin-right:25px;margin-top:25px;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.navbar .hamburger .line1,.navbar .hamburger .line2,.navbar .hamburger .line3{background-color:var(--primary-green);width:25px;height:2px;transition:all .7s ease}.navbar .hamburger.toggle~.mobile-nav{clip-path:circle(1000px at 93% -2%);-webkit-clip-path:circle(1000px at 93% -2%);pointer-events:all}.navbar .toggle .line1{transform:rotate(-45deg) translate(-5px,4px);background-color:var(--primary-green)}.navbar .toggle .line2{width:0;background-color:var(--primary-green)}.navbar .toggle .line3{transform:rotate(45deg) translate(-5px,-4px);background-color:var(--primary-green)}.navbar .mobile-nav .mobile-nav-item{text-decoration:none;font-size:20px;font-family:Poppins;letter-spacing:5px;color:var(--white)}[lang=ar] .navbar .mobile-nav .mobile-nav-item{font-family:Cairo}[lang=ur] .navbar .mobile-nav .mobile-nav-item{font-family:Noto Nastaliq Urdu}.navbar .mobile-nav .mobile-nav-item.active{color:var(--primary-green)}}.cursor{pointer-events:none}.cursor__ball{position:fixed;top:0;left:0;mix-blend-mode:difference;z-index:1000}.cursor__ball circle{fill:var(--cursor-fill);stroke-width:1;stroke:#fff}@media screen and (max-width: 550px){.cursor{display:none}}button{all:unset}.tt-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;right:0;margin:25px 25px 0;z-index:11;width:50px;height:50px;border-radius:30px;font-size:30px;background-color:transparent;transition:background-color .3s linear;animation:rotate .3s linear forwards}[dir=rtl] .tt-container{left:0;right:auto}.tt-container.dark{background-color:#6f7071}.tt-container.light{background-color:#8fd8ff}@media screen and (max-width: 550px){[dir=rtl] .tt-container,.tt-container{left:0;right:auto;width:35px;height:35px;margin:30px 0 0 25px;font-size:18px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sl-conntainer{position:fixed;display:flex;align-items:center;justify-content:center;top:0;right:0;left:auto;margin:10px 120px 0 100px;z-index:11;width:60px}.sl-conntainer .label{font-size:50px;cursor:pointer}.sl-conntainer .options{position:relative}.sl-conntainer .options.show{visibility:visible;transform:translateY(-10px);transition:all .5s linear}.sl-conntainer .options.hide{visibility:hidden;transform:translateY(0);transition:all .2s linear}.sl-conntainer .options .abs-con{position:absolute;width:max-content;height:300px;overflow-y:auto;margin-left:-90px;margin-right:auto;margin-top:25px;padding:3px;background-color:var(--gray061);border-radius:5px;text-align:left;transition:all .2s ease-in-out}.sl-conntainer .options .abs-con .option{padding:10px;cursor:pointer;background-color:var(--gray061);transition:background-color .3s linear;direction:ltr}.sl-conntainer .options .abs-con .option:hover{background-color:var(--gray07)}[dir=rtl] .sl-conntainer{left:0;right:auto;margin:10px 120px 0}[dir=rtl] .sl-conntainer .options .abs-con{margin-left:auto;margin-right:-90px}@media screen and (max-width: 550px){[dir=rtl] .sl-conntainer,.sl-conntainer{left:0;right:auto;margin:20px 0 0 70px}.sl-conntainer .label{font-size:40px}}