@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes navbarShrink{0%{height:80px;padding:20px 40px}to{height:54px;padding:9px 11px 9px 40px}}.navbar-menu-icon{width:24px;height:18px;position:relative}.navbar-menu-icon,.navbar-menu-icon span{display:block;transition:all .3s ease-in-out}.navbar-menu-icon span{background-color:#000;border-radius:2px;height:2px;width:100%;position:absolute;left:0}.navbar-menu-icon span:first-child{top:0}.navbar-menu-icon span:nth-child(2){top:8px}.navbar-menu-icon span:nth-child(3){top:16px}.navbar-menu-icon.open span{background-color:#000}.navbar-menu-icon.open span:first-child{transform:rotate(45deg);top:8px}.navbar-menu-icon.open span:nth-child(2){opacity:0}.navbar-menu-icon.open span:nth-child(3){transform:rotate(-45deg);top:8px}.navbar.scrolled .navbar-menu-icon span,.navbar.scrolled.open span{background-color:#000}.navbar{background-color:#f7f6f2;padding:20px 40px;height:80px;position:fixed;z-index:1000;top:0;left:0;right:0;margin:0 auto;width:100%;transition:all .5s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:1200px){.navbar{padding-right:20px!important}}.navbar .btn{width:109px!important}.navbar-container{justify-content:space-between}.navbar-container,.navbar-logo,.navbar-logo a{display:flex;align-items:center}.navbar-logo a{line-height:0}.navbar-logo a img{height:25px;transition:height .1s ease}.navbar-links,.navbar-links a{display:flex;align-items:center}.navbar-links a{font-family:Almarai,sans-serif;margin:0 15px;text-decoration:none;color:#000;font-size:1rem;position:relative;transition:color .1s ease;font-weight:500}.navbar-links a .dot{height:8px;width:8px;background-color:#fcca31;border-radius:50%;position:absolute;top:50%;left:-15px;opacity:0;transform:scale(0) translateY(-50%);transition:transform .3s ease,opacity .3s ease}@media(max-width:768px){.navbar-links a .dot{height:6px;width:6px}}.navbar-links a:hover .dot{opacity:1;transform:scale(1) translateY(-50%)}.navbar-links.open{display:flex;flex-direction:column;position:absolute;align-items:start;top:64px;right:20px;width:240px;background-color:#fff;padding:10px 30px 10px 50px;border-radius:20px;box-shadow:0 8px 16px rgba(0,0,0,.1);z-index:999}.navbar-links.open .nav-link,.navbar-links.open a{margin:10px 0;color:#0c0c0d!important}.navbar-links.open .nav-link .dot,.navbar-links.open a .dot{opacity:1;transform:scale(1) translateY(-50%)}.navbar-cta .cta-button{padding:5px 18px;background-color:#fcca31;color:#fff;border-radius:50px;text-decoration:none;transition:background-color .1s ease}.navbar-menu-icon{display:none;font-size:24px;cursor:pointer;color:#000}.navbar.scrolled{background-color:#fff;padding:9px 11px 9px 40px;height:54px;width:55%;top:10px;left:0;right:0;margin:0 auto;border-radius:30px;box-shadow:0 2px 16px rgba(0,0,0,.08)}.navbar.scrolled .navbar-logo img{height:25px}.navbar.scrolled .navbar-logo a{margin-left:-5px;color:#000!important}.navbar.scrolled .nav-link,.navbar.scrolled .navbar-links a{color:#000!important}.navbar.scrolled .navbar-cta .cta-button{background-color:#fcca31;margin-right:-30px}.navbar.scrolled .navbar-menu-icon{color:#000}@media(max-width:992px){.navbar{padding:15px 30px;height:56px}.navbar.scrolled{width:60%}}@media(max-width:1200px){.navbar{padding:10px 20px}.navbar .dot{height:8px;width:8px;background-color:#fcca31;border-radius:50%;position:absolute;top:50%;left:-15px;opacity:0;transform:scale(0) translateY(-50%);transition:transform .3s ease,opacity .3s ease}.navbar-logo img{height:20px}.navbar-links{display:none}.navbar-links.open{display:flex;animation:slideDown .3s ease-out forwards}.navbar-menu-icon{display:block}.navbar.scrolled{width:70%}}@media(max-width:576px){.navbar{padding:10px 15px}.navbar-container{flex-direction:row;gap:5px}.navbar.scrolled{width:90%;top:1%}}@media(max-width:400px){.navbar .navbar-menu-icon{margin-top:-2.4px}.navbar .btn{width:96px!important}.navbar-links .nav-link,.navbar-links a{font-size:.8rem}.navbar-cta .cta-button{padding:4px 10px;font-size:.8rem;margin:0 10px!important}.navbar.scrolled{padding:11px 20px 11px 30px}}.navbar.unscrolled{transition:all .5s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:768px){.navbar.scrolled{padding:10px 20px!important}}@media screen and (max-width:1200px){.desktop-portfoliv-nav{display:none}.mobile-portfoliv-nav{display:block}}@media screen and (min-width:1199px){.desktop-portfoliv-nav{display:block}.mobile-portfoliv-nav{display:none}}