.ca-tutor-card-bio {
    border: 1px solid #e5e5e5;
    padding: 20px;
    background: #fff;
    margin: 30px 0;
}

/* HEADER */
.ca-tutor-header-bio {
    display: flex;
    gap: 20px;
    align-items: center;
}

/* IMAGE */
.ca-tutor-img-bio img {
    width: 250px;
    height: 250px !important;
    max-width: none !important;
    object-fit: cover;
    border-radius: 50%;
}

/* INFO */
.ca-tutor-info-bio h2 {
    margin: 0;
    font-size: 26px;
}

.ca-subtitle {
    color: #666;
    margin: 5px 0;
}

.ca-tutor-desc {
    margin-top: 10px;
    color: #666;
    font-family: 'Poppins', Arial, sans-serif;
}

/* TAGS */
.ca-tags span {
    display: inline-block;
    background: #f4f4f4;
    padding: 6px 10px;
    margin: 5px 5px 0 0;
    font-size: 13px;
    border-radius: 4px;
}

/* BODY */
.ca-tutor-body-bio {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.ca-bio {
    flex: 2;
}

.ca-side {
    flex: 1;
    border-top: 3px solid #e91e63;
    padding: 15px;
    background: #fafafa;
}

/* SUBJECTS */
.ca-subjects {
    margin-bottom: 15px;
}

.ca-subject-list span {
    display: inline-block;
    background: #f5f5f5;
    padding: 6px 10px;
    margin: 5px;
    font-size: 13px;
    border-radius: 4px;
}

/* BUTTON */
.ca-tutor-btn {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #e91e63;
    color: #e91e63;
    text-decoration: none;
    margin-top: 10px;
    border-radius: 4px;
    font-weight: 500;
}

.ca-tutor-btn:hover {
    background: #e91e63;
    color: #fff;
}

/* ================= MOBILE RESPONSIVE ================= */
@media (max-width: 768px) {

    /* CARD */
    .ca-tutor-card-bio {
        padding: 15px;
        text-align: center;
    }

    /* HEADER STACK */
    .ca-tutor-header-bio {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* IMAGE SMALL */
    .ca-tutor-img-bio img {
        width: 200px;
        height: 200px !important;
    }

    /* BODY STACK */
    .ca-tutor-body-bio {
        flex-direction: column;
        align-items: center;
        text-align: left;
    }

    /* FULL WIDTH SECTIONS */
    .ca-bio,
    .ca-side {
        width: 100%;
    }

    /* TAGS CENTER */
    .ca-tags {
        text-align: center;
    }

    /* SUBJECTS CENTER */
    .ca-subject-list {
        text-align: center;
    }
}