.elementor-3673 .elementor-element.elementor-element-fcb4013:not(.elementor-motion-effects-element-type-background), .elementor-3673 .elementor-element.elementor-element-fcb4013 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFAA1700;}.elementor-3673 .elementor-element.elementor-element-fcb4013 > .elementor-container{min-height:900px;}.elementor-3673 .elementor-element.elementor-element-fcb4013{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-150px;padding:0px 0px 0px 0px;z-index:9;}.elementor-3673 .elementor-element.elementor-element-fcb4013 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3673 .elementor-element.elementor-element-2e401ca > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFAA17AB;padding:20px 0px 10px 0px;}.elementor-3673 .elementor-element.elementor-element-2e401ca > .elementor-element-populated, .elementor-3673 .elementor-element.elementor-element-2e401ca > .elementor-element-populated > .elementor-background-overlay, .elementor-3673 .elementor-element.elementor-element-2e401ca > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-3673 .elementor-element.elementor-element-9b5d830{text-align:center;}.elementor-3673 .elementor-element.elementor-element-9b5d830 .elementor-heading-title{font-size:44px;font-weight:500;letter-spacing:0.2px;word-spacing:2px;}.elementor-3673 .elementor-element.elementor-element-76deac69{background-color:transparent;padding:10px 10px 10px 20px;background-image:linear-gradient(150deg, #FFAA17 0%, #F7B94E 100%);}.elementor-3673 .elementor-element.elementor-element-76deac69.elementor-element{--align-self:center;}.elementor-3673 .elementor-element.elementor-element-7375e554{padding:10px 20px 10px 20px;--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-3673 .elementor-element.elementor-element-7375e554 .elementor-field-group{padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );margin-bottom:15px;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-form-fields-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );margin-bottom:-15px;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-labels-inline .elementor-field-group > label{padding-left:5px;}body:not(.rtl) .elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-labels-inline .elementor-field-group > label{padding-right:5px;}body .elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-labels-above .elementor-field-group > label{padding-bottom:5px;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-field-group .elementor-field{color:#BBBBBB;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#FFFFFF;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#FFFFFF;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-3673 .elementor-element.elementor-element-7375e554 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#000000;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#000000;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-3673 .elementor-element.elementor-element-7375e554 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3673 .elementor-element.elementor-element-7375e554 .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#000000;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#000000;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-button[type="submit"]:hover svg *{fill:#000000;}.elementor-3673 .elementor-element.elementor-element-7375e554 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3673 .elementor-element.elementor-element-7375e554 .elementor-button{border-radius:5px 5px 5px 5px;}.elementor-3673 .elementor-element.elementor-element-95372bd{--display:flex;--z-index:0;}.elementor-3673 .elementor-element.elementor-element-8d894cd{width:var( --container-widget-width, 92% );max-width:92%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:92%;--container-widget-flex-grow:0;z-index:0;}.elementor-3673 .elementor-element.elementor-element-8d894cd.elementor-element{--align-self:flex-start;}.elementor-3673 .elementor-element.elementor-element-8d894cd img{width:70%;}body.elementor-page-3673:not(.elementor-motion-effects-element-type-background), body.elementor-page-3673 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.khubaib.pk/wp-content/uploads/2025/06/gradient-color-bg-image.svg");background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-76deac69 */.cost-estimate-box {
  color: black;
  font-weight: 600;
  font-size: 20px;
}

.note-preview-box {
  font-size: 15px;
  color: black;
  font-style: italic;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-7375e554 *//* --- Checkbox Styling --- */
.elementor-form .elementor-field-type-checkbox label {
  display: flex;
  align-items: center; /* Align checkbox and text vertically */
  gap: 8px;             /* Space between checkbox and text */
  font-size: 16px;
  color: white;
  margin-bottom: 10px;
  line-height: 1;
}

/* Adjust checkbox size to match text */
.elementor-form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #F9AA18;
  cursor: pointer;
  margin: 0;
  vertical-align: middle;
}
.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
  margin-right: 10px;
}

/* --- Input & Textarea Styling on Focus --- */
.elementor-form input[type="text"],
.elementor-form input[type="number"],
.elementor-form textarea {
  color: white !important;
  border: 1px solid #ccc;
  background: transparent;
  font-size: 17px
}
.elementor-form input[type="text"]:focus,
.elementor-form input[type="number"]:focus,
.elementor-form textarea:focus {
  border-color: #F9AA18 !important;
  color: white !important;
  outline: none;
}
/* Select field styling */
.elementor-form select {
  color: black;
  background-color: #fff;
  border-radius: 5px;
}

/* Focused select field border */
.elementor-form select:focus {
  border-color: #F9AA18 !important;
  outline: none;
}

/* Option text color (no reliable hover styling) */
.elementor-form select option {
  color: black;
  background-color: white;
}

/* Remove forced styling for selected option */
.elementor-form select option:checked {
  background-color: transparent;
  color: black;
}

/* Default: make select text color gray (for placeholder) */
.elementor-form select {
  color: #999;
  transition: color 0.3s ease;
}

/* Show placeholder/first option text as gray inside dropdown */
.elementor-form select option:first-child {
  color: #999 !important;
}

/* When a valid option is selected, change color */
.elementor-form select:valid {
  color: #fff; /* or #fff as you had */
}



/* 🔶 Checkbox label styled like a section title with emoji */
.elementor-form .elementor-field-group.elementor-field-type-checkbox .elementor-field-label {
  display: block !important;
  font-weight: 700;
  font-size: 18px;
  color: #F9AA18;
  margin-bottom: 10px;
  margin-top: 25px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  padding-left: 28px;
}

.elementor-form .elementor-field-group.elementor-field-type-checkbox .elementor-field-label::before {
  content: "👇";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 20px;
  line-height: 1;
}


/* ❌ Hide labels for all other field groups */
.elementor-form .elementor-field-group:not(.elementor-field-type-checkbox) .elementor-field-label {
  display: none !important;
}/* End custom CSS */