.tab-content-title, .jost-font {
    font-family: "Jost", sans-serif;
}

.Merriweather-font {
    font-family: "Merriweather", sans-serif;
}
.header-name{z-index:1010;}
.font-jost {
    font-family: 'jost';
}

.font-merriweather {
    font-family: 'Merriweather';
}

.Header-section {
    background-color: #012348;
}

.header-section-nav .nav-link {
    color: #000000;
    padding-top: 18px;
    padding-bottom: 18px;
}

    .header-section-nav .nav-link.active {
        color: #fff;
        background: #E1B02F;
        padding-top: 18px;
        padding-bottom: 18px;
    }

.sub-header-tab {
    background-color: #E1B02F;
}

.sub-header-section .nav-link.active {
    border-bottom: 2px solid #ffffff;
}

.top-left {
    position: absolute;
    top: 2%;
    left: 10%;
    z-index: 9999;
}

.bg-image-header {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.profile-img-css {
    height: 211px;
    width: 211px;
    border-radius: 100%;
    object-fit: cover;
}
.tab-content-counts {
    color: #E1B02F;
}

.citations-header {
    background-color: #EEEEEE;
}

.citiations-section {
    border-color: #EEEEEE !important;
    border-width: 10px 10px 50px 10px !important;
}

.membership-info-section, .membership-info-committee {
    border-color: #EEEEEE !important;
    border-width: 10px 10px 50px 10px !important;
}


.citation-secton-title {
    color: #646464;
    vertical-align: text-top;
}

.cv-section, .personal-info-footer {
    background-color: #E1B02F;
}

.pdf-img {
    width: 86px;
    height: 70px;
    position: absolute;
    top: -11%;
    left: -11%;
}

.tab-content-title {
    background-color: #EEEEEE;
}

.vector-img {
    top: -26%;
    left: -3%;
    /*top: 12px;
    left: -6%;*/
}

.social-media-section {
    margin-top: 40px;
}

.personal-info-detail a {
    color: #646464 !important;
}

.expertise-title {
    margin-bottom: 40px;
}

.expertise-subject {
    left: 0%;
    color: #E1B02F;
    left: -26px;
    color: #E1B02F;
    top: 15px;
    line-height: 17px;
    width: 100px;
}

.pdf-border-img {
    width: 80px;
    height: 62px;
    position: absolute;
    top: -11%;
    left: -8%;
}

.pdf-bg-img {
    width: 78px;
    height: 71px;
    position: absolute;
    top: -19%;
    left: -4%;
}

.publication-number {
    left: 2%;
    color: #000000;
    top: 24%;
}

.publication-list {
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    padding-right: 0px !important;
}

.publications-section {
    padding: 20px 15px 40px 15px;
}

.publication-list-item {
    padding-left: 50px;
}

.altmetrics-vector-img {
    width: 60px;
    height: 45px;
    position: absolute;
    top: -19%;
    left: -13%;
}

.altmetrics-list-item {
    margin-left: 30px;
}

.academic-img {
    height: 50px;
}

.id-detail {
    color: #646464;
}

.member-info {
    border-left: 2px solid #E1B02F
}

.member-position {
    color: #646464;
}

.expand-btn {
    margin-bottom: -42px;
}

.expand-icon, .education-year, .event-category, .project-year {
    background-color: #E1B02F;
}

.committee-department, .teaching-date, .university-name, .level, .date-range {
    color: #E1B02F;
}

.committee-date {
    color: #646464;
}

.link-svg {
    float: right;
    margin-right: -7px;
    margin-top: -10px;
    background-color: #E1B02F;
}

.experience-information-section .nav-tabs {
    border-bottom: 2px solid #E1B02F;
}

.experience-information-section .nav-link, .education-info-desc, .event-date, .event-location {
    color: #646464;
}

.experience-information-section .nav-tabs .nav-link.active {
    background-color: #E1B02F;
    border: none;
    border-radius: 0px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 10px;
}

.teaching-description, .card-text {
    color: #646464;
}

.experience-information-section .tab-pane {
    height: 560px;
    overflow: auto;
}

    .experience-information-section .tab-pane::-webkit-scrollbar {
        width: 5px;
    }

    .experience-information-section .tab-pane::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    .experience-information-section .tab-pane::-webkit-scrollbar-thumb {
        background: #E1B02F;
        border-radius: 10px;
    }

        .experience-information-section .tab-pane::-webkit-scrollbar-thumb:hover, .project-status {
            background: #E1B02F;
        }

.education-information-section {
    height: 560px;
    overflow: auto;
}

    .education-information-section::-webkit-scrollbar {
        width: 5px;
    }

    .education-information-section::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    .education-information-section::-webkit-scrollbar-thumb {
        background: #E1B02F;
        border-radius: 10px;
    }

        .education-information-section::-webkit-scrollbar-thumb:hover, .card-date, .card-date:hover {
            background: #E1B02F;
        }

.card-date {
    margin-top: -20px;
}

.event-category {
    bottom: 100%;
    right: -6%;
    letter-spacing: 1px;
    font-size: 18px;
}

.events-header {
    background-color: #EEEEEE !important;
}

.award-card .card-img-top {
    margin-top: -80px;
    height: 152px;
    width: 259px;
    object-fit: cover;
    border-radius: 10px;
}

.award-card {
    margin-top: 70px;
    border: 2px solid #DEDEDE;
    padding: 10px;
    /*max-height: 320px;*/
    max-height: none !important;
}

.award-badge {
    position: absolute;
    left: 11%;
    top: -15%;
    background: #E1B02F;
}

.link-svg-awards {
    float: right;
    margin-right: -10px;
    margin-top: 12px;
    background-color: #E1B02F;
}

.certificate {
    border-bottom: 2px solid #E1B02F;
}

.university-logo {
    border: 1px solid #E1B02F;
}

.researcher-name {
    color: #646464;
}

.project-year {
    letter-spacing: 1px;
}

.project-card {
    border: 1px solid #D0D0D0
}

.researcher-name, .researcher-position {
    font-size: 15px;
}

.doctor-card-subtitle {
    font-size: 14px;
    font-weight: 500;
}

.reserch-project-badge {
    background: #E1B02F;
    padding: 5px;
    border-radius: 10px 10px 0px 0px;
}

.project-status, .project-status-complete, .project-status-filed, .project-status-published {
    margin-top: -20px;
    background: #E1B02F;
    position: absolute;
    top: -0%;
}

.project-status-complete {
    background-color: #2C9644;
}

.project-status-filed {
    background-color: #58B1FF;
}

.project-status-published {
    background-color: #006617;
}

.chart-container {
    width: 800px;
    margin: 50px auto;
    text-align: center;
    position: relative;
}

.bar-chart {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 200px;
    position: relative;
    padding: 0 20px;
    margin-top: 92px;
}

.bar {
    width: 20px;
    background-color: #F8ECCD;
    border-top: 4px solid #d39e00;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .bar.highlight {
        background-color: #E1B02F;
    }

    .bar:hover {
        background-color: #f1c40f;
    }

        .bar:hover::after {
            content: attr(data-info);
            position: absolute;
            top: -30%;
            left: 50%;
            transform: translateX(-50%);
            background-color: #ffffff;
            padding: 5px 10px;
            border-radius: 5px;
            border: 1px solid #d39e00;
            color: #d39e00;
            font-size: 14px;
            font-weight: bold;
            white-space: nowrap;
            z-index: 10;
            pointer-events: none;
        }

    .bar div {
        position: absolute;
        bottom: -25px;
        text-align: center;
        width: 100%;
        font-size: 12px;
    }


.expertise-section {
    width: 300px;
}

.expertise-icon {
    position: absolute;
    color: #E1B02F;
    left: 3%
}

.cv-section, .personal-info-footer, .expertise-section {
    background-color: #E1B02F;
}

.vector-img {
    width: 65px;
    height: 50px;
    position: absolute;
    top: -11%;
    left: -3%;
}

.Events-section .Events-section-prev {
    background-color: #F1852D;
    border-radius: 50%;
    width: 4%;
    height: 30px;
    top: 50%;
}

.Events-section .Events-section-next {
    background-color: #F1852D;
    border-radius: 50%;
    width: 4%;
    height: 30px;
    top: 50%;
}

.Programme-section .Programme-section-prev {
    background-color: #F1852D;
    border-radius: 50%;
    width: 5%;
    height: 40px;
    top: 50%;
}

.Programme-section .Programme-section-next {
    background-color: #F1852D;
    border-radius: 50%;
    width: 5%;
    height: 40px;
    top: 50%;
}

.collapsed-btn {
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #012348;
}

.collapsed-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    max-height: 3em;
}
.personal-more .collapsed-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    max-height: 6em;
}

