section.banner {
    background:
        url('../../assets/img/homepage/Banner.png') no-repeat center right/cover,
        url('../../assets/img/homepage/body_bg.png') no-repeat -1100px center/cover;
    align-content: center;
    min-height: 700px;
    padding-bottom: 0;

    .wrapper {
        position: relative;
    }

    .header {
        width: 100%;
    }

    h1 {
        margin-bottom: 32px;
    }

    .content {
        max-width: 485px;

        @media (max-width: 1024px) {
            max-width: 100%;
        }

        p {
            margin-bottom: 30px;
        }
    }

    .flex>div:not(.header) {
        width: 50%;
        position: relative;
        z-index: 2;

        @media (max-width: 1024px) {
            width: 100%;
        }
    }

    .floating_bub {
        position: absolute;
        bottom: -100px;
    }

}

section.complete_laundry {
    background: url('../../assets/img/homepage/Banner.png') no-repeat top right/cover;
    padding-top: 0;

    .content,
    .image {
        width: 50%;

        @media (max-width: 1024px) {
            width: 100%;
        }
    }

    #specs {
        width: 100%;

        .icon {
            flex: 0 0 calc(100% / 6);
            max-width: 200px;
            background: url('../../assets/img//homepage/bubble.png') no-repeat center center/contain;
        }
    }

}

section.express_dry_cleaning {
    background: url('../../assets/img/homepage/express_dry_cleaning.png')no-repeat center center/cover;

    @media (max-width: 1024px) {
        background: url('../../assets/img/homepage/tablet_express_dry_cleaning.png')no-repeat center center/cover;
    }

    ul {
        svg {
            width: 30px;
            height: 30px;
        }
    }

    .content {
        width: 50%;
        margin: 0 0 0 auto;
        padding-left: 5%;

        @media (max-width: 1024px) {
            width: 100%;
            padding: 0;
        }

        p,
        h2 {
            color: white;
        }

        li {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            line-height: 145%;
            letter-spacing: -0.005em;
            color: white;
            display: flex;
            align-items: center;
            gap: 0 10px;
        }

        ul {
            margin: 30px 0;
            display: flex;
            flex-direction: column;
            gap: 10px 0;
        }

        svg path {
            fill: white;
        }

        img.tablet {
            display: none;

            @media (max-width: 1024px) {
                display: block;
                margin-bottom: 30px;
                border-radius: 12px;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                -ms-border-radius: 12px;
                -o-border-radius: 12px;
                margin-top: 24px;
                max-height: 500px;
                object-fit: cover;
                object-position: 0 -130px;

                @media (max-width: 575px) {
                    max-height: 350px;
                    object-position: 0 -80px;
                }
            }
        }
    }
}

section.your_satisfaction {
    background: url('../../assets/img/homepage/Your\ Satisfaction\ Our\ Priority.png')no-repeat center center/cover;
    background-color: #ffffff;
    padding-bottom: 0;

    .content {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 24px;
        justify-content: space-between;

        >div {
            width: calc(50% - 12px);

            @media (max-width: 767px) {
                width: 100%;
            }
        }

        .left_content {
            display: flex;
            flex-direction: column;
            gap: 40px 0;
        }

        @media (max-width: 767px) {
            flex-direction: column;
        }
    }

    h1 {
        margin-bottom: 40px;

        @media (max-width: 1024px) {
            margin-bottom: 30px;
        }
    }
}