#main-header{background:transparent}#main-header .header-menu .menu-items{display:flex;margin:0;justify-content:center;padding:0 16px;border:1px solid hsla(0,0%,100%,.05);border-radius:50px;background:#16181e}#main-header .header-menu .menu-items>li.main-menu{margin-top:0;margin-bottom:0;position:relative}#main-header .header-menu .menu-items>li.main-menu.with-mega-menu{position:static}#main-header .header-menu .menu-items>li.main-menu>a{color:#bcc3d7;font-size:16px;font-weight:500;padding:13px 17px;display:block;transition:.3s;position:relative;z-index:1}#main-header .header-menu .menu-items>li.main-menu>a span{display:inline-block;transition:.3s}#main-header .header-menu .menu-items>li.main-menu>a.active:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:url(./../../../images/nav-bg-shape.svg);bottom:0;width:150%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:bottom}#main-header .header-menu .menu-items>li.main-menu .submenu{min-width:300px;height:auto;position:absolute;top:90%;left:0;z-index:90;opacity:0;visibility:hidden;text-align:left;padding:12px 0;transition:.3s;border-radius:0 0 10px 10px;background-color:#16181e;box-shadow:#00000003;border:1px solid hsla(0,0%,100%,.05)}#main-header .header-menu .menu-items>li.main-menu .submenu li a{font-weight:500;padding:5px 14px;font-size:15px;display:block;color:#bcc3d7;margin:0 10px;border-radius:4px;display:flex;align-items:center}#main-header .header-menu .menu-items>li.main-menu .submenu li a:hover{color:#fff!important;background:#060606b3}#main-header .header-menu .menu-items>li.main-menu .mega-menu{position:absolute;transition:.3s;top:90%;width:100%;left:0;right:0;padding:0 7px;visibility:hidden;opacity:0;z-index:3}#main-header .header-menu .menu-items>li.main-menu .mega-menu .wrapper .mega-menu-item{padding:15px 10px;border-right:1px solid hsla(0,0%,100%,.05);height:100%}#main-header .header-menu .menu-items>li.main-menu .mega-menu .wrapper .mega-menu-item li{display:block!important}#main-header .header-menu .menu-items>li.main-menu .mega-menu .wrapper .mega-menu-item li .short-title{padding:15px 25px;text-align:left;margin-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.05);color:#bcc3d7}#main-header .header-menu .menu-items>li.main-menu .mega-menu .wrapper .mega-menu-item li>a{font-weight:500;padding:5px 14px;font-size:15px;display:block;color:#bcc3d7;margin:0 10px;border-radius:4px;display:flex;align-items:center}#main-header .header-menu .menu-items>li.main-menu .mega-menu .wrapper .mega-menu-item li>a:hover{color:#fff!important;background:#060606b3}#main-header .header-menu .menu-items>li.main-menu:hover>a span{transform:rotate(180deg)}#main-header .header-menu .menu-items>li.main-menu:hover>a:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:url(./../../../images/nav-bg-shape.svg);bottom:0;width:150%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:bottom}#main-header .header-menu .menu-items>li.main-menu:hover .submenu{opacity:1;visibility:visible;top:100%}#main-header .header-menu .menu-items>li.main-menu:hover .mega-menu{opacity:1;visibility:visible;top:81%}#main-header .header-menu .menu-items>li.main-menu:hover .mega-menu .wrapper{border-radius:10px;background-color:#16181e;box-shadow:#00000003;border:1px solid hsla(0,0%,100%,.05)}#main-mobile-menu .mobile-menu-wrapper{position:fixed;z-index:100;background:#16181e;width:360px;height:100%;overflow:auto;top:0;left:-360px;transition:all .3s ease 0s}#main-mobile-menu .mobile-menu-wrapper.active{transform:translate3d(360px,0,0)}#main-mobile-menu .mobile-menu-wrapper .content>ul>li>button,#main-mobile-menu .mobile-menu-wrapper .content>ul>li>a{display:flex;align-items:center;justify-content:space-between;padding:10px;font-weight:600}#main-mobile-menu .mobile-menu-wrapper .content>ul>li>button.active span,#main-mobile-menu .mobile-menu-wrapper .content>ul>li>a.active span{transform:rotate(180deg)}#main-mobile-menu .mobile-menu-wrapper .content>ul>li .sub-menu{padding:10px 10px 10px 20px}#main-mobile-menu .mobile-menu-wrapper .content>ul>li .sub-menu .short-title{margin-bottom:0!important;padding-bottom:5px!important;border-bottom:1px solid #4e4d4d!important}#main-mobile-menu .mobile-menu-wrapper .content>ul>li .sub-menu>ul>li>a{display:block;padding:10px}body{color:#bcc3d7;background-color:#0e0c15}a.gradient-btn{position:relative;display:inline-block;padding:2px}a.gradient-btn span{display:inline-block;height:45px;line-height:45px;position:relative;z-index:3;background:#0e0c15;padding:0 30px;-webkit-clip-path:polygon(0 0,calc(100% - 18px) 0,100% 14px,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 14px,100% 100%,0 100%);border-radius:2px;font-size:14px;color:#fff;font-size:16px;font-weight:500}a.gradient-btn:before,a.gradient-btn:after{position:absolute;left:0;top:0;transition:all .3s;width:100%;height:100%;background:linear-gradient(to right,#805af5,#cd99ff);content:"";-webkit-clip-path:polygon(0 0,calc(100% - 18px) 0,100% 14px,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 14px,100% 100%,0 100%);border-radius:2px}a.gradient-btn:after{opacity:0;visibility:hidden;background:linear-gradient(to left,#805af5,#cd99ff)}a.gradient-btn:hover:after{opacity:1;visibility:visible;background:linear-gradient(to right,#cd99ff,#805af5)}.short-title{font-size:12px;padding-bottom:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin-bottom:6px;border-bottom:1px solid hsla(0,0%,100%,.05)}.circle-button{background:#35316f;border:0;color:#fff;width:45px;height:45px;font-size:21px;display:flex;align-items:center;justify-content:center;border-radius:100%}.backdrop{width:100%;height:100%;top:0;left:0;background:#00000080;position:fixed;z-index:99}