.modal{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:-99;background:#000000a6;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 1s ease;pointer-events:none}.modal.open{opacity:1;transition:all 1s ease;pointer-events:all;z-index:99999}.preventScroll{overflow-y:hidden}.modal-inner{background:#f7f7f7;width:80%;height:80vh;overflow:scroll;padding:5em;position:relative}.modal-close{position:absolute;height:50px;width:50px;top:5em;right:5em;border:1px solid #000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease}.modal-close:hover{background:#000;transition:all .4s ease}.modal-close span{position:relative}.modal-close span:before,.modal-close span:after{content:'';height:1px;width:30px;background:#000;display:block;transition:all .4s ease}.modal-close span:before{transform:rotate(45deg)}.modal-close span:after{transform:rotate(-45deg)}.modal-close:hover span:before,.modal-close:hover span:after{background:#fff}.modal-close:hover span:before{transform:rotate(135deg)}.modal-close:hover span:after{transform:rotate(-135deg)}@media (max-width:768px){.modal-inner{padding:3em;height:auto;max-height:80vh}.modal-close{top:2em;right:2em}.modal-inner h2{width:80%}.modal-inner .wpcf7-form{margin-top:1em}}@media (max-width:576px){.modal-inner .wpcf7-form .col{min-width:100%}.modal-inner .wpcf7-form .headline.h4{width:80%}}