.contact-modal{align-items:center;background-color:#00013f80;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.contact-modal__dialog{background-color:var(--light);border-radius:30px;box-shadow:4px 4px 20px #00013f33;color:var(--primary-color);max-height:90vh;max-width:100%;overflow:hidden;position:relative;width:900px}.contact-modal__close{align-items:center;background:var(--light);border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:20px;top:20px;transition:opacity .3s ease;z-index:10}.contact-modal__close:hover{opacity:.7}.contact-modal__content{max-height:90vh;overflow-y:auto;padding:50px}.contact-modal__head{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:30px;text-align:center}.contact-modal .contact__form,.contact-modal .contact__submitted{box-shadow:none;padding:0;width:100%}.contact-modal .contact__submitted{padding:30px 0}.contact-modal .customInput,.contact-modal .customTextarea{max-width:100%;width:100%}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}@media (max-width:700px){.contact-modal__content{padding:50px 20px 30px}.contact-modal__close{right:15px;top:15px}.contact-modal .contact__form{grid-template-columns:100%}.contact-modal .contact__form .button,.contact-modal .contact__message,.contact-modal .form__error{grid-column:span 1}}.card--glass{align-items:center;background:#ffffffe6;border-radius:30px;color:var(--primary-color);display:flex;flex-direction:column;gap:30px;max-width:100%;padding:80px 85px;text-align:center;width:650px}.card--glass h3{font-size:1.875rem}@media (max-width:920px){.card--glass{padding:40px 20px}.card--glass h3{font-size:1.25rem}}