.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:999;} .banner{height:200px;width:100%;} .banner img{height:100%;width:100%;object-fit:cover;} .popup{position:relative;} .popup-content{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:40%;background-color:white;border-radius:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.3);} .popup-content h2{margin-top:0;} .popup-content form{display:flex;flex-direction:column;align-items:center;margin-top:10px;} .popup-content form input[type="email"]{padding:10px;margin-bottom:10px;} .popup-content form button{padding:10px;} .close-btn{position:absolute;top:10px;right:10px;font-size:20px;font-weight:bold;background-color:transparent;border:none;cursor:pointer;} .close-btn:hover{color:red;}