#services_flexible {
    background: white;
}
#services_flexible > .wrap {
    padding: calc(var(--panel-padding) * 0.5 + 100px) var(--panel-padding) var(--panel-padding) var(--panel-padding);
    flex-direction: row;
    gap: calc(var(--panel-padding) * 0.6);
    max-width: 1800px;
}
#services_flexible > .wrap > * {
    flex: 1 1 0px;
}
#services_flexible > .wrap > :nth-child(1) {
    gap: calc(var(--panel-padding) * 0.2);
}
#services_flexible > .wrap > :nth-child(1) p + p {
    margin-top: calc(var(--panel-padding) * 0.3);
}
#services_flexible img {
    max-width: 100%;
}
@media only screen and (max-width: 500px) {
    #services_flexible > .wrap {
        flex-direction: column;
    }
}

#services_customize {
    background: linear-gradient(102.45deg, #87B173 7.4%, #6E925D 103%), #D9D9D9;
}
#services_customize > .wrap {
    padding: var(--panel-padding);
    color: white;
    align-items: flex-start;
}
#services_customize h2 {
    max-width: 700px;
    margin-bottom: calc(var(--panel-padding) * 0.7);
}
#services_customize .list-icon-horizontal img {
    height: 5em;
    width: 5em;
}

#services_what_is {
    background: #F2F6F9;
}
#services_what_is > .wrap {
    padding: calc(var(--panel-padding) * 1.3) var(--panel-padding);
    align-items: flex-start;
}
#services_what_is .citations-box {
    margin-top: calc(var(--panel-padding) * 0.7);
}
#services_what_is h2 strong {
    font-weight: normal;
    color: #87B173;
}

#services_gain > .wrap {
    flex-direction: row;
}
#services_gain > .wrap > div {
    flex: 1 1 0px;
}
#services_gain > .wrap > .text {
    padding: calc(var(--panel-padding) * 1.6) var(--panel-padding);
}
#services_gain > .wrap > .text p {
    margin-top: calc(var(--panel-padding) * 0.4);
}
#services_gain > .wrap > .text p + p {
    margin-top: calc(var(--panel-padding) * 0.2);
}
#services_gain > .wrap > .image {
    position: relative;
    height: 100%;
}
@media only screen and (max-width: 550px) {
    #services_gain > .wrap {
        flex-direction: column;
    }
    #services_gain > .wrap > .image {
        min-height: 100vw;
        width: 100%;
    }
}

#services_cost {
    background: linear-gradient(99.75deg, #B3D892 19.45%, #87B173 103.03%), linear-gradient(102.45deg, #87B173 7.4%, #6E925D 103%), #D9D9D9;
}
#services_cost > .wrap {
    padding: var(--panel-padding) 2em;
}
#services_cost h2 {
    color: white;
    margin-bottom: calc(var(--panel-padding) * 0.36);
}
@media only screen and (max-width: 800px) {
    #services_cost .incentives-box {
        flex-direction: column;
    }
}

#services_installation {
    background: #F2F6F9;
}
#services_installation > .wrap {
    padding: var(--panel-padding);
    align-items: stretch;
}
#services_installation h2 {
    gap: var(--panel-padding);
    text-align: center;
}

#services_how_to_use > .wrap {
    padding: var(--panel-padding);
}
#services_how_to_use .txt {
    max-width: 380px;
}
#services_how_to_use h2 {
    margin-bottom:  calc(var(--panel-padding) * 0.3);
}
#services_how_to_use .illustration {
    max-width: 50%;
}
#services_how_to_use .illustration img {
    max-width: 100%;
}
#services_how_to_use .list-icon-horizontal > * {
    max-width: 240px;
}
#services_how_to_use .list-icon-horizontal {
    margin-top: 2em;
}
#services_how_to_use .list-icon-horizontal hr {
    margin: 0;
}
@media only screen and (max-width: 700px) {
    #services_how_to_use .list-icon-horizontal {
        padding-top: calc(var(--panel-padding) * 0.4);
    }
    #services_how_to_use .list-icon-horizontal > * {
        max-width: initial;
    }
    #services_how_to_use .list-icon-horizontal hr {
        width: 3px;
        min-width: 3px;
        height: 30px;
        margin-top: 3px;
    }
}
@media only screen and (max-width: 500px) {
    #services_how_to_use .flex {
        flex-direction: column;;
    }
}
