#leasing {
    margin: 6em;
    margin-bottom: 10em;
    position: relative;

    .pl-container {
        border-radius: 10px;

        &.bg-grey {
            background: var(--bg-light-gray);
            width: 80%;
            padding: 2em;
        }

        * {
            z-index: 3;
        }

        #sectionWhyItemList {
            margin: .5em;
        }
    }

    .txt-detail {
        .form-switch {
            padding: unset;
            margin: 0 1em;

            .form-check-input {
                margin-left: unset;

                &:checked {
                    background-color: var(--green);
                    border-color: var(--green);
                }

                &:focus {
                    border-color: var(--light-green);
                    box-shadow: 0 0 0 .25rem var(--light-green);
                }

                &:not(:checked):focus {
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
                }
            }
        }
    }

    .titleWhy {
        --font-size: var(--h2);
        margin-bottom: .5em;
        text-align: end;
    }

    .itemContainer {
        background: white;
        padding: .9em;
        border-radius: 10px;
        flex: 1 1;
        margin: .5em;
        transition: all 0.1s ease-in;

        .icons {
            width: 2em;
            height: auto;
            margin: 1em;
        }

        &:hover {
            transform: scale(105%, 105%);
        }
    }

    .absolute-img {
        top: 3em;
        right: -2em;

        img {
            border-radius: 10px;
            max-height: 30em;
        }

        .pl-container {
            .absolute {
                bottom: 5%;
                width: 100%;
            }
        }
    }
}

#sectionWhyEco {
    margin: 7em;
    height: 8em;

    .pl-container {
        background-color: var(--green);
        border-radius: 10px;
        padding: 1em;

        &>* {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }
    }

    .ecoFlex {
        display: flex;
        justify-content: space-between;
        align-items: center;

        &>* {
            flex: 1 1;
        }

        .double-child-flex {
            flex-grow: 2;
        }
    }

    img {
        max-height: 16vw;
        /*width: max-content;*/
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    #leasing {
        margin: 2em 1em;

        #sectionWhyTitle {
            width: 100%;
        }

        .absolute-img {
            top: unset;
            right: -50%;
            bottom: 1.5em;
            width: 100%;

            .pl-container .absolute {
                bottom: unset;
            }
        }
    }

    #sectionWhyEco {
        height: unset;
        margin: 6em;

        .pl-container>* {
            position: revert;
            transform: revert;
        }

        .ecoFlex {
            text-align: center;

            &>* {
                flex-basis: 100%;
            }

            &.rowMobileReverse {
                flex-direction: row-reverse;
            }
        }

        .mobile-txt-center {
            text-align: center;
        }

        img {
            max-height: 16vh;
        }
    }
}