.navigation{position:fixed;bottom:0;left:0;right:0;background-color:var(--white);padding:var(--spacing-h);box-shadow:var(--shadow);z-index:999;transition:var(--transition);animation:slide-up .3s ease-in-out}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.navigation ul{list-style:none}.navigation ul.grid{display:grid;grid-template-columns:repeat(5,1fr)}.navigation ul.flex{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2x)}.navigation ul li{padding:var(--spacing-h)}.navigation ul li div{width:100%;cursor:pointer;text-align:center;text-decoration:none;color:var(--font-color-h);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.navigation ul li div span{font-size:10px;color:var(--font-color-p);text-transform:capitalize}.navigation ul li div span,.navigation ul li svg{transition:var(--transition)}.navigation ul li.active{background-color:var(--light-gray);border-radius:var(--border-radius)}.navigation ul li.active svg{transform:translateY(-8px)}.navigation ul li.active svg path{fill:var(--primary-color)!important}.navigation ul li.active span{color:var(--primary-color)}@media screen and (min-width:768px){.navigation{display:none}}.nav-menu{background-color:var(--white);box-shadow:var(--shadow);overflow-y:scroll;padding:var(--spacing-h)}.nav-menu .container{display:flex;flex-direction:column;gap:var(--spacing);justify-content:space-between;height:100%;padding-bottom:var(--spacing)}.nav-menu.notlogged{display:none}.nav-menu::-webkit-scrollbar{display:none}.nav-menu .top .nav-header .close-div{margin-bottom:var(--spacing);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border);padding-block:var(--spacing-h)}.nav-menu .top .nav-header .close-div .logo a{cursor:pointer}.nav-menu .top .nav-header .close-div .logo a img{width:28px;height:28px}.nav-menu .top .nav-header .close-div .close{cursor:pointer;width:35px;height:35px;border-radius:100%;display:grid;place-content:center;background-color:var(--light-gray)}@media screen and (min-width:768px){.nav-menu .top .nav-header .close-div{display:none}}.nav-menu .top .nav-header .nav-btns{display:flex;flex-direction:column;border-radius:var(--border-radius);overflow:hidden;margin-bottom:var(--spacing-2x)}.nav-menu .top .nav-header .nav-btns .btn{display:block;text-align:center;color:#fff;width:100%;border-radius:0}.nav-menu .top .nav-header .nav-btns .btn:first-child{border-bottom:var(--border);border-color:var(--light-gray)}.nav-menu .top ul{overflow:scroll;border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column;gap:3px;margin-top:var(--spacing-4x)}.nav-menu .top ul::-webkit-scrollbar{display:none}.nav-menu .top ul li{background-color:var(--light-gray);cursor:pointer}.nav-menu .top ul li:not(.btn).active,.nav-menu .top ul li:not(.btn):hover{background-color:var(--gray);color:var(--black)}.nav-menu .top ul li a{padding:var(--spacing-b);text-transform:capitalize;color:var(--font-color-h);width:100%;display:flex;align-items:center;gap:var(--spacing);font-size:var(--font-size-sm)}.nav-menu .top ul li a svg{width:24px;stroke-width:1.3}.nav-menu .top ul li a svg path{fill:none}.nav-menu .logout{text-align:center}.nav-menu .logout span{font-size:var(--font-size-xs);line-height:1}.nav-menu .logout span .btn{width:100%;text-decoration:underline;text-align:center;margin-top:var(--spacing);font-size:var(--font-size-sm);color:var(--primary-color)}.nav-menu .logout span .btn svg path{fill:var(--primary-color)}.nav-menu .logout span .btn:hover{color:var(--white)}.nav-menu .logout span .btn:hover svg path{fill:var(--white)}@media screen and (max-width:768px){.nav-menu{display:flex;position:fixed;top:0;right:0;width:90%;height:100%;transition:var(--transition);z-index:99999}.nav-menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}.nav-menu.notlogged{display:flex}.nav-menu.fadeOut{right:-100%}.nav-menu.fadeIn{right:0}.nav-menu ul li a{padding:var(--spacing);font-size:var(--font-size-nm)}}@media screen and (max-width:450px){.nav-menu{width:100%}}.quick-service{position:fixed;bottom:12%;right:var(--spacing);width:50px;height:50px;border-radius:100%;background:var(--black);box-shadow:var(--shadow);display:grid;place-content:center;z-index:9999;svg{path{fill:var(--white)!important}}}