.people_single_page_parent_container {
    background-color: #F8F8F8;
    margin: 0 !important;
}

.people_single_page_banner {
    background-image: url(assets/images/event_banner_bg.png);
    padding-top: 32px;
    padding-bottom: 32px;
    background-position: left;
    background-size: cover;
}

.people_single_page_banner_header_text {
    max-width: 1140px;
    margin: 0 auto;
    color: white;
    font-weight: 700;
    font-size: 34px;
    padding-bottom: 16px;
    line-height: 1.3em;
}

.people_single_page_banner_text {
    max-width: 1140px;
    margin: 0 auto;
    color: white;
    font-size: 16px;
}

.people_single_page_container {
    display: flex;
    flex-direction: row;
    gap: 52px;
    max-width: 1140px;
    margin: 0 auto;
    margin-top: 56px;
    margin-bottom: 56px;
}

.left_people {
    min-width: 24%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: fit-content;
    position: sticky;
    top: 0;
}

.left_people_child_image img {
    width: 100%;
    border-radius: 8px;
}

.left_people_name,
.left_people_title {
    padding-right: 16px;
    padding-left: 16px;
    color: #1F2933;
}

.left_people_name {
    font-weight: 700;
    font-size: 20px;
}

.left_people_title {
    font-weight: 400;
    font-size: 16px;
}

.left_people_child_social_container {
    display: flex;
    flex-direction: row;
    gap: 14px;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
}

.people_social_icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.people_linkedin_icon{
    background-image: url(assets/images/people_linkedin_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.people_linkedin_icon:hover{
    background-image: url(assets/images/people_linkedin_icon_hover.png);
}

.people_google_scholar_icon{
    background-image: url(assets/images/people_google_scholar_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.people_google_scholar_icon:hover{
    background-image: url(assets/images/people_google_scholar_icon_hover.png);
}

.people_facebook_icon{
    background-image: url(assets/images/people_facebook_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.people_facebook_icon:hover{
    background-image: url(assets/images/people_facebook_icon_hover.png);
}

.people_orcid_icon{
    background-image: url(assets/images/people_orcid_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.people_orcid_icon:hover{
    background-image: url(assets/images/people_orcid_icon_hover.png);
}

.people_x_icon{
    background-image: url(assets/images/people_x_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.people_x_icon:hover{
    background-image: url(assets/images/people_x_icon_hover.png);
}



.right_people_child_content {
    padding-left: 32px;
    border-left-width: 4px;
    border-left: 4px solid #7A2CBF;
    color: #1F2933;
}

.right_people_child_content_header {
    font-weight: 400;
    font-size: 34px;
    line-height: 120%;
    margin-bottom: 24px;
}

.right_people{
    width: 100%;;
}

.right_bottom_people {
    display: flex;
    flex-direction: row;
    margin-top: 52px;
}

.people_interest_parent_container {
    padding-left: 32px;
    border-left-width: 4px;
    border-left: 4px solid #0F766E;
    flex: 1;
}

.people_interests_icon {
    margin-right: 16px;
}

.people_interest_header {
    font-size: 24px;
    color: #0F766E;
    margin-bottom: 24px;
}

.people_interest_container {
    margin-left: 18px !important;
    font-size: 16px;
    color: #1F2933;
}



.people_education_parent_container {
    padding-left: 32px;
    border-left-width: 4px;
    border-left: 4px solid #FF8940;
    flex: 1;
}

.people_education_icon {
    margin-right: 16px;
}

.people_education_header {
    font-size: 24px;
    color: #C24A00;
    margin-bottom: 24px;
}

.people_education_container {
    font-size: 16px !important;
}




@media only screen and (max-width: 767px) {
    .people_single_page_banner{
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .people_single_page_container {
        flex-direction: column;
        padding: 0 20px;
        margin-bottom: 0;
    }

    .left_people{
        position: relative;
    }

    .right_bottom_people {
        flex-direction: column;
        gap: 50px;
    }
}