@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
body{min-height:100%;font-family:"Inter",sans-serif;font-weight:400;font-style:normal;position:relative}
.content{background-image:url(../assets/bgad454f568287ba36fed3.png);background-repeat:no-repeat;background-size:100% 100%;background-position:100% 0%;display:flex;align-items:center;justify-content:center;height:100%}
.content__left{max-width:50%;width:100%}
.content__right{max-width:50%;width:100%}
.mb-0{margin-bottom:0}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes textAnimation{0%,100%{opacity:1}50%{opacity:0}}
@keyframes textAnimation-reverse{0%,100%{opacity:0}50%{opacity:1}}
header figure:first-of-type{width:170px}
header figure.tagline{width:100%;margin:0 auto 1rem}
@media screen and (min-width: 576px){header figure:first-of-type{width:24%}}
@media screen and (min-width: 992px){header .logo{width:270px}}
.regFrm{width:72%;z-index:9}
.regFrm .form-group{position:relative;width:100%;margin-bottom:.6rem}
.regFrm .form-group input{background-color:#fff;border-radius:50px;color:#07082d;text-align:center;padding:.5rem;font-size:.7rem}
.regFrm .form-group input:focus{box-shadow:none}
.regFrm .form-group input::-moz-placeholder{color:#014c3a;font-weight:700}
.regFrm .form-group input::placeholder{color:#014c3a;font-weight:700}
.regFrm .form-group figure{width:14px;margin-bottom:0}
.regFrm .form-group .u-p{position:absolute;top:27%;left:4%}
.regFrm .form-group .eye{position:absolute;width:20px;top:10%;right:5%}
.regFrm .btn{border:0;padding:0;margin:1rem auto 0;width:95%;animation:zoom 2s infinite}
#form{position:relative}
#form .bg-form{background-image:url(../assets/bg-formd62539fad7e1d430ce99.png);background-position:top center;background-size:100% 100%;background-repeat:no-repeat;padding:3.4rem 0rem 2rem;position:relative;z-index:20}
#form .bg-form .join{margin-bottom:.6rem}
#form .bg-form .join p{font-size:.9rem;line-height:1.1;position:relative}
#form .bg-form .join p span{animation:textAnimation 4s infinite}
#form .bg-form .join p strong{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);animation:textAnimation-reverse 4s infinite}
#form .km{width:545px;margin:auto}
.social{position:fixed;right:1.5rem;top:50%;z-index:10;transform:translate(0, -50%)}
.social figure{margin-bottom:1.5rem}
.social figure img{width:50px}
.error.errors{color:red;width:100%;text-align:center;display:block;font-size:.8rem;margin-bottom:-0.6rem}
.web-ver{width:77%}
.web-ver:hover img{transition:all .5s ease;filter:brightness(170%)}
#installation figure{width:58%}
hr{background:#4f4518;background:radial-gradient(circle, rgb(79, 69, 24) 0%, rgba(45, 35, 13, 0.6685267857) 100%);border:none;opacity:.5;height:1.5px;margin:-0.35rem auto 1.35rem;width:300px}
.hr2{margin:1.35rem auto}
@media screen and (max-width: 767.98px){hr{width:200px}}
@media screen and (min-width: 992px){.web-ver{width:62%}}
@media screen and (min-width: 768px)and (max-width: 991.98px){.web-ver{width:77%}}
@media only screen and (width: 360px)and (height: 780px){hr{margin:1.35rem auto}}
@media only screen and (width: 375px)and (height: 812px){hr{margin:1.35rem auto}}
@media screen and (min-width: 1200px){hr{margin:-0.3rem auto 1.5rem}}
.banner{z-index:4;margin-top:15%}
.banner .line{margin:2rem 0 0rem}
footer{padding:2rem 0;position:relative;z-index:9}
footer h6{color:#faeeb6}
footer p{line-height:115%}
footer .line{position:relative}
footer .line::before{content:"";position:absolute;right:0px;top:0;height:100%;width:1px;background:#fff;background:radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}
@media screen and (max-width: 1199.98px){.content{padding:2rem 0;background-size:cover;background-position:top center;height:auto}.content__right{max-width:100%;width:100%}#form{position:static}#form .container{padding-right:0;padding-left:0}#form .km{width:100%}.social{top:10px;left:0;right:auto;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 1rem;position:absolute;transform:none}}
@media screen and (min-width: 320px){header figure:first-of-type{width:190px}#form .bg-form{padding:2.4rem 0rem 0rem}#form .bg-form .join{margin-bottom:1.3rem}.regFrm .form-group{margin-bottom:1.1rem}.regFrm .btn{margin:1rem auto 0}.error.errors{font-size:.7rem;margin-bottom:-1rem}}
@media screen and (min-width: 360px){header figure:first-of-type{width:190px}#form .container{padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5)}#form .bg-form{padding:2.6rem 0rem 0rem}#form .bg-form .join{margin-bottom:1.7rem}.error.errors{font-size:.8rem}}
@media screen and (min-width: 375px){#form .bg-form{padding:2.6rem 0rem 0rem}#form .bg-form .join{margin-bottom:2rem}}
@media screen and (min-width: 390px){#form .bg-form{padding:2.7rem 0rem 0rem}}
@media screen and (min-width: 412px){header figure:first-of-type{width:210px}#form .bg-form .join p{font-size:1rem}.regFrm{width:70%}.regFrm .form-group{margin-bottom:1.1rem}}
@media screen and (min-width: 425px){#form .stair{bottom:-4%}}
@media screen and (min-width: 540px){#form .bg-form{padding:2.6rem 0rem 0rem;width:80%}.regFrm{width:60%}.regFrm .form-group{margin-bottom:1rem}}
@media screen and (min-width: 568px){header figure:first-of-type{width:240px}header figure.tagline{width:450px}#form .bg-form{padding:3rem 0rem 0rem}#form .bg-form .join p{font-size:1.1rem}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}
@media screen and (min-width: 576px){header figure:first-of-type{width:240px}header figure.tagline{width:450px}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}
@media screen and (min-width: 667px){#form .stair{bottom:-10%}#form .bg-wi{bottom:-53%}}
@media screen and (min-width: 768px){header figure:first-of-type{width:270px}header figure.tagline{width:480px}#form .bg-form{width:100%;padding:5rem 0rem 0rem}#form .bg-form .join{margin-bottom:3rem}#form .bg-form .join p{font-size:1.5rem}.regFrm{width:70%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group input{padding:1.2rem;font-size:1.2rem}.regFrm .form-group figure{width:40px}.regFrm .form-group .u-p{top:20%}.regFrm .form-group .eye{width:30px;top:25%}.error.errors{font-size:1rem;margin-bottom:-1.3rem}}
@media screen and (min-width: 820px){html,body{height:100%}#form .bg-form{width:100%}#form .bg-form .join p{font-size:1.5rem}.regFrm{width:70%}.regFrm .form-group{margin-bottom:1.2rem}.regFrm .form-group input{padding:1.2rem}.regFrm .form-group figure{width:30px}.regFrm .form-group .u-p{top:24%}.regFrm .form-group .eye{width:30px;top:20%}}
@media screen and (min-width: 1024px){html,body{height:auto}header figure:first-of-type{width:370px}header figure .tagline{width:600px}#form .bg-form{padding:5.7rem 0rem 0rem}#form .bg-form .join{margin-bottom:4rem}#form .bg-form .join p{font-size:2rem}.regFrm{width:60%}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group input{padding:1.5rem}.regFrm .form-group figure{width:40px}.regFrm .form-group .u-p{top:24%}.regFrm .form-group .eye{width:30px;top:20%}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .btn{margin:2rem auto 0;width:100%}}
@media screen and (min-width: 1200px){html,body{height:100%}.content__left{position:relative}.content__left__wrapper{position:absolute;top:50%;left:50%;transform:translate(-40%, -50%);width:100%}.content__right{position:relative}.content__right__wrapper{position:absolute;top:50%;left:50%;transform:translate(-60%, -50%);width:100%}header figure:first-of-type{margin-bottom:0}header figure.tagline{margin-bottom:0;width:475px}#form .bg-form{padding:3.4rem 0rem 0rem;width:460px}#form .bg-form .join{margin-bottom:1.5rem}#form .bg-form .join p{font-size:1.2rem}.regFrm{width:67%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:1rem}.regFrm .form-group figure{width:30px}.regFrm .form-group input{padding:.8rem;font-size:1rem}.regFrm .form-group .u-p{top:15%}.regFrm .form-group .error.errors{margin-bottom:-1.2rem}.regFrm .btn{margin:-0.7rem auto 0}}
@media screen and (min-width: 1366px){html,body{height:100%}}
@media screen and (min-width: 1600px){.content__left__wrapper{transform:translate(-37%, -50%)}.content__right__wrapper{transform:translate(-63%, -50%)}}
@media screen and (min-width: 1700px){header figure:first-of-type{width:40%}header figure.tagline{margin-bottom:0;width:600px}#form .bg-form{padding:3.8rem 0rem 0rem;width:550px}#form .bg-form .join{margin-bottom:2.5rem}#form .bg-form .join p{font-size:1.2rem}.regFrm{width:67%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:.5rem}.regFrm .form-group .u-p{top:19%}.regFrm .btn{margin:1rem auto 0}}
@media screen and (min-width: 1920px){header figure.tagline{margin-bottom:0;width:570px}#form .bg-form{padding:4rem 0rem 0rem;width:580px}#form .bg-form .join{margin-bottom:3rem}#form .bg-form .join p{font-size:1.3rem}#form .km{width:600px}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .btn{margin:-0.6rem auto 0;width:100%}}
@media screen and (min-width: 2056px){header figure.tagline{width:660px}#form .bg-form{padding:4rem 0rem 0rem;width:600px}#form .bg-form .join p{font-size:1.5rem}#form .km{width:650px}.social figure img{width:70px}.regFrm .form-group input{padding:1rem}.regFrm .form-group:last-of-type{margin-bottom:1.5rem}.regFrm .form-group .u-p{top:22%}}
@media screen and (min-width: 2336px){header figure.tagline{width:700px}#form .bg-form{padding:4.5rem 0rem 1rem;width:640px}#form .bg-form .join p{font-size:1.5rem}.social figure img{width:80px}.regFrm .form-group input{font-size:1.2rem}.regFrm .form-group:last-of-type{margin-bottom:1.5rem}.regFrm .form-group .eye{top:28%}footer h6{font-size:1.12rem}footer p{font-size:1rem}}
@media screen and (min-width: 2560px){header figure.tagline{width:700px}#form .bg-form{padding:4.5rem 0rem 1rem;width:690px}#form .bg-form .join{margin-bottom:2rem}#form .bg-form .join p{font-size:1.5rem}#form .km{width:690px}.bannerLeft,.bannerRight{width:35%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}}
@media screen and (min-width: 2992px){header figure.tagline{width:850px}#form .bg-form{padding:5.8rem 0rem 1rem;width:790px}#form .bg-form .join{margin-bottom:4.5rem}#form .bg-form .join p{font-size:2rem}#form .km{width:900px}.social figure img{width:110px}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group input{font-size:2rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .btn{margin:0rem auto 0}.error.errors{font-size:1.5rem;margin-bottom:-1.7rem}}
@media screen and (min-width: 3456px){header figure:first-of-type{width:50%}header figure.tagline{width:950px}#form .bg-form{padding:6.3rem 0rem 1rem;width:900px}#form .bg-form .join{margin-bottom:5rem}#form .bg-form .join p{font-size:2rem}#form .km{width:970px}.social figure{margin-bottom:2.5rem}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group figure{width:30px}.regFrm .form-group .u-p{top:32%}.regFrm .form-group input{font-size:2rem}.regFrm .form-group .eye{width:40px;top:30%}.regFrm .form-group:last-of-type{margin-bottom:3rem}.regFrm .btn{margin:-1rem auto 0}}
@media screen and (min-width: 3840px){#form .bg-form{padding:6.5rem 0rem 1rem;width:1150px}#form .bg-form .join{margin-bottom:5rem}#form .bg-form .join p{font-size:3rem}#form .stair{width:90%}.error.errors{font-size:1.5rem;margin-bottom:-2.2rem}}