@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");*{padding:0;box-sizing:border-box;margin:0}body,input,textarea{font-family:Poppins,sans-serif}.container1{min-height:100vh;padding:2rem;justify-content:center;position:relative;background-color:#000;align-items:center;display:flex}.container1,.form{overflow:hidden;width:100%}.form{grid-template-columns:repeat(2,1fr);max-width:820px;background-color:#fff;box-shadow:0 0 20px 1px rgba(0,0,0,.1);border-radius:10px;display:grid;z-index:1000}.contact-form{position:relative;background-color:#ffae42}.circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,transparent 20%,#ff8252)}.circle.one{height:130px;right:-40px;top:130px;width:130px}.circle.two{height:80px;right:30px;top:10px;width:80px}.contact-form:before{height:26px;transform:rotate(45deg);content:"";position:absolute;top:50px;background-color:#ffae42;left:-13px;width:26px}form{overflow:hidden;padding:2.3rem 2.2rem;position:relative;z-index:10}.title{font-size:2.5rem;font-weight:500;margin-bottom:.7rem;color:#fff;line-height:1}.input-container{position:relative;margin:1rem 0}.input{padding:.6rem 1.2rem;font-size:1.95rem;border:2px solid #fafafa;font-weight:500;color:#fff;transition:.3s;outline:none;letter-spacing:.5px;border-radius:5px;background:none;width:100%}textarea.input{min-height:150px;overflow-y:auto;padding:.8rem 1.2rem;resize:none;border-radius:5px}.input-container label{transform:translateY(-50%);pointer-events:none;padding:0 .4rem;font-size:1.3rem;font-weight:400;color:#fafafa;transition:.5s;position:absolute;top:50%;left:15px;z-index:1000}.input-container.textarea label{transform:translateY(0);top:1rem}.btn1{padding:.6rem 1.3rem;font-size:1.95rem;border:2px solid #fafafa;color:#ffae42;transition:.3s;outline:none;background-color:#fff;margin:0;border-radius:5px;cursor:pointer;width:100%;line-height:1}.btn1:hover{color:#fff;background-color:transparent}.input-container span{transform:translateY(-50%);pointer-events:none;padding:0 .4rem;font-size:1.8rem;color:transparent;position:absolute;top:0;left:25px;z-index:500}.input-container span:after,.input-container span:before{height:5px;transform:translateY(-50%);transition:.3s;content:"";position:absolute;opacity:0;top:50%;background-color:#ffae42;width:10%}.input-container span:before{left:50%}.input-container span:after{right:50%}.input-container.focus label{transform:translateY(-50%);font-size:1.8rem;top:0;left:25px}.input-container.focus span:after,.input-container.focus span:before{opacity:1;width:50%}.contact-info{padding:2.3rem 2.2rem;position:relative}.contact-info .title{color:#ffae42}.text{color:#333;margin:1.5rem 0 2rem}.information{font-size:1.5rem;color:#555;margin:.7rem 0;align-items:center;display:flex}.icon{margin-right:.7rem;width:28px}.social-media{padding:2rem 0 0}.social-media p{color:#333}.social-icons{margin-top:.5rem;display:flex}.social-icons a{height:35px;margin-right:.5rem;color:#fff;transition:.3s;text-align:center;border-radius:5px;background:linear-gradient(45deg,#ff8252,#ffae42);width:35px;line-height:35px}.social-icons a:hover{transform:scale(1.05)}.contact-info:before{height:100px;border:22px solid #ffae42;right:50px;content:"";opacity:.3;bottom:-77px;width:110px}.big-circle,.contact-info:before{position:absolute;border-radius:50%}.big-circle{height:500px;transform:translate(-40%,38%);right:50%;bottom:50%;background:linear-gradient(180deg,#ffae42,#f56f17);width:500px}.big-circle:after{height:360px;content:"";position:absolute;top:calc(50% - 180px);background-color:#000;border-radius:50%;left:calc(50% - 180px);width:360px}.square{height:400px;transform:translate(181%,11%);position:absolute;opacity:.2;top:50%;left:50%}@media (max-width:850px){.form{grid-template-columns:1fr;margin-top:150px;z-index:0}.contact-info:before{transform:scale(.95);right:65px;bottom:auto;top:-75px}.contact-form:before{right:70px;top:-13px;left:auto}.square{height:350px;transform:translate(140%,43%)}.big-circle{transform:scale(.9) translate(-40%,30%);right:50%;bottom:75%}.text{margin:1rem 0 1.5rem}.social-media{padding:1.5rem 0 0}}@media (max-width:480px){.container{padding:1.5rem;margin-top:-50px}.big-circle,.contact-info:before,.square{display:none}.contact-info,form{padding:1.7rem 1.6rem}.information,.social-media p,.text{font-size:1.8rem}.title{font-size:2.5rem}.social-icons a{height:30px;width:30px;line-height:30px}.icon{width:30px}.btn1,.input{padding:.45rem 1.2rem}iframe{height:300px;width:100%}}