.elementor-kit-636{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFFF5;background-image:url("https://homein.com.my/wp-content/uploads/2026/03/light-orange-background.png");}.elementor-kit-636 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== FCIP Gravity Forms Premium Style - ALL FORMS ===== */

body .gform_wrapper {
  max-width: 1180px;
  margin: 40px auto 0 auto;
  padding: 28px 30px;
  background: #ffffff;
  border: 1px solid #e9edf3;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
}

html,
body,
.site,
.site-content,
.elementor-location-single,
.elementor-location-archive,
.elementor-page {
  background-color: #c8adae !important;
}


/* Form title/description spacing */
body .gform_wrapper .gform_heading {
  margin-bottom: 24px;
}

/* Labels */
body .gform_wrapper .gfield_label {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #102a43 !important;
  margin-bottom: 8px !important;
}

/* Required text */
body .gform_wrapper .gfield_required {
  color: #d6455d !important;
  font-weight: 700 !important;
}

/* Descriptions / helper text */
body .gform_wrapper .gfield_description,
body .gform_wrapper .ginput_complex label,
body .gform_wrapper .gfield .instruction {
  color: #6b7280 !important;
  font-size: 13px !important;
}

/* Force all fields to use full width */
body .gform_wrapper .ginput_container,
body .gform_wrapper .ginput_container input,
body .gform_wrapper .ginput_container textarea,
body .gform_wrapper .ginput_container select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Inputs / textarea / select */
body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper input[type="number"],
body .gform_wrapper textarea,
body .gform_wrapper select {
  height: 52px !important;
  border: 1px solid #d8e1ea !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #102a43 !important;
  padding: 0 16px !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* Textarea only */
body .gform_wrapper textarea {
  min-height: 120px !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

/* Placeholder */
body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder {
  color: #94a3b8 !important;
}

/* Focus state */
body .gform_wrapper input[type="text"]:focus,
body .gform_wrapper input[type="email"]:focus,
body .gform_wrapper input[type="tel"]:focus,
body .gform_wrapper input[type="number"]:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
  outline: none !important;
  border-color: #3f6fd9 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(63, 111, 217, 0.12) !important;
}

/* Better spacing between fields */
body .gform_wrapper .gfield {
  margin-bottom: 22px !important;
}

/* Section spacing */
body .gform_wrapper .gform_fields {
  row-gap: 8px !important;
}

/* Submit area */
body .gform_wrapper .gform_footer,
body .gform_wrapper .gform_page_footer {
  margin-top: 28px !important;
  padding-top: 8px !important;
}

/* Premium submit button - ORANGE */
body .gform_wrapper .gform_button,
body .gform_wrapper input[type="submit"],
body .gform_wrapper button[type="submit"] {
  background: #E8602A !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 26px !important;
  min-width: 150px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  box-shadow: 0 10px 20px rgba(232, 96, 42, 0.25) !important;
  transition: all 0.2s ease !important;
}

/* Hover */
body .gform_wrapper .gform_button:hover,
body .gform_wrapper input[type="submit"]:hover,
body .gform_wrapper button[type="submit"]:hover {
  background: #d65320 !important; /* slightly darker orange */
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(232, 96, 42, 0.32) !important;
}

/* Success style confirmation message */
body .gform_wrapper .gform_confirmation_message,
body .gform_confirmation_message {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-left: 5px solid #22c55e;
  color: #14532d;
  padding: 18px 20px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  box-shadow: 0 8px 20px rgba(20, 83, 45, 0.06);
  margin-top: 20px;
}

/* Top validation box */
body .gform_wrapper .gform_validation_errors {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-left: 5px solid #e11d48;
  color: #881337;
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: none;
}

/* Field error text */
body .gform_wrapper .gfield_validation_message,
body .gform_wrapper .validation_message {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #b42318;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  margin-top: 8px;
}

/* Invalid field border */
body .gform_wrapper .gfield_error input,
body .gform_wrapper .gfield_error textarea,
body .gform_wrapper .gfield_error select {
  border-color: #e11d48 !important;
  background: #fffafa !important;
}

/* Mobile */
@media (max-width: 767px) {
  body .gform_wrapper {
    padding: 20px 18px;
    border-radius: 16px;
  }

  body .gform_wrapper input[type="text"],
  body .gform_wrapper input[type="email"],
  body .gform_wrapper input[type="tel"],
  body .gform_wrapper input[type="number"],
  body .gform_wrapper textarea,
  body .gform_wrapper select {
    height: 48px !important;
  }

  body .gform_wrapper .gform_button,
  body .gform_wrapper input[type="submit"],
  body .gform_wrapper button[type="submit"] {
    width: 100% !important;
  }
}

/* FCIP popup Gravity Forms submit button */
.elementor-popup-modal .gform_wrapper .gform_footer input[type="submit"],
.elementor-popup-modal .gform_wrapper .gform_footer button,
.elementor-popup-modal .gform_wrapper .gform_page_footer input[type="button"],
.elementor-popup-modal .gform_wrapper .gform_page_footer input[type="submit"],
.elementor-popup-modal .gform_wrapper .gform_page_footer button {
  background: #214EA8 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 24px !important;
  min-height: 48px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: 0 10px 24px rgba(33, 78, 168, 0.18) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.elementor-popup-modal .gform_wrapper .gform_footer input[type="submit"]:hover,
.elementor-popup-modal .gform_wrapper .gform_footer button:hover,
.elementor-popup-modal .gform_wrapper .gform_page_footer input[type="button"]:hover,
.elementor-popup-modal .gform_wrapper .gform_page_footer input[type="submit"]:hover,
.elementor-popup-modal .gform_wrapper .gform_page_footer button:hover {
  background: #163B82 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.elementor-popup-modal .gform_wrapper .gform_footer,
.elementor-popup-modal .gform_wrapper .gform_page_footer {
  margin-top: 20px !important;
}

.elementor-popup-modal .gform_wrapper .gform_footer input[type="submit"],
.elementor-popup-modal .gform_wrapper .gform_page_footer input[type="submit"] {
  width: auto !important;
}


/* =========================================================
   FCIP GLOBAL BUTTON SYSTEM
   Works for Elementor button widgets and normal links
   ========================================================= */

/* normal links/buttons */
a.fcip-btn,
button.fcip-btn,
input.fcip-btn,
.elementor-button.fcip-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  min-height: 48px !important;
  min-width: 150px !important;
  padding: 14px 26px !important;

  border: none !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #d6455d 0%, #c63d68 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;

  box-shadow: 0 10px 20px rgba(198, 61, 104, 0.22) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Elementor widget wrapper -> style the real inner button */
.fcip-btn .elementor-button,
.fcip-btn .elementor-button:link,
.fcip-btn .elementor-button:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  min-height: 48px !important;
  min-width: 150px !important;
  padding: 14px 26px !important;

  border: none !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #d6455d 0%, #c63d68 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;

  box-shadow: 0 10px 20px rgba(198, 61, 104, 0.22) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* remove wrapper styling so only the real button shows */
.fcip-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* hover */
a.fcip-btn:hover,
button.fcip-btn:hover,
input.fcip-btn:hover,
.elementor-button.fcip-btn:hover,
.fcip-btn .elementor-button:hover {
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, #c63d68 0%, #b53556 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 14px 24px rgba(198, 61, 104, 0.28) !important;
}

/* mobile */
@media (max-width: 767px) {
  .fcip-btn .elementor-button,
  a.fcip-btn,
  button.fcip-btn,
  input.fcip-btn,
  .elementor-button.fcip-btn {
    width: 100% !important;
  }
}

.fcip-btn-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:16px;
  width:100%;
  max-width:1200px;
  margin:0 auto 28px;
  padding:0 20px;
  box-sizing:border-box;
}

@media (max-width: 1024px){
  .fcip-btn-row{
    gap:14px;
    padding:0 16px;
  }
}

@media (max-width: 767px){
  .fcip-btn-row{
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:14px !important;
    padding:0 14px !important;
  }

  .fcip-btn-row > .elementor-element,
  .fcip-btn-row .elementor-widget-button,
  .fcip-btn-row .elementor-button-wrapper{
    width:100% !important;
    max-width:320px !important;
    display:flex !important;
    justify-content:center !important;
  }

  .fcip-btn-row a.fcip-btn,
  .fcip-btn-row button.fcip-btn,
  .fcip-btn-row input.fcip-btn,
  .fcip-btn-row .elementor-button.fcip-btn,
  .fcip-btn-row .fcip-btn .elementor-button{
    width:100% !important;
    max-width:320px !important;
    min-width:0 !important;
  }
}

/* force all dashboard buttons to same width */
a.fcip-btn,
button.fcip-btn,
input.fcip-btn,
.elementor-button.fcip-btn,
.fcip-btn .elementor-button,
.fcip-btn .elementor-button:link,
.fcip-btn .elementor-button:visited {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;

  min-height: 48px !important;
  padding: 10px 20px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  white-space: normal !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* tablet */
@media (max-width: 1024px) {
  a.fcip-btn,
  button.fcip-btn,
  input.fcip-btn,
  .elementor-button.fcip-btn,
  .fcip-btn .elementor-button,
  .fcip-btn .elementor-button:link,
  .fcip-btn .elementor-button:visited {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    min-height: 46px !important;
    padding: 10px 18px !important;
  }
}

/* mobile */
@media (max-width: 767px) {
  a.fcip-btn,
  button.fcip-btn,
  input.fcip-btn,
  .elementor-button.fcip-btn,
  .fcip-btn .elementor-button,
  .fcip-btn .elementor-button:link,
  .fcip-btn .elementor-button:visited {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    min-height: 46px !important;
    padding: 10px 18px !important;
  }
}

/* =========================================================
   ANDROID / PWA / GRAVITY FORMS SELECT SAFETY PATCH
   Put this at the VERY END of your CSS
   ========================================================= */

/* Let form containers stay visible for native picker / enhanced UI */
html,
body {
  overflow-x: hidden;
}

body .gform_wrapper,
body .gform_wrapper form,
body .gform_wrapper .gform_body,
body .gform_wrapper .gform_fields,
body .gform_wrapper .gfield,
body .gform_wrapper .ginput_container,
body .gform_wrapper .ginput_container_select {
  overflow: visible !important;
}

/* Improve select usability on mobile */
body .gform_wrapper select {
  font-size: 16px !important; /* prevents awkward mobile zoom */
  line-height: 1.3 !important;
  padding-right: 42px !important;
  -webkit-appearance: menulist !important;
  appearance: menulist !important;
  background-clip: padding-box !important;
}

/* Extra breathing room near bottom of viewport in app-like mode */
@media (max-width: 767px) {
  body .gform_wrapper {
    margin-bottom: 24px !important;
  }

  body .gform_wrapper form {
    padding-bottom: max(24px, env(safe-area-inset-bottom)) !important;
  }

  body .gform_wrapper .gfield:last-child,
  body .gform_wrapper .gform_footer,
  body .gform_wrapper .gform_page_footer {
    margin-bottom: 12px !important;
  }
}

/* If this form is inside an Elementor popup, prevent clipping */
.elementor-popup-modal,
.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .elementor-widget-wrap,
.elementor-popup-modal .gform_wrapper,
.elementor-popup-modal .gform_wrapper form {
  overflow: visible !important;
}

/* Android standalone/PWA viewport stability */
@supports (-webkit-touch-callout: none) {
  body .gform_wrapper {
    transform: translateZ(0);
  }
}/* End custom CSS */