/*#region Section 1*/

.home-section-1 {
    height: 800px;
    grid-template-columns: 50% 50%;
    display: grid;
    width: 100%;
}

    .home-section-1 > div {
        width: 100%;
        height: 100%;
    }

/*#region Group A*/

.home-section-1-image-a-1 {
    height: 40%;
    background-image: url('../../assets/Home 1920/9435 bliss brands website dev v06 home 1920 asset 8.webp');
    background-size: auto;
    background-repeat: no-repeat;
}

/*#region Section 1 A2 */

.home-section-1-block-a-2 {
    height: 40%;
    background-color: #3A9FDF;
    padding: 48px 0;
    display: flex;
    justify-content: center;
}

    .home-section-1-block-a-2 > div {
        width: 100%;
        height: 100%;
        display: inline-grid;
        grid-template-rows: 70% 30%;
    }

        .home-section-1-block-a-2 > div > .bliss-logo {
            display: flex;
            justify-content: center;
            justify-self: center;
            background-image: url('../../assets/Icons Logos/Bliss Brands Logo White.webp');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
        }

        .home-section-1-block-a-2 > div > .bliss-logo-text {
            font-family: Gotham;
            width: 100%;
            text-align: center;
            padding: 20px 10%;
            color: white;
            font-weight: 350;
        }

/*#endregion*/

/*#region Section-1 A3*/

.home-section-1-block-a-3 {
    background-color: #2E51C4;
    height: 20%;
    padding: 20px 0;
    display: flex;
    justify-content: center
}

    .home-section-1-block-a-3 > div {
        display: inline-grid;
        grid-template-columns: 45% 55%;
        width: 60%;
        color: white;
    }

        .home-section-1-block-a-3 > div > .block-a3-large {
            font-family: Gotham;
            font-weight: 900;
            font-size: 80px;
            text-align: right;
            padding-right: 10px;
        }

        .home-section-1-block-a-3 > div > .block-a3-small {
            font-family: Gotham;
            font-weight: 700;
            font-size: 32px;
            text-align: left;
            line-height: 32px;
            display: flex;
            align-items: center;
        }

/*#endregion Section-1 A3*/

/*#endregion Group A*/
/*#region Group B*/

/*#region Block B1 */

.home-section-1-block-b-1 {
    height: 20%;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 45px 20%;
}

    .home-section-1-block-b-1 > div {
        display: inline-grid;
        width: 100%;
        grid-template-columns: 30% 70%;
    }

        .home-section-1-block-b-1 > div > .proudlySouthAfricanLogo {
            background-image: url('../../assets/Icons Logos/Proudly South African.webp');
            background-size: contain;
            background-color: white;
            background-repeat: no-repeat;
            background-position: center;
        }

        .home-section-1-block-b-1 > div > div {
            font-family: Gotham;
            font-size: 25px;
            color: #2E51C4;
            font-weight: 800;
        }

        .home-section-1-block-b-1 > div > div {
            font-size: larger;
        }

/*#endregion*/

