.off-canvas-button{--size: 75px;--shadow-strength: 25%;--shadow-color: 220 40% 2%;position:fixed;z-index:var(--layer-important);bottom:var(--spacing-2);right:var(--spacing-2);background-color:var(--brand-1);color:var(--white);width:var(--size);height:var(--size);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;box-shadow:var(--shadow-3);filter:drop-shadow(0 25px 25px hsl(var(--shadow-color)/calc(var(--shadow-strength) + .15%)))}.off-canvas-button svg{width:30px;fill:var(--white)}.off-canvas-button h5{font-size:var(--fs-mouse);margin:0;color:var(--white)}.off-canvas-button:has(+.off-canvas--open){display:none}.off-canvas{background-color:var(--brand-1);height:100%;height:100dvh;top:0;left:0;right:100%;overflow:hidden;position:fixed;z-index:var(--layer-important);display:flex;flex-direction:column;padding:2rem 3.75rem;gap:2rem}@media screen and (min-width: 768px){.off-canvas{gap:3rem;padding:3.75rem;max-width:400px}}@media screen and (min-width: 1024px){.off-canvas{flex:0 0 100px;position:sticky}}.off-canvas .off-canvas__inner{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:100%;gap:1rem}.off-canvas .logo-off-canvas a{display:block;max-width:200px;max-height:auto;height:100%;width:100%}@media screen and (min-width: 768px){.off-canvas .logo-off-canvas a{max-height:125px;width:auto}}.off-canvas .logo-off-canvas a img{width:100%;height:100%;object-fit:contain}@media screen and (min-width: 768px){.off-canvas .contact-details{margin-top:auto}}.off-canvas .contact-link{color:var(--white);display:flex;align-items:center;gap:.5rem;font-weight:700}.off-canvas .contact-link:hover{color:var(--brand-2)}.off-canvas .contact-link svg{flex:0 1 2rem;display:block;min-width:2rem;width:2rem;height:2rem;margin-inline:auto}.off-canvas .contact-link p{flex:1 1;font-size:var(--fs-dog);margin:0;overflow:hidden;text-overflow:ellipsis}.off-canvas .contact-link:has(+.contact-link){margin-bottom:1.25rem}.offcanvas-menu-wrapper{display:grid;grid-template-columns:1fr}.offcanvas-menu-container{overflow:hidden}ul.offcanvas-menu{list-style:none;margin:0;display:flex;flex-direction:column}ul.offcanvas-menu li{width:100%;margin-bottom:.5rem;padding:0;font-family:var(--font-body);text-transform:capitalize;font-weight:400}ul.offcanvas-menu li.menu-item--has-children{position:relative;text-transform:uppercase;font-family:var(--font-heading);letter-spacing:.56px}ul.offcanvas-menu li.menu-item--has-children>a{font-weight:700;font-size:var(--fs-cheetah)}ul.offcanvas-menu li.menu-item--has-children .sub-menu .menu-item.menu-item--sub-item a,ul.offcanvas-menu li.menu-item--has-children .sub-menu .menu-item.menu-item--sub-item a:visited{color:var(--white)}ul.offcanvas-menu li.menu-item--has-children .sub-menu .menu-item.menu-item--sub-item a:hover{color:var(--brand-2)}ul.offcanvas-menu li.menu-item--has-children:has(+.menu-item--has-children){margin-bottom:2.5rem}ul.offcanvas-menu a,ul.offcanvas-menu a:active,ul.offcanvas-menu a:visited{color:var(--white);font-size:var(--fs-dog);text-decoration:none}ul.offcanvas-menu li.menu-item>a:hover{color:var(--brand-2)}ul.offcanvas-menu ul{list-style-type:none}ul.offcanvas-menu li.menu-item--has-children>ul{display:none}ul.offcanvas-menu li.menu-item--open>ul{display:block;margin-top:.75rem;margin-inline:0}ul.offcanvas-menu .dropdown-arrow{margin-left:var(--spacing-5)}ul.offcanvas-menu .dropdown-arrow svg{position:relative;top:1px;width:16px;fill:var(--white)}.off-canvas__close,.off-canvas__open{cursor:pointer}.off-canvas__close svg,.off-canvas__open svg{fill:var(--white);height:fit-content}.off-canvas__close{display:none;position:absolute;top:.75rem;right:1.5rem}.off-canvas__open{width:30px;margin-inline:auto}.off-canvas__open svg{overflow:hidden;height:100%;margin-inline:auto}.off-canvas.off-canvas--open{right:0;overflow-x:hidden;overflow-y:auto}@media screen and (min-width: 1024px){.off-canvas.off-canvas--open{flex:1 1 400px}}@media screen and (min-width: 1024px){.off-canvas.off-canvas--open .off-canvas__inner{justify-content:flex-start}}.off-canvas.off-canvas--open .off-canvas__close{display:block}.off-canvas.off-canvas--open .off-canvas__close svg{height:40px}.off-canvas.off-canvas--open .off-canvas__open{display:none}.off-canvas.off-canvas--open .social-media-menu{justify-content:flex-start;margin-inline:0}.off-canvas.off-canvas--closed{padding:0}@media screen and (min-width: 1024px){.off-canvas.off-canvas--closed{padding:1rem .5rem}}.off-canvas.off-canvas--closed .contact-details{padding-top:1rem}.off-canvas.off-canvas--closed .contact-details .contact-link p{display:none}.off-canvas.off-canvas--closed .offcanvas-menu-wrapper{grid-template-columns:0fr;grid-template-rows:0fr}