#contact{display:flex;align-items:stretch}#contact>*{padding-block:4vmax;display:flex;flex-direction:column}#contact .contact-form-container{position:relative;flex:50% 1;align-items:center;justify-content:center}#contact .contact-form-container #contact-form{max-width:38vmax;display:flex;flex-direction:column;align-items:stretch}#contact .contact-form-container #contact-form .form-header{display:flex;flex-direction:column;align-items:center;gap:1vmax;font-size:calc(.9rem + 1.4vmax)}#contact .contact-form-container #contact-form .form-header .header-subtitle{font-weight:300}#contact .contact-form-container #contact-form .form-body>*{margin-block:2vmax}#contact .contact-form-container #contact-form .form-body>* svg{width:calc(.5rem + .7vmax)}#contact .contact-form-container #contact-form .form-body>* input{font-size:calc(.5rem + .5vmax)}#contact .contact-form-container #contact-form .form-footer{display:flex;flex-direction:column;gap:2vmax}#contact .contact-form-container #contact-form .form-footer .footer-content{margin-left:1vmax;font-size:1.2vmax}#contact .contact-form-container #contact-form .form-footer .form-button{padding-block:1.3vmax;font-size:1.2vmax}#contact .contact-form-container .contact-background .left-icon{position:absolute;top:0;left:0;width:18vmax}#contact .contact-form-container .contact-background .right-icon{position:absolute;right:0;bottom:0;width:10vmax}#contact .contact-banner-container{flex:50% 1;justify-content:center;background-color:#e9f6ff}#contact .contact-banner-container .banner-text{width:60%;font-size:calc(1rem + .8vmax);font-weight:600;align-self:center}#contact .contact-banner-container img{align-self:flex-end;width:90%;height:auto}@media screen and (max-width:700px){#contact-page{flex-direction:column-reverse}#contact-page #contact-form{width:50vmax!important;max-width:90%}#contact-page .contact-banner-container{width:100%;padding-block:0;flex-direction:row}#contact-page .contact-banner-container>*{padding-block:3vmax;width:50%!important}#contact-page .contact-banner-container .banner-text{padding-inline:3vmax}}.form-input{display:flex;gap:1rem;padding:.8rem 1.2rem;border:.13rem solid #fff;border-radius:.5rem}.form-input .input-icon svg{width:1.2rem}.form-input input{width:100%;border:none;outline:none;font-size:1rem;background-color:transparent;color:#fff}.form-input input::placeholder{color:#fff;opacity:.7}.form-input input::-ms-input-placeholder{color:#fff;opacity:.7}.form-button{padding:1rem 2rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:.3s}.form-button:hover{opacity:.8}