/* Popup container (fullscreen overlay) */
    .popup {
      display: none; /* Hidden by default */
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    /* Popup content (only white card in center) */
    .popup-content {
      background: #fff; /* white card */
      padding: 10px;
      border-radius: 8px;
      text-align: center;
      width: 350px;
      max-width: 500px;
      position: relative;
      overflow: hidden;
    }

    /* Close button */
    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 28px;
      font-weight: bold;
      color: black;
      cursor: pointer;
      z-index: 10000;
    }

    .close-btn:hover {
      color: red;
    }

    /* Banner image */
    .banner-image {
      width: 100%;
      height: 500px;
      border-radius: 5px;
      display: block;
    }