.zsiq_floatmain,
#signup_section {
    display: none !important;
}

#plusheat_breakdown_form {
    position: relative;
    max-width: 1000px;
    min-height: 800px;
    background: var(--color-grey-light);
    border-radius: var(--border-radius-md);
    padding: 20px 20px 50px;
    margin: 40px auto;
}

#plusheat_breakdown_form .form {
    display: none;
}

#plusheat_breakdown_form .form.active-question {
    display: flex !important;
}

.form {
    max-width: var(--section_answers_width);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: auto;
    --section_answers_width: 40rem;
}

.form-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--color-white);
    border-radius: var(--border-radius-md);
    padding: 15px 30px;
    margin: 0 0 70px;
}

.form-back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.form-back:hover {
    opacity: .8;
}

.form-back img {
    width: auto;
    height: 100%;
}

ul.form-list {
    width: 100%;
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
}

ul.form-list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: var(--font-xs);
    font-weight: var(--font-thin);
    line-height: 1.1;
    padding-left: 25px;
    margin-bottom: 10px;
}

ul.form-list li::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    background-image: url('/__prelive/wp-content/uploads/2026/05/check-highlight-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.section_heading {
    font-size: var(--font-lg);
    font-weight: var(--font-medium);
    color: var(--color-primary);
    margin: 0 auto;
}

h2.section_heading {
    width: 100%;
    font-size: calc(var(--font-xl) - 5px);
    font-weight: var(--font-semibold);
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: 10px;
    margin: 0 0 40px;
}

#reporting_start h2.section_heading {
    font-size: var(--font-xl);
    border-bottom: none;
    margin-bottom: 0;
}

.section_subheading {
    width: 100%;
    font-size: var(--font-xs);
    font-weight: var(--font-thin);
    margin-top: -25px;
    margin-bottom: 10px;
}

#reporting_start .section_subheading {
    font-size: var(--font-sm);
    margin-top: 0;
}

.section_question {
    width: 100%;
    font-size: calc(var(--font-xl) - 5px);
    font-weight: var(--font-semibold);
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: 10px;
    margin: 20px 0;
}

.section_heading + .section_question {
    margin-top: -10px;
}

.section_question_sm {
    font-size: var(--font-md);
    font-weight: var(--font-medium);
    color: var(--color-text);
    border-bottom: none;
    padding-bottom: 0;
}

.section_question span {
    display: block;
    font-size: var(--font-md);
    font-weight: var(--font-medium);
    color: var(--color-text);
}

.section_question:has(span) {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 0;
}

.section_question > span {
    border-top: 1px solid var(--color-border-light);
    padding-top: 10px;
    margin: 5px 0 10px;
}

/* .section_answers + .section_question {
    margin-top: 20px;
} */

.section_answers {
    width: 100%;
}

.section_answer,
.api_answer_text,
.section_answers textarea {
    font-family: inherit;
    font-size: var(--font-sm);
    line-height: 1.5;
    color: var(--color-text);
    font-weight: var(--font-regular);
    background: var(--color-white);
    border: 2px solid var(--color-border-light);
    border-radius: var(--border-radius-md);
    padding: 15px 20px;
    margin-bottom: 10px;
}

.section_answer,
.api_answer_text {
    cursor: pointer;
}

.section_answer:hover,
.api_answer_text:hover,
.section_answer_active {
    border-color: var(--color-primary);
}

.section_answers_box:not(.section_answers_box_full) .section_answer {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.section_answers_box:not(.section_answers_box_full) .section_answer_active {
    border-color: var(--color-border-light);
}

.section_answers_box:not(.section_answers_box_full) .section_answer::before {
    content: "";
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    border: 3px solid #99A1AF;
    border-radius: 50%;
}

#Is_the_issue_constant_or_intermittent .section_answer::before {
    margin-top: 3px;
}

.section_answers_box:not(.section_answers_box_full) .section_answer_active::before {
    background: url('/__prelive/wp-content/uploads/2026/05/check-highlight-icon.svg') center/18px 18px no-repeat;
    border-color: var(--color-highlight);
}

.section_answers textarea {
    width: calc(100% - 40px);
    font-weight: var(--font-thin);
    margin-bottom: 0;
    outline: none;
}

.section_disclaimer {
    width: 100%;
    font-size: var(--font-xxs);
    font-weight: var(--font-thin);
    margin-top: 15px;
    margin-bottom: 10px;
}

