:root{
  --m1:#01BDB2;
  --m2:#142959;
}

/* overlay */
.mondial-signup-overlay{
  position: fixed;
  inset: 0;
  background: rgba(8,15,35,.75);
  z-index: 999998;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

/* popup */
.mondial-signup-popup{
  width:100%;
  max-width:520px;
  background:#ffffff;
  border-radius:16px;
  padding:22px;
  position:relative;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  font-family: system-ui, sans-serif;
  color:#0d1330;
}

/* prevent Elementor conflicts */
.mondial-signup-popup button,
.mondial-signup-popup a{
  all: unset;
  box-sizing:border-box;
  cursor:pointer;
  font-family:inherit;
}

/* close */
.mondial-signup-close{
  position:absolute;
  top:10px;
  right:12px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f1f4fb;
  font-size:22px;
}

/* headings */
.mondial-signup-popup h2 {
    margin: 0 0 6px;
    font-size: 42px;
    text-align: center;
    color: var(--m2);
    font-weight: 700;
}

.mondial-signup-popup p {
    margin: 0 0 20px;
    font-size: 17px;
    line-height: 1.5;
    color: #34415e;
    text-align: center;
}
/* form inputs */
.mondial-signup-form input[type="text"],
.mondial-signup-form input[type="email"]{
  width:100%;
  padding:14px;
  border:1px solid #d8deea;
  border-radius:8px;
  margin-bottom:12px;
  font-size:15px;
}

.mondial-signup-form .checkbox-row{
  display:flex;
  gap:8px;
  align-items:flex-start;
  font-size:17px;
  margin-bottom:10px;
  color:#24314d;
}

.mondial-signup-form .checkbox-row a{
  color:var(--m2);
  font-weight:700;
  text-decoration:underline;
}

/* submit button */
.mondial-signup-submit{
  width:100%!important;
  padding:14px 16px!important;
  background:var(--m2)!important;
  color:#fff!important;
  border-radius:10px!important;
  font-size:24!important;
  font-weight:800!important;
  text-align:center!important;
}

.mondial-signup-popup small {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #6b768f;
    font-weight: 400;
}
.mondial-signup-close {
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: #f1f4fb !important;
    font-size: 22px !important;
    color: #333 !important;
}