.pov_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2em;

    .pov-heading {
        font-family: var(--font-ultra-bold);
        &  > span {
            display: block;
            text-align: center;
        }

        span:first-child {
            text-transform: uppercase;
        }
    }

    .pov-wrapper {
        display: flex;
        flex-direction: column;
    }

    .pov-item {
        --box-shadow-offset: 10px;
        --couleur-bleue-clair: #B7EBF1;
        --couleur-gris: #9AAEB0;
        --couleur-gris-claire:  #D0D9DB;
        --gradient-linear: linear-gradient(to left, var(--couleur-bleue-clair),var(--couleur-gris-claire));

        background: var(--gradient-linear);
        color: var(--couleur-noir);
        border: solid 2px var(--couleur-gris); 
        padding: 1em;
        border-radius: 1em;
        margin: 2.5em 10px;
        box-shadow: 0 0 0 10px var(--couleur-noir), 0 0 0 11px var(--couleur-bleue);
        position: relative;

        & > img {
            position: absolute;
            border: solid 1px var(--couleur-bleue);
            border-radius: .5em;
            background: var(--gradient-linear);
            width: 15%;
            top:-30px;
            max-width: 45px;

        }

        & > p {
            font-family: var(--font-bold);
            line-height: 1.2;
            padding-left: 4em;
        }

        &::before {
            content: " ";
            position: absolute;
            bottom: -4em;
            left: 2em;
            border-left: solid var(--couleur-bleue) 1px;
            border-top: solid var(--couleur-bleue) 1px;
            border-radius: 1em 0 0 0;
            display: block;
            width: 60%;
            height: 2em;
            z-index: -1;
        }

        &::after {
            content: " ";
            position: absolute;
            border-right: solid var(--couleur-bleue) 1px;
            border-bottom: solid var(--couleur-bleue) 1px;
            border-radius: 0 0 1em 0;
            display: block;
            width: 60%;
            height: 2em;
            right: 2em;
            bottom: -2em;
            z-index: -1;
        }

        &:last-of-type {
            &::after {
                display: none;
            }

            &::before {
                display: none;
            }
        }
    }

    /* Media - Bureau START*/
    @media only screen and (min-width: 992px) {

        background-image: url("../img/pov_bureau_bg-BFAdXsf.webp"), url("../img/pov_bg_micro-aM6SQWX.webp") ;
        background-position: bottom center, right top;
        background-repeat: no-repeat, no-repeat;
        background-size: 50vw, auto;
        padding-bottom: 5vw;

        .pov-heading {
            font-size: 64px;

            & > span {
                display: inline;
            }
        }

        .pov-wrapper {
            display: grid;
            width: 100%;
            grid-template-columns: 1fr 1fr;
            grid-gap: 2vw;
            margin-bottom: 15vw;
        }

        .pov-item {
            box-sizing: border-box;
            background-image: url("../img/pov_pop_left-CeSyF-r.webp");
            background-repeat: no-repeat;
            background-size: clamp(75%, 70%, 100%) auto;
            background-position: right top;
            text-align: right;
            border: none;
            box-shadow: none;
            border-radius: 0;
            display: flex;
            max-width: 450px;
            min-height: 190px;
            align-items: center;
            justify-content: space-between;
            justify-self: flex-end;

            &::before {
                display: none;
            }

            &::after {
                display: none;
            }

            & > img { 
                background: none;
                border: none;
                position: initial;
                max-width: fit-content;;
                width: 18%;
                align-self: flex-end;
            }

            & > p {
                margin: 0;
                margin-top: 5px;
                padding: 0;
                font-size: 14px;
                max-width: 50%;
                align-self: flex-start;
            }
        }

        .pov-item:nth-child(4n-3),
        .pov-item:nth-child(4n-2) {
            flex-direction: row-reverse;
            justify-self: flex-start;
            background-image: url("../img/pov_pop_right-a-2Sof-.webp");
            background-position: left top;
            text-align: left;

            & > p {
                margin-top: 25px;
            }
        }

        & > .button-main {
            font-size: 1.5em;
        }
    }
}

/* ----- POV - END ----- */