<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
	--black: #292929;
	--orange: #F1792D;
	--orange1: F2B480;
	--gray: #919091;
	--light-green: #9FD08A;
	--light-orange: #F6ECE6;
	--dark-brown: #595149;
	--light-yellow: #DCC06E;
	--dark-grey: #545454;
}
body:not(.page-node-type-landing-page) .region-content {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
ul.dropdown-menu {
  	width: 330px;
}
.navbar-nav .dropdown:nth-child(2) .dropdown-menu,
.navbar-nav .dropdown:last-child .dropdown-menu {
	width: 250px;
}
.curriculum-table h5{
	font-weight: 600 !important;
}
.minor-eng-section p{
	text-align: justify;
}
.jupas-tab .admission-jupas-section .row &gt; div a:visited,
.jupas-tab .admission-jupas-section .row &gt; div a:focus,
.taught-programme h5 a:visited,
.taught-programme h5 a:focus {
	text-decoration: none;
}
.taught-programme h5 a:visited,
.taught-programme h5 a:focus,
.taught-programme h5 a:active {
	border: 0px solid #ccc;
	outline: none;
}
#block-cityu-ceng-testblock-2{
	background: var(--orange);
}
#block-cityu-subtheme-2019-quicklinks ul#block-cityu-subtheme-2019-quicklinks{
	display: none;
	z-index: 999;
	position: absolute;
}
.jupas-gray-box-link h5 a {
	font-size: 18px;
	color: #545454 !important;
	font-weight: 600;
}
.pathway-research .key-features-section h4,
.pathway-research .other-feature-section h4 {
	font-size: 24px !important;
}
.weight-normal {
font-weight:500 !important;
}
.paragraph--id--26696 .field--name-bp-text h2{
	font-weight: 700 !important;
}
.jupas-link h4 a, 
.admission-jupas-section h4 a{
	color: #545454 !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	margin-bottom: 25px;
}
.jupas-link h4 a img, 
.jupas-gray-box-link h4 a img {
	top: -4px !important;
}
.jupas-gray-box-link h5 a img {
    	top: 0px !important;
}
.minimize-layout .minimum-section {
    	margin: 0px 0px 0px 90px;
}
.minimum-section.custom-margin hr {
	margin-top: 0px;
	margin-bottom: 24px;
	border-top: 1px solid #ddd;
}
.minimum-section ol{
	margin-bottom: 1.5rem;
}
.sidebar-undergraduate .row:hover h4 a{
	color: var(--orange) !important;
}
body{
	overflow-x: hidden;
	word-spacing: 0px !important;
	letter-spacing: 0px !important;
	background-image: none !important;
	background: #fff;
	font-family: 'Neue Haas Grotesk Display Pro', sans-serif !important;
}

.latest-news-events-seminars-date .new-month,
.latest-news-events-seminars-date .new-date {
	margin-bottom:-10px !important;
}
.main-container h1, .main-container h2, .main-container h3, .main-container h4, .main-container h5, .main-container h6 {
	color: var(--black);
	font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0px;
	word-spacing: 0px;
}
/*h2{
font-size: 36px !important;
font-weight: 500 !important;
}*/
.content{
	background: #fff;
}
.pt-120{
	padding-top: 120px;
}
.pb-120{
	padding-bottom: 120px;
}
.programme-link p a {
	color:#fff !important;
}
.programme-link {
	position:absolute;
	margin-top: -100px;
}
.main-programme-bg {
	display:flex;
}
.cityu-cookie-info{
	display: none !important;
}
.video-slider .flexslider .slides &gt; li {
	display: flex !important;
	background: none !important;
	border: 0px !important;
}
.paragraph--id--26466:after{
content: url(/ceng/sites/g/files/asqsls8126/files/inline-images/video-bg-watermark01.png);
position: absolute;
	right: -105px;
	z-index: 0;
	margin-top: -100px;
	opacity: 0.2;
}
.paragraph--id--26591 .paragraph--type--bp-columns__2col .paragraph--id--26586:after {
content: url(/ceng/sites/g/files/asqsls8126/files/inline-images/lines.png);
	right: 0;
	position: absolute;
}
.paragraph--id--26591:after{
	content: url(/ceng/sites/g/files/asqsls8126/files/inline-images/video-bg-watermark01.png);
	position: absolute;
	right: -50px;
	z-index: 0;
	opacity:0.2;
	margin-top: 410px;
}
.view-id-video #flexslider-1 ul{
margin:0px !important;
}
.view-id-video #flexslider-1 ul li {
padding:0px !important;
}
.paragraph--id--26551:before {
content: url(/ceng/sites/g/files/asqsls8126/files/inline-images/video-bg-watermark.png);
position: absolute;
  left: -132px;
  z-index: 0;
  opacity: 0.2;
  top: 0;
}
.paragraph--id--26576 .paragraph__column p {
}
.paragraph--id--26461.paragraph:before{
 content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
height: 267px;
    width: 528px;
    display: block;
    position: absolute;
left:0px;
    z-index: 0;
}
.paragraph--id--26461.paragraph{
padding-top: 120px;
padding-bottom: 70px;
}
.paragraph--id--26461 p {
padding-top:130px;
padding-left:118px;
}
.collegue-text{
display: flex;
flex-direction: column;
align-items: end;
padding-top: 40px;
}
.view-research-stories .views-field-title {
	height: 150px;
}

