.qf-loading-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.6);
  align-items: center;
  justify-content: center;
  display: flex;
}


.qf-form-success{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,1);
  align-items: center;
  justify-content: center;
  display: flex; 
  text-align: center;
  grid-gap: 20px;
}

.qf-success-wrapper{
  align-items: center;
  justify-content: center;
  display: flex; 
  text-align: center;
  flex-direction: column;
}

.qf-form-success h4{
  text-align: center;
  font-weight: 700;

}

.qf-loading {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(0,0,0,0.1);
  border-top-color: #06F;
  border-radius: 50%;
  animation: qf-spin 0.6s linear infinite;
  margin: 16px auto;
}

@keyframes qf-spin {
  to { transform: rotate(360deg); }
}

.qf-success,
.qf-error {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
}

.qf-success { background: #E0FBE2; color: #155724; }
.qf-error { background: #FCE8E8; color: #7F1D1D; }