.elementor-183 .elementor-element.elementor-element-cf03f2b{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-183 .elementor-element.elementor-element-6c12fff .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}/* Start custom CSS for container, class: .elementor-element-cf03f2b *//* =========================================
   TIKI CONTACT PAGE — CLEAN FULL-WIDTH VERSION

   Elementor structure:
   Parent container class: tiki-contact-clean-layout
   Text Editor widget class: tiki-contact-clean-text
   Fluent Form / Shortcode widget class: tiki-contact-clean-form

   IMPORTANT:
   Replace the entire Contact page CSS with this file.
   Do not keep the old gap-fix snippets underneath.
   ========================================= */

:root {
  --tiki-contact-green: #0f5132;
  --tiki-contact-green-dark: #082f1f;
  --tiki-contact-green-deep: #052819;
  --tiki-contact-orange: #f28c28;
  --tiki-contact-orange-dark: #d96d10;
  --tiki-contact-cream: #f3efe6;
  --tiki-contact-cream-light: #fbf7ef;
  --tiki-contact-text: #172018;
  --tiki-contact-muted: #667067;
  --tiki-contact-line: rgba(23, 32, 24, 0.14);
  --tiki-contact-max: 1240px;
  --tiki-contact-shadow: 0 24px 70px rgba(8, 47, 31, 0.14);
}

html,
body {
  overflow-x: hidden !important;
}

.tiki-contact-clean-layout,
.tiki-contact-clean-layout *,
.tiki-contact-clean,
.tiki-contact-clean * {
  box-sizing: border-box !important;
}

/* =========================================
   MAIN FULL-BLEED PAGE WRAPPER
   This wrapper breaks out of boxed Elementor/theme containers.
   ========================================= */

.tiki-contact-clean-layout {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 0 70px !important;
  background: linear-gradient(180deg, var(--tiki-contact-cream-light), var(--tiki-contact-cream)) !important;
  color: var(--tiki-contact-text) !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  overflow-x: hidden !important;
}

/* Remove Elementor widget spacing */
.tiki-contact-clean-layout .elementor-section,
.tiki-contact-clean-layout .elementor-container,
.tiki-contact-clean-layout .e-con,
.tiki-contact-clean-layout .e-con-inner,
.tiki-contact-clean-layout .elementor-widget,
.tiki-contact-clean-layout .elementor-widget-container,
.tiki-contact-clean-text,
.tiki-contact-clean-text .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tiki-contact-clean {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================
   FULL-WIDTH TOP BANNER
   Do not use another 100vw breakout here.
   The parent is already full-bleed, so width:100% prevents right gaps.
   ========================================= */

.tiki-contact-clean__hero {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(242, 140, 40, 0.16), transparent 30%),
    linear-gradient(135deg, var(--tiki-contact-green-deep), var(--tiki-contact-green)) !important;
  color: #ffffff !important;
  box-shadow: var(--tiki-contact-shadow) !important;
  overflow: hidden !important;
}

