#contact .form{width:100%;max-width:820px;background-color:#fff;border-radius:10px;box-shadow:0 0 20px 1px rgba(0,0,0,.1);z-index:9;overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr)}#contact .contact-form{background-color:var(--primaryColor);position:relative}#contact .contact-form:before{content:"";position:absolute;display:inline-block;border-top:13px solid #fff;border-right:13px solid var(--primaryColor);border-bottom:13px solid var(--primaryColor);border-left:13px solid #fff;transform:rotate(135deg);top:50px;left:-13px}#contact form{padding:2.3rem 2.2rem;z-index:10;overflow:hidden;position:relative}#contact .title{color:#fff;font-weight:500;font-size:1.5rem;line-height:1;margin-bottom:.7rem}#contact .input-container{position:relative;margin:1rem 0}#contact .input{width:100%;outline:none;border:2px solid #fafafa;background:none;padding:.6rem 1.2rem;color:#fff;font-weight:500;font-size:.95rem;letter-spacing:.5px;border-radius:5px;transition:.3s;font-family:Barlow,Barlow Fallback}#contact textarea.input{padding:.8rem 1.2rem;min-height:150px;border-radius:5px;resize:none;overflow-y:auto}#contact .input-container label{position:absolute;top:50%;left:15px;transform:translateY(-50%);padding:0 .4rem;color:#fafafa;font-size:.9rem;font-weight:400;pointer-events:none;z-index:1000;transition:.5s;font-family:IBM Plex Sans,IBM Plex Sans Fallback}#contact .input-container.textarea label{top:1rem;transform:translateY(0)}#contact .btn{padding:.6rem 1.3rem;background-color:#fff;border:2px solid #fafafa;font-size:18px;font-weight:700;color:var(--primaryColor);line-height:1;border-radius:5px;outline:none;cursor:pointer;transition:.3s;margin:0;width:100%}#contact .btn:hover{background-color:rgba(0,0,0,0);color:#fff}#contact .btn:disabled{background-color:#fff;color:var(--primaryColor)!important}#contact .input-container span{position:absolute;top:0;left:25px;transform:translateY(-50%);font-size:.8rem;padding:0 .4rem;color:rgba(0,0,0,0);pointer-events:none;z-index:500}#contact .input-container span:after,#contact .input-container span:before{content:"";position:absolute;width:10%;opacity:0;transition:.3s;height:5px;background-color:var(--primaryColor);top:50%;transform:translateY(-50%)}#contact .input-container span:before{left:50%}#contact .input-container span:after{right:50%}#contact .input-container.focus label{top:0;transform:translateY(-50%);left:25px;font-size:.8rem}#contact .input-container.focus span:after,#contact .input-container.focus span:before{width:50%;opacity:1}#contact .contact-info{background:#fff;padding:2.3rem 2.2rem;position:relative}#contact .contact-info .title{color:var(--primaryColor);font-weight:700}#contact .text{color:#333;margin:1.5rem 0 2rem}#contact .information{display:flex;color:#555;align-items:center;font-size:.95rem}#contact .information i{color:navy}#contact .icon{width:28px;margin-right:.7rem}#contact .social-media{padding:2rem 0 0}#contact .social-media p{color:#333}#contact .social-icons{display:flex;margin-top:.5rem}#contact .social-icons a{width:35px;height:35px;border-radius:5px;background:linear-gradient(45deg,navy,#fff);color:#fff;text-align:center;line-height:35px;margin-right:.5rem;transition:.3s}#contact .social-icons a:hover{transform:scale(1.05)}@media(max-width:850px){#contact .form{grid-template-columns:1fr}#contact .contact-info:before{bottom:auto;top:-75px;right:65px;transform:scale(.95)}#contact .contact-form:before{top:-13px;left:auto;right:70px}#contact .text{margin:1rem 0 1.5rem}#contact .social-media{padding:1.5rem 0 0}}#contact input::-moz-placeholder{font-family:IBM Plex Sans,IBM Plex Sans Fallback}#contact input::placeholder{font-family:IBM Plex Sans,IBM Plex Sans Fallback}@media(max-width:480px){#contact .container{padding:1.5rem}#contact .contact-info:before{display:none}#contact .contact-info,#contact form{padding:1.7rem 1.6rem}#contact .information,#contact .social-media p,#contact .text{font-size:.8rem}#contact .title{font-size:1.15rem}#contact .social-icons a{width:30px;height:30px;line-height:30px}#contact .icon{width:23px}#contact .btn,#contact .input{padding:.45rem 1.2rem}}.box-animate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;animation-name:pippo;animation-duration:.7s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes pippo{0%{top:45%}to{top:55%}}