.section_answer > img,
.section_answer_round_image {
    display: none !important;
}

.section_answer h4 {
    font-size: var(--font-lg);
    font-weight: var(--font-thin);
    color: var(--color-text);
    margin: 0;
}

.section_answer .subtitle {
    font-size: var(--font-sm);
    font-weight: var(--font-thin);
    opacity: 0.6;
}

.section_notice {
    font-weight: var(--font-thin);
    background-color: #fff6ed;
    border-radius: var(--border-radius-md);
    padding: 20px;
    margin-bottom: 30px;
}

.section_notice ul {
    padding: 0 20px;
}

.form-notice {
    display: flex;
    align-items: baseline;
    gap: 10px;
    background-color: var(--color-secondary);
    border: 2px solid var(--color-primary-dark);
    border-radius: var(--border-radius-sm);
    padding: 20px;
    margin: -30px 0 50px;
}

.form-notice.form-notice-green {
    background-color: var(--color-highlight-light);
    border-color: var(--color-highlight);
}

.form-notice.important-notice {
    margin: 20px 0 0;
}

.form-notice-icon img {
    width: 28px;
    height: auto;
    object-fit: contain;
}

.form-notice-title {
    font-size: var(--font-lg);
    color: var(--color-primary);
    font-weight: var(--font-semibold);
    margin: 0;
}

.form-notice p {
    font-size: var(--font-sm);
    font-weight: var(--font-thin);
    margin-top: 5px;
    margin-bottom: 0;
}

.form-notice p:first-child {
    margin-top: 0;
}

.form-notice p a {
    font-weight: var(--font-bold);
}

.form-notice .button:not(.button-outline) {
    text-align: center;
    font-weight: var(--font-thin);
    border-radius: var(--border-radius-md);
    margin-top: 10px;
}

.form-notice .button:not(.button-outline):not(.button-highlighted) {
    background: var(--color-primary) !important;
}

.form-notice .button:not(.button-outline):hover,
.form-notice .button:not(.button-outline):focus {
    color: var(--color-primary) !important;
    background: var(--color-white) !important;
}

.form-notice .button.button-outline {
    text-align: center;
    color: var(--color-primary) !important;
    background: var(--color-white) !important;
    border-radius: var(--border-radius-md);
    border: 3px solid var(--color-primary);
    margin-top: 10px;
}

.form-notice .button.button-outline:hover,
.form-notice .button.button-outline:focus {
    color: var(--color-white) !important;
    background: var(--color-primary) !important;
}

.form-notice .link {
    display: inline-block;
    color: var(--color-primary);
    font-weight: var(--font-thin);
    text-decoration: underline;
    margin: 10px auto 0;
}

.form-notice .link:hover,
.form-notice .link:focus {
    color: var(--color-text);
}

.form-notice-appointments { 
    border-width: 1px;
    padding: 15px 20px;   
    margin-top: 20px;
    margin-bottom: 10px;
}

.form-notice-appointments p {
    font-size: var(--font-xxs);
}

.select_boiler_information {
    width: 100%;
}

.select_boiler_model {
    width: 100%;
    margin-bottom: 10px;
}

.select_boiler_information .section_question,
.select_boiler_model .section_question {
    margin-bottom: 10px;
}

.boiler_information.hide {
    display: none;
}

.submit_button_section {
    width: 100%;
}

.reporting-start-button,
.section_okay_button,
.policy_okay_button,
.select_property_button,
.select_sub_property_button,
.preferred_date_button,
.submit_button {
    width: 100%;
    font-size: var(--font-md);
    font-weight: var(--font-bold);
    line-height: 1;
    color: var(--color-white);
    background: var(--color-highlight);
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    padding: 15px 20px;
    margin-top: 20px;
    cursor: pointer;
}

.reporting-start-button:hover,
.section_okay_button:hover,
.policy_okay_button:hover,
.select_property_button:hover,
.select_sub_property_button:hover,
.preferred_date_button:hover,
.submit_button:hover {
    opacity: 0.8;
}

.section_okay_button:not(.button-visible) {
    display: none;
}

.preferred_date_button:not(.button-visible) {
    display: none;
}

