.menu{box-shadow:3px 3px 3px rgba(51,51,51,.2);--max-width: min(1200px, calc(100% - 30px));z-index:100;transition:.3s;padding:2px 0}.menu::before{content:"";position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,.5)}.menu .logo{width:12.5% !important;height:auto !important;transition:.3s}.menu.header-intersect{padding:30px 0;box-shadow:unset;background:linear-gradient(to bottom, white 75%, transparent 100%)}.menu.header-intersect::before{opacity:0}.menu.header-intersect .logo{width:16.25% !important}.menu ul li a{font:600 16px/1.5625 var(--font-family);color:#000}.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;font-size:14px;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>.menu-side{width:38.25%}.menu ul.menu-main>.menu-side>li>a{text-transform:uppercase}.menu ul.menu-main>.menu-side>li>a>svg>path{fill:#333}.menu ul.menu-main>.menu-side>li>a.active,.menu ul.menu-main>.menu-side>li>a:hover{color:var(--primary-color)}.menu ul.menu-main>.menu-side>li>a.active>svg>path,.menu ul.menu-main>.menu-side>li>a:hover>svg>path{fill:var(--primary-color)}.menu ul.menu-main>.menu-side>li ul>li>a:hover{background-color:rgba(0,0,0,0);color:var(--primary-color)}