#services{
    background: #f9f9f9;
    --ui-card-background: #f9f9f9;

    >nav{
        justify-content: center;
        align-items: center;
        display:flex;
        padding:0;
    }




    .ui-cards{



    }

    .ui-card {
        padding: 2em;
        display:flex;
        flex-flow: column;
        gap:1em;
        >div{
            margin-top: auto;
        }
        >.cta{
            align-self: start
        }
        /*box-shadow: 0 0 0 rgba(0,0,0,.2);*/
        /*transition: box-shadow .3s;*/

        &:hover{
            /*box-shadow: 0 0 80px rgba(0,0,0,.1);*/
        }
    }

}