.view-news-achievements .more-link a,
.view-research-stories .more-link a {
float: right;
}
.view-news-achievements .more-link span,
.view-research-stories .more-link span {
float: left;
line-height: 15px;
color: var(--black);
font-size: 20px;
font-style: normal;
font-weight: 500;
}
.view-news-achievements .more-link img,
.view-research-stories .more-link img{
vertical-align: middle;
}
.view-news-achievements .thumbnail-image .img-responsive{
width: 100%
}
.hover-opicity:hover {
opacity:0.5;
}
.user-logged-in .views-element-container.form-group .view-news-achievements:before{
top: 430px;
}
.view-news-achievements .view-content .new-content-wrapper{
padding: 20px 32px 26px 32px;
height: 240px;
    background: #fff;
}
.view-news-achievements .view-content .new-title{
padding-top: 13px;
color: var(--black);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.world-ranking p.ranking-title,
.view-news-achievements .view-content .new-category a{
color: var(--orange);
font-size: 18px !important;
font-weight: 600 !important;
}
.view-news-achievements .view-content .new-group:last-child .new-category a{
color: var(--light-green);
font-size: 18px;
font-weight: 500;

}
.view-news-achievements .view-header {
padding: 0px 10px;
}
.view-news-achievements .view-content .new-title small{
color: var(--gray);
font-size: 18px;
font-style: normal;
font-weight: 450;
line-height: normal;
}
.view-news-achievements .view-content .new-title div{
padding-top: 25px;
}
.paragraph--id--26466{
padding-top: 120px;
padding-bottom: 100px;
}
.paragraph--id--26466 .main-title h2,
.paragraph--id--26466 .main-title{
padding-bottom: 30px;
padding-top:2rem;
}
.fact-single-wrapper{
border: 1px solid var(--orange);
text-align: center;
width: 100%;
height:500px;
padding-left: 35px;
    padding-right: 35px;

}
.fact-single-wrapper::after{
left: -100%;
content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  background-color: var(--orange);
  -webkit-transition: all 0.50s ease;
  -moz-transition: all 0.50s ease;
  -o-transition: all 0.50s ease;
  transition: all 0.50s ease;
visibility: hidden;
}
.fact-single-wrapper:hover::after{
left:0;
visibility: visible;
}
.fact-single-wrapper .icon-region{
z-index: 99;
justify-content: center;
  display: flex;
}
.fact-single-wrapper .icon-region img{
position: absolute;
    top: -12%;
z-index: 99;
}

.fact-single-wrapper .text-region p {
color: var(--black);
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 21.6px;
padding-bottom: 28px;
}
.fact-single-wrapper .text-region{
z-index: 99;
position: relative;
}
.fact-single-wrapper:hover .text-region,
.fact-single-wrapper:hover .text-region .orange-text,
.fact-single-wrapper:hover .text-region p strong,
.fact-single-wrapper:hover .text-region p,
.fact-single-wrapper:hover .text-region .blur-text {
color: #fff !important;
}
.ranking-more a {
color: var(--White, #FFF) !important;
font-size: 20px !important;
font-weight: 500 !important;
}
.world-ranking p.ranking-name {
color: #FFF !important;
text-align: center !important;
font-size: 16px !important;
font-style: italic !important;
font-weight: 500;
}
.paragraph--id--2231 {
  background-image: url("/ceng/sites/g/files/asqsls8126/files/inline-images/ranking-bg.jpg");
background-repeat:no-repeat;
z-index:100;
position:relative;
}
.path-frontpage .world-ranking {
    background-image: none !important;
}
.user-logged-in.path-frontpage .world-ranking{
width: 88%;
margin: 0 auto;
transform: translateX( 0%);
}
.path-frontpage .world-ranking  h2{
font-style: normal;
font-weight: 600;
line-height: normal;
}

.world-ranking p {
color:#fff !important;
}
.path-frontpage p.counter {
    display: inline-block;
    margin: 0 !important;
    font-size: 64px!important;
    font-weight: 500!important;
color:#fff !important;
}
.path-frontpage .ranking-title {
font-size: 18px !important;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.path-frontpage p.ranking-name {
font-size: 16px !important;
font-style: italic;
font-weight: 500;
line-height: normal;
padding-top: 13px;
}
.video-slider .more img,
.more a img ,
.ranking-more a img{
    width: 16px !important;
    height: 16px !important;
    top: 9px;
    position: relative;
    left: 4px;
}
.more a,
.ranking-more p a,
.ranking-more a {
display:flex;
}
.path-frontpage .world-ranking .ranking-more{
padding-top: 48px;
padding-bottom: 50px;
display:flex;
justify-content:center;
}
.paragraph--id--3331 {
padding-top: 70px;
padding-bottom: 70px;
}
.event-container-card {
  cursor: pointer;
padding-top: 36px;
padding-bottom: 36px;
}
.view-cityu-event-list .view-content .views-row{
border-bottom: 1px solid #ddd;
}
.view-cityu-event-list .view-content .views-row:last-child {
border-bottom: 0px solid #ddd;
}
.latest-news-events-seminars-container {
  display: flex;
  align-items: center;
}
.latest-news-events-seminars-date-container {
  width: 86px !important;
  height: 105px;
background: var(--light-orange);
  display: inline-block;
  align-self: flex-start;
}
.latest-news-events-seminars-date-container .latest-news-events-seminars-date {
    align-items: center;
    text-align: center;
    height: 100%;
    width: 86px !important;
    font-size: 24px;
    font-weight: 450;
    padding: 10px 15px;
}
.latest-news-events-seminars-content-container {
  margin-left: 24px;
}
.latest-news-events-seminars-info{
padding-top: 24px;
}
.paragraph--id--26581 .carousel-inner .carousel-item .field.field--name-field-im{
position: absolute;
bottom: 12%;
  z-index: 99;
  color: #fff;
  left: 10%;
right: 10%;
}
.user-logged-in .paragraph.paragraph--id--26571 {
    width: 100%;
    transform: translateX( 0%);
}
.paragraph.paragraph--id--26571{
width: 100vw;
  transform: translateX( -13%);
}
.paragraph--id--26591 .paragraph--type--bp-columns__2col{
padding: 0px 0px 90px 0px !important;
}
.paragraph--id--26591 .paragraph--type--bp-columns__2col:last-child{
    padding: 80px 80px 80px 80px !important;
    background: var(--dark-brown);
    color: #fff;
    z-index: 1000;
    margin-top: -45px;
}
.paragraph--id--26591 .paragraph--type--bp-columns__2col:last-child:before{
   content: url(/ceng/sites/g/files/asqsls8126/files/media-image/Vector%206.png);
   display: block;
   position: absolute;
   left: -50px;
   top: -50px;
}
.paragraph--id--26591 .paragraph--type--bp-columns__2col:last-child:after{
    content: url(/ceng/sites/g/files/asqsls8126/files/media-image/Vector%207.png);
    display: block;
    position: absolute;
    left: 0px;
    bottom: -100px;

}
.main-title h2 {
color: var(--Black, #292929) !important;
}
.paragraph--id--26591 .studen-life-section p{
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28.8px;
}
.paragraph--id--26591 .studen-life-section .line{
margin-bottom: 32px;
margin-top: 32px;
}
.paragraph--id--26591 .studen-life-section ul{
margin-left: 0px;
}
.path-frontpage .paragraph--type--bp-carousel.paragraph--id--26581 .carousel-inner {
  max-height: 600px;
  min-height: 600px;
}
.path-frontpage .paragraph--type--bp-carousel.paragraph--id--26581 .paragraph--type--bp-image img {
  min-height: 600px;
  object-fit: cover;
}
.paragraph--id--26581 .carousel-inner .carousel-item .field.field--name-field-im p{
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32.4px;
color:#fff !important;
}
.paragraph--id--26581 .carousel-inner .carousel-item .field.field--name-field-im .group-name p{
font-size: 16px;
font-style: normal;
font-weight: 450;
line-height: normal;
margin-top:28px;
}
.paragraph--id--26551 #flexslider-1 ol.flex-control-paging li{
border:0px !important;
background-color:transparent !important;
}

.path-frontpage #myCarousel-26581 .carousel-indicators li,
#flexslider-1 .slides  li {
  border: 1px solid #ddd;
  margin-right: 10px;
  background-color: #ddd;
}
#flexslider-1 .flex-control-nav li a.flex-active,
.path-frontpage #myCarousel-26581 .carousel-indicators .active, 
#flexslider-1 .slides .flex-control-nav.flex-control-paging .flex-active{
  width: 20px;
  height: 20px;
  background-color: white;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: top;
display: flex;
align-items: center;
justify-content: center;
}
#flexslider-1 .flex-control-nav li a.flex-active::after,
.path-frontpage #myCarousel-26581 .carousel-indicators .active::after, 
#flexslider-1 .slides .flex-control-nav.flex-control-paging .flex-active::after{
content: '';
display: block;
width: 7px;
height: 7px;
border-radius: 100%;
background-color: var(--orange);
}
.path-frontpage #myCarousel-26581 .carousel-control,
#flexslider-1 .flex-direction-nav {
display: none;
}
#flexslider-1 .slides .flex-control-nav.flex-control-paging{
margin-top: 40px;
}
.view-research-stories.view-id-research_stories ul{
margin-left:0px;
padding-left:0px;
}
.view-research-stories.view-id-research_stories ul li{
list-style-type: none;
}
.view-research-stories.view-id-research_stories ul li:nth-child(1) .views-field-field-res .field-content {
  background: #9FD08A;
}
.view-research-stories.view-id-research_stories ul li:nth-child(2) .views-field-field-res .field-content {
  background: var(--light-yellow);
}
.view-research-stories.view-id-research_stories ul li:nth-child(3) .views-field-field-res .field-content {
  background: var(--orange);
}
.view-research-stories.view-id-research_stories .views-field-title .field-content a{
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.paragraph--id--26551{
padding-top:80px;

}
.paragraph--id--3331 .upcoming-section {
padding:0px 100px;
}
.paragraph--id--26551 .views-field-field-video-text-section .upcoming-section{
padding:100px 0 0px 48px;;
}
.paragraph--id--26551 .views-field-field-video-text-section .upcoming-section .main-title span{
color: var(--orange);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.paragraph--id--26551 .views-field-field-video-text-section .upcoming-section .main-title h2{
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.upcoming-section .more a,
.paragraph--id--26551 .views-field-field-video-text-section .upcoming-section .more a{
color: var(--Black, #292929);
font-family: Neue Haas Grotesk Display Pro;
font-size: 20px;
font-weight: 500;
}
.jupas-tab .paragraph__column ul li:nth-child(1){
border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.jupas-tab .paragraph__column ul li:nth-child(2){
border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* Event and Photo Gallery */
.event-item {
  position: relative;
  overflow: hidden;
}
.event-label {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px 10px;
  background-color: orange;
  color: white;
  font-weight: bold;
  border-radius: 3px;
}
.event-label.past-event {
  background-color: gray;
}
.event-thumbnail img {
  width: 100%;
  height: auto;
}
.pager {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.pager a {
  padding: 10px;
  border-radius: 50%;
  background-color: #f0f0f0;
  margin: 0 5px;
}
.pager .active {
  background-color: orange;
  color: white;
}


/*Programme Image Hover*/
.programme-images {
	display: flex;
	overflow: hidden;
	transition: all 1.2s ease;
}
.programme-images .image-container {
	display: flex;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%), url(&lt;path-to-image&gt;), lightgray 50% / cover no-repeat;
}
.programme-images .image-container img {
	/*display: flex;*/
	max-width: 100%;
	height: 488px;
	object-fit: cover;
}
.programme-images .image-container .image_title{
	position: absolute;
	bottom: 0px;
}
.programme-images .stretch {
	width: 50% !important;
}
.programme-images .squeeze {
	width: 25%;
}
tr,
th,
td {
	border: 1px solid #ddd;
}
.table-hover tr,
.table-hover th,
.table-hover td {
	border-left: unset;
	border-right: unset;
}
.table-hover&gt;tbody&gt;tr:hover {
	background-color: rgba(60, 38, 140, 0.2);
}
.table-borderless tr,
.table-borderless th,
.table-borderless td {
	border: none;
}
.table-borderless&gt;thead&gt;tr&gt;th,
.table-borderless&gt;thead&gt;tr&gt;td,
.table-borderless&gt;tbody&gt;tr&gt;th,
.table-borderless&gt;tbody&gt;tr&gt;td,
.table-borderless&gt;tfoot&gt;tr&gt;th,
.table-borderless&gt;tfoot&gt;tr&gt;td {
	border-top: none;
}
.table .purple,
.table&gt;thead&gt;tr {
	background-color: #3c268c;
	color: #ffffff;
}
/*Phase2 css mabel (17-9-2014)*/
.mt-25{
	margin-top: 25px !important;
}
.mt-30{
	margin-top: 30px !important;
}
.mt-40{
	margin-top: 40px !important;
}
.mt-60{
	margin-top: 60px;
}
.mt_80{
	margin-top: 80px;
}
.nopadding-pt {
	padding-top: 0px !important;
}
.nopadding-mb {
	margin-bottom: 0px !important;
}
.font-black {
	color: var(--black) !important;
}
.font-medium {
	font-weight: 600 !important;
}
.color-black {
	color: var(--black);
}
.small-font { 
	color: var(--black);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
/*.navbar-nav .dropdown:nth-child(4) .dropdown-menu.dropdownhover-bottom li:last-child &gt; a,
.navbar-nav .dropdown:nth-child(5) .dropdown-menu.dropdownhover-bottom li:last-child &gt; a,
.navbar-nav .dropdown:nth-child(6) .dropdown-menu.dropdownhover-bottom li:last-child &gt; a,
.navbar-nav .dropdown:nth-child(7) .dropdown-menu.dropdownhover-bottom li:last-child &gt; a {
    	margin-bottom: 0;
    	padding-top: 6px;
}*/
.container .region-content .stem-challenge h1.page-header.container200 {
    display: none;
}
.main-container &gt; .container .stem-challenge {
    background: #FBFAF9;
}
.main-container &gt; .container &gt; .row &gt; section.col-sm-12 .stem-challenge {
    padding-left: 0;
    padding-right: 0;
}
.stem-challenge.container200.tab-button.layout.layout--onecol ul.stem-menu-tabs {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}
.stem-challenge.container200.tab-button.layout.layout--onecol ul.stem-menu-tabs li {
    padding: 0 30px;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: white;
    margin: 0 20px;
}
.stem-challenge.container200.tab-button.layout.layout--onecol ul.stem-menu-tabs li:hover a,
.stem-challenge.container200.tab-button.layout.layout--onecol ul.stem-menu-tabs li a:hover {
    text-decoration: none !important;
    border-bottom: 0;
}
.stem-challenge.container200.tab-button.layout.layout--onecol ul.stem-menu-tabs li:hover { 
    border: 1px solid var(--Stroke, #FFB910);
    background: var(--light-greyish-orange-bg, #F6ECE6);
    box-shadow: 0px 2px 18px 7px rgba(0, 0, 0, 0.08);
}
.stem-challenge.container200.tab-button.layout.layout--onecol ul.stem-menu-tabs li.active {
    border: 1px solid var(--Stroke, #FFB910);
    background: var(--linear, linear-gradient(180deg, #F1792D 0%, #F29321 100%));
    box-shadow: 0px 2px 18px 7px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}
.stem-challenge.container200.tab-button.layout.layout--onecol ul.stem-menu-tabs li.active a {
    color: white !important;
    background: transparent;
    border: 0;
}
.stem-challenge.container200:not(.tab-button).layout.layout--onecol &gt; .layout__region.layout__region--content &gt; section {
    padding-left: 100px;
    padding-right: 100px;
}
.stem-challenge.container200:not(.tab-button).layout.layout--onecol h3:first-of-type {
    margin-top: 60px;
    margin-bottom: 40px;
    padding-bottom: 0;
}
.stem-challenge.container200:not(.tab-button).layout.layout--onecol ul.nav-tabs {
    margin-top: 30px;
    margin-left: 0;
}
.stem-challenge.container200:not(.tab-button).layout.layout--onecol ul.nav-tabs li:first-child {
    padding-left: 0;
}
.stem-challenge.container200:not(.tab-button).layout.layout--onecol ul.nav-tabs li a {
    border: 0;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 2px solid #292929;
    color:#292929;
    text-align: center;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 150%;
    margin: 0;
}
.stem-challenge.container200:not(.tab-button).layout.layout--onecol ul.nav-tabs li:hover a {
    border-radius: 4px 4px 0px 0px;
    border-bottom: 2px solid var(--Orange, #F1792D);
    background: var(--light-orange-bg, #F9E0D0);
}
.stem-challenge.container200:not(.tab-button).layout.layout--onecol ul.nav-tabs li.active a {
    border-radius: 4px 4px 0px 0px;
    background: var(--linear, linear-gradient(180deg, #F1792D 0%, #F29321 100%));
    color:  #FFF !important;
    font-weight: 700 !important;
    line-height: 160%;
    border-bottom: 0;
}
.stem-menu-tabs .second-title .phase2title-main {
	color: var(--black);
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.taught-main-body h3.nopadding-mb {
	margin-bottom: 0px !important;
}
.second-header {
	font-weight: 600 !important;
}
.paragraph.paragraph--type--bp-tabs .tab-content .paragraph.paragraph--id--55121 .paragraph__column {
	padding-top: 0px;
}
.inner-bg-color.vertical-tab .paragraph__column {
	display: block;
}
.page-title-banner img { 
	width: 100% !important;
}
.taught-main-body h3 {
	margin-top: 0px !important;
	margin-bottom: 40px !important;
}
.research_section.research_infrastructure_bg .undergraduate-text-block.last-block p a{
	display: block !important;
	padding: 30px 20px  !important;
}
.research_section.research_infrastructure_bg .undergraduate-text-block.third-block p a{
	display: block !important;
	padding: 47px 20px  !important;
}
.taught-main-body h4 {
	color: var(--black);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	margin: 0px;
}
.taught-main-body .icon-img {
    	padding-top: 10px;
}
span.hr-line {
	margin-bottom: 24px !important;
	margin-top: 12px !important;
	height: 1px !important;
	background: #DDD;
	display: block;
	border-bottom: 0px solid #ddd !important;
}
.ois-text-block {
	margin-bottom: 40px;
}
.ois-text-block h4 {
	margin-bottom: 10px;
}
.ois-text-block ul {
	margin-left: 0px;
}
.ois-text-block ul li {
	padding-left: 0rem;
}
.enquiry-block {
	display: flex;
	width: 300px;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	border-radius: 10px;
	border: 1px solid var(--Seperator, #DDD);
	position: relative;
	flex: 1;
    	min-width: 200px;
    	max-width: 300px;
	box-sizing: border-box;
}
.taught-main-body .d-flex {
	gap: 20px;
}
.enquiry-block h4,
.enquiry-block p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.enquiry-block h4 {
	font-size: 20px;
}
.enquiry-block p {
	padding-left: 25px;
}
.enquiry-block .enquiry-phone:before,
.enquiry-block .enquiry-email:before {
	position: absolute;
	left: 20px;
    	padding-top: 4px;
}
.enquiry-block .enquiry-phone:before {
	content: url('/sites/g/files/asqsls8126/files/media-image/eva_phone.png');
}
.enquiry-block .enquiry-email:before {
	content: url('/sites/g/files/asqsls8126/files/media-image/eva_email.png');
}
.ois-text-block .programme-table-layout table tr td {
	padding: 20px;
	vertical-align: middle;
}
.ois-text-block .programme-table-layout table tr td p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.ois-text-block .programme-table-layout table tr td:first-child {
	background: var(--dark-brown);
    	color: #fff !important;
	width: 35%;
}
#tab-56516 .ois-text-block .programme-table-layout table tr td:first-child {
	width: 20%;
}
.oge_faqs .collapse.in {
    border-bottom: 1px solid #DDD;
}
.taught-main-body .chart-table,
.oge_faqs .chart-table,
.ec-section .chart-table,
.stem-menu-tabs .chart-table {
	padding: 0px !important;
    	margin-top: 20px;
}
.taught-main-body#UGCgrants .chart-table {
	margin-top: 12px;
}
.taught-main-body .chart-table tr td,
.oge_faqs .chart-table tr td,
.ec-section .chart-table tr td,
.stem-menu-tabs .chart-table tr td {
	color: #292929 !important;
}
#earlyCareer.chart-table tr td:last-child {
	color: #545454 !important;
}
.taught-main-body .chart-table:first-child,
.oge_faqs .chart-table:first-child,
.ec-section .chart-table:first-child {
    	margin-top: 0px !important;
}
.taught-main-body .chart-table table tr td:first-child,
.ois-text-block .programme-table-layout table tr td:first-child,
.taught-main-body .chart-table.ois-vacancies table tr td strong {
	font-weight: 600 !important;
}
.awards .chart-table table tr td:first-child,
.chart-table table tr th { 
	font-weight:600 !important;
}
.taught-main-body .chart-table.ois-vacancies table tr td:first-child {
	font-weight: 500 !important;
}
.taught-main-body .chart-table table tr th:first-child,
#tab-55076-1 .taught-main-body#student-life .chart-table table tr th:first-child,
#tab-55076-2 .taught-main-body#student-life .chart-table table tr th:first-child {
    	width: 30%;
}
#advisors.taught-main-body .chart-table table tr th:nth-child(1),
#advisors.taught-main-body .chart-table table tr th:nth-child(2),
#advisors.taught-main-body .chart-table table tr th:nth-child(3),
#advisors.taught-main-body .chart-table table tr th:nth-child(5) {
    	width: 22%;
}
.oge_faqs .chart-table table tr th:first-child {
	width: 20%;
}
#applicationTimeline.chart-table table tr th:first-child {
	width: 10%;
}
#applicationTimeline.chart-table table tr th:nth-child(3) {
	width: 30%;
}
.list_application #tab-55881-2 .taught-main-body .chart-table table tr th:first-child,
#tab-55046-2 .oge_faqs .chart-table table tr th:first-child {
	width: 10%;
}
.ec-section .chart-table table tr th:nth-child(1),
.ec-section .chart-table table tr th:nth-child(2),
.ec-section .chart-table table tr th:nth-child(4),
.taught-main-body.steering-committee .chart-table table tr th:nth-child(1),
.taught-main-body.steering-committee .chart-table table tr th:nth-child(2),
.taught-main-body.steering-committee .chart-table table tr th:nth-child(4) {
	width: 30%;
}
.ec-section .chart-table table tr th:nth-child(3),
.taught-main-body#financialSupport .chart-table table tr th:nth-child(1),
.taught-main-body#payment .chart-table table tr th:nth-child(1) {
	width: 10%;
}
#documents.chart-table table tr th:nth-child(1){
	width: 8%;
}
.taught-main-body #internshipScheme.chart-table table tr td:nth-child(3),
.taught-main-body #internshipScheme.chart-table table tr td:nth-child(4) {
    	vertical-align: middle;
	text-align: center;
}
.oge_faqs .paragraph--bp-accordion-container .card {
	border-radius: 0rem;
        box-shadow: none;
}
.oge_faqs .paragraph--bp-accordion-container .card:hover {
	box-shadow: none;
}
.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading .panel-title a{
	border-bottom: 1px solid #DDD;
}
.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading .panel-title a[aria-expanded="true"] {
	border-bottom: 0px solid #DDD;
}
.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading a {
    	color: var(--black) !important;
    	font-size: 24px;
	padding: 16px 20px;
}
.oge_faqs.faq_mm .panel-heading {
	padding: 0px;
}
.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading {
    	margin-top: 24px;
}
.oge_faqs.faq_mm #tab-55046-6 .paragraph.paragraph--type--bp-accordion .panel-heading {
    	margin-top: 0px;
}
.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading#heading-accordion-54916-1 {
    	margin-top: 12px;
}
.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading#heading-accordion-55456-1 {
	margin-top: 0px;
}
.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded=false].display:after {
    content: url(/sites/g/files/asqsls8126/files/media-image/faq-arrow-down.png);
}
.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded=true].display:after {
    content: url(/sites/g/files/asqsls8126/files/media-image/faq-arrow-up.png);
}
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-55456 .panel-collapse&gt;.paragraph,
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-55521 .panel-collapse&gt;.paragraph {
    padding: 20px;
}
.oge-section .hr-line {
	margin-top: 40px;
	margin-bottom: 40px;
}
.oge_faqs.faq_mm .programmelist-title h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#programme.taught-main-body .second-title {
	margin-bottom: 24px;
}
#payment .ois-text-block p {
	padding-top: 24px;
}
#payment .ois-text-block p:first-child {
	padding-top: 0px;
}
#payment .ois-text-block .enquiry-block .enquiry-phone,
#payment .ois-text-block .enquiry-block .enquiry-email {
	padding-top: 0px;
}
.taught-main-body.other-grants .chart-table table tr th:nth-child(1),
.taught-main-body.other-grants .chart-table table tr th:nth-child(2) {
    width: 30%;
}
.taught-main-body .chart-table.student-life table tr td:nth-child(1) {
    width: 35%;
}
.chart-table.student-life {
	padding-top: 0px;
}
.taught-main-body.other-grants p{
	margin-top: 0px;
	margin-bottom: 0px;
}
.oge_faqs.vertical-tab .panel-collapse .paragraph__column {
	padding-left: 0px !important;
  	margin-left: 0px !important;
}
.taught-main-body.steering-committee .chart-table table tr th:nth-child(1),
.taught-main-body.steering-committee .chart-table table tr th:nth-child(2),
.taught-main-body.steering-committee .chart-table table tr th:nth-child(4),
.taught-main-body.steering-committee .chart-table table tr th:nth-child(5) {
	width: 22%;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs,
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs {
	position: relative;
	z-index: 1;
	display: flex;
	width: 100% !important;
}
.vertical-tab .tab-content .tab-content {
	width: 100% !important;
}
.vertical-tab .tab-content .tab-content .paragraph__column {
	margin-left: 0px !important;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs li,
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li {
	margin: 0 4px;
	height: auto;
	background: transparent !important;
    	border: 0px solid #ccc !important;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs li:hover,
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li:hover,
#tab-56611 ul.nav-tabs li:hover {
	border: 0px solid #FFB910;
	background: transpaent !important;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs li a,
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li a,
#tab-56611 ul.nav-tabs li a {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
	border-radius: 4px 4px 0 0 !important;
	border-bottom: 2px solid #292929 !important;
	color: #292929 !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	padding: 10px 16px !important;
	margin: 0px;
	text-align: center;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs li {
	width: 25%;
}
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li:first-child {
	width: 10%;
}
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li:last-child {
	width: 45%;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs li.active,
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li.active,
#tab-56611 ul.nav-tabs li.active {
	border-radius: 4px 4px 0 0;
    	background: transparent !important;
   	box-shadow: none !important;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs li.active a,
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li.active a,
#tab-56611 ul.nav-tabs li.active a {
	border-bottom-color: #F29321 !important;
    	background: var(--linear, linear-gradient(180deg, #F1792D 0%, #F29321 100%)) !important;
    	color: #FFF !important;
	border: 0px;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs li a:hover,
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li a:hover,
#tab-56611 ul.nav-tabs li a:hover {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
	border-radius: 4px 4px 0px 0px;
	border-bottom: 2px solid #F1792D !important;
	background: #F9E0D0 !important;
	color: #F1792D !important;
}
.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs li.active a:hover,
.vertical-tab .nested_tab .tab-content #tab-56251-6 ul.nav-tabs li.active a:hover,
#tab-56611 ul.nav-tabs li.active a:hover {
	color: #FFFFFF !important;
	background: var(--linear, linear-gradient(180deg, #F1792D 0%, #F29321 100%)) !important;
}
#views-exposed-form-ebulletin-block-7 .form-item.form-item-field-research-years-target-id-371, 
#views-exposed-form-ebulletin-block-7 .form-item.form-item-field-research-years-target-id-376, 
#views-exposed-form-ebulletin-block-7 .form-item.form-item-field-research-years-target-id-381, 
#views-exposed-form-ebulletin-block-7 .form-item.form-item-field-research-years-target-id-386, 
#views-exposed-form-ebulletin-block-7 .form-item.form-item-field-research-years-target-id-391, 
#views-exposed-form-ebulletin-block-7 .form-item.form-item-field-research-years-target-id-396 {
	display: none;
}
/*Research Stories*/
.node--type-research-stories .region-sidebar-second.affix {
    	position: relative;
}
.node--type-research-stories .research-stories-details.container200{
	padding-left: 0px;
	padding-right: 0px;
}
.news-new-design-container .news-image-layout .news-title .research-cat,
.node--type-research-stories .research-stories-details .research-cat,
.inner_page .block-field-blocknoderesearch-storiesfield-res {
	margin-bottom: 8px;
	overflow: hidden;
	color: var(--orange);
	text-overflow: ellipsis;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.node--type-research-stories .region-sidebar-second {
	margin-top: 217px;
}
.node--type-research-stories .research-stories-details .research-title,
.inner_page .block-field-blocknoderesearch-storiestitle,
.inner_page .block-field-blocknodecityu-newstitle,
.inner_page .block-field-blocknodeactivitiestitle {
	margin-top: 12px;
	margin-bottom: 12px;
}
.node--type-research-stories .research-stories-details .research-title span,
.inner_page .block-field-blocknodecityu-eventtitle span,
.inner_page .block-field-blocknoderesearch-storiestitle,
.inner_page .block-field-blocknodecityu-newstitle,
.inner_page .block-field-blocknodeactivitiestitle {
	color: var(--black);
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.node--type-research-stories .research-stories-details .research-date,
.node--type-research-stories .region-sidebar-second .news-date,
.inner_page .block-field-blocknoderesearch-storiesfield-research-date,
.inner_page .block-field-blocknodecityu-newsfield-publish-date,
.inner_page .region_sidebar_second .news-date {
	color: #545454;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
.node--type-cityu-news .inner_page .block-field-blocknodecityu-newsfield-publish-date .label.label-default {
	display: inline;
	padding: 0px !important;
	font-size: 100%;
	font-weight: 500;
	color: #545454;
	background: transparent;
}
.node--type-research-stories .research-stories-details .research-content {
	margin-top: 40px;
	border-right: 1px solid #ddd;
	padding-right: 34px;
	text-align: justify;
}
.inner_page .block-field-blocknodecityu-eventbody,
.inner_page .block-field-blocknoderesearch-storiesbody,
.inner_page .block-field-blocknodecityu-newsbody,
.inner_page .block-field-blocknodeactivitiesbody {
	margin-top: 40px;
	border-right: 1px solid #ddd;
  	padding-right: 36px;
  	margin-right: 36px;
	text-align: justify;
}
.inner_page .block-field-blocknodeactivitiesfield-extra-tab,
.inner_page .block-field-blocknodecityu-eventfield-tab-section {
	border-right: 1px solid #ddd;
  	padding-right: 36px;
  	margin-right: 36px;
	text-align: justify;
}
.inner_page .region_sidebar_second {
	padding-top: 50px;
}
.node--type-research-stories .inner_page .region_sidebar_second {
	padding-top: 150px;
}
.node--type-cityu-news .inner_page .region_sidebar_second {
	padding-top: 95px;
}
.inner_page .region_sidebar_second .innerpage-view-title h2{
	color: var(--black);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.node--type-research-stories .region-sidebar-second .row .col-lg-5.col-md-5 {
	padding-left: 0px;
	padding-right: 0px;
}
.inner_page .region_sidebar_second .view-content .row .col-lg-5.col-md-5 {
	padding-left: 15px;
	padding-right: 0px;
}
.node--type-research-stories .region-sidebar-second .row .col-lg-7.col-md-7,
.inner_page .region_sidebar_second .view-content .row .col-lg-7.col-md-7 {
	padding-right: 0px;
}
.node--type-research-stories .region-sidebar-second .news-title,
.inner_page .region_sidebar_second .news-title a,
.inner_page .region_sidebar_second .news-title {
	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 2;
 	overflow: hidden;
  	text-overflow: ellipsis;
	overflow: hidden;
	color: var(--black) !important;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.inner_page .region_sidebar_second .news-title a:hover{
	text-decoration: none;
	border-bottom: 0px solid #ccc;
}
.node--type-research-stories .region-sidebar-second .read-more a,
.inner_page .region_sidebar_second .read-more a {
	color: var(--orange);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
}
.node--type-research-stories .region-sidebar-second .thumbnail-img,
.inner_page .region_sidebar_second .thumbnail-img {
	width: auto;
	height: auto;
}
.inner_page .region_sidebar_second .view-content .views-row {
	margin-bottom: 20px;
}
.node--type-research-stories .region-sidebar-second .thumbnail-img img,
.inner_page .region_sidebar_second .thumbnail-img img {
  	margin-top: 15px;
}
.node--type-cityu-news .inner_page .region_sidebar_second .thumbnail-img img {
  	margin-top: 10px;
}
.node--type-cityu-event .inner_page .region_sidebar_second .thumbnail-img img {
  	margin-top: 0px;
}
.node--type-cityu-event .ois-text-block .programme-table-layout table tr td {
    	text-align: left;
}
.research_infrastructure_bg .main-header h2{
	margin-top: 0px;
}
.research_infrastructure_bg::before,
.cec_student_life.research_infrastructure_bg::before {
	content: '';
	background: url('/ceng/sites/g/files/asqsls8126/files/inline-images/undergraduate-pink-bg.png') no-repeat;
	width: 100vw;
	position: absolute;
	z-index: 0;
	transform: translateX( -50%);
	left: 50%;
	background-size: cover;
}
.research_infrastructure_bg::before {
	bottom: -12%;
	height: 47.6vw;
}
.cec_student_life.research_infrastructure_bg::before {
	bottom: -7%;
	height: 48.6vw;
}
/*Global Outreach - Enrolment*/
.arrival-section .col-lg-3.col-md-3 {
	width: 23%;
}
.taught-main-body .arrival-section.row {
	gap: 20px;
}
.taught-main-body .arrival-section.row &gt; div{
	display: flex;
	height: 140px;
	padding: 40px 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background: #F0F0F0;
	text-align: center;
	z-index: 9;
}
.taught-main-body .arrival-section .grey-block-box a {
	color: #545454 !important;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding: 50px 0px;
}
.taught-main-body .arrival-section .grey-block-box a span {
	font-weight: normal !important;
	font-size: 18px;
}
.taught-main-body .arrival-section .grey-block-box {
	width: 100%;
}
.taught-main-body .arrival-section .grey-block-box a:hover {
	border-bottom: 0px solid #ccc;
	text-decoration: none;
}
.taught-main-body .arrival-section .grey-block-box a:focus,
.taught-main-body .arrival-section .grey-block-box a:visited,
.taught-main-body .arrival-section .grey-block-box a:active,
.taught-main-body .arrival-section .grey-block-box a:focus-visible {
	border: 0px solid transparent !important;
	outline: none !important;
	text-decoration: none;
}
.taught-main-body#student-life {
	padding-top: 25px;
}
.vo-by-filter-result-block .views-view-responsive-grid__item {
	box-shadow: 0px 2px 6px 0px rgba(113, 111, 109, 0.08);
}
.taught-main-body .arrival-section .col-lg-3.col-md-3:hover {
	background: var(--orange);
}
.taught-main-body .arrival-section .col-lg-3.col-md-3:hover .grey-block-box a {
	color: #fff !important;
}
.container200.layout {
	z-index: 9;
	position: relative;
}
.research_infrastructure_bg.container200.layout {
	z-index: 2;
	position: relative;
}
#tab-55076-1 .taught-main-body .chart-table table tr td:first-child { 
	font-weight: 500 !important; 
}
#tab-55076-1 .taught-main-body .chart-table table tr td:first-child strong {
	font-weight: 600 !important; 
}
#tab-55046-4 .view-content a:hover {
	border-bottom: 0px solid var(--orange);
}
.chart-table table tr td a img {
	margin: 0 auto;
}
.paragraph--id--54906 .paragraph__column .chart-table p {
	margin-top: 24px;
}
.paragraph--id--54906 .paragraph__column .chart-table th strong {
	font-weight: 600 !important;
}
.paragraph--id--54906 .paragraph__column .chart-table td strong {
	color: #545454 !important;
}
#tab-54631 .paragraph.paragraph--type--bp-accordion {
   	width: 65%;
}
.pi-icon .d-flex {
	gap: 4px;
}
td.pi-icon .d-flex {
	gap: 10px;
}
.pi-icon .d-flex img {
	width: 24px;
	height: 24px;
}
.pi-icon p.d-flex {
	margin-top: 12px;
	margin-bottom: 0px;
}
.cityuhk-steam-challenges-2025 .main-container &gt; .container::before {
    content: url(/sites/g/files/asqsls8126/files/media-image/watermark-outreach_4.png);
    height: 267px;
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 1;
    opacity: 0.2;
    pointer-events: none;
    top: 580px !important;
}
.navbar-is-fixed-top.cityuhk-steam-challenges-2025 .main-container &gt; .container::before {
  	top: 535px !important;
}
.navbar-is-fixed-top.global-outreach.vo-global .main-container &gt; .container::before,
.navbar-is-fixed-top.research .main-container &gt; .container::before {
  	top: 655px !important;
}
.global-outreach.vo-global .main-container &gt; .container::before,
.Student-Life.vo-global .main-container &gt; .container::before,
.Student-Life.vo-global .main-container &gt; .container::before {
  	top: 700px !important;
}
body.vo-global .main-container &gt; .container::before {
  	top: 20%;
}
.navbar-is-fixed-top.student-life.vo-global .main-container &gt; .container::before {
  	top: 660px !important;
}
body.student-life.vo-global .main-container &gt; .container::before {
  	top: 710px !important;
}
.navbar-is-fixed-top.student-career-opportunities.vo-global .main-container &gt; .container::before {
  	top: 395px !important;
}
body.student-career-opportunities.vo-global .main-container &gt; .container::before {
  	top: 440px !important;
}
.paragraph--id--55996 .first-curricu-section h4, 
.jupas-link h4 {
	margin-bottom: 0px !important;
}
.paragraph--id--55996 .ois-text-block ul{
	margin-bottom: 15px;
}
.vertical-tab #tab-55076 .tab-content {
	padding-left: 10px;
}
.last-icon.icon-img h4 img {
	width: 24px;
	height: 24px;
	margin-top: -6px !important;
	margin-right: 10px;
	margin-left: 10px;
}
.last-icon.icon-img p {
	display: flex;
}
.last-icon.icon-img p img {
	width: 18px !important;
	height: 18px !important;
	margin-top: -4px !important;
	margin-left: 6px;
}
.stem-menu-tabs .tab-pane ul.nav.nav-tabs li.active a:hover {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: none;
	border-radius: 4px 4px 0px 0px;
	border-bottom: 2px solid #F1792D !important;
	background: var(--linear, linear-gradient(180deg, #F1792D 0%, #F29321 100%));
	color: #FFFFFF !important;
}
.oge_faqs #accordion-54916 .panel-collapse .paragraph__column p {
    	padding-bottom: 0px;
	margin-bottom: 0px;
}
.oge_faqs #accordion-54916 .panel-collapse .paragraph__column ol,
.oge_faqs #accordion-54916 .panel-collapse .paragraph__column li {
    	padding-bottom: 0px;
	margin-bottom: 0px;
}
.taught-main-body#work-schedule .chart-table#workSchedule tr td {
	color: #545454 !important;
}
.taught-main-body#work-schedule .chart-table#workSchedule tr th:first-child {
	width: 22%;
}
.taught-main-body#work-schedule .chart-table#workSchedule tr th:nth-child(2) {
	width: 38%;
}
#applicationTimeline.chart-table table tr td strong {
	font-weight: 600 !imporrtant;
}
.taught-main-body#payment #partnerInstitutions.chart-table table tr th:nth-child(1) {
    width: 19%;
}
.taught-main-body#payment #partnerInstitutions.chart-table table tr th:nth-child(2) {
    width: 43%;
}
body.other-internship-opportunities #block-cityu-ceng-sitemapblock .field--name-body::before,
.start-up-technology-entrepreneur-programme-step .main-container &gt; .container::before,
.node--type-activities .main-container &gt; .container::before {
	content: url("/sites/g/files/asqsls8126/files/media-image/watermark-outreach_4.png");
	width: 100%;
	position: absolute;
	left: 0px;
	opacity: 0.2;
	pointer-events: none;
}
body.other-internship-opportunities #block-cityu-ceng-sitemapblock .field--name-body::before {
	bottom: -26%;
	z-index: 0;
}
.start-up-technology-entrepreneur-programme-step .main-container &gt; .container::before {
    	top: 570px !important;
	z-index: 1;	
}
.node--type-activities .main-container &gt; .container::before {
    	top: 22% !important;
	z-index: 1;	
}
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-55736 .panel-heading .panel-title {
	font-size: 20px;
	align-items: unset;
}
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-55736 .panel-heading a {
	padding-left: 5px;
	padding-top: 2.2px;
}
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-54916 .panel-heading a {
	padding-left: 5px;
	padding-top: 9px;
}
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-54916 .panel-heading .panel-title {
	display: flex;
    	align-items: unset;
    	width: 100%;
	font-size: 24px;
}
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-54916 .panel-heading .panel-title a {
	padding-left: 20px;
    	width: 100%;
}
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-54916 .panel-collapse&gt;.paragraph {
    	padding: 20px 40px;
}
.oge_faqs .paragraph.paragraph--type--bp-accordion #accordion-54916 .panel-collapse#collapse-accordion-54916-1&gt;.paragraph {
    	padding: 20px 38px;
}
.exchange-quota.vo-global.navbar-is-fixed-top .main-container &gt; .container::before {
  	top: 745px !important;
}
.exchange-quota.vo-global .main-container &gt; .container::before {
	top: 745px !important;
}
.eligibility-application.vo-global .main-container &gt; .container::before {
	top: 780px !important;
}
#tab-56611 .nav-tabs li {
	padding-left: 0px !important;
	padding-right: 0.5rem;
}
.oge_faqs .paragraph.paragraph--type--bp-accordion .panel-collapse#collapse-accordion-55736-10&gt;.paragraph  {
	padding: 20px 65px;
}
.oge_faqs .paragraph.paragraph--type--bp-accordion .panel-collapse#collapse-accordion-55736-11&gt;.paragraph {
	padding: 20px 60px;
}
.cityuhk-x-sino-grand-challenges-scholars-program-cityuhk-x-sino-gcsp .main-container &gt; .container::before {
	top: 840px !important;
	content: url("/sites/g/files/asqsls8126/files/media-image/watermark-outreach_4.png");
	width: 100%;
	position: absolute;
	left: 0px;
	z-index: 1;
	opacity: 0.2;
	pointer-events: none;
}
.research .main-container &gt; .container:before {
	top: 700px !important;
	content: url(/sites/g/files/asqsls8126/files/media-image/watermark-outreach_4.png);
	width: 100%;
	position: absolute;
	left: 0px;
	z-index: 1;
	opacity: 0.2;
	pointer-events: none;
}
.recognitions .main-container &gt; .container:before {
	top: 800px !important;
	content: url(/sites/g/files/asqsls8126/files/media-image/watermark-outreach_4.png);
	width: 100%;
	position: absolute;
	left: 0px;
	z-index: 1;
	opacity: 0.2;
	pointer-events: none;
}
.application.vo-global .main-container &gt; .container::before {
	top: 612px !important;
}
.cityuhk-x-sino-grand-challenges-scholars-program-cityuhk-x-sino-gcsp .footer-bottom,
.application.vo-global .footer-bottom {
	z-index: 1;
}
.cityu-backtotop {
  	background-color: #919091 !important;
}
.cityu-backtotop:hover {
  	background-color: #919091 !important;
}
.our-rankings .main-container &gt; .container:before {
	top: 800px !important;
	content: url(/sites/g/files/asqsls8126/files/media-image/watermark-outreach_4.png);
	width: 100%;
	position: absolute;
	left: 0px;
	z-index: 1;
	opacity: 0.2;
	pointer-events: none;
}
.our-rankings .paragraph--id--53076.paragraph::before {
	content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
	display: block;
	position: absolute;
	right: 0px;
	z-index: 0;
	top: 1440px;
	transform: rotate(180deg);
}
.our-rankings .paragraph--id--53076.paragraph::after {
	content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
	display: block;
	position: absolute;
	right: 0px;
	z-index: 0;
	top: 3100px;
	transform: rotate(180deg);
}
.our-rankings .paragraph--id--53076.paragraph .paragraph__column {
	z-index: 1;
}