.section_answers input[type="text"],
.section_answers input[type="email"],
.section_answers input[type="tel"],
.section_answers input[type="date"],
.section_answers select,
.bootstrap-select>.dropdown-toggle {
    width: calc(100% - 40px);
    font-family: inherit;
    font-size: var(--font-sm);
    line-height: 1.5;
    font-weight: var(--font-regular);
    color: var(--color-text);
    background: var(--color-white);
    border: 2px solid var(--color-border-light);
    border-radius: var(--border-radius-md);
    padding: 15px 20px;
    text-align: left;
    outline: none;
}

.section_answers .field-error {
    border-color: var(--color-red);
}

.section_answers .error-message,
.invalid-policy,
.field_empty_msg {
    font-size: var(--font-xs);
    font-weight: var(--font-regular);
    background-color: var(--color-white);
    color: var(--color-red);
    border-radius: var(--border-radius-md);
    padding: 15px 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.invalid-policy,
.field_empty_msg {
    width: calc(100% - 40px);
}

/* select box */
.custom-select-wrapper {
    position: relative;
    user-select: none;
    width: 100%;
}

.custom-select {
    position: relative;
    display: flex;
    flex-direction: column;
    border-width: 0 2px 0 2px;
    border-style: solid;
    border-color: #394a6d;
}

.custom-select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    font-size: 20px;
    font-weight: 300;
    color: #3b3b3b;
    height: 60px;
    line-height: 60px;
    background: #ffffff;
    cursor: pointer;
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-color: #394a6d;
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    border: 2px solid #394a6d;
    border-top: 0;
    background: var(--color-white);
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
}

.custom-select.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 22px 0 22px;
    font-size: 22px;
    font-weight: 300;
    color: #3b3b3b;
    line-height: 60px;
    cursor: pointer;
    transition: all 0.5s;
}

.custom-option:hover {
    cursor: pointer;
    background-color: #b2b2b2;
}

.custom-option.selected {
    color: #ffffff;
    background-color: #305c91;
}

.btn-group.bootstrap-select.required {
    padding: 0;
}

button.btn.dropdown-toggle.btn-default {
    border: none;
    background-color: transparent;
    border-radius: 0;
    outline: none !important;
    color: #56504d;
    font-size: 1.5rem;
    z-index:1;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    position: relative;
    width: 100% !important;
}

.dropdown-menu {
    width: 100%;
    z-index: 99;
    top: calc(100% - 10px) !important;
    transform: none !important;
}

.dropdown-menu.open {
    padding: 0;
    border: none;
    box-shadow: none;
    margin-top: 1px;
}

ul.dropdown-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-option {
    font-family: inherit;
    font-size: var(--font-sm);
    font-weight: var(--font-regular);
    color: var(--color-text);
    text-transform: initial;
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    margin-bottom: 10px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position-x: calc(100% - 16px);
    background-position-y: 50%;
    background-size: 20px;
    cursor: pointer;
}

.bootstrap-select.show .dropdown-toggle {
    border-color: var(--color-border-dark);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bootstrap-select:not(.show) .dropdown-menu {
    display: none;
}

.bootstrap-select.show .inner {
    overflow-x: hidden;
    scrollbar-width: thin;
    border: 2px solid var(--color-border-dark);
    border-top: 0;
    border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
}

.bootstrap-select.show ul.dropdown-menu.inner {
    max-height: 250px !important;
    background-color: var(--color-white);
    border: none;
    font-weight: var(--font-thin);
    list-style: none;
    padding: 0;
    margin: 0;
    scrollbar-width: none;
}

.dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    cursor: pointer;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: var(--color-white);
    background-color: var(--color-primary);
    outline: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.bootstrap-select.open > .dropdown-toggle.btn-default {
    background-color: transparent !important;
}

.section_answers input:-webkit-autofill,
.section_answers textarea:-webkit-autofill,
.section_answers select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}

.datepicker-wrapper {
    position: relative;
    margin-bottom: 10px;
}

.datepicker-wrapper img.ui-datepicker-trigger {
    position: absolute;
    right: 20px;
    bottom: calc(50% - 8px);
    width: 16px;
    height: auto;
    object-fit: contain;
    cursor: pointer;
}

#ui-datepicker-div {
    z-index: 999 !important;
}

.second-preferred {
    margin-top: 50px;
}

.datepicker-wrapper .section_heading,
.preferred-time .section_heading {
    margin-bottom: 10px;
}

.preferred-time {
    display: none;
    margin-top: 30px;
}