.home-section-1-image-b-2 {
    height: 80%;
    background-image: url('../../assets/Home 1400/9435 Bliss Brands Website Dev V06 Home 1400 Asset 14.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*#endregion*/

/*#endregion Section 1*/

/*#region Section 2*/

.home-section-2 {
    height: 250px;
    font-family: Gotham;
    font-weight: 800;
    padding: 48px 20%;
    font-size: 25px;
    text-align: justify;
    text-align-last: center;
}

    .home-section-2 > div {
        height: 100%;
        display: flex;
        align-items: center;
    }

/*#endregion Section 2*/

/*#region Section 3*/

.home-section-3 {
    height: 800px;
    grid-template-columns: 50% 50%;
    display: grid;
    width: 100%;
}

/*#region Group A*/

.home-section-3-block-a-1 {
    height: 35%;
    font-family: Gotham;
    width: 100%;
    text-align: justify;
    padding: 20px 10%;
    color: white;
    font-weight: bold;
    background-color: #3A9FDF;
    align-content: center;
}

.home-section-3-image-a-2 {
    height: 65%;
    background-size: cover;
}

/*#endregion Group A*/

/*#region Group B*/

.home-section-3-image-b-1 {
    height: 35%;
    background-size: cover;
}

.home-section-3-block-b-2 {
    height: 15%;
    font-family: Gotham;
    font-size: 25px;
    color: #3A9FDF;
    font-weight: 800;
    padding: 0 20%;
    align-content: center;
    text-align: center;
}

.home-section-3-block-b-3 {
    height: 50%;
    background-color: #3A9FDF;
    font-family: Gotham;
    width: 100%;
    text-align: justify;
    padding: 20px 10%;
    color: white;
    font-weight: bold;
    align-content: center;
}


/*#endregion Group A*/

/*#endregion Section 3*/

/*#region Section 4*/

.home-section-4 {
    height: 100px;
    text-align: left;
    font-family: Gotham;
    font-weight: bold;
    padding: 38px 20% 48px 17%;
}

    .home-section-4 > div {
        height: 100%;
        display: flex;
        align-items: center;
        color: #3A9FDF;
        font-size: xx-large;
    }

/*#endregion Section 4*/


/*#region Section 5*/

.home-section-5 {
    height: 800px;
    display: grid;
    grid-template-rows: 50% 50%;
    background-color: #2f3191;
}

    .home-section-5 > div {
        padding: 0 5% 0 5%;
        position: relative;
        border-bottom: #0a6cb7 solid 0.5px;
    }

    .home-section-5 > .laundry > .laundry-image {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        height: 100%;
        width: 95%;
        top: 0;
    }


    .home-section-5 > .household_care > .household_care-image {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        height: 100%;
        width: 95%;
        top: 0;
    }

    /*#region Block Content*/

    .home-section-5 > div > .info-block {
        width: 40%;
        display: grid;
        grid-row-gap: 10px;
        position: absolute;
        z-index: 100;
        grid-template-rows: 30% 30% 40%;
        height: 100%;
        grid-gap: 5%;
    }

        .home-section-5 > div > .info-block > .header {
            color: white;
            font-family: Gotham;
            font-size: xx-large;
            line-height: normal;
            font-weight: 700;
            text-align: left;
            align-content: end;
            width: 60%;
        }

        .home-section-5 > div > .info-block > .text {
            color: white;
            font-family: Gotham;
            font-size: 20px;
            line-height: normal;
            font-weight: 400;
            width: 65%;
            align-content: center;
        }

        .home-section-5 > div > .info-block > .link > .button {
            border: solid 0.5px;
            width: fit-content;
            padding: 10px 15px;
            border-radius: 10px;
            color: white;
            font-family: Gotham;
            font-weight: 700;
        }


/*#endregion Block Content*/
/*#endregion Section 5*/

/*#region Section 6*/

.home-section-6 {
    height: 750px;
    display: grid;
    grid-template-rows: 50% 50%;
    background-color: white;
}

    .home-section-6 > div {
        padding: 0 5% 0 5%;
        position: relative;
        border-bottom: #00a3dc solid 0.5px;
    }

    .home-section-6 > .personal_care > .personal_care-image {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        height: 100%;
        width: 80%;
        right: 0;
        top: 0;
    }


    .home-section-6 > .contact_us > .contact_us-image {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        height: 100%;
        width: 80%;
        /*right: 0;*/
        top: 0;
    }

    /*#region Block Content*/

    .home-section-6 > div > .info-block {
        width: 40%;
        display: grid;
        grid-template-rows: 30% 30% 40%;
        height: 100%;
        grid-gap: 5%;
        position: absolute;
        z-index: 100;
    }

        .home-section-6 > div > .info-block > .header {
            color: black;
            font-family: Gotham;
            font-size: xx-large;
            line-height: normal;
            font-weight: 700;
            text-align: left;
            align-content: end;
            width: 60%;
            display: inline;
        }

        .home-section-6 > div > .info-block > .text {
            color: white;
            font-family: Gotham;
            font-size: 20px;
            line-height: normal;
            font-weight: 400;
            width: 65%;
            align-content: center;
        }

    .home-section-6 > .contact_us > .info-block > .link {
        grid-template-columns: 200px 150px;
        grid-gap: 10px;
        display: inline-grid;
        align-content: center;
    }

        .home-section-6 > .contact_us > .info-block > .link > .button,
        .home-section-6 > .personal_care > .info-block > .link > .button {
            border: solid 0.5px;
            width: fit-content;
            padding: 10px 10px;
            border-radius: 10px;
            color: white;
            font-family: Gotham;
            font-weight: 800;
            font-size: large;
            align-content: center;
        }

.home-section-1-block-b-1 > div > div {
    font-size: larger !important;
}


.home-section-1-block-a-2 > div > .bliss-logo {
    background-image: url('../../assets/Icons Logos/Bliss Brands Logo White.webp');
}

.home-section-1-block-b-1 > div > .proudlySouthAfricanLogo {
    background-image: url('../../assets/Icons Logos/Proudly South African.webp');
}

.home-section-3-image-a-2 {
    background-image: url('../../assets/Original Images/AdobeStock_642228345.jpg');
}
/*#endregion Block Content*/

/*#endregion Section 6*/


.no-decoration {
    text-decoration: none;
    color: inherit !important;
}

.footer-container {
    width: 100%;
    display: inline-grid;
    grid-template-columns: 50% 50%;
    padding-right: 100px;
    padding-left: 100px;
    font-size: x-small;
    font-family: Gotham;
}

@media only screen and (min-width:976px) and (max-width:1200px) {
    .home-section-1-block-b-1 > div > div {
        font-size: larger !important;
    }

    .home-section-3-block-a-1 {
        font-size: 14px;
    }

    .home-section-3-block-b-3 {
        font-size: 14px;
    }

    .home-section-3-block-b-2 {
        font-size: 20px;
    }
}

@media only screen and (min-width:1401px) {
    .home-section-1-image-a-1 {
        background-image: url('../../assets/Home 1920/9435 bliss brands website dev v06 home 1920 asset 8.webp');
    }


    .home-section-1-image-b-2 {
        background-image: url('../../assets/Home 1920/9435 Bliss Brands Website Dev V06 Home 1920 Asset 7.webp');
    }


    .home-section-3-image-b-1 {
        background-image: url('../../assets/Home 1920/9435 Bliss Brands Website Dev V06 Home 1920 Asset 4.webp');
    }

    .home-section-5 > .laundry > .laundry-image {
        background-image: url('../../assets/Home 1920/9435 Bliss Brands Website Dev V06 Home 1920 Asset 6.webp');
    }


    .home-section-5 > .household_care > .household_care-image {
        background-image: url('../../assets/Home 1920/9435 Bliss Brands Website Dev V06 Home 1920 Asset 2.webp');
    }

    .home-section-6 > .personal_care > .personal_care-image {
        background-image: url('../../assets/Home 1920/9435 Bliss Brands Website Dev V06 Home 1920 Asset 3.webp');
    }

    .home-section-6 > .contact_us > .contact_us-image {
        background-image: url('../../assets/Home 1920/9435 Bliss Brands Website Dev V06 Home 1920 Asset 2.webp');
    }
}