/* overview section */
    :root {
        --hsd-overview-background-color: #F6F6F6;
        --hsd-overview-text-color: ;
    }

    .hsd-at-a-glance {
        background: var(--hsd-overview-background-color);
        color: var(--hsd-overview-text-color);
        max-width: 1050px;
        width: 100%;
        margin: 1rem auto;
        padding: 2em;
        padding-bottom: 4rem;
        text-align: center;
    }

    .hsd-at-a-glance ul {
        text-align: left;
        max-width: 850px;
        margin: 0 auto;
    }


    /* Content w/ Lifestyles customizable root variables */
    :root {
        /* cwl = Content w/ Lifestyles */

        /* Accent Class */
        --hsd-mod-cwl-50-50-accent-background-color: #000;
        --hsd-mod-cwl-50-50-accent-text-color: #fff;
        --hsd-mod-cwl-50-50-accent-link-color: #fff;
    }

    /* Module Parent */
    .hsd-mod-content-w-lifestyle-50-50 {
        display: grid;
        grid-template-columns: 50% 50%;
        align-items: center;
        justify-items: center;
        max-width: 1440px;
        width: 100%;
        margin: 1rem auto;
    }

    /* Image Cont */
    .hsd-mod-cwl-50-50-img {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .hsd-mod-cwl-50-50-img img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Content Cont */
    .hsd-mod-cwl-50-50-content {
        margin: 1rem;
        padding: 4rem;
        box-sizing: border-box;
    }

    /*  ** Optional Classes ** */

    /* Reverse Class */
    /* (swaps image and content position when added) */
    .hsd-mod-cwl-50-50-reverse {
        grid-template-columns: 50% 50%;
    }

    .hsd-mod-cwl-50-50-reverse .hsd-mod-cwl-50-50-content {
        order: 1;
    }

    /* Accent styling */
    .hsd-mod-cwl-50-50-accent {
        color: var(--hsd-mod-cwl-50-50-accent-text-color) !important;
        background-color: var(--hsd-mod-cwl-50-50-accent-background-color);
    }

    .hsd-mod-cwl-50-50-accent a {
        color: var(--hsd-mod-cwl-50-50-accent-link-color) !important;
    }

    /* Media Query for mobile */
    @media screen and (max-width: 767px) {

        /* Module Parent */
        .hsd-mod-content-w-lifestyle-50-50 {
            grid-template-columns: 1fr;
        }

        /* Content Cont */
        .hsd-mod-cwl-50-50-content {
            margin: 1rem;
            padding: 1rem;
        }

        /* Have the content above the image */
        .hsd-mod-content-w-lifestyle-50-50 .hsd-mod-cwl-50-50-content {
            order: 2;
        }
    }