/* Start custom CSS for ucaddon_welcomearea, class: .elementor-element-34ecbe9 *//* 1. CONTAINER: Remove Top Padding */
.schedule_box {
    width: 100% !important;
    max-width: 100% !important; 
    margin: 0 !important;
    /* Changed top padding to 0px to fix top space issue */
    padding: 0px 15px 20px 15px !important; 
    display: block !important;
    text-align: center !important;
}

/* 2. TITLES: Tighten spacing */
.schedule_box h4, 
.schedule_box h3,
.schedule_box legend {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 5px !important;
    margin-top: 10px !important; /* Small top margin just for title */
    line-height: 1.2 !important;
}
.wpforms-field-label {
    text-align: center !important;
    display: block !important;
    margin-bottom: 5px !important;
    margin-top: 0 !important;
}

/* 3. INPUT FIELDS: Full Width */
#wpforms-3452 .wpforms-field-name,
#wpforms-3452 .wpforms-field-email,
#wpforms-3452 .wpforms-field-phone,
#wpforms-3452 .wpforms-field-select {
    width: 100% !important;
    float: none !important; 
    clear: both !important; 
    padding: 0 !important; 
    margin-bottom: 10px !important; /* Reduced bottom gap between fields */
    box-sizing: border-box !important;
}

/* 4. PHONE FIELD FIX */
.wpforms-field-phone .iti {
    width: 100% !important;
    display: block !important;
}
.wpforms-field-phone input {
    width: 100% !important;
    height: 50px !important;
    padding-left: 50px !important; 
}

/* 5. SERVICE ICONS: Remove Gap Below (Fixes "Space above Phone") */
#wpforms-3452 .wpforms-icon-choices {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 15px !important;
    /* Reduced margin-bottom to 0px to pull Phone up */
    margin-bottom: 0px !important; 
}
#wpforms-3452 .wpforms-icon-choices-item {
    width: 22% !important;
    flex: 0 0 22% !important;
    margin: 0 !important;
}
#wpforms-3452 .wpforms-icon-choices-label {
    padding: 10px 5px !important;
}

/* 6. BUTTON: Centered */
.wpforms-submit-container {
    text-align: center !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 5px !important;
}
button.wpforms-submit {
    width: 50% !important; 
    margin: 0 auto !important;
    display: inline-block !important;
    padding: 15px !important;
}

/* 7. HEADER FIX */
.header_area .navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}


/* =========================================
   1. HERO TEXT VISIBILITY (The Dark Box)
   ========================================= */
.home_banner_inner .left_text {
    background: rgba(0, 0, 0, 0.65) !important; /* Dark overlay */
    padding: 30px 40px !important;              /* Breathing room */
    border-radius: 12px !important;             /* Rounded corners */
    max-width: 580px !important;                /* Limits width */
    display: inline-block !important;           /* Hugs the content */
    backdrop-filter: blur(5px);                 /* Blurs the city background */
    margin-top: 20px !important;
}

/* Force text to be White */
.home_banner_inner .left_text h3,
.home_banner_inner .left_text h5,
.home_banner_inner .left_text p {
    color: #ffffff !important;
    text-shadow: none !important;
    margin-bottom: 10px !important;
}

/* =========================================
   2. FORM LAYOUT & SPACING (The Red Box)
   ========================================= */
.schedule_box {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;       /* Removes extra outer padding */
    margin: 0 !important;
}

/* Remove huge gap above "Schedule Appointment" */
.schedule_box h4, 
.schedule_box h5,
.wpforms-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Fix "Schedule Appointment" Title Spacing */
.wpforms-field-label {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
    font-size: 18px !important;
    text-align: center !important;
    display: block !important;
}

/* FORCE FULL WIDTH ROWS (Phone, Time, Name, Email) */
/* This ensures every input gets its own line */
#wpforms-3452 .wpforms-field {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 10px !important; /* Tight spacing between fields */
    padding: 0 15px !important;     /* Side padding for neatness */
    box-sizing: border-box !important;
}

/* FIX: Service Icons (Heating, Cooling, etc.) */
#wpforms-3452 .wpforms-icon-choices {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 5px !important; /* REDUCED GAP above Phone field */
}
#wpforms-3452 .wpforms-icon-choices-item {
    width: 22% !important;
    margin: 0 !important;
}

/* FIX: Phone Field Input */
.wpforms-field-phone input {
    width: 100% !important;
    height: 50px !important;
    padding-left: 50px !important; /* Space for the flag */
}

/* FIX: Next/Submit Button */
.wpforms-submit-container {
    text-align: center !important;
    padding-bottom: 20px !important;
}
button.wpforms-submit {
    width: 80% !important;
    font-size: 18px !important;
    padding: 12px !important;
}

/* 1. Push the 'Satisfaction' text down */
.home_banner_inner .left_text h5 {
    margin-top: 40px !important;  /* Pushes it down significantly */
    padding-top: 10px !important;
    display: block !important;
    position: relative !important;
}

/* 2. Ensure the box allows text to flow */
.home_banner_inner .left_text {
    padding-top: 50px !important; /* Adds extra breathing room at the top of the box */
    overflow: visible !important; /* Prevents it from cutting off anything that sticks out */
}/* End custom CSS */