*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Roboto", sans-serif}.loader{width:30px;margin:auto;aspect-ratio:1;--c:no-repeat linear-gradient(#fff 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10% ,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10% ,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}100%{background-size:20% 100%,20% 100%,20% 100%}}.container{max-width:1440px;width:100%;margin-inline:auto;padding:0 15px}.text-green{color:#3ddc83}.separator{width:200px;height:1px;border:none;background-color:#3ddc83;margin:10px 0}.btn{width:100%;height:50px;border-radius:30px;border:none;background-color:#3ddc83;color:white;font-size:18px;transition:all 0.2s}.btn:hover{background-color:#32b46a}.top-message{position:absolute;top:0;left:0;background-color:#FFFF04;color:black;width:100%;height:50px;line-height:50px;text-align:center}.section1{height:100vh;width:100%;display:flex}.section1 .text,.section1 .form{padding-top:15%}.section1 .text{flex-basis:60%;display:flex;align-items:center;flex-direction:column;background-color:#121448;color:white}.section1 .text h1{max-width:600px;font-size:60px;margin-bottom:45px}.section1 .text p{max-width:600px;color:#dedede;font-weight:300;font-size:20px;margin-bottom:100px}.section1 .text .down{color:#3ddc83;font-size:100px}.section1 .form{display:flex;align-items:center;flex-direction:column;flex-basis:40%;background-color:white}.section1 .form form{max-width:400px;width:100%;margin-inline:auto}.section1 .form form h3{margin-bottom:15px;font-size:35px}.section1 .form form p{color:#343434;margin-bottom:30px}.section1 .form form .status{margin-bottom:15px}.section1 .form form .status .success,.section1 .form form .status .error{width:100%;height:50px;text-align:center;line-height:50px}.section1 .form form .status .success{background-color:#32b46a;color:black}.section1 .form form .status .error{background-color:red;color:black}.section1 .form form .inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:100px}.section1 .form form .inputs .input{display:flex;align-items:center;background-color:#f8f8f8;padding:0 15px}.section1 .form form .inputs .input input{border:none;background:transparent;flex:1;padding:15px 10px;height:50px;font-size:18px}.section1 .form form .inputs .input input:focus{outline:none}.section1 .form form .inputs .input input::placeholder{color:#a0a0a0;font-weight:300}.section1 .form form .inputs .input .bx{color:#969696;font-size:24px}.section2{padding:60px 0;color:black}.section2 .stripe{padding:15px;display:flex;align-items:center;background-color:#F5F5F5}.section2 .stripe div{flex:1 1 0px;font-size:25px}.section2 .stripe img{width:200px}.section3 .box{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.section3 .box .text,.section3 .box .img{max-width:500px;width:100%}.section3 .box .img img{width:100%;max-height:300px}.section3 .box .text h3{font-size:25px}.section3 .box .text hr{width:200px;height:1px;border:none;background-color:#3ddc83;margin:10px 0}.section3 .box .text p{line-height:25px;color:#808080;font-size:14px;font-weight:300}.section4{margin:100px 0}.section4 .section4-inner{background-color:#121448;color:white;padding:40px 60px;border-radius:20px}.section4 .section4-inner h2{font-size:25px}.section4 .section4-inner .text{margin:30px 0;display:flex;justify-content:space-between;gap:100px}.section4 .section4-inner .text p{width:50%;font-weight:300;line-height:25px;color:#ddd}.section4 .section4-inner .button{display:flex;justify-content:center}.section4 .section4-inner .button .btn{width:400px;line-height:50px;text-align:center;text-decoration:none}footer{background-color:#121448;color:white;text-align:center;height:70px;line-height:70px;font-weight:300}@media only screen and (max-width: 1920px){.container{max-width:1200px}}@media only screen and (max-width: 1024px){.container{max-width:768px}.section1{display:block;height:auto}.section1 .form,.section1 .text{display:flex;justify-content:center;align-items:center;text-align:center;padding-top:0;height:100vh}.section1 .form{order:2}.section1 .text{order:1;flex-basis:100%}.section2 .stripe{flex-direction:column;gap:30px}.section2 .stripe br{display:none}}@media only screen and (max-width: 768px){.container{max-width:400px}.section1 .form{padding:0 30px}.section1 .text{padding:0 30px}.section1 .text h1{font-size:40px}.section1 .text p{font-size:16px}.section1 .text .down{font-size:60px}.section3 .box{flex-direction:column}.section3 .box .img{order:1;margin-bottom:30px;height:150px;overflow:hidden}.section3 .box .img img{max-width:100%;height:auto;display:block}.section3 .box .text{order:2}.section4 .section4-inner{padding:40px 20px}.section4 .section4-inner .text{flex-direction:column;gap:50px}.section4 .section4-inner .text p{width:100%}}