.elementor-142 .elementor-element.elementor-element-86c593b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-142 .elementor-element.elementor-element-86c593b:not(.elementor-motion-effects-element-type-background), .elementor-142 .elementor-element.elementor-element-86c593b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://infusedsolarenergy.co.uk/wp-content/uploads/2026/05/soft_abstract_warm_solar_gradient_background-CQbfCSFF.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-142 .elementor-element.elementor-element-86c593b{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}}@media(min-width:1025px){.elementor-142 .elementor-element.elementor-element-86c593b:not(.elementor-motion-effects-element-type-background), .elementor-142 .elementor-element.elementor-element-86c593b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for shortcode, class: .elementor-element-e904b50 *//* Background */
.gform_wrapper {
    background: linear-gradient(135deg, #fff5ee 0%, #fff8f0 50%, #fffde7 100%) !important;
    min-height: 100vh !important;
    padding: 40px 20px !important;
    border-radius: 16px !important;
}

/* Progress Bar Steps */
.gf_step {
    display: flex !important;
    align-items: center !important;
}

.gf_step_number {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background-color: #d0d0d0 !important;
    border: none !important;
    font-size: 0 !important;
}

.gf_step_active .gf_step_number {
    background-color: #e8472a !important;
    box-shadow: 0 0 0 3px rgba(232, 71, 42, 0.2) !important;
}

.gf_step_completed .gf_step_number {
    background-color: #e8472a !important;
}

.gf_step_label {
    display: none !important;
}

/* Page Title / Question */
.gform_page_fields .gfield_label,
.gform_heading .gform_title {
    font-size: 36px !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
}

/* Subtitle / Description */
.gform_description,
.gfield_description {
    font-size: 16px !important;
    color: #666 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
}

/* Radio Button Cards */
.gform_wrapper ul.gfield_radio {
    display: flex !important;
    gap: 20px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.gform_wrapper ul.gfield_radio li {
    list-style: none !important;
    width: 260px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

.gform_wrapper ul.gfield_radio li label {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 28px 24px !important;
    background: white !important;
    border-radius: 16px !important;
    border: 2px solid #e0e0e0 !important;
    cursor: pointer !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.gform_wrapper ul.gfield_radio li label:hover {
    border-color: #FFA000 !important;
    box-shadow: 0 4px 20px rgba(255,160,0,0.15) !important;
}

/* Radio button hide karo */
.gform_wrapper ul.gfield_radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Selected card style */
.gform_wrapper ul.gfield_radio input[type="radio"]:checked ~ label {
    border-color: #FFA000 !important;
    background: #fffbf0 !important;
    box-shadow: 0 4px 20px rgba(255,160,0,0.2) !important;
}

/* Previous Button */
.gform_wrapper .gform_previous_button {
    background: transparent !important;
    border: 2px solid #FFA000 !important;
    color: #FFA000 !important;
    padding: 14px 30px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.gform_wrapper .gform_previous_button:hover {
    background: #FFA000 !important;
    color: white !important;
}

/* Previous aur Next same line mein */
.gform_wrapper .gform_page_footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    margin-top: 30px !important;
}

.gform_wrapper .gform_previous_button,
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_button {
    width: 200px !important;
    height: 55px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Next Button */
.gform_next_button,
.gform_button {
    background-color: #FFA000 !important;
    color: white !important;
    border: none !important;
    padding: 16px 50px !important;
    border-radius: 10px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: block !important;
    margin: 30px auto 0 !important;
    transition: all 0.3s ease !important;
}

.gform_next_button:hover,
.gform_button:hover {
    background-color: #e69100 !important;
    transform: scale(1.02) !important;
}

/* Hide radio default bullets */
.gfield_radio li {
    margin: 0 !important;
    padding: 0 !important;
}/* End custom CSS */