#contact-modal{position:fixed;top:0;left:0;background-color:#fff;padding:20px 20px 80px 20px;border-radius:5px;box-shadow:0 0 10px rgb(0 0 0 / .5);z-index:299;width:100%;height:100%;overflow:auto;display:none}@media(min-width:769px){#contact-modal{width:75%;max-width:950px;padding:50px;height:auto;margin:0 auto;overflow:hidden;top:50%;transform:translate(-50%,-50%);left:50%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:298;display:none}.modal-overlay.active,#contact-modal.active{display:block}div#closeModal{text-align:right}div#closeModal svg{width:20px;height:20px}.modalForm input[type="text"],.modalForm input[type="email"],.modalForm input[type="tel"],.modalForm input[type="number"],.modalForm textarea,.modalForm select{color:var(--contrast);border-color:var(--blue-accent);width:100%;font-size:16px;text-transform:none;border-radius:6px}.modalForm input[type="text"]:focus,.modalForm input[type="email"]:focus,.modalForm input[type="tel"]:focus,.modalForm input[type="number"]:focus,.modalForm textarea:focus{color:var(--contrast);border-color:var(--blue-accent);width:100%;font-size:16px;text-transform:none}.modalForm .name-wrapper,.modalForm .field-wrapper{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}@media(min-width:769px){.modalForm .name-wrapper,.modalForm .field-wrapper{display:flex;flex-direction:row;gap:10px;margin-bottom:10px}.modalForm .field{flex:1}}