.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#2052e966;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;gap:2rem}.modal-container{background:#f7f9fc;border-radius:10px;width:clamp(400px,80%,500px);padding:1.5rem;box-shadow:0 5px 15px #0d11c94d;text-align:center;position:relative}.modal-header{display:flex;justify-content:flex-end}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-eleven)}.modal-content{margin-top:1rem}.modal-icon-div{width:100%}.modal-icon{width:100px}.modal-content h2{font-size:2rem;margin-bottom:.5rem;color:var(--color-nine)}.modal-content p{font-size:1rem;color:var(--color-seven);margin-bottom:1.5rem}.modal-button{background:var(--color-seven);color:#fff;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.modal-button:hover{background:var(--color-nine)}.subscribe{z-index:9999}.subscribe:after{position:absolute;content:"";right:-10px;bottom:18px;width:0;height:0;border-left:0px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--color-eleven)}.subscribe .submit-btn{border-bottom-right-radius:0;border-top-right-radius:0}