/* Extracted from bundled.css: styles for the Our Services offcanvas menu, used by the old users theme */
.offcanvas{position:fixed;top:0;bottom:0;width:300px;background-color:#fff;color:#fff;transition:transform .3s ease;transform:translateX(-100%);z-index:2000;left:0;box-shadow:0 0 4px 0 #e6e6e6;overflow-y:auto}
.offcanvas::-webkit-scrollbar{display:none}
.offcanvas.show{transform:translateX(0)}
.offcanvas.show::before{content:''}
.menubar-menu .nav-item .service-sidebar-btn{display:flex;align-items:center;border:none;background:#fff;padding:.5rem 0;margin:0;color:#202020;font-size:16px;font-weight:600;line-height:24px;gap:6px;border-bottom:4px solid transparent}
.menubar-menu .nav-item .service-sidebar-btn:hover{transition:.36s ease-in-out;border-color:#f44;color:#f44;text-decoration:none}
.menubar-menu .nav-item .service-sidebar-btn:hover .icon-wrapper{color:#f44;transition:.36s ease-in-out}
.menubar-menu .nav-item .service-sidebar-btn .icon-wrapper{width:20px;height:20px;display:flex;justify-content:center;align-items:center;color:#202020;font-size:20px}
#servicesidebarOffcanvas{max-width:340px;width:340px}
#servicesidebarOffcanvas .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px;border-bottom:1px solid #dee2e6}
#servicesidebarOffcanvas .sidebar-header .left-content{display:flex;align-items:center;gap:8px}
#servicesidebarOffcanvas .sidebar-header .left-content .logo-wrapper{height:50px;object-fit:cover;flex-shrink:0}
#servicesidebarOffcanvas .sidebar-header .left-content .logo-wrapper img{width:100%;height:100%;object-fit:cover}
#servicesidebarOffcanvas .sidebar-header .left-content .main-title{color:#202020;font-size:18px;font-weight:500;margin-bottom:0}
#servicesidebarOffcanvas .menu-list{list-style:none;padding:20px 16px 90px 16px;color:#000;height:80vh;overflow:scroll}
#servicesidebarOffcanvas .title{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 0 10px 0;color:#202020;font-size:16px;font-weight:500}
#servicesidebarOffcanvas .submenu{display:none;margin-bottom:16px;padding:0;list-style:none}
#servicesidebarOffcanvas .submenu.active{display:block}
#servicesidebarOffcanvas .submenu li{margin-bottom:4px}
#servicesidebarOffcanvas .submenu li a{color:#74767e;font-size:15px;font-weight:400;text-decoration:none}
#servicesidebarOffcanvas .submenu li a:hover{text-decoration:none}
#servicesidebarOffcanvas .rotate{transform:rotate(180deg)}
.service-show-sidebar .background-overlay{display:block}
body.service-show-sidebar{overflow:hidden}
.service-menu-item .title .title-wrap{display:flex;align-items:center;gap:4px}
.service-menu-item .title .title-wrap .img-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.service-menu-item .title .title-wrap .img-wrapper img{width:100%;height:100%}
#servicesidebarOffcanvas .btn-wrapper{border-top:1px solid #ececec;padding:20px 0;background:#fff;position:fixed;width:100%;bottom:0}
#servicesidebarOffcanvas .btn-wrapper .explore-service-btn{color:#fff;display:flex;background:#f44;padding:10px 16px;justify-content:center;align-items:center;margin:0 16px;border:none}
#servicesidebarOffcanvas .btn-wrapper .explore-service-btn .icon-wrapper{display:flex;justify-content:center;align-items:center;font-size:14px}
#servicesidebarOffcanvas .sidebar-header .left-content .logo-wrapper{height:calc(50px - 50px * .15)}
#servicesidebarOffcanvas .sidebar-header .left-content .main-title{font-size:16px}
#servicesidebarOffcanvas{width:300px}
.service-show-sidebar .background-overlay{display:none}
.menubar-menu .nav-item .service-sidebar-btn{padding:.5rem 1rem}