.mgv-default-form-style .input-container {
  position: relative !important;
  margin-bottom: 35px !important;
  display: block !important;
  width: 100% !important;
}

.mgv-default-form-style .input-container input,
.mgv-default-form-style .input-container textarea {
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  background-color: #fff !important;
  transition: all 0.3s ease-in-out !important;
  outline: none !important;
  min-height: 50px !important;
}

/* Ensure the placeholder is hidden when not active */
.mgv-default-form-style .input-container input::placeholder,
.mgv-default-form-style .input-container textarea::placeholder {
  opacity: 0 !important;
  transition: opacity 0.3s ease-in-out !important;
}

.mgv-default-form-style .input-container label {
  position: absolute !important;
  top: 12px !important;
  left: 10px !important;
  font-size: 16px !important;
  color: #999 !important;
  transition: all 0.2s ease-in-out !important;
  pointer-events: none !important;
}

/* On focus or when there's content in the input */
.mgv-default-form-style .input-container input:focus + label,
.mgv-default-form-style .input-container input:not(:placeholder-shown) + label,
.mgv-default-form-style .input-container textarea:focus + label,
.mgv-default-form-style .input-container textarea:not(:placeholder-shown) + label {
  top: -20px !important;
  left: 10px !important;
  font-size: 12px !important;
  color: #0073e6 !important;
}

/* Style for the submit button (button or input[type="submit"]) */
.mgv-default-form-style button,
.mgv-default-form-style input[type="submit"] {
  background-color: #0073e6 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease-in-out !important;
}

.mgv-default-form-style button:hover,
.mgv-default-form-style input[type="submit"]:hover {
  background-color: #005bb5 !important;
}

.mgv-captcha-placeholder::placeholder {
  color: #888 !important;
  font-size: 1.2rem !important;
  font-style: italic !important;
  text-align: center !important;
}

.mgv-captcha-match {
  /* background-color: #0080002d; */
}
.mgv-captcha-match::after {
  content: "😉";
}

.mgv-captcha-mismatch {
  /* background-color: #ff000041; */
}
.mgv-captcha-mismatch::after {
  content: "☹️";
}



.refresh-captcha{
  display: flex;
   gap: 12px;
}

.mgv-captcha-placeholder{
  min-width:150px !important;
  height:50px !important;
  width: 40% !important;
  font-size:2rem;
  text-align:center !important;
}



@media all and (max-width:767px) {
.captcha-class{
  display:block !important;
}
.refresh-captcha {
  margin-bottom: 20px;
}
    
}