.elementor-1436 .elementor-element.elementor-element-3e2005{--display:flex;--min-height:350px;--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;--overlay-opacity:0.4;}.elementor-1436 .elementor-element.elementor-element-3e2005:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-3e2005 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-1436 .elementor-element.elementor-element-3e2005::before, .elementor-1436 .elementor-element.elementor-element-3e2005 > .elementor-background-video-container::before, .elementor-1436 .elementor-element.elementor-element-3e2005 > .e-con-inner > .elementor-background-video-container::before, .elementor-1436 .elementor-element.elementor-element-3e2005 > .elementor-background-slideshow::before, .elementor-1436 .elementor-element.elementor-element-3e2005 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1436 .elementor-element.elementor-element-3e2005 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mdroofing.lk/wp-content/uploads/2026/03/Trowel-Features-to-Consider-When-Buying-a-Trowel-Sky-Roofing-Construction-Remodeling.jpg");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-1436 .elementor-element.elementor-element-2c8c9632{--spacer-size:10px;}.elementor-1436 .elementor-element.elementor-element-671bb8d6{--display:flex;--min-height:0px;--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1436 .elementor-element.elementor-element-ae26fae{padding:0px 0px 0px 5px;text-align:center;}.elementor-1436 .elementor-element.elementor-element-ae26fae .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-13b818ad{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1436 .elementor-element.elementor-element-13b818ad .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:90px;font-weight:700;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-3b8ca622{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;text-align:center;}.elementor-1436 .elementor-element.elementor-element-3b8ca622 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-weight:400;line-height:21px;letter-spacing:1.1px;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-3f39e3c{--display:flex;}.elementor-1436 .elementor-element.elementor-element-de05060{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1436 .elementor-element.elementor-element-2cac561{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1436 .elementor-element.elementor-element-2cac561:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-2cac561 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-kadence8 ) 0%, var( --e-global-color-kadence8 ) 100%);}.elementor-1436 .elementor-element.elementor-element-3767527{--display:flex;}.elementor-1436 .elementor-element.elementor-element-19b464e{--spacer-size:5px;}.elementor-1436 .elementor-element.elementor-element-b598830{text-align:center;}.elementor-1436 .elementor-element.elementor-element-b598830 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:35px;font-weight:700;font-style:oblique;text-decoration:underline;-webkit-text-stroke-color:#000;stroke:#000;color:#FF7A1C;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1436 .elementor-element.elementor-element-fb92de7{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-type-html{padding-bottom:0px;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1436 .elementor-element.elementor-element-fb92de7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1436 .elementor-element.elementor-element-de90a90{--display:flex;}.elementor-1436 .elementor-element.elementor-element-75a6781{border-radius:0px 0px 0px 0px;}.elementor-1436 .elementor-element.elementor-element-fc266f5{--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-1436 .elementor-element.elementor-element-bd23a4d{--display:flex;}.elementor-1436 .elementor-element.elementor-element-36feb18{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1436 .elementor-element.elementor-element-644d313d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1436 .elementor-element.elementor-element-644d313d:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-644d313d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0B1120 0%, #0B1120 100%);}.elementor-1436 .elementor-element.elementor-element-5662cf74{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1436 .elementor-element.elementor-element-5662cf74.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-1436 .elementor-element.elementor-element-2c8c9632{--spacer-size:25px;}.elementor-1436 .elementor-element.elementor-element-ae26fae{text-align:center;}.elementor-1436 .elementor-element.elementor-element-13b818ad{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1436 .elementor-element.elementor-element-13b818ad .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-1436 .elementor-element.elementor-element-3b8ca622{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;text-align:center;}}/* Start custom CSS for form, class: .elementor-element-fb92de7 *//* ============================================================
   PREMIUM ELEMENTOR FORM – Custom CSS
   Primary accent: #FF7A1C
   Paste into: Form widget → Advanced → Custom CSS
   Selector prefix used: ".elementor-1436 .elementor-element.elementor-element-fb92de7" = the widget's root element
   ============================================================ */


/* ── 1. FORM CONTAINER ─────────────────────────────────────── */

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-form-fields-wrapper {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  padding: 2rem 2rem 1.75rem;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
}


/* ── 2. FIELD LABELS ───────────────────────────────────────── */

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-label {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  color: #555555;
  margin-bottom: 6px;
  display: block;
}


/* ── 3. INPUT & TEXTAREA FIELDS ────────────────────────────── */

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .elementor-field {
  height: 48px;
  padding: 0 16px;
  font-size: 14.5px;
  color: #1a1a1a;
  background: #f8f8f8;
  border: 1.5px solid #e2e2e2;
  border-radius: 9px;
  width: 100%;
  box-sizing: border-box;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
}

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group textarea.elementor-field {
  height: 130px;
  padding-top: 14px;
  padding-bottom: 14px;
  resize: vertical;
  line-height: 1.6;
}

