/*#region Base */

.laundry-split-section {
    height: 480px;
    grid-template-columns: 50% 50%;
    display: grid;
    width: 100%;
}

.laundry-button {
    background-color: white !important;
    color: #00a1e4 !important;
    border: solid 0.5px #00a1e4 !important;
    border-radius: 10px !important;
    font-family: 'Gotham' !important;
    font-weight: 700 !important;
}

.laundry-split-section > .info-block {
    align-items: center;
    display: inline-grid;
    padding-left: 68px;
    padding-right: 68px;
    grid-template-rows: 50% 50%;
}

    .laundry-split-section > .info-block > .header {
        display: flex;
        align-items: flex-end;
        height: 100%;
        color: white;
        font-family: Gotham;
        font-size: 35px;
        line-height: normal;
        font-weight: 700;
        text-align: left;
        align-content: end;
        padding-bottom: 40px;
    }

    .laundry-split-section > .info-block > .text {
        color: white;
        font-family: Gotham;
        font-size: 23px;
        line-height: normal;
        font-weight: 100;
        align-content: center;
        display: flex;
        align-items: flex-start;
        height: 100%;
    }

/*#endregion*/

/*#region Section 1*/

.laundry-section-1-image {
    background-image: url('../../assets/Laundry 1920/Asset 30.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.laundry-section-1-text {
    width: 100%;
    background-color: #2E51C4;
}

/*#endregion Section 1*/

/*#region Section 2*/

.laundry-section-2-image {
    background-image: url('../../assets/Laundry 1920/Asset 31.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.laundry-section-2-text {
    width: 100%;
    background-color: #7DC1E0;
}

/*#endregion Section 2*/

/*#region Section 3*/

.laundry-section-3-image {
    background-image: url('../../assets/Laundry 1920/Asset 29.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.laundry-section-3-text {
    width: 100%;
    background-color: #399EDE;
}

/*#endregion Section 3*/

/*#region Section 4*/

.laundry-section-4-image {
    background-image: url('../../assets/Laundry 1920/Asset 28.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.laundry-section-4-text {
    width: 100%;
    background-color: #7DC1E0;
}

/*#endregion Section 4*/

/*#region Social Media*/

.laundry-link-section {
    position: relative;
}

    .laundry-link-section > .floating-duck {
        background-image: url('../../assets/MAQ 1407234775_50 RET.png');
        position: absolute;
        background-size: contain;
        right: 0;
        top: 10px;
        height: 350px;
        width: 30%;
        background-repeat: no-repeat;
        top: 150px;
        background-position: center;
    }

    .laundry-link-section > .container {
        grid-template-rows: 35% 25% 15% 25%;
        display: grid;
        width: 100%;
        height: 600px;
        padding: 5% 10% 5% 10%;
    }

        .laundry-link-section > .container > .header {
            font-family: 'Gotham';
            font-weight: 800;
            font-size: 50px;
            padding: 0 20%;
            text-align: center;
        }

        .laundry-link-section > .container > .text {
            font-family: 'Gotham';
            font-size: large;
            padding: 0 20%;
            text-align: center;
            align-content: center;
        }

        .laundry-link-section > .container > .button-container {
            display: flex;
            justify-content: center;
            padding: 0 30%;
        }

            .laundry-link-section > .container > .button-container > .button {
                background-color: white !important;
                color: #00a1e4 !important;
                border: solid 0.5px #00a1e4 !important;
                border-radius: 10px !important;
                font-family: 'Gotham' !important;
                font-weight: 800 !important;
                height: 100%;
                font-size: 40px;
                text-align: center;
                min-width: 55%;
                padding: 0 20px;
            }

        .laundry-link-section > .container > .social-media-container {
            display: inline-grid;
            padding: 30px 40%;
            display: inline-grid;
            grid-template-columns: 30% 30% 30%;
            justify-content: center;
            grid-gap: 15px;
        }

            .laundry-link-section > .container > .social-media-container > .facebook-icon {
                background-image: url('../../assets/Icons Logos/facebook.webp');
            }

            .laundry-link-section > .container > .social-media-container > .youtube-icon {
                background-image: url('../../assets/Icons Logos/youtube.webp');
            }

            .laundry-link-section > .container > .social-media-container > .tiktok-icon {
                background-image: url('../../assets/Icons Logos/tiktok.webp');
            }


.icon {
    background-color: white;
    background-repeat: no-repeat;
    background-size: contain;
}

.social-media-container > div {
    cursor: pointer;
}



/*#endregion*/