.main-banner-caption > p{
    color: #FFF;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 30px;
    line-height: normal;
    font-weight: 450;
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.collegue-text span{
    color: var(--orange);
    font-family: Neue Haas Grotesk Display Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.collegue-text h5 a,
.collegue-text h5{
    color: var(--black) !important;
    font-family: Neue Haas Grotesk Display Pro;
    font-size: 24px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    position: relative;
    display: flex;
    align-items:center;
}
.collegue-text h5:before{
    content: "";
    display: block;
    z-index: 0;
    background: var(--orange);
    width: 246px;
    height: 4px;
    margin-right: 30px;
}

.professor-rows > div p,
.professor-rows > div p a{
    font-size: 24px;
    color: #545454;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    position: relative;
}

.professor-rows > div p a:visited{
    color: #545454;
}

.professor-rows > div p a:hover{
    color: var(--orange);
}

.path-frontpage section.world-ranking{
    padding-left: 20px;
    padding-right: 20px;
}

.paragraph--id--26461 .professor-rows >div:first-child:before{
    content: url(/ceng/sites/g/files/asqsls8126/files/media-image/mingcute_quote-left-fill.png);
    display: block;
    position: absolute;
    left:0px;
    z-index: 0;
}

.path-frontpage .page-front-latest-newstitle .more-link a span{
    font-size: 14px;
    font-weight: 500;
    color: var(--black);
    font-family: "Neue Haas Grotesk Display Pro";
}

.page-front-latest-newstitle .row h2,
.upcoming-section .main-title h2,
.main-title .main-title36,
.world-ranking h2,
.paragraph--id--26591 .studen-life-section h2,
.main-container .page-front-researchstories h2,
.pathway-research h3{
    font-size: 32px;
}
.new-content-wrapper .new-category .categories-news{
    color: var(--light-green);
}
.new-content-wrapper .new-category .categories-archevements{
    color: var(--orange);
}

.new-content-wrapper .new-category .categories-archevements,
.new-content-wrapper .new-category .categories-news{
    font-size: 18px;
    font-weight: 500;
}

.view-news-achievements .view-content .new-title{
    color: #292929;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.new-content-wrapper .new-date-format,
.new-content-wrapper .new-date-format small{
    font-size: 15px;
    font-weight: 500;
    padding-top: 25px;
    color: #919091;
}

.fact-single-wrapper .text-region p strong{
    color: var(--black);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
}

.fact-single-wrapper .text-region .orange-text{
    color: var(--orange);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 40.5px;
}

.page-front-researchstories.view-research-stories .more-link span,
.path-frontpage .page-front-latest-newstitle .more-link span,
.upcoming-section .more a{
    transition: all .5s;
}

.paragraph--id--26591 .studen-life-section ul li,
.paragraph--id--26591 .studen-life-section ul li a{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 20px;
    color: white!important;
}

.view-research-stories.view-id-research_stories p{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;
    padding-bottom: 28px;
}

.view-research-stories.view-id-research_stories .views-field.views-field-field-res .field-content {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.2px;
    text-transform: capitalize;
    border-radius: 7px;
    padding:10px;
    text-align:center;
}

.view-research-stories .views-field-title span {
    color: var(--Black, #292929) !important;
    font-family: Neue Haas Grotesk Display Pro !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

.upcoming-events-textcontainer .views-row:first-of-type{
    border-bottom: 1px solid #DDD!important;
}

.views-field-title.latest-news-events-seminars-content a{
    color: var(--black);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.6px;
}

.views-field-field-cityu-event-categories.latest-news-events-seminars-title{
    font-size: 20px;
    color: var(--orange);
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding-top: 12px;
}

.main-title h2{
    font-size: 32px!important;
}

.main-title h2,
.paragraph--id--26591 .studen-life-section h2{
    font-weight: 500 !important;
    color: #fff;
    margin-bottom: 32px;
}

.paragraph--id--26591 .studen-life-section h2{
    font-weight: 600!important;
}

.page-front-latest-newstitle .row,
.page-front-researchstories .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-front-latest-newstitle .row > div:first-child,
.page-front-researchstories .row > div:first-child{
    padding-left: 21px;
    width: 100%;
}

.page-front-latest-newstitle .row > div:last-child,
.page-front-researchstories .row > div:last-child{
    display:flex;
    align-items: center;
    justify-content: end;
}
.view-research-stories.view-id-research_stories .views-field.views-field-field-res{
    padding-top: 20px;
    padding-bottom: 15px;
    width: fit-content;
}



/* Media Query Start */
@media (min-width: 640px){
    .path-frontpage .page-front-latest-newstitle .more-link a span,
    .views-field-field-cityu-event-categories.latest-news-events-seminars-title{
        font-size: 16px;
    }

    .view-news-achievements .view-content .new-title{
        font-size: 20px;
    }
    
    .new-content-wrapper .new-date-format, 
    .new-content-wrapper .new-date-format small{
        font-size: 18px;
    }

    .fact-single-wrapper .text-region .orange-text{
        font-size: 28px;
    }

    .views-field-title.latest-news-events-seminars-content a{
        font-size: 24px;
    }

    .page-front-latest-newstitle .row > div:first-child,
    .page-front-researchstories .row > div:first-child{
        width: 69%;
    }

    .page-front-latest-newstitle .row > div:last-child,
    .page-front-researchstories .row > div:last-child{
        width: 31%;
    }
}

@media (min-width: 768px){
    .professor-rows > div p,
    .professor-rows > div p a{
        font-size: 28px;
    }
    
    .fact-single-wrapper .text-region p strong,
    .paragraph--id--26591 .studen-life-section ul li,
    .paragraph--id--26591 .studen-life-section ul li a{
        font-size: 20px;
    }

    .view-research-stories.view-id-research_stories p{
        font-size: 18px;
        padding-bottom: 48px;
    }

    .view-research-stories.view-id-research_stories .views-field.views-field-field-res .field-content {
        font-size: 16px;
    }

    .view-research-stories .views-field-title span{
        font-size: 24px!important;
    }

    .paragraph--id--2131:before{
        background: #F6ECE6 url(/ceng/sites/g/files/asqsls8126/files/media-image/home-news-archivement.png);
        content: "";
        height: 263px;
        width: 100vw;
        position: absolute;
        z-index:0;
        transform: translateX( -50%);
        left: 50%;
        background-repeat: no-repeat;
        bottom:40.3%;
    }
    .page-front-latest-newstitle .row > div:first-child,
    .page-front-researchstories .row > div:first-child{
        width: 75%;
    }

    .page-front-latest-newstitle .row > div:last-child,
    .page-front-researchstories .row > div:last-child{
        width: 25%;
    }
}

@media (min-width: 1024px){
    .page-front-latest-newstitle .row h2,
    .upcoming-section .main-title h2,
    .main-title .main-title36,
    .world-ranking h2,
    .paragraph--id--26591 .studen-life-section h2,
    .main-container .page-front-researchstories h2,
    .paragraph--id--26591 .studen-life-section h2{
        font-size: 36px;
    }

    .main-title h2{
        font-size: 36px!important;
    }
    
    .path-frontpage .page-front-latest-newstitle .more-link a span,
    .views-field-field-cityu-event-categories.latest-news-events-seminars-title,
    .main-container .upcoming-section .more a{
        font-size: 20px;
    }

    .fact-single-wrapper .text-region .orange-text{
        font-size: 32px;
    }

    .views-field-title.latest-news-events-seminars-content a{
        font-size: 28px;
    }

    .views-field-field-cityu-event-categories.latest-news-events-seminars-title{
        font-size: 20px;
    }
}

@media (min-width: 1366px){
    .view-news-achievements .view-content .new-title{
        font-size: 24px;
    }
}

@media (min-width: 1440px){
    .professor-rows > div p,
    .professor-rows > div p a{
        font-size: 32px;
    }
}

@media (max-width: 1023px){  
    .paragraph--id--26461 .professor-rows >div:first-child:before{
        transform: scale(.5);
        top: -5rem;
    }

    .new-content-wrapper .new-category .categories-archevements, 
    .new-content-wrapper .new-category .categories-news {
        font-size: 17px;
    }

    .paragraph--id--26466 .main-title .main-title36{
        padding-top: 0;
        margin-top: 0;
    }
}

@media (max-width: 767px){
    .paragraph--id--26461 .professor-rows >div:first-child:before{
        left: -6rem;
    }
    .collegue-text h5{
        width: 100%;
        justify-content: end;
    }
    .collegue-text h5:before{
        width: 20%;
    }
}

@media (max-width: 639px){
    .page-front-latest-newstitle .row,
    .page-front-researchstories .row,
    .archi-text-contact .row{
        flex-direction: column;
    }

    .page-front-latest-newstitle .row > div:last-child,
    .page-front-researchstories .row > div:last-child,
    .page-front-researchstories.view-research-stories.view-id-research_stories ul li{
        padding-bottom: 1rem;
    }
}