.preferred-time.show {
    display: block !important;
}

.preferred-time .time-slot {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: var(--font-md);
    font-weight: var(--font-regular);
    background: var(--color-white);
    border: 2px solid var(--color-border-light);
    border-radius: var(--border-radius-md);
    padding: 15px 20px;
    margin-bottom: 10px;
    cursor: pointer;
}

.preferred-time .time-slot::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 3px solid #99A1AF;
    border-radius: 50%;
}

.preferred-time .time-slot.active::before {
    background: url('/__prelive/wp-content/uploads/2026/05/check-highlight-icon.svg') center/18px 18px no-repeat;
    border-color: var(--color-highlight);
}

.preferred-time .time-slot span {
    display: block;
}

@media screen and (max-width: 576px) {
    .preferred-time.show {
        display: block !important;
    }
    .preferred-time > div:not(:last-child) {
        margin-bottom: 10px;
    }
}

.close_field, .add_new {
    display: block;
    background-color: #f3861a;
    margin-top: 15px;
    padding: 10px 20px;
    border-radius:15px;
    cursor: pointer;
    color:  var(--color-white);
    font-size: 1rem;
    font-weight: 700;
}

.section_add {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px dotted var(--color-border-light);
    border-radius: var(--border-radius-sm);
}

input[type="file"] {
    display: flex;
    justify-content: flex-start;
    border: none;
    margin-bottom: 15px;
    margin-top:15px;
}

.new_fields_added {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.overlay {
    position: absolute;
    top: 0;
    left:0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px var(--color-grey-light) dashed;
    border-top: 4px var(--color-primary) dashed;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
   }
}

.section_holder_name, .section_additional_contact {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

.section_holder_name > input[type="text"],
.section_additional_contact > input[type="text"] {
    width: calc(50% - 50px);
    margin-bottom: 10px;
}

.report-breakdown-popup,
.manual-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(240, 229, 222, 0.8);
    z-index: 99999;
}

.report-breakdown,
.manual-report {
    position: relative;
    width: 100%;
    max-width: 640px;
    max-height: calc(90vh - 80px);
    background-color: #FEF2EB;
    border-radius: 30px;
    padding: 40px 30px 30px;
    overflow-y: scroll;
}

.manual-report {
    min-height: 200px;
    display: flex;
    flex-direction: column;
}

.report-breakdown::-webkit-scrollbar,
.manual-report::-webkit-scrollbar {
    width: 0;
}

.report-breakdown-popup-inner,
.manual-popup-inner {
    max-width: 450px;
    margin: auto;
}

.report-breakdown .close,
.manual-report .close {
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 10px;
    top: 10px;
    opacity: 1;
    text-align: center;
}

.report-breakdown .close > img,
.manual-report .close > img {
    width: 10px;
}

.report-breakdown-popup-title,
.manual-popup-title {
    font-family: 'Baloo Thambi 2', sans-serif !important;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 800 !important;
    color: #56504D;
    margin-top: 0;
    margin-bottom: 20px;
}

.report-breakdown p {
    font-family: 'Baloo Thambi 2', sans-serif !important;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 400;
    color: #87817E;
    margin-bottom: 20px;
}

.manual-report p {
    font-family: 'Baloo Thambi 2', sans-serif !important;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-primary);
}

.report-breakdown a,
.manual-report a {
    display: block;
    font-weight: 600;
    color: #87817E;
    margin-top: 6px;
    text-decoration: underline;
}

.report-breakdown a:hover,
.report-breakdown a:focus,
.report-breakdown a:active,
.manual-report a:hover,
.manual-report a:focus,
.manual-report a:active {
    color: #F27B05;
}

@media (max-width: 768px) {
    .hero__content,
    .hero__container-mobile {
        display: none;
    }

    .form-heading {
        margin-bottom: 30px;
    }

    .section_question,
    h2.section_heading,
    #reporting_start h2.section_heading {
        font-size: var(--font-lg);
    }

    .section_holder_name > input[type="text"],
    .section_additional_contact >  input[type="text"] {
        width: 100%;
    }

    .report-breakdown,
    .manual-report {
        max-width: 85%;
    }

    .report-breakdown-popup-title,
    .manual-popup-title {
        font-size: 25px;
    }

    .report-breakdown p,
    .manual-report p {
        font-size: 16px;
    }
}