/* Ram */
.form-group{  }
label.error{ position: absolute; font-size: 12px !important; color: #fff !important; background: red; padding: 4px 5px; margin: -10px 0 0 0; line-height: 1 }
.content-row{ display: flex; justify-content: space-between; padding: 80px 0 }
.content-img{ width: 30%; margin: auto 0;}
.content-txt{ width: 40%; margin: auto 0;}
.order2{ order: 2 }

 

.course-formstyle{  }
.course-formstyle .form-control{ border-bottom: 1px solid #ccc !important; border: 0; padding: 5px 10px; margin: 0 0 5px 0; border-radius: 0; height: 45px; }

 .course-formstyle label.error{ position: absolute; font-size: 12px !important; color: red !important; background: none !important;   padding: 4px 5px; margin: -5px 0 0 0; line-height: 1 }
 .white-popup {
  position: relative;
  background: #FFF;
  padding:20px 20px 20px 20px;
  width: auto;
  max-width: 380px;
  margin: 10px auto;
  transition: 1s all;
}

.mfp-bg {}

.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;
}


/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}


/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Ram */