.elementor-4165 .elementor-element.elementor-element-b2636e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-4165 .elementor-element.elementor-element-b2636e5{--content-width:1200px;}}/* Start custom CSS for metform, class: .elementor-element-fd0fd6d *//* Premium design same + spacing compact */
.metform-form-content {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 36px 42px !important;
  background: #ffffff !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 70px rgba(8, 43, 82, 0.12) !important;
  border: 1px solid rgba(8, 43, 82, 0.08) !important;
}

.metform-form-content h2,
.metform-form-content .mf-heading {
  color: #082b52 !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

.metform-form-content p {
  color: #42546a !important;
  font-size: 15px !important;
  margin-bottom: 18px !important;
}

.metform-form-content label,
.metform-form-content .mf-input-label {
  color: #082b52 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}

.metform-form-content input,
.metform-form-content textarea,
.metform-form-content select {
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid #dfe7f0 !important;
  background: #f8fbff !important;
  color: #082b52 !important;
  font-size: 14px !important;
  padding: 12px 18px !important;
  outline: none !important;
  transition: all 0.3s ease !important;
}

.metform-form-content input,
.metform-form-content select {
  height: 48px !important;
}

.metform-form-content textarea {
  min-height: 120px !important;
}

.metform-form-content input:focus,
.metform-form-content textarea:focus,
.metform-form-content select:focus {
  background: #ffffff !important;
  border-color: #0f92f8 !important;
  box-shadow: 0 0 0 4px rgba(15, 146, 248, 0.12) !important;
}

.metform-form-content .mf-input-wrapper,
.metform-form-content .elementor-field-group {
  margin-bottom: 16px !important;
}

.metform-form-content button[type="submit"],
.metform-form-content .mf-btn {
  height: 50px !important;
  min-width: 170px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #0f92f8, #006edc) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border: none !important;
  padding: 0 28px !important;
  box-shadow: 0 16px 35px rgba(15, 146, 248, 0.28) !important;
}

.metform-form-content button[type="submit"]:hover,
.metform-form-content .mf-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 45px rgba(15, 146, 248, 0.38) !important;
}

@media (max-width: 768px) {
  .metform-form-content {
    padding: 26px 18px !important;
    border-radius: 18px !important;
  }

  .metform-form-content h2,
  .metform-form-content .mf-heading {
    font-size: 29px !important;
  }

  .metform-form-content button[type="submit"],
  .metform-form-content .mf-btn {
    width: 100% !important;
  }
}



/* MetForm success message full override */
.mf-response-msg,
.mf-form-wrapper .mf-response-msg,
.metform-form-content .mf-response-msg,
.elementor-widget-metform .mf-response-msg {
  background: linear-gradient(135deg, #e8fff2, #f6fffb) !important;
  color: #0f5132 !important;
  border: 1px solid #b7f0cf !important;
  border-left: 6px solid #00c853 !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  box-shadow: 0 12px 30px rgba(0, 200, 83, 0.16) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* remove default black tick style */
.mf-response-msg i,
.mf-response-msg svg {
  display: none !important;
}

/* green success icon */
.mf-response-msg::before {
  content: "✔" !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 50% !important;
  background: #00c853 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* message text color force */
.mf-response-msg,
.mf-response-msg * {
  color: #0f5132 !important;
}/* End custom CSS */