.notifywise-form form.notifywise-custom-form label,
.notifywise-form form.notifywise-custom-form input {
    font-size: 14px;
}

.notifywise-form form.notifywise-custom-form label {
    width: 30%;
}

.notifywise-form form.notifywise-custom-form input:not([type=submit]) {
    width: 70%;
    padding: 2px 10px;
}

.notifywise-form form.notifywise-custom-form input[type=submit]{
    width: 33%;
}

.notifywise-form form.notifywise-custom-form .notifywise-form-footer input[type=submit],
.notifywise-form form.notifywise-custom-form div.g-recaptcha {
    margin-left: -4px;
}

.notifywise-form form.notifywise-custom-form .form-fields{
    margin-top: 0.75rem;
}

/* Modal Base Styling */
.notifywise_form_modal .modal-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2c3e50;
}

.notifywise_form_modal .modal-body{
    padding-bottom: 2rem !important;
}

.notifywise_form_modal .btn-close {
  padding: 1rem;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.notifywise_form_modal .btn-close:hover {
  opacity: 1;
}

/* Form Styling */
.notifywise_form_modal .notifywise-form {
  width: 100%;
}

.notifywise_form_modal .notifywise-custom-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.notifywise_form_modal .form-fields {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.notifywise_form_modal .form-fields label {
  min-width: 80px;
  font-weight: 500;
  color: #4a5568;
}

.notifywise_form_modal .form-fields input:not([type="submit"]) {
  flex: 1;
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}

.notifywise_form_modal .form-fields input:not([type="submit"]):focus {
  border-color: #3182ce;
  box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);
  outline: none;
}

/* Submit Button */
.notifywise_form_modal .notifywise-form-footer {
  margin-top: 0.5rem;
}

.notifywise_form_modal .notifywise-form-footer input[type="submit"] {
  width: 100%;
  padding: 0.75rem 1.5rem;
  background: #3182ce;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.notifywise_form_modal .notifywise-form-footer input[type="submit"]:hover {
  background: #2c5282;
}

/* Loading Spinner */
.notifywise_form_modal .notifywise-form-footer svg {  
  margin-left: 0.5rem;
  display: none;
  width: 2em;
 transform-origin: center;
 animation: rotate4 2s linear infinite;
}

.notifywise_form_modal .notifywise-form-footer svg circle {
 fill: none;
 stroke: hsl(214, 97%, 59%);
 stroke-width: 4;
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
 stroke-linecap: round;
 animation: dash4 1.5s ease-in-out infinite;
}

.notifywise_form_modal .gdpr-concent-container{
  display: flex;
  justify-content: start;
  align-items: start;
  font-size: 12px;
  line-height: 18px;
  margin-left: 2rem;
}

.notifywise_form_modal .gdpr-concent-container input[type="checkbox"]{
  margin-top: 2px;
}
.notifywise_form_modal .gdpr-concent-container p{
  margin-bottom: 0 !important;
}

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

@keyframes dash4 {
 0% {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
 }

 50% {
  stroke-dasharray: 90, 200;
  stroke-dashoffset: -35px;
 }

 100% {
  stroke-dashoffset: -125px;
 }
}

/* ReCaptcha Styling */
.notifywise_form_modal .g-recaptcha {
  margin-top: 0.5rem;
  transform: scale(0.9);
  transform-origin: left center;
}

/* Responsive Adjustments */
@media (max-width: 576px) {
  .notifywise_form_modal .modal-dialog {
    margin: 1rem;
  }
  
  .notifywise_form_modal .form-fields {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  
  .notifywise_form_modal .form-fields label {
    min-width: auto;
  }
  
  .notifywise_form_modal .form-fields input:not([type="submit"]) {
    width: 100%;
  }
}