.university-page-section .team-card {
    border: 0;
    border-radius: 14px;
    overflow: hidden;
    background: var(--color-gray-one);
    box-shadow: none;
    height: 100%;
    display: block;
    text-decoration: none;
}

.university-page-section .team-card .team-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

/* Colored line */
.university-page-section .team-card .color-line {
    height: 7px;
    width: 100%;
}

.university-page-section .team-card .card-body {
    /* background: var(--color-gray-one); */
    padding: 36px 30px 38px;
}

.university-page-section .team-card .team-name {
    font-size: var(--font-size-two);
    margin-bottom: 8px;
}

.university-page-section .team-card .team-role {
    font-size: var(--font-size-two);
    color: var(--color-black-one);
    margin: 0;
}

/* Individual colors */
.university-page-section .team-card.blue .color-line {
    background: var(--color-red-one);
}

.university-page-section .team-card.blue .team-name {
    color: var(--color-red-one);
}

.university-page-section .team-card.green .color-line {
    background: var(--color-green-one);
}

.university-page-section .team-card.green .team-name {
    color: var(--color-green-one);
}

.university-page-section .team-card.yellow .color-line {
    background: var(--color-yellow-one);
}

.university-page-section .team-card.yellow .team-name {
    color: var(--color-yellow-one);
}

/* Tablet */
@media (max-width: 991.98px) {
    .university-page-section .team-card .team-image {
        height: 300px;
    }

    .university-page-section .team-card .card-body {
        padding: 28px 25px 30px;
    }

    .university-page-section .team-card .team-name {
        font-size: var(--font-size-two);
    }

    .university-page-section .team-card .team-role {
        font-size: var(--font-size-two);
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .university-page-section .team-card .team-image {
        height: 300px;
    }

    .university-page-section .team-card .card-body {
        padding: 25px 22px 28px;
    }

    .university-page-section .team-card .team-name {
        font-size: var(--font-size-two);
    }

    .university-page-section .team-card .team-role {
        font-size: var(--font-size-two);
    }
}