.homepage {
    section {
        background-color: transparent;
        margin-top: 6rem;
    }

    .section1 {
        position: relative;

        .icon {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: -1;
            width: 25rem;
            height: 25rem;
        }
    }

    .section2 {
        background-color: var(--background-green);

        img {
            margin-top: -5rem;
        }
    }

    .section3 {
        position: relative;

        .icon {
            position: absolute;
            top: 0;
            right: 0;
            z-index: -1;
            width: 25rem;
            height: 25rem;
        }

        p {
            font-size: 1.8rem;
        }

        iframe {
            height: 50vh;
            width: auto;
            aspect-ratio: 16/9;
        }
    }

    .section4 {
        color: var(--white);

        .row {
            position: relative;
            background-size: cover;

            &:after {
                background: var(--dark-green-transparent);
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 3rem;
            }

            .col {
                z-index: 2;
            }

            svg {
                width: 75%;
                height: 75%;
            }

            p {
                font-size: 1.8rem;
            }
        }
    }
}