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%}.popup-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#05071a;border-radius:8px;z-index:1000;width:800px;height:auto;padding:20px;border:1px solid #f1f2fc93}.overlay{position:fixed;inset:0;background:#00000086;z-index:999999;animation:slideone 1s ease-in-out}.closebtn-cont{display:flex;justify-content:end}.closebtn-cont .closebtn{background:none;border:none}.closebtn-cont .closebtn img{width:30px;padding:0!important;cursor:pointer}.formcont{display:flex;justify-content:space-around}.firsthalf{width:50%;padding-right:20px;display:flex;flex-direction:column}.firsthalf .heading{color:#08d257;font-size:25px;margin:0}.firsthalf .text{font-size:15px;line-height:2;color:#f1f2fc}.secondhalf{width:40%}.green{color:#08d25f}.input-cont{position:relative}.thingzmatectalogo{width:160px}.ctagif{width:95%;margin:auto}.input-cont input{width:100%;padding:10px 0;font-size:14px;color:#f1f2fc;margin-bottom:30px;border:none;border-bottom:1px solid #f1f2fc3e;outline:none;background-color:#05071a}input:-internal-autofill-selected{background-color:none!important}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;appearance:none!important;background-color:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px transparent inset!important;box-shadow:0 0 0 30px transparent inset!important;color:#f1f2fc}input:-webkit-autofill{-webkit-text-fill-color:#f1f2fc;-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}input{-webkit-autofill:off;-webkit-autofill-background:transparent}.input-cont input::-ms-value{background-color:#08d25f}.input-cont label{position:absolute;top:0;left:0;padding:10px 0;font-size:14px;color:#f1f2fc;transition:.2s}.input-cont input:focus~label,.input-cont input:not(:placeholder-shown)~label{top:-20px;left:0;color:#f1f2fc;font-size:12px}.phno-cont{display:flex}.phno{width:100%}.contactdemo .contact-form{width:100%;padding:0;border-radius:20px;height:auto;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1300px){.contactdemo .contact-form{width:100%;height:400px}.input-cont input{margin-bottom:10px!important}}.contactdemo .contact-form .form-group{padding-bottom:8px;margin-bottom:0!important}.contactdemo .contact-form .error-message{color:red;text-align:left;font-weight:500}.contactdemo .contact-form .error-message br+br{margin-top:25px}.contactdemo .contact-form button[type=submit]{background:#08d25f!important;border:0;padding:5px 10px;color:#05071a!important;transition:.4s;border-radius:50px;margin:0 auto;font-weight:600;font-size:15px;cursor:pointer;&:hover{transform:scale(1.05)}}.contactdemo .contact-form button:disabled{opacity:.5;pointer-events:none}.contactdemo .contact-form button[type=button]{background:#08d25f!important;border:0;padding:8px 10px;color:#05071a!important;transition:.4s;border-radius:50px;margin:0 auto;font-weight:600;font-size:15px;cursor:pointer;&:hover{transform:scale(1.05)}}.filter-select{width:130px;position:relative}.filter-select .toggle-btn{z-index:3;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-spm-anchor-id='a313x.7781069.0.i6' width='200' height='200'%3E%3Cpath d='M276.8 374.4c6.4 0 14.4 3.2 19.2 8l211.2 211.2c3.2 3.2 8 3.2 9.6 0L728 382.4c11.2-11.2 27.2-11.2 38.4 0s11.2 27.2 0 38.4L555.2 632c-24 24-64 24-88 0L257.6 420.8c-11.2-11.2-11.2-27.2 0-38.4 4.8-4.8 12.8-8 19.2-8z' fill='%23f1f2fc'/%3E%3C/svg%3E ");width:3.125rem!important;height:3.125rem!important;background-size:100% 100%;position:absolute;right:0%;top:30%;transform:translateY(-50%) scale(.5);transition:all .2s;cursor:pointer}.filter-select input{border-top-right-radius:0}.filter-select input::placeholder{color:#05071a}.filter-select input:focus{outline:none}.filter-select ul{position:absolute;left:0;top:50px;width:100%;border-radius:.5rem;outline:1px solid #05071a3e;max-height:0;opacity:0;transition:all .3s;background-color:#f1f2fc;padding:.625rem 0;overflow-y:scroll;scrollbar-width:.375rem;pointer-events:none;z-index:100;margin-top:5px}.filter-select ul::-webkit-scrollbar{width:.375rem}.filter-select ul::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:.5rem}.filter-select ul li{display:block;cursor:pointer;text-align:left;font-size:12px;line-height:1.3;padding:.375rem 0 .375rem .4em}.filter-select ul li:hover{background-color:#469bff1a}.filter-select ul li.active{background-color:#469bff4d}.filter-select ul li.hide{display:none}.filter-select.active .toggle-btn{transform:translateY(-50%) scale(.5) rotate(-180deg)}.filter-select ul{max-height:0;opacity:0;pointer-events:none;overflow-y:hidden;transition:all .3s}.filter-select.active ul{max-height:150px;opacity:1;pointer-events:auto;overflow-y:scroll}.checkbox-container{display:flex;align-items:center;margin-top:0}.demo-form .checkbox-text{margin-left:8px;color:#f1f2fc;font-size:12px}@media (max-width: 1400px){.popup-form{width:720px}.firsthalf .heading{font-size:20px}.firsthalf .text,.input-cont label{font-size:13px}.filter-select{width:100px}.filter-select.active ul{max-height:130px}}@media (max-width: 992px){.popup-form{height:auto;width:700px}}@media (max-width: 768px){.firsthalf .heading{font-size:18px}.popup-form{height:auto;width:600px}.filter-select{width:90px}.secondhalf{width:55%}}@media (max-width: 576px){.thingzmatectalogo{width:120px}.popup-form{height:90vh;width:80%;left:52%;overflow:scroll}.firsthalf{width:100%}.secondhalf{width:90%;margin:0 10px}.ctagif{width:60%;margin:0 auto}.contactdemo .contact-form{height:auto;padding:0}.input-cont input{margin-bottom:10px}.formcont{display:flex;flex-direction:column}.firsthalf h2{font-size:18px}.firsthalf p{font-size:12px}.secondhalf{padding:0!important}.contactdemo .contact-form button[type=submit],.contactdemo .contact-form button[type=button]{padding:5px 10px;font-size:14px}.filter-select.active ul{max-height:100px}}@media (max-height: 500px){.thingzmatectalogo{width:100px}.popup-form{height:75vh;width:80vw;padding:5px 20px;overflow:scroll}.ctagif{width:70%;margin:20px auto}.firsthalf .heading{font-size:16px}.firsthalf .text{font-size:10px}.secondhalf{width:60%;padding:0!important}.demo-form .checkbox-text{font-size:11px}.btn{margin-top:0!important}.input-cont label{font-size:11px}.filter-select{width:90px}.input-cont input{font-size:11px;margin-bottom:10px}.contactdemo .contact-form{justify-content:start;height:auto}}