.tiki-contact-clean__inner {
  width: min(var(--tiki-contact-max), calc(100vw - 48px)) !important;
  max-width: var(--tiki-contact-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(42px, 5vw, 76px) 0 !important;
}

.tiki-contact-clean__inner > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
  color: var(--tiki-contact-orange) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.tiki-contact-clean__inner > span::before {
  content: "";
  width: 38px;
  height: 2px;
  background: currentColor;
}

.tiki-contact-clean__inner h1 {
  margin: 0 0 18px !important;
  max-width: 10ch !important;
  color: #ffffff !important;
  font-size: clamp(46px, 6vw, 78px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.055em !important;
  font-weight: 900 !important;
}

.tiki-contact-clean__inner p {
  margin: 0 !important;
  max-width: 760px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(16px, 1.25vw, 18px) !important;
  line-height: 1.75 !important;
}

.tiki-contact-clean__details {
  margin-top: 30px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255,255,255,0.14) !important;
}

.tiki-contact-clean__details p {
  margin: 0 0 10px !important;
  color: rgba(255,255,255,0.82) !important;
}

.tiki-contact-clean__details strong {
  color: #ffffff !important;
}

.tiki-contact-clean__details a {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  border-bottom: 2px solid var(--tiki-contact-orange) !important;
}

/* =========================================
   FORM BOX BELOW THE BANNER
   ========================================= */

.tiki-contact-clean-form,
.tiki-contact-clean-layout .elementor-widget-shortcode,
.tiki-contact-clean-layout .elementor-widget-fluent-form-widget {
  width: min(720px, calc(100vw - 48px)) !important;
  max-width: 720px !important;
  margin: 34px auto 0 !important;
  padding: 32px !important;
  background: #ffffff !important;
  border: 1px solid var(--tiki-contact-line) !important;
  box-shadow: 0 18px 46px rgba(8, 47, 31, 0.10) !important;
}

.tiki-contact-clean-form::before,
.tiki-contact-clean-layout .elementor-widget-shortcode::before,
.tiki-contact-clean-layout .elementor-widget-fluent-form-widget::before {
  content: "Send a message" !important;
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--tiki-contact-text) !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
  font-weight: 900 !important;
}

.tiki-contact-clean-form::after,
.tiki-contact-clean-layout .elementor-widget-shortcode::after,
.tiki-contact-clean-layout .elementor-widget-fluent-form-widget::after {
  content: "Complete the form and we’ll get back to you." !important;
  display: block !important;
  margin: 0 0 20px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--tiki-contact-line) !important;
  color: var(--tiki-contact-muted) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.tiki-contact-clean-form .elementor-widget-container,
.tiki-contact-clean-layout .elementor-widget-shortcode .elementor-widget-container,
.tiki-contact-clean-layout .elementor-widget-fluent-form-widget .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================
   FLUENT FORMS BASIC STYLING
   ========================================= */

.tiki-contact-clean-layout .ff-el-group {
  margin-bottom: 15px !important;
}

.tiki-contact-clean-layout .ff-el-input--label,
.tiki-contact-clean-layout .ff-el-input--label label {
  color: var(--tiki-contact-text) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 7px !important;
}

.tiki-contact-clean-layout input[type="text"],
.tiki-contact-clean-layout input[type="email"],
.tiki-contact-clean-layout input[type="tel"],
.tiki-contact-clean-layout select,
.tiki-contact-clean-layout textarea,
.tiki-contact-clean-layout .ff-el-form-control {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(23,32,24,0.18) !important;
  border-radius: 0 !important;
  background: #fbfaf6 !important;
  color: var(--tiki-contact-text) !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

.tiki-contact-clean-layout textarea {
  min-height: 120px !important;
}

.tiki-contact-clean-layout input:focus,
.tiki-contact-clean-layout select:focus,
.tiki-contact-clean-layout textarea:focus,
.tiki-contact-clean-layout .ff-el-form-control:focus {
  border-color: var(--tiki-contact-orange) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(242,140,40,0.16) !important;
}

.tiki-contact-clean-layout .ff-btn-submit,
.tiki-contact-clean-layout button[type="submit"] {
  width: 100% !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, var(--tiki-contact-orange), var(--tiki-contact-orange-dark)) !important;
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(217,109,16,0.22) !important;
}

@media (max-width: 740px) {
  .tiki-contact-clean-layout {
    padding-bottom: 44px !important;
  }

  .tiki-contact-clean__inner {
    width: calc(100vw - 24px) !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .tiki-contact-clean__inner h1 {
    max-width: none !important;
    font-size: clamp(38px, 11vw, 54px) !important;
    line-height: 1 !important;
  }

  .tiki-contact-clean-form,
  .tiki-contact-clean-layout .elementor-widget-shortcode,
  .tiki-contact-clean-layout .elementor-widget-fluent-form-widget {
    width: calc(100vw - 24px) !important;
    margin-top: 22px !important;
    padding: 24px 18px !important;
  }
}/* End custom CSS */