.offcanvas-menu{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.4);visibility:hidden;opacity:0;transition:all .3s ease-in-out;z-index:9999}.offcanvas-menu.open{visibility:visible;opacity:1}.offcanvas-content{width:280px;height:100%;background:#fff;padding:20px;box-shadow:3px 0 12px rgba(0,0,0,.1);transform:translateX(-100%);transition:transform .3s ease-in-out;position:relative}.offcanvas-menu.open .offcanvas-content{transform:translateX(0)}.close-btn{position:absolute;top:12px;right:15px;font-size:28px;border:none;background:none;cursor:pointer;color:#555;transition:color .2s}.close-btn:hover{color:#000}.offcanvas-links{list-style:none;margin-top:60px;padding:0}.offcanvas-links li{border-bottom:1px solid #eee;padding:14px 0}.offcanvas-links a{text-decoration:none;color:#333;font-weight:500;font-size:16px;display:block}.offcanvas-links a:hover{color:#c0392b}.submenu-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#333;font-weight:500}.submenu{margin-top:8px;padding-left:15px}.submenu li{border:none;padding:8px 0}.submenu a{font-size:15px;color:#555}.submenu a:hover{color:#c0392b}@media (min-width:992px){.offcanvas-menu{display:none}}.sticky-header{position:relative;width:100%;transition:all .3s ease-in-out}.sticky-header.is-sticky{position:fixed;top:0;left:0;width:100%;background:#ffffff;z-index:9998;box-shadow:0 4px 12px rgba(0,0,0,.08);animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}