.clear{clear:both;}
body.page{max-width:1440px !important;width:100% !important;margin:auto !important;display:block !important; position:relative;}
.main-navbox{width:100%;float:left;background:#fff;padding:15px; box-sizing:border-box;position:relative;z-index:9999;transition:all 0.3s ease;}
.nav-box{max-width:1140px;width:100%;margin:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:90px;}

.fixedMenu{position:fixed;top:0;left:0;box-shadow:0px -11px 11px 11px #ccc;}
.logo-box{width:94px;float:left;}
.logo-box img{width:100%;}

.menu-box{width:100%;float:left;display:flex;justify-content:space-between;align-items:center;}
.menu-box ul{padding:0;margin:0;list-style:none;display:flex;gap:50px;}
.menu-box > ul > li{padding:15px 0;position:relative;}
.menu-box > ul > li > a{text-decoration:none;font-family:'Open Sauce Sans';color:#000;padding-right:20px;}
.menu-box > ul > li:hover a{color:#8874f1;}
.menu-box > ul > li:hover .sub-menu-box a{color:#131415;}

a.dropdown{position:relative;}
a.dropdown::before{content:' ';width:0;height:0;border-top:5px solid #000;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:0;top:35%;}

.menu-box ul .sub-menu-box{width:340px;display:none;font-family:'Open Sauce Sans';position:absolute;top:50px;left:0;background:#fff;padding:20px;border-radius:8px;box-shadow:rgba(0, 0, 0, 0.08) 0px 8px 24px;}
.menu-box ul .sub-menu-box > h3{font-size:18px;font-weight:600;margin:0;color:#131415;}
.menu-box ul .sub-menu-box > p{font-size:16px;line-height:30px;margin:0;color:#131415;padding:10px 0;}
.menu-box ul .sub-menu-box > ul{display:block;padding:10px 0; border-top:1px solid #dcdcdc;}
.menu-box ul .sub-menu-box > ul > li{display:block;}
.menu-box ul .sub-menu-box > ul > li > a{line-height:44px;display:block;padding-left:10px;text-decoration:none;font-family:'Open Sauce Sans';color:#131415;border-left:2px solid #fff;}
.menu-box > ul > li:hover .sub-menu-box{display:block;}
.menu-box ul .sub-menu-box > ul > li > a:hover{box-shadow:rgba(0, 0, 0, 0.08) 0px 8px 24px; background-color:#f9f9f9;border-left:2px solid #8874f1;}

.request-demo-link{width:166px;}
.request-demo-link a{line-height:48px;display:block;font-size:16px;text-align:center;font-family:'Open Sauce Sans';border-radius:24px;background:#000;color:#fff;text-decoration:none;}
.request-demo-link a:hover{color:#fff;text-decoration:none;} 

.responsive-btn{display:none;width:30px;height:30px; cursor:pointer;}
.responsive-btn span{width:30px;height:3px;display:block;background:#000;transition:all 0.3s ease;position:relative;}
.responsive-btn.activeMenu span:nth-child(2){display:none;}
.responsive-btn.activeMenu span:nth-child(1){transform:rotate(45deg);top:16px;}
.responsive-btn.activeMenu span:nth-child(3){transform:rotate(-45deg);}

@media screen and (max-width:992px) {
  .responsive-btn{display:grid;}
  .nav-box{grid-template-columns:auto 30px;justify-content:space-between;grid-gap:0px;}
  .menu-box{width:100%;display:none;grid-column:1/3;padding-top:10px;}
  .menu-box ul .sub-menu-box > h3{font-size:16px;}
  .menu-box ul .sub-menu-box > p{font-size:14px;}
  .menu-box.showMobileMenu{display:block;}
  .menu-box ul{width:100%;float:left;display:block;grid-gap:5px;padding:0;box-sizing:border:box;}
  .menu-box > ul > li{padding:10px 0;width:100%;float:left;border-bottom:1px solid #f2f2f2;}
  .menu-box > ul > li > a{display:block;font-size:14px;}
  .menu-box ul .sub-menu-box{width:100%;float:left;position:relative;top:0;padding:10px;box-sizing:border-box;box-shadow:none;}
  .menu-box ul .sub-menu-box > p{line-height:24px;}
  .menu-box ul .sub-menu-box > ul{padding:10px 0 0 0;}
  .menu-box ul .sub-menu-box > ul > li > a{line-height:32px;font-size:12px;border-bottom:1px solid #f2f2f2;}
  .menu-box ul .sub-menu-box > ul > li:last-child a{border:none;}
  .request-demo-link{width:100%;float:left;text-align:center;padding:20px 0 0 0;}
  .request-demo-link a{width:200px;display:inline-block;}
}
@media screen and (max-width:640px) {
  .menu-box{width:100%;}
}