.bio-container {
      padding: 20px;
    }
    .bio-img {
      width: 100%;
      max-width: 350px;
      border-radius: 15px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      object-fit: cover;
      aspect-ratio: 1/1;
    }
    .bio-header {
      font-size: 2.2rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
      color: #013e75 !important;
    }
    .bio-post {
      font-size: 1.3rem;
      color: #6c757d;
      margin-bottom: 20px;
      color: #013e75 !important;
    }

    .card{
        border: unset !important;
        box-shadow: unset !important;
    }
    .bio-desc {
      line-height: 1.7;
      margin-bottom: 1.2rem;
      text-align: justify;
    }
    .social-links a {
      font-size: 1.5rem;
      color: #495057;
      margin-right: 15px;
      transition: color 0.3s, transform 0.2s;
      display: inline-block;
    }
    .social-links a:hover {
      color: #013e75;
      transform: translateY(-3px);
    }


    @media (max-width: 768px) {
      .bio-container {
        margin-top: 30px;
      }
      .bio-header {
        font-size: 1.8rem;
      }
      .bio-post {
        font-size: 1.1rem;
      }
      .text-center-mobile {
        text-align: center;
      }
       .bio-desc {
        text-align: inherit !important;
       }
    }