.white-popup {
    position: relative;
    background: #FFF;
    width: auto;
    max-width: 1000px;
    margin: 20px auto;
    border-radius: 16px;
    background-size: cover;
    background-position: top center;
    padding:30px 50px;
}

button.mfp-close{
    color:#191D63 !important;
   background-color:#27AAE1;
    opacity: 1;
    border-radius: 9999px;
    margin:-10px -20px -10px -10px;
     transition: transform .1s ease;
    width:1.5em !important;
    padding-right:0 !important;
    text-align: center !important;
}

.mfp-iframe-scaler iframe{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.mfp-iframe-holder .mfp-close{
    margin-top:2%;
}

button.mfp-close:hover{
    transform: scale(1.1);
    box-shadow: 0 0 8px rgba(99, 100, 102, 0.5);
}


.mfp-iframe-scaler iframe{
    border-radius: calc(var(--wp--custom--border-radius-value)/2);
}

.mfp-iframe-holder .mfp-content {
    max-width: 1000px;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
   background-color: rgba(5, 6, 26, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}