:root {
    ---bitter-family: "Bitter", serif;
    ---title-font-size: 20px;
    ---media-main-font: 14px;
    ---media-sub-title: 16px;
    ---media-title: 18px;
}

.research-team-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    padding: 20px 0;
    gap: 20px;
}

.research-team-detail {
    grid-column: span 2.5;
    padding: 15px;
    text-align: left;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.research-member-detail {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.research-member-image {
    width: 245px;
    height: 285px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.research-member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.research-team-desc {
    grid-column: span 11;
}

.research-member-name {
    font-family: "Manrope", sans-serif;
    font-size: 22px;
    font-weight: 550;
    color: #4e8abf;
}

.research-member-name:hover {
}

.research-member-expertise {
    color: #9a9a9a;
    font-weight: 550;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
}

.research-interest .research-interest-title {
    color: #757575;
    font-weight: 600;
    font-size: 20px;
}

.research-interest-list {
    color: #959595;
    font-weight: lighter;
}

.research-contact {
    color: #757575;
}

.research-contact p {
    margin: 0;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.research-contact p:hover {
    cursor: pointer;
    text-decoration: underline;
}

.biography {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.biography-title {
    color: #737373;
    font-size: 24px;
    font-weight: 500;
}

.biography-desc p {
    color: #959595;
    font-weight: lighter;
    text-align: justify;
}

.research-gate {
    text-align: left;
}

.research-gate-title {
    color: #757575;
    font-size: 24px;
    font-weight: 500;
}

.research-gate-link {
    list-style: none;
    font-size: 18px;
    color: #4e8abf;
}

.research-gate-link a {
    color: #4e8abf;
    text-decoration: none;
}

.research-gate-link a:hover {
    text-decoration: underline;
}

/* Mobile Media Query */
@media screen and (max-width: 479px) {
    .research-team-content {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 10px 0;
    }

    .research-team-detail {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }

    .research-member-image {
        width: 140px;
        height: 180px;
    }

    .research-member-name {
        font-size: 16px;
        /* text-align: center; */
    }

    .research-member-expertise,
    .biography-title,
    .research-interest .research-interest-title,
    .research-contact p {
        font-size: 14px;
        /* text-align: center;  */
    }

    .research-contact p {
        display: flex;
        flex-direction: row;
        gap: 5px;
        /* text-align: center; */
    }

    .biography-title {
        font-size: var(---media-sub-title);
    }

    .research-gate-title {
        font-size: var(---media-sub-title);
    }

    .research-gate-link {
        font-size: var(---media-main-font);
    }

    .biography-desc p {
        font-size: var(---media-main-font);
    }

    .first-text,
    .second-text a {
        font-size: var(---media-sub-title);
    }
}