/* Focus state */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .elementor-field:focus {
  border-color: #FF7A1C;
  background-color: #ffffff;
  box-shadow: 0 0 0 3.5px rgba(255, 122, 28, 0.13);
}

/* Hover state */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .elementor-field:hover:not(:focus) {
  border-color: #c8c8c8;
  background-color: #f4f4f4;
}

/* Placeholder text */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .elementor-field::placeholder {
  color: #b0b0b0;
  font-size: 14px;
}

/* Select dropdown */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group select.elementor-field {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23FF7A1C' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}


/* ── 4. FIELD GROUP SPACING ────────────────────────────────── */

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group {
  margin-bottom: 16px;
}

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group:last-of-type {
  margin-bottom: 0;
}


/* ── 5. CHECKBOX & RADIO ───────────────────────────────────── */

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-type-checkbox .elementor-field-label,
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-type-radio .elementor-field-label {
  font-size: 13.5px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #444444;
  cursor: pointer;
}

.elementor-1436 .elementor-element.elementor-element-fb92de7 input[type="checkbox"],
.elementor-1436 .elementor-element.elementor-element-fb92de7 input[type="radio"] {
  accent-color: #FF7A1C;
  width: 16px;
  height: 16px;
  cursor: pointer;
}


/* ── 6. SUBMIT BUTTON ──────────────────────────────────────── */

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button {
  background-color: #FF7A1C !important;
  color: #ffffff !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-transform: none !important;
  padding: 0 32px !important;
  height: 52px !important;
  min-height: 52px !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  box-shadow:
    0 4px 14px rgba(255, 122, 28, 0.32),
    0 1px 3px rgba(255, 122, 28, 0.18) !important;
  transition:
    background-color 0.2s ease,
    box-shadow 0.22s ease,
    transform 0.15s ease !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: inherit !important;
}

/* Button hover */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button:hover {
  background-color: #e8650a !important;
  box-shadow:
    0 6px 22px rgba(255, 122, 28, 0.42),
    0 2px 6px rgba(255, 122, 28, 0.22) !important;
  transform: translateY(-2px) !important;
}

/* Button active / click */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button:active {
  background-color: #d45900 !important;
  box-shadow:
    0 2px 8px rgba(255, 122, 28, 0.22) !important;
  transform: translateY(0px) !important;
}

/* Button focus (keyboard accessibility) */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button:focus-visible {
  outline: 3px solid rgba(255, 122, 28, 0.5) !important;
  outline-offset: 3px !important;
}

/* Ripple-style shimmer on hover (pure CSS) */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.14) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
  transition: left 0.55s ease;
  pointer-events: none;
}

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button:hover::before {
  left: 160%;
}

/* Button icon spacing (if using Elementor button icon) */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button .elementor-button-icon {
  margin-right: 8px;
  font-size: 16px;
  vertical-align: -2px;
}


/* ── 7. FORM MESSAGES ──────────────────────────────────────── */

/* Success message */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-message.elementor-message-success {
  background: #f0faf5;
  border: 1.5px solid #8ed4b0;
  color: #1c6b44;
  border-radius: 9px;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 16px;
}

/* Error message */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-message.elementor-message-danger {
  background: #fff4f1;
  border: 1.5px solid #f7b4a0;
  color: #b83a1a;
  border-radius: 9px;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 16px;
}

/* Inline field error */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .help-inline {
  font-size: 12px;
  color: #d64a1e;
  margin-top: 5px;
  display: block;
}

/* Invalid field highlight */
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .elementor-field.elementor-error {
  border-color: #FF7A1C;
  box-shadow: 0 0 0 3px rgba(255, 122, 28, 0.1);
}


/* ── 8. STEP / MULTI-STEP FORM ─────────────────────────────── */

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-form-step-bar-wrapper {
  margin-bottom: 1.75rem;
}

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-form-step-bar-part.active,
.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-form-step-bar-part.elementor-form-step-bar-part-complete {
  background-color: #FF7A1C !important;
}

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-form-step-bar-part {
  border-radius: 4px !important;
  height: 5px !important;
}


/* ── 9. ACCEPTANCE / TERMS FIELD ───────────────────────────── */

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-type-acceptance .elementor-field-label {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
}

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-type-acceptance a {
  color: #FF7A1C;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 122, 28, 0.35);
  transition: border-color 0.2s;
}

.elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-type-acceptance a:hover {
  border-color: #FF7A1C;
}


/* ── 10. RESPONSIVE TWEAKS ─────────────────────────────────── */

@media (max-width: 600px) {
  .elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-form-fields-wrapper {
    padding: 1.5rem 1.25rem;
  }

  .elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-field-group .elementor-field {
    font-size: 16px; /* Prevents iOS auto-zoom on focus */
  }

  .elementor-1436 .elementor-element.elementor-element-fb92de7 .elementor-button {
    width: 100% !important;
    font-size: 15px !important;
  }
}/* End custom CSS */