.menu{z-index:100}.menu .menu-table-dropdown{height:min(50vh,500px);opacity:0;transform:perspective(600px) translateY(10px);visibility:hidden;transition:all .3s}.menu .menu-table-dropdown>.w-25{overflow:auto}.menu .menu-table-dropdown>.w-25::-webkit-scrollbar{width:2px}.menu .menu-table-root_item>a{color:#282828;padding:clamp(0px,.439238653vw,6px) clamp(10px,1.7886178862vw,22px);font-size:clamp(14px,1.3821138211vw,17px);line-height:1.7647058824;background:#fff;border-radius:6px}.menu .menu-table-root_item:hover .menu-table-dropdown{opacity:1;transform:perspective(600px) translateY(0);visibility:visible}.menu .cat-group{overflow:auto;-moz-column-count:3;column-count:3;-moz-column-gap:clamp(10px,2.4390243902vw,30px);column-gap:clamp(10px,2.4390243902vw,30px);opacity:0;transform:perspective(600px) translateY(10px);transform-origin:0 0 0;visibility:hidden;transition:all .3s}.menu .cat-group .cat-column{-moz-column-break-inside:avoid;break-inside:avoid}.menu .list_item:hover .cat-group{opacity:1;transform:perspective(600px) translateY(0);visibility:visible}.menu ul{list-style:none;margin:auto;width:100%}.menu ul li a{color:#282828;padding:clamp(0px,.439238653vw,6px) clamp(10px,1.7886178862vw,22px);font-size:clamp(14px,1.3821138211vw,17px);line-height:1.7647058824;background:#fff;border-radius:6px}.menu ul li a svg path{fill:#282828}.menu ul li a.has-child{margin-right:8px;padding-right:16px}.menu ul li a.has-child:after{border:1px solid #fafafa;border-left:0;border-top:0;position:absolute;top:50%;right:5px;translate:0 -50%;content:"";height:5px;width:5px;transform:rotate(45deg);transition:all .3s}.menu ul li ul{background-color:#fafafa;min-width:250px;transform:perspective(600px) rotateX(-90deg);transform-origin:0 0 0;visibility:hidden;transition:all .3s}.menu ul li ul li a{color:#313131;padding:clamp(3px,.439238653vw,6px) 0;text-transform:capitalize;background-color:rgba(0,0,0,0)}.menu ul li ul li a.has-child{margin-right:0}.menu ul li ul li a.has-child:after{border-color:#313131;transform:rotate(-45deg)}.menu ul li ul li:not(:last-child)>a{border-bottom:1px solid #ececec}.menu ul li ul li ul{left:100%;margin-top:0;top:-0.75rem}.menu ul li:hover>ul{opacity:1;transform:perspective(600px) rotateX(0);transform-origin:0 0 0;visibility:visible;transition:all .3s}.menu ul li.menu-line{background-color:rgba(0,0,0,.1);height:15px;width:1px}.menu ul.menu-main li>a{text-transform:capitalize}.menu ul.menu-main li>a.active,.menu ul.menu-main li>a:hover{background-color:var(--primary-color);color:#fff}.menu ul.menu-main li>a.active svg path,.menu ul.menu-main li>a:hover svg path{fill:#fff}.menu ul.menu-main li ul>li>a:hover{background-color:rgba(0,0,0,0);color:var(--primary-color)}