.modal-outer3{background-color:rgba(0,0,0,0.75);width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1000;visibility:hidden;transition:300ms all ease-in-out}.modal-outer3.visible{opacity:1;visibility:visible;z-index:10000}.modal3{padding:40px;margin:20px;border-radius:10px;background:white;max-width:700px;opacity:0;visibility:hidden;position:relative;transform:scale(0);transition:all 300ms ease-in-out}.visible .modal3{opacity:1;visibility:visible;transform:scale(1);transition:all 300ms ease,opacity 100ms ease}.modal3 #close3{height:36px;width:36px;border-radius:50%;position:absolute;top:-3%;right:-1%;background-color:#fff;transition:all 300ms ease-in-out}.modal3 #close3:focus{border:1px dashed black}.modal3 #close3:hover{transform:rotate(180deg)}.modal3 #close3::after,.modal3 #close3::before{content:"";height:20px;width:4px;background-color:#000;position:absolute}.modal3 #close3::before{left:47%;top:20%;transform:rotate(45deg)}.modal3 #close3::after{left:47%;top:20%;transform:rotate(-45deg)}