.expanded-text {
    display: block;
}

.prof-content {
    font-size: 14px;
    color: #232323;
    font-weight: 500;
    line-break: anywhere;
    text-align: left;
}

.blog-category-btn {
    white-space: nowrap;
    width: 100%;
    padding-bottom: 5px;
}

    .blog-category-btn::-webkit-scrollbar {
        width: 2px;
        height: 5px;
    }

    .blog-category-btn::-webkit-scrollbar-thumb {
        background-color: #F1852D;
        outline: 1px solid #F1852D;
    }

.blog-card-img {
    height: 290px;
    width:100%;
}

.card-short-title {
    font-size: 12px;
}

.card-blog {
    border: none !important;
}

.blog-list-card-img {
    height: 100px;
    width: 150px;
    object-fit: cover;
}

.card-text-blog {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden !important;
}

.date-detail {
    font-size: 12px;
}

    .date-detail .sate {
        color: #abb8c3;
    }

.card-blog-text {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden !important;
}

.blog-card-date {
    font-size: 13px;
}

.card-list-items {
    overflow: auto;
    height: 510px;
}

    .card-list-items::-webkit-scrollbar {
        width: 2px;
        height: 5px;
    }

    .card-list-items::-webkit-scrollbar-thumb {
        background-color: #F1852D;
        outline: 1px solid #F1852D;
    }

.mySwiperT2 {
    padding-top: 30px !important;
}
.profile-img-border-css {
    border: 6px solid;
    width: 222px;
    height: 222px;
    border-radius: 100%;
}
.sub-header-tab{top:59px;}

@media only screen and (max-width: 768px) {
    .profile-img-css {
        height: 120px;
        width: 120px;
    }
    .profile-img-border-css {
        border: 6px solid;
        width: 129px;
        height: 129px;
        border-radius: 100%;
    }
    .top-left {
        left: 2%;
        top: 73%;
        display: flex ;
        z-index: 1;
    }
    .tab-content-section{
        margin-top:50% !important;
    }
    .header-name{color:#000000 !important;}
    .profile-name{font-size:30px !important;}
    .sub-header-tab {
        top: 38px !important;
        z-index: 99;
    }
    .Header-section{z-index:99999;}
    .navbar-toggler{border:none;}
    .header-section-nav .nav-link.active{padding:5px;border-radius:8px}
    .navbar-toggler:focus {
        border: none;
        box-shadow:none;
        padding-left:0px
    }
    .header-section-nav{padding-top:10px;padding-bottom:10px}
    .header-section-nav .nav-link {
        padding: 5px 10px 5px 10px;
    }
}