.contact_form{row-gap:2em;-moz-column-gap:4em;column-gap:4em;display:grid;grid-template:"name" 1fr "email" 1fr "phone" 1fr "website" 1fr "button" auto "info" auto "result" auto/100%}.contact_form .invalid{outline:2px solid red}.contact_form fieldset{width:100%;border:0}.contact_form fieldset#name_field{grid-area:name}.contact_form fieldset#email_field{grid-area:email}.contact_form fieldset#phone_field{grid-area:phone}.contact_form fieldset#website_field{grid-area:website}.contact_form fieldset label,.contact_form fieldset input{width:100%;display:block}.contact_form fieldset input{border:0;border-radius:0;color:#020204;font-family:"Rajdhani",sans-serif;font-size:1rem;transition:outline 100ms ease-in-out}.contact_form fieldset input:focus{outline:2px solid #ffb500}.contact_form fieldset label{margin-bottom:.75em;color:#ffb500;font-size:1.1rem}.contact_form fieldset input{padding:.5em .75em}.contact_form .button_wrapper{grid-area:button}.contact_form .button_wrapper button{gap:.6em;display:flex;align-items:center;padding:1em 1.5em;border:0;border-radius:0;background-color:#ffb500;cursor:pointer}.contact_form .button_wrapper button span{color:#020204;font-family:"Chakra Petch",sans-serif;font-size:1.25rem;font-style:italic;font-weight:500;text-transform:uppercase}.contact_form .button_wrapper button i{color:#020204;font-size:1.25rem;transition:transform 200ms ease-in-out}.contact_form .button_wrapper button:hover i{transform:translateX(0.2em)}.contact_form div.text_info{grid-area:info}.contact_form div.text_info p{margin-bottom:1em;color:#fff}.contact_form div.text_info p:last-child{margin-bottom:0}.contact_form div.text_info p a{color:inherit;text-decoration:underline}.contact_form div.text_info p a:hover{text-decoration:none}.contact_form p#contact_form_result{opacity:0;grid-area:result;color:#fff;transition:opacity 300ms ease-in-out}.contact_form p#contact_form_result.visible{opacity:1}@media only screen and (min-width: 36em){.contact_form{grid-template:"name name" 1fr "email phone" 1fr "website website" 1fr "button button" auto "info info" auto "result result" auto/1fr 1fr}}.contact_form_result{width:90vw;gap:2em;display:grid;grid-template:auto auto/100%;align-items:center;position:fixed;top:50%;left:50%;z-index:-1;transform:translate(-50%, -50%);padding:3em 2em;visibility:hidden;opacity:0;background-color:#ffb500}.contact_form_result .icon{width:6em;height:6em;display:grid;place-items:center;justify-self:center;background-color:#020204;clip-path:polygon(0 15%, 15% 0, 85% 0, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%)}.contact_form_result .icon i{color:#ffb500;font-size:3.5rem}@media only screen and (min-width: 48em){.contact_form_result .icon i{font-size:2rem}}@media only screen and (min-width: 48em){.contact_form_result .icon{width:4em;height:4em}}.contact_form_result p{font-size:1.4rem;text-align:center}@media only screen and (min-width: 48em){.contact_form_result p{text-align:left}}.contact_form_result.show{z-index:3;visibility:visible;animation-name:showResult;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes showResult{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}.contact_form_result.hide{z-index:3;visibility:visible;animation-name:hideResult;animation-duration:300ms;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes hideResult{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@media only screen and (min-width: 36em){.contact_form_result{width:80vw}}@media only screen and (min-width: 48em){.contact_form_result{width:auto;grid-template:auto/4em 1fr;padding:2em}}@media only screen and (min-width: 48em){#contact_form_result-failure{max-width:30em}}/*# sourceMappingURL=contact-form-free-consultation.min.css.map */