.mps-form-container { text-align:center; margin:20px 0; position:relative; font-family: Arial, sans-serif; }
.mps-form input[type=text], .mps-form input[type=email] { padding:8px; margin:6px; width:220px; box-sizing:border-box; }
.mps-form button { padding:8px 14px; cursor:pointer; }

/* fixed bar */
.mps-fixed_bar { position:fixed; bottom:0; left:0; right:0; background:#222; color:#fff; padding:12px; z-index:9997; }

/* popup */
.mps-popup { display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; color:#000; padding:20px; border-radius:8px; box-shadow:0 6px 24px rgba(0,0,0,0.25); z-index:9998; }

/* slide in */
.mps-slide_in { display:none; position:fixed; right: -320px; bottom:20px; width:300px; background:#fff; color:#000; padding:16px; border-radius:8px; box-shadow:0 6px 24px rgba(0,0,0,0.15); transition:right .5s ease; z-index:9998; }
.mps-slide_in.active { right:20px; display:block; }

/* exit intent */
.mps-exit_intent { display:none; position:fixed; top:30%; left:50%; transform:translate(-50%,-50%); background:#fff; padding:20px; border-radius:8px; box-shadow:0 6px 24px rgba(0,0,0,0.25); z-index:9998; }

/* close button */
.mps-close-btn { position:absolute; top:8px; right:10px; font-size:20px; background:rgba(0,0,0,0.6); color:#fff; padding:2px 8px; border-radius:14px; cursor:pointer; z-index:9999; }
.mps-close-btn:hover { background:rgba(0,0,0,0.85); }

/* make title nicer */
.mps-title { margin:0 0 8px 0; font-size:18px; }
.mps-message { margin-top:8px; font-size:14px; }

/* for video,image,mp4 */

.mps-form-container .mps-media {
  text-align: center;
}
.mps-form-container iframe,
.mps-form-container video,
.mps-form-container img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}