/* Ensure all images have the same size and are fully responsive */
.card-profile img {
    width: 100%;
    height: 250px;
    max-height: 200px; /* Adjust as needed */
    object-fit: cover;
}

/* Basic layout adjustments */
.card-profile .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.card-profile .col-12, .card-profile .col-md-4, .card-profile .col-md-8 {
    padding: 50; /* Remove padding for better stacking */
}


.card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensures button is pushed to the bottom */
    height: 100%; /* Ensures full height of card */
  }
  .card-body .btn-linkedin {
    margin-top: auto; /* Pushes the button to the bottom of the card-body */
    margin-left: auto;
    margin-right: auto;
  }

  .btn-linkedin {
    display: flex;
    align-items: center; /* Centers icon vertically */
    justify-content: center; /* Centers icon horizontally */
    height: 50px; /* Adjust height as needed */
    width: 50px; /* Adjust width as needed */
  }


/* Responsive adjustments */
@media (max-width: 768px) {
    .card-profile .row {
        flex-direction: column; /* Stack vertically */
    }

    .card-profile .col-md-4, .card-profile .col-md-8 {
        flex: 0 0 100%; /* Full width for each section */
        max-width: 100%;
    }

    .card-profile .col-md-8 {
        padding-top: 20px; /* Add some spacing between image and text */
        text-align: center; /* Center text for better aesthetics */
    }

    .card-profile h5, .card-profile h6, .card-profile p {
        font-size: 1rem; /* Adjust font size if necessary */
    }

    
}