.elementor-203 .elementor-element.elementor-element-e0c1d60{--display:flex;}.elementor-203 .elementor-element.elementor-element-4728615{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-203 .elementor-element.elementor-element-721f091{--display:flex;}.elementor-203 .elementor-element.elementor-element-f4080c9{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for wp-widget-gform_widget, class: .elementor-element-60535fb */<style>
/* =========================================
   IoTMastery English Contact Form
   CSS Class: iotm-contact-form
========================================= */

.iotm-contact-form {
  direction: ltr;
  width: 100%;
  padding: 34px !important;
  border: 1px solid #dce6e1;
  border-radius: 18px;
  background: #ffffff;
  font-family: inherit !important;
  text-align: left;
  box-sizing: border-box;
}

.iotm-contact-form *,
.iotm-contact-form *::before,
.iotm-contact-form *::after {
  box-sizing: border-box;
}

/* Form title */
.iotm-contact-form .gform_title {
  margin: 0 0 8px !important;
  color: #244a4d !important;
  font-family: inherit !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

/* Form description */
.iotm-contact-form .gform_description {
  display: block;
  margin: 0 0 25px !important;
  color: #687575 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  text-align: left !important;
}

/* Remove Gravity Forms default spacing */
.iotm-contact-form .gform-body,
.iotm-contact-form .gform_body {
  width: 100%;
}

.iotm-contact-form .gform_fields {
  display: flex !important;
  flex-direction: column;
  gap: 18px !important;
}

/* Individual field */
.iotm-contact-form .gfield {
  margin: 0 !important;
  padding: 0 !important;
}

/* Field labels */
.iotm-contact-form .gfield_label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #244a4d !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  text-align: left !important;
}

/* Required indicator */
.iotm-contact-form .gfield_required {
  margin-right: 0 !important;
  margin-left: 3px !important;
  color: #c89a2b !important;
  font-size: 13px !important;
}

/* All form controls */
.iotm-contact-form input[type="text"],
.iotm-contact-form input[type="email"],
.iotm-contact-form input[type="tel"],
.iotm-contact-form input[type="number"],
.iotm-contact-form input[type="url"],
.iotm-contact-form select,
.iotm-contact-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 1px solid #d5e0dc !important;
  border-radius: 11px !important;
  background-color: #ffffff !important;
  color: #2b2b2b !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  direction: ltr !important;
  text-align: left !important;
  box-shadow: none !important;
  outline: none !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease !important;
}

/* Standard input height */
.iotm-contact-form input[type="text"],
.iotm-contact-form input[type="email"],
.iotm-contact-form input[type="tel"],
.iotm-contact-form input[type="number"],
.iotm-contact-form input[type="url"],
.iotm-contact-form select {
  height: 52px !important;
  padding: 10px 15px !important;
}

/* Message field */
.iotm-contact-form textarea {
  min-height: 145px !important;
  padding: 13px 15px !important;
  resize: vertical;
}

/* Placeholder text */
.iotm-contact-form input::placeholder,
.iotm-contact-form textarea::placeholder {
  color: #a2adab !important;
  opacity: 1 !important;
}

/* Focus state */
.iotm-contact-form input:focus,
.iotm-contact-form select:focus,
.iotm-contact-form textarea:focus {
  border-color: #9dbead !important;
  background-color: #fbfdfc !important;
  box-shadow: 0 0 0 3px rgba(157, 190, 173, 0.2) !important;
}

/* Form footer */
.iotm-contact-form .gform_footer {
  display: block !important;
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
}

/* Submit button */
.iotm-contact-form .gform_footer input[type="submit"],
.iotm-contact-form .gform_footer button,
.iotm-contact-form input.gform_button {
  display: block !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 12px 24px !important;
  border: 1px solid #244a4d !important;
  border-radius: 11px !important;
  background: #244a4d !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.iotm-contact-form .gform_footer input[type="submit"]:hover,
.iotm-contact-form .gform_footer button:hover,
.iotm-contact-form input.gform_button:hover {
  transform: translateY(-2px);
  border-color: #183c3e !important;
  background: #183c3e !important;
  box-shadow: 0 8px 20px rgba(36, 74, 77, 0.18) !important;
}

/* Field validation messages */
.iotm-contact-form .gfield_validation_message,
.iotm-contact-form .validation_message {
  margin-top: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #c53939 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  text-align: left !important;
}

/* General validation box */
.iotm-contact-form .gform_validation_errors {
  margin: 0 0 20px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(197, 57, 57, 0.25) !important;
  border-radius: 10px !important;
  background: #fff7f7 !important;
  box-shadow: none !important;
}

.iotm-contact-form .gform_validation_errors h2 {
  margin: 0 !important;
  color: #c53939 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  text-align: left !important;
}

/* Confirmation message */
.iotm-contact-form .gform_confirmation_message {
  padding: 20px !important;
  border: 1px solid #9dbead !important;
  border-radius: 12px !important;
  background: #f2f7f4 !important;
  color: #244a4d !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 2 !important;
  text-align: left !important;
}

/* Tablet and mobile */
@media (max-width: 767px) {
  .iotm-contact-form {
    padding: 24px 18px !important;
  }

  .iotm-contact-form .gform_title {
    font-size: 24px !important;
  }

  .iotm-contact-form .gform_fields {
    gap: 16px !important;
  }

  .iotm-contact-form input[type="text"],
  .iotm-contact-form input[type="email"],
  .iotm-contact-form input[type="tel"],
  .iotm-contact-form input[type="number"],
  .iotm-contact-form input[type="url"],
  .iotm-contact-form select {
    height: 50px !important;
    font-size: 14px !important;
  }

  .iotm-contact-form textarea {
    min-height: 130px !important;
  }
}
</style>/* End custom CSS */