/* simple container */
.basic-container-white {
    background-color: #fff;
    background-image: linear-gradient(#fff, #e8e8e8);
    color: #111;
    margin: 2em 0;
    border: 0.1em solid #fff;
    border-radius: 1em;
    box-shadow:
        inset 0 0 4em 2em #fff,
        #000 0 0 1em;
    ;

    padding: 2em 1em;

    @media (min-width: 768px) {
        padding: 4em;
    }

    @media (min-width: 1024px) {
        padding: 4em;
    }

    @media (min-width: 1440px) {
        padding: 4em;
    }


    h2 {
        font-size: 2em;

        @media (min-width: 768px) {
            font-size: 2em;
        }

        @media (min-width: 1024px) {
            font-size: 3em;
        }

        @media (min-width: 1440px) {
            font-size: 4em;
        }
    }

    h3 {
        font-size: 1.6em;

        @media (min-width: 768px) {
            font-size: 1.6em;
        }

        @media (min-width: 1024px) {
            font-size: 1.6em;
        }

        @media (min-width: 1440px) {
            font-size: 2em;
        }
    }

    p,
    li {
        font-size: 1.2em;
        line-height: 1.3em;
    }

    /* give first paragraph a border */


    p:first-of-type {
        margin-top: 3em;
    }


}

/* .our-approach-container-white {
    .font-extrabold {
        font-family: "Manrope", sans-serif;
        font-optical-sizing: auto;
        font-weight: 900;
        font-style: normal;
        background-color: #f6cff4;
    }
} */