body.modal-open {
  overflow: hidden;
}
.applyModal {
  background: rgb(0 0 0 / 72%);
}
#enrollFormModal.active {
  display: block;
}
#enrollFormModal {
  display: none;
}
.animation-zoomIn {
  animation-name: zoomIn;
  animation-duration: 0.9s;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.mbg {
  background: #ffffff;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) 0%,
    rgba(234, 234, 234, 1) 100%
  );
}
@keyframes zoomIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.modalclosebtn {
  position: absolute;
  right: 25px;
  z-index: 1;
  top: 30px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .modalclosebtn {
    right: 0;
    top: 0;
  }
}