.menu{z-index:100;background:var(--primary-color);--max-w-unit: 1310;--max-w: min(1310px, calc(100vw - var(--max-padding)));padding:15px 0}.menu ul{list-style:none;margin:auto;width:100%}.menu ul li span{font:600 14px/1.4285714286 var(--font-family);text-transform:uppercase}.menu ul li span.has-child{margin-right:8px;padding-right:16px}.menu ul li span.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 span{color:#313131;font-size:14px;padding:clamp(3px,.439238653vw,6px) 0;text-transform:capitalize;background-color:rgba(0,0,0,0)}.menu ul li ul li span.has-child{margin-right:0}.menu ul li ul li span.has-child:after{border-color:#313131;transform:rotate(-45deg)}.menu ul li ul li:not(:last-child)>span{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>:is(span,a:not(.stretched-link)){display:block;padding:5px 16px;text-transform:uppercase;color:#fff;border-radius:100px;line-height:2.14286;cursor:pointer}.menu ul.menu-main>li>:is(span,a:not(.stretched-link)).active{color:#284aab;background:#fff;padding-inline:38px}.menu ul.menu-main>li>:is(span,a:not(.stretched-link)):hover{color:#284aab}.menu ul.menu-main>li ul>li>span:hover{background-color:rgba(0,0,0,0);color:var(--primary-color)}