header{position:fixed;padding:5px 50px;display:flex;justify-content:space-between;align-items:center;width:100vw;background-color:#05071a}header .thingZmate-logo{width:200px}header .right-nav{display:flex;justify-content:center;align-items:center}header .navdropdownlg{position:relative;display:flex;justify-content:center;align-items:center;margin-right:100px}header .navdropdownlg .navdrop{color:#f1f2fc;font-size:16px;margin:0;font-weight:500}header .navdropdownlg .navsublinks{position:absolute;top:110%;width:100%;background-color:#05071a;border:2px solid #08D257;border-radius:10px;max-height:0;opacity:0;overflow:hidden;transition:.5s all ease;margin-top:10px}header .navdropdownlg:hover .navsublinks{max-height:250px;opacity:1;padding:5px 10px}header .navdropdownlg .navsublinks a{text-decoration:none;color:#f1f2fc;font-size:14px;font-weight:500;&:hover{color:#08d257}}header .menu-cont{margin-right:130px;display:flex;flex-direction:column;transition:1s all ease;position:relative;display:none}header .menu-icon{width:30px;height:auto;transform:rotateY(180deg);margin-left:auto;padding-right:0;cursor:pointer}header .menutext{position:absolute;right:11%;top:100%;background-color:#05071a;border:0px solid #08D257;border-radius:8px;margin-top:10px;padding:0 10px;width:480%;height:auto;max-height:0;overflow:hidden;transform:translateY(-10px);transition:opacity .5s ease-in-out,max-height .5s ease-in-out,transform .5s ease-in-out}header .submenu{display:flex}header .submenu a{text-decoration:none;color:#f1f2fc!important;z-index:99;font-weight:500;font-size:14px;&:hover{color:#08d257}}.navdropsm{color:#f1f2fc;font-weight:500;font-size:14px;padding:5px 0}header .menu-cont:hover .menutext{display:inline;height:fit-content;opacity:1}header .menu-cont:hover .menutext{opacity:1;transform:translateY(0);max-height:400px;border:2px solid #08D257}header .submenu-links{max-height:0;overflow:hidden;transition:all .5s ease-in-out}header .submenu1:hover .submenu-links{opacity:1;max-height:200px}header .signinbtn{background-color:#05071a;border:2px solid #f1f2fc;color:#f1f2fc;width:fit-content;padding:6px 20px;font-size:14px;font-weight:500;height:fit-content;position:relative;z-index:0;margin-right:20px;border-radius:100px}header .btn{background-color:#08d257;color:#05071a;width:fit-content;padding:6px 20px;border:2px solid transparent;font-size:14px;font-weight:500;height:fit-content;font-family:Poppins,sans-serif;cursor:pointer;position:relative;z-index:0;margin-right:20px;border-radius:100px}header .btn:before{content:"";background:linear-gradient(45deg,#08d257,#08d257,#08d257,#05071a,#08d257,#08d257,#08d257,#08d257,#08d257);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:1;transition:opacity .3s ease-in-out;border-radius:100px}header .btn:active{color:#05071a}header .btn:active:after{background:transparent}header .btn:hover:before{opacity:1}header .btn:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#08d257;left:0;top:0;border-radius:100px}header .btn:disabled{opacity:.3}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes slidefromright{0%{transform:translate(10px)}to{transform:translate(0)}}@media (max-width:1400px){header .signinbtn{font-size:14px;padding:5px 20px}header .btn{font-size:14px;padding:5px 20px}header{padding:5px 40px}header .thingZmate-logo{width:180px}header .submenu a{font-size:14px}header .menu-cont{margin-right:80px}}@media (max-width:770px){header{padding:5px 20px}header .menu-cont{margin-right:50px}header .thingZmate-logo{width:150px}header .submenu a{font-size:14px}header .navdropdownlg{display:none}header .menu-cont{display:block}}@media (max-height:400px){header .signinbtn{font-size:10px;padding:3px 10px}header .btn{font-size:10px;padding:3px 10px}header{padding:0 10px}header .menu-cont{margin-right:30px}header .menu-{margin-right:30px}header .submenu a{font-size:12px}header .thingZmate-logo{width:130px}header .menu-icon{width:20px}header .btn:before{content:"";background:linear-gradient(45deg,#08d257,#08d257,#08d257,#08d257,#08d257,#08d257,#08d257,#08d257,#08d257)}header .navdropdownlg{display:flex;margin-right:30px}header .menu-cont{display:none}header .navdropdownlg .navdrop{font-size:12px}header .navdropdownlg .navsublinks a{font-size:12px}}@media (max-width:430px){header .signinbtn{font-size:10px;margin-right:10px;padding:3px 8px}header .btn{font-size:10px;margin-right:10px;padding:3px 8px}header .btn:before{content:"";background:linear-gradient(45deg,#08d257,#08d257,#08d257,#08d257,#08d257,#08d257,#08d257,#08d257,#08d257)}header{padding:5px 10px}header .menu-cont{margin-right:30px}header .menu-{margin-right:30px}header .submenu a{font-size:12px}header .navdropdownlg .navdrop{font-size:10px}}.demobutn{text-decoration:none!important;color:#fff!important;font-weight:600!important;background-color:#08d25f;padding:10px;border-radius:5px;margin-left:40px}@media (max-width:960px){.demobutn{margin-left:32px}}html,body{margin:0;width:100%;height:100%}