/* Media Query Start*/
@media only screen and (min-width: 1920px) {
	.path-frontpage .world-ranking {
		width: 85vw;
	}
	.paragraph--id--26696 .field--name-bp-text h2 {
    		font-size: 36px !important;
	}
	.navbar-is-fixed-top.global-outreach.vo-global .main-container &gt; .container::before,
	.navbar-is-fixed-top.research .main-container &gt; .container::before,
	.navbar-is-fixed-top.cityuhk-steam-challenges-2025 .main-container &gt; .container::before {
  		top: 760px !important;
	}
	.global-outreach.vo-global .main-container &gt; .container::before,
	.research .main-container &gt; .container::before,
	.Student-Life.vo-global .main-container &gt; .container::before,
	.cityuhk-steam-challenges-2025 .main-container &gt; .container::before {
  		top: 810px !important;
	}
	.paragraph--id--2131::before {
	  	bottom: 53% !important;
	}
}
@media (min-width:1561px) and (max-width:1680px) {
	.fact-single-wrapper {
  		width: 100%;
	}
	.paragraph--id--2131::before {
	  	bottom: 52% !important;
	}
}
@media (min-width:1441px) and (max-width:1560px) {
	.fact-single-wrapper {
	  	width: 100%;
	}
	.paragraph--id--2131::before {
	  	bottom: 52% !important;
	}
	.fact-single-wrapper .icon-region img {
	  	top: -10%;
	  	max-width: 35%;
	}
	.paragraph--id--26696 .field--name-bp-text h2 {
	    	font-size: 36px !important;
	}
	.collegue-text::before {
	  	right: 30%;
	}
	.paragraph--id--26461 p {
	  	font-size: 25px;
	}
	.collegue-text h5 {
	  	font-size: 22px;
	}
	.fact-single-wrapper .text-region p{
		font-size: 15px;
		padding-bottom: 10px;
	}
	.view-news-achievements .view-content .new-title small {
	  	font-size: 14px;
	}
	.view-news-achievements .view-content .new-category a {
	  	font-size: 16px;
	}
	.fact-single-wrapper {
	    	padding-left: 20px;
	    	padding-right: 20px;
	}
	.node--type-landing-page .sitemap-section {
	    	padding-top: 0px !important;
	}
}
@media (min-width:1281px) and (max-width:1440px) {
	.fact-single-wrapper {
	  	width: 100%;
	}
	.caret{
	  	right: 0px;
	}
	.nav &gt; li &gt; a{
	  	padding: 10px 6px;
	}
	.paragraph--id--2131::before {
	  	bottom: 43% !important;
	}
	.fact-single-wrapper .icon-region img {
	  	top: -10%;
	  	max-width: 35%;
	}
	.collegue-text::before {
	  	right: 30%;
	}
	.paragraph--id--26461 p {
	  font-size: 25px;
	}
	.collegue-text h5 {
	  font-size: 22px;
	}
	.fact-single-wrapper .text-region p{
	font-size: 15px;
	padding-bottom: 10px;
	}
	.view-news-achievements .view-content .new-title small {
	  font-size: 14px;
	}
	.view-news-achievements .view-content .new-category a {
	  font-size: 16px;
	}
	.view-news-achievements .view-content .new-content-wrapper{
	   padding: 20px 18px 26px 18px;
	}
}

