.menu-bar-container{width:100%;display:flex;justify-content:center;margin:1.5rem 0}.menu-bar-container .menu-box{background-color:#0a1635;border-radius:1.25rem;padding:1rem 2rem;width:90%;box-shadow:0 4px 6px rgba(0,0,0,.1)}.menu-bar-container .menu-box .menu-content{display:flex;justify-content:center;align-items:center;color:#fff}.menu-bar-container .menu-box .menu-content .menu-scroll-container{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.menu-bar-container .menu-box .menu-content .menu-scroll-container ::-webkit-scrollbar{display:none}.menu-bar-container .menu-box .menu-content .menu-scroll-container .category{display:flex;align-items:center;justify-content:center;gap:.75rem;width:180px;height:50px;padding:.75rem 1.5rem;border-radius:1.25rem;background-color:#122254;cursor:pointer;transition:all .3s}.menu-bar-container .menu-box .menu-content .menu-scroll-container .category.active,.menu-bar-container .menu-box .menu-content .menu-scroll-container .category:hover{background-color:#1f3a93;transform:scale(1.05)}.menu-bar-container .menu-box .menu-content .menu-scroll-container .category img{width:24px;height:24px}.menu-bar-container .menu-box .menu-content .menu-scroll-container .category .category-name{font-size:.875rem}@media(max-width:600px){.menu-bar-container .menu-box{padding:1rem}.menu-bar-container .menu-content .menu-scroll-container{gap:.5rem}.menu-bar-container .menu-content .menu-scroll-container .category{width:33.33%;text-align:center}}