.layout-cards-three
    {
        xborder:1px solid orange;
        margin-top: 120px;

    }

    .layout-cards-three .col
    {
        margin-bottom: calc( var(--var-layout-spacer-between-rows) * 10);
    }




    .layout-cards-three .card
    {
        border-radius: 0.75rem;
        padding: 0.5rem;

        background-color: var(--colour-tw-neutral-100);
    }

    .layout-cards-three .card-icon
    {
        border: 0px solid red;
        height: auto;
        margin:-100px auto 0px;
        width: var(--var-img-card-icon-width, 10px);
        width: 200px;
    }


    .layout-cards-three .card-header
    {
        text-align: center;
        background-color: transparent;
        border-width: 0px;
    }

    .layout-cards-three .card-header .bi
    {
        margin: -110px auto -30px;
        padding: 0px;
        font-size:100px;
        display: inline-block;
        xcolor: var(--colour-tw-neutral-600);

        xxxfilter: drop-shadow(2px 2px 2px var(--colour-tw-neutral-500));
        xxxfilter: drop-shadow(2px 2px 2px white);

    }

    .layout-cards-three .bi-linkedin
    {
        font-size:90px;
    }


    .layout-cards-three .card-svg
    {
        width: 100px;
        margin-top: -50px;
        margin-bottom: 20px;



        outline-color: blue;
        outline-width: 2px;
        outline-style: dotted;

        filter: drop-shadow(0px 0px 5px white)
        
        ;      
        
        xoutline: 3px solid green;

        fill: green;
        stroke: hotpink;
        stroke-width: 10px;
        stroke-dasharray: 2,2;
        stroke-linejoin: round;        
    }



    .layout-cards-three .card-title
    {
        margin-bottom: 2rem;
        font-weight: bold;
    }

    .layout-cards-three .card-body
    {
        margin-bottom: 1.5rem;
    }

    .layout-cards-three .card p 
    {
        xcolor: var(--colour-tw-gray-300);        
    }

    .layout-cards-three .card-footer
    {
        xtext-align: center;
        background: none;
        border:none;
    }





    .layout-cards-three .card-footer a.btn
    {
        border-color: var(--colour-tw-neutral-800, green);
        background-color: var(--colour-tw-neutral-600, green);
        color: var(--colour-tw-neutral-100, yellow);
    }


    /*
    .layout-cards-three .card-footer a.btn i
    {
        font-size: 50px;
        font-size: var(--var-font-size-h4);
        color:white;
        display: inline;
        padding:0px;
        margin:0px 0.25em;
    }
    */


    .layout-cards-three .card-footer a.btn i
    {
        /*
        color:white;
        font-size:1rem;
        margin-right: 0.6rem;
        */
    }    


    .layout-cards-three
    {
        margin-top: 0px;

    }    

    .layout-cards-three .card-header
    {
        display: none;
    }