.customModalContainer{position:fixed;inset:0;height:100vh;padding:50px 10px;background-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;overflow:hidden;z-index:1000;transition:opacity .3s,visibility .3s}.customModalContainer.show{opacity:1;visibility:visible;overflow-y:auto}.customModal{position:absolute;top:50%;left:50%;max-width:500px;width:100%;border-radius:10px;background-color:#fff;border:1px solid #ddd;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:transform .3s cubic-bezier(.4, 0, .2, 1),opacity .3s}.customModalContainer.show .customModal{transform:translate(-50%,-50%) scale(1);opacity:1}.customModalHeader{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #ddd}.customModalHeader h4{font-size:24px;font-weight:700;color:#232323}.customModalHeader button{border:none;outline:0;background:0 0;cursor:pointer}.customModalHeader button svg{width:16px;height:16px;fill:#999;transition:fill .2s}.customModalHeader button:hover svg{fill:black}.custommodal-body{padding:20px}.form-wrapper{display:flex;flex-direction:column;row-gap:10px}.modal-input-wrapper{width:100%}.modal-input-wrapper input,.modal-input-wrapper select{width:100%;min-height:25px;border-radius:5px;outline:0;border:1px solid #ddd;padding:10px}.modal-input-wrapper textarea{max-height:180px;height:100%;border-radius:5px;width:100%;min-height:100px;outline:0;border:1px solid #ddd;padding:10px;resize:vertical}.modal-input-wrapper button{position:relative;padding:15px 45px;background:#fff;font-size:17px;width:100%;color:#323232;font-weight:700;text-transform:uppercase;cursor:pointer;border:1px solid #506cd7;border-radius:8px;transition:.3s ease-in-out;filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, .2))}.modal-input-wrapper button:hover{border:1px solid #506cd7;background:#506cd7;color:#fff}.response{display:none;color:#000;font-size:16px;margin-bottom:20px;text-align:center}.response.active{display:block}