@media (min-width:1201px) and (max-width:1280px) {
	.fact-single-wrapper {
	 	width: 100%;
	}
	.fact-single-wrapper .icon-region img {
	  	top: -10%;
	  	max-width: 35%;
	}
	.path-frontpage .world-ranking{
		width: 100%;
	}
	.paragraph--id--2131::before {
	  	bottom: 44% !important;
	}
}
@media (min-width:767px) and (max-width:1200px) {
	.fact-single-wrapper {
		width: 100%;
	}
	.fact-figures-row .fact-single-wrapper {
		margin-bottom: 65px;
	}
	.fact-single-wrapper .icon-region img {
		top: -10%;
		max-width: 35%;
	}
	.paragraph--id--2131::before {
		bottom: 59.4% !important;
	}
	.path-frontpage .world-ranking{
		width: 100%;
	}
	.view-news-achievements .view-content .new-content-wrapper {
		padding: 20px 20px 26px 20px !important;
	}
	#tab-56436 .nav.nav-tabs li,
	#tab-56516 .nav.nav-tabs li {
  		width: 22%;
  		margin: 0 10px;
	}

}
    @media (min-width: 992px) {
      .w-50 {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
      }
    }

    .path-frontpage .world-ranking {
      display: block;
      height: auto;
      padding-bottom: 200px;
    }

    @media (min-width: 768px) {
      .path-frontpage .world-ranking {
        padding-bottom: 0;
      }
    }

    #myCarousel-4791 {
      display: none;
    }

    #myCarousel-4816 {
      display: block;
    }

    @media (min-width: 400px) {
      #myCarousel-4791 {
        display: block;
      }

      #myCarousel-4816 {
        display: none;
      }

      .carousel-control .glyphicon {
        border-radius: 50%;
        padding: 10px;
        background-color: white;
        width: unset;
        height: unset;
      }
    }

    #myCarousel-4856 {
      display: block;
    }

    #myCarousel-4856 img {
      object-fit: contain;
      min-height: unset;
    }

    .carousel-control .glyphicon {
      border-radius: 50%;
      padding: 10px;
      background-color: white;
      width: unset;
      height: unset;
    }

@media (max-width: 400px) {
	#myCarousel-2156{
		display: none;
	}
	#myCarousel-26721{
		display: block;
	}
	#myCarousel-2156 img {
		object-fit: contain;
		min-height: unset;
	}
	#myCarousel-4856 {
		display: none;
	}
}
@media (max-width: 520px){
.paragraph--id--26696 .field--name-bp-text h2 {
    font-size: 22px !important;
}
#myCarousel-2156{
display: none;
}
#myCarousel-26721{
display: block;
}
}

/* Media query phase2 mabel */
@media only screen and (min-device-width: 300px) and (max-device-width: 390px) {
	.region-content ul, 
	.region-content ul li a, 
	table tr td, 
	table tr td a, 
	table tr td a u, 
	.region-content ol, 
	.region-content ol li a,
	.main-container p {
		font-size: 17px !important;
	}
	.vertical-tab .tab-content {
    		padding: 0px !important;
	}
	.paragraph--id--404321 .view.view-ebulletin .view-content .recognition-block .row .col-6,
	.paragraph--id--404331 .view.view-ebulletin .view-content .recognition-block .row .col-6 {
		width: 100% !important;		
	}
	.paragraph--id--404331 .view.view-ebulletin .view-content .recognition-block .row .col-6:last-child .recognition-body .ois-text-block-orgi {
  		width: 100% !important;
	}
}
@media only screen and (min-device-width: 300px) and (max-device-width: 599px) {
	.vertical-tab .paragraph__column {
		display: block !important;
	}
	.taught-main-body .d-flex {
  		display: block;
	}
	.enquiry-block {
  		margin-top: 20px;
	}
	.mt_80 {
  		margin-top: 25px;
	}
	.taught-main-body .chart-table, 
	.oge_faqs .chart-table, 
	.ec-section .chart-table,
	.stem-menu-tabs .chart-table,
	.programme-table-layout{
		width: 100% !important;
		overflow-x: scroll;
	}
	.taught-main-body .row {
		margin-left: -10px;
		margin-right: -10px;
	}
	.arrival-section .col-lg-3.col-md-3 {
		width: 100%;
	}
	.sitemap-section {
  		margin-top: 50px;
	}
	.main-container .paragraph--id--53286 .field--name-bp-text p {
		max-width: 100% !important;
	}
	.view-award-of-professors {
		padding-top: 5rem;
	}
	.programme-images .image-container{
		width:100% !important;
		margin-bottom: 15px;
	}
	table tr td a {
		font-size: 14px !important;
	} 
	.vertical-tab .nested_tab .tab-content #tab-55046-3 ul.nav-tabs { 
		display: block !important; 
	} 
	#collapse-accordion-55236-1 ul {
		margin-top: 25px !important;
		margin-bottom: 20px !important;
	}
	.taught-main-body .chart-table tr td a,
	.oge_faqs .chart-table tr td a,
	.ec-section .chart-table tr td a,
	.stem-menu-tabs .chart-table tr td a {
  		font-size: 14px !important;
	}
	.inbound_exchange .undergraduate-text-block {
  		height: 130px;
	}
	#tab-56436 .nav.nav-tabs li,
	#tab-56516 .nav.nav-tabs li {
		width: 100%;
	}
	.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading a {
    		padding: 15px;
	}
	.oge_faqs {
        	padding-top: 0px !important;
    	}
	.paragraph ul.nav-tabs li { 
		margin-top: 10px !important; 
	}
	.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion #accordion-54916 .panel-heading a {
	    	font-size: 20px;
	}
	#tab-54631 .paragraph.paragraph--type--bp-accordion {
  		width: 100%;
	}
	.programme-images .stretch {
    		width: 100% !important;
	}
	.inner_page .block-field-blocknodecityu-eventbody, 
	.inner_page .block-field-blocknoderesearch-storiesbody, 
	.inner_page .block-field-blocknodecityu-newsbody, 
	.inner_page .block-field-blocknodeactivitiesbody,
	.inner_page .block-field-blocknodecityu-eventfield-tab-section {
		margin-top: 40px;
		border-right: 0px solid #ddd;
		padding-right: 0px;
		margin-right: 0px;
		text-align: justify;
		border-bottom: 1px solid #ddd;
		padding-bottom: 36px;
	}
	.node--type-cityu-news .inner_page .region_sidebar_second,
	.inner_page .region_sidebar_second {
  		padding-top: 25px;
	}
	.cityuhk-steam-challenges-2025 .vertical-tab .tab-content {
		width: 100%;
		margin-top: 50px;
		padding-left: 0;
		padding-right: 0;
	}
	.cityuhk-steam-challenges-2025 .vertical-tab .tab-content .paragraph__column {
    		margin-left: 0 !important;
 	}
	.custom-slider .award-professor .professor-detail p {
		transform: translateY(-10px);
		display: block;
		height: auto;
	}
	.custom-slider .award-professor .professor-detail-external-link {
		display: none;
	} 
	.our-rankings .paragraph--id--53076.paragraph::after {
/* 		top: 2460px; */
		transform: rotate(180deg) scale(0.5);
		right: -80px;
	}
	.our-rankings .paragraph--id--53076.paragraph::before {
		right: -80px;
		top: 1050px;
		transform: rotate(180deg) scale(0.5);
	}
	.our-rankings .main-container &gt; .container::before {
		top: 560px !important;
		transform: translate(-50%,0) scale(0.5);
	}
	.our-rankings .ebulletin-watermark-bg::before {
		top: 106rem !important;
		transform: translate(-50%,0) scale(0.5);
	}
	.recovo-tab-container .custom-slider .slick-dots {
    		top: -100px !important;
  	}
	.recovo-tab-container .custom-slider {
  		margin-top: 30px !important;
	}
	.paragraph--id--404321 .view.view-ebulletin .view-content .recognition-block .row .col-6,
	.paragraph--id--404331 .view.view-ebulletin .view-content .recognition-block .row .col-6 {
		width: 100% !important;		
	}
	.paragraph--id--404331 .view.view-ebulletin .view-content .recognition-block .row .col-6:last-child .recognition-body .ois-text-block-orgi {
  		width: 100% !important;
	}
	.cityu-news .container200.layout {
  		padding-left: 20px !important;
  		padding-right: 20px !important;
	}
}
@media only screen and (min-device-width: 600px) and (max-device-width: 850px) {
	.architect-civil-engineering h3, 
	.programmelist-title h3 {
		padding-top: 20px;
	}
	.oge_faqs .paragraph.paragraph--type--bp-accordion .panel-collapse&gt;.paragraph {
        	padding: 0 30px !important;
    	}
	.taught-main-body .chart-table tr td a,
	.oge_faqs .chart-table tr td a,
	.ec-section .chart-table tr td a,
	.stem-menu-tabs .chart-table tr td a,
	.taught-main-body .chart-table tr td p a,
	.oge_faqs .chart-table tr td p a,
	.ec-section .chart-table tr td p a,
	.stem-menu-tabs .chart-table tr td p a,
	table tr td a {
  		font-size: 14px !important;
	}
	.taught-main-body {
		margin-top: 10px;
	}
	.oge_faqs.faq_mm .paragraph.paragraph--type--bp-accordion .panel-heading a {
    		font-size: 21px;
    		padding: 15px;
	}
	.research_infrastructure_bg::before, 
	.cec_student_life.research_infrastructure_bg::before {
		display: none;
	}
}
@media screen and (max-width: 1024px) and (min-height: 1366px) {
	.main-container {
		min-height: 73vh;
	}
	.main-container p,
	.main-container p a,
	.path-node .region-content p a {
		font-size: 16px !important;
	}
}
@media only screen and (min-device-width: 1920px) and (max-device-width: 2240px) {
	.research_infrastructure_bg::before {
		bottom: -11%;
		height: 39vw;
	}
}
@media only screen and (min-device-width: 2241px) and (max-device-width: 2560px) {
	.research_infrastructure_bg::before {
		bottom: -11%;
		height: 33vw;
	}
}
</pre></body></html>