.offcanvas-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);z-index:9998;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0s 0.3s}.offcanvas-overlay.is-visible{opacity:1;visibility:visible;transition:opacity 0.3s ease}.offcanvas-menu{position:fixed;top:0;right:0;width:300px;max-width:80vw;height:100%;background-color:#0f172a;color:#fff;z-index:9999;transform:translateX(100%);transition:transform 0.4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;box-shadow:-5px 0 25px rgb(0 0 0 / .3)}.offcanvas-menu.is-open{transform:translateX(0)}.offcanvas-header{display:flex;justify-content:flex-end;align-items:center;padding:10px 15px;border-bottom:1px solid rgb(255 255 255 / .1)}.offcanvas-title.screen-reader-text{display:none}.offcanvas-close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1;padding:5px;opacity:.7;transition:opacity 0.2s}.offcanvas-close-btn:hover{opacity:1}.offcanvas-navigation{flex-grow:1;overflow-y:auto}.offcanvas-navigation ul{list-style:none!important;padding:10px 0;margin:0}.offcanvas-navigation li{position:relative}.offcanvas-navigation a{display:block;padding:12px 20px;color:#ccc;text-decoration:none;font-size:15px;font-weight:500;transition:background-color 0.2s,color 0.2s}.offcanvas-navigation a:hover{background-color:rgb(255 255 255 / .05);color:#fff}.dropdown-toggle{position:absolute;top:0;right:0;width:50px;height:49px;background:#fff0;border:none;color:#fff;font-size:12px;cursor:pointer;z-index:10;transition:transform 0.3s ease;border-left:1px solid rgb(255 255 255 / .1)}.dropdown-toggle::before{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;display:inline-block}.dropdown-toggle[aria-expanded="true"]{transform:rotate(180deg)}.offcanvas-navigation .sub-menu{display:none;background-color:#111;padding:0}.offcanvas-navigation .sub-menu a{padding-left:35px;color:#aaa;font-size:14px}.offcanvas-navigation .sub-menu .sub-menu a{padding-left:50px;background-color:#000}.offcanvas-footer{padding:20px;border-top:1px solid rgb(255 255 255 / .1)}.offcanvas-footer .social-links-container{display:flex;justify-content:center;gap:25px}.offcanvas-footer .social-icon{font-size:18px;color:#888;transition:color 0.2s,transform 0.2s}.offcanvas-footer .social-icon:hover{color:#fff;transform:translateY(-3px)}