.emp-card {

            width: 175px;



            border: 1px solid #e0e0e0;

            border-radius: 8px;

            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

            text-align: center;

            font-family: Arial, sans-serif;

            /*box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), 0px 6px 6px rgba(0, 0, 0, 0.1);*/

        }



        .emp-card img {

            width: 100%;

             height: 200px;

    /*border-radius: 50%; */

            object-fit: cover;

        }



        .card-body {

            text-align: left;

            padding: 10px;

        }



        .emp-card p {

            font-size: 14px;

            color: #555;

            margin: 0px;

        }



        .emp-name {

            font-size: 14px;

            font-weight: bold;

            color: #0A1443;

            margin: 0px;



        }



        .emp-footer button {

            border: solid 1px black;

            background-color: white;

            margin-bottom: 10px;

            color: black;

            border-radius: 5px;

            padding: 5px 10px;

            font-size: 18px;

            width: 89%;

        }



        .emp-footer button:hover {

            background-color: #d0d0d0;

            color: black;



        }