@import url('https://urldefense.com/v3/__https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap__;!!KjDnqvtInNPT!gI317YwIyIPDKZsHWp1-NQQGulTX252dPWYDxz7L4hO6YOnStd0NrYh-LH7N29ehXul73FNF29v2gB1brTiO$ ');

/* CSS root  ***************************************************/
.detail-page main {
    /* margin-top: 60px; */
    margin-top: 180px;
}

main {
    padding-bottom: 200px;
}

.path-user main {
    padding-top: 120px;
}

.container-xxl {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.container-width {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.cover-link,
.cover-link a {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    z-index: 9;
}

.disabled {
    cursor: pointer;
}

.disabled>a {
    cursor: pointer;
    pointer-events: none;
}

.node--unpublished {
    background: none;
}

.viewsreference--view-title {
    display: none;
}

@media (min-width: 1400px) {

    .container,
    .container-xxl {
        max-width: 1540px;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    #block-backtotop {
        bottom: 160px !important;
        right: 30px !important;
    }
}

/* CSS Table  ***************************************************/
main table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: #f9f9f9;
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
    caption-side: unset;
}

.table-color {
    background: #BF165E !important;
}

main table>thead {
    vertical-align: bottom;
}

main table>tbody {
    vertical-align: inherit;
}

main table> :not(caption)>* {
    border-width: 1px 0;
}

table> :not(caption)>*>* {
    padding: 0.5rem 0.75rem;
    background-color: var(--bs-table-bg);
    border-width: 0 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    max-width: 100% !important;
}

main table {
    max-width: 100% !important;
}

.table-responsive::-webkit-scrollbar {
    background: #f7f7f9;
    width: 3px;
    height: 4px;
}

.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #BF165E;
}

/* scroll to element  */
.scroll-to-element {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -110px;
}

/* paragraph column reset  ************************************************/
.paragraph.paragraph--width--full>.paragraph__column,
.paragraph.paragraph--width--medium>.paragraph__column,
.paragraph.paragraph--width--narrow>.paragraph__column,
.paragraph.paragraph--width--tiny>.paragraph__column,
.paragraph.paragraph--width--wide>.paragraph__column,
.paragraph>.paragraph__column {
    padding: 0;
}

/* paragraph accordion ***********/
.paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>.paragraph__column {
    padding-bottom: 0;
    padding: 30px 30px 15px 30px;
}

.paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph>.paragraph__column .paragraph>.paragraph__column {
    padding: 0;
}

.paragraph--bp-accordion-container {
    padding-top: 0;
}

.paragraph--bp-accordion-container .paragraph--type--bp-accordion .card {
    border: unset;
    background-color: unset;
}

.paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header {
    background-color: #F3F3F3;
    border-bottom: none;
    cursor: pointer;
    margin-top: 15px;
    padding: 0;
}

.paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:first-child {
    border-radius: unset;
    margin-top: 0;
}

.paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title {
    position: relative;
}

.paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    position: relative;
}

.paragraph--bp-accordion-container>.paragraph--type--bp-accordion {
    margin-bottom: 40px;
    margin-top: 40px;
}

.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.accordion>.card-header {
    background-color: #fff;
    position: relative;
}

.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header {
    margin-top: 0;
    padding: 0;
}

.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div {
    position: unset;
    font-size: 18px;
    font-weight: bold;
    padding: 27px 27px 27px 12px;
}

.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="false"] {
    border-bottom: 1px solid #E3E3E3;
}

.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header.show .accordion-title>div[aria-expanded="false"] {
    border-bottom: unset;
}

.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after {
    content: "" !important;
    background: url(../image/icon/open.svg) center center no-repeat !important;
    background-size: contain !important;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    position: absolute;
    right: 20px;
    top: 50%;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
    content: "" !important;
    background: url(../image/icon/merge.svg) center center no-repeat !important;
    background-size: 100% auto;
    transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    /* IE 9 */
    -moz-transform: rotate(180deg) translateY(50%);
    /* Firefox */
    -webkit-transform: rotate(180deg) translateY(50%);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg) translateY(50%);
    /* Opera */
    position: absolute;
    right: 20px;
    top: 50%;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.accordion-collapse {
    background-color: #fff;
}


/* paragraph column  ***************************************************/
body:not(.path-frontpage) .paragraph__column {
    line-height: 1.625;
}

body:not(.path-frontpage) .paragraph__column p {
    margin-bottom: 15px;
}

body:not(.path-frontpage) section:not(.fees-charges-tab-content) .paragraph__column ol,
body:not(.path-frontpage) section:not(.fees-charges-tab-content) .paragraph__column ul {
    padding-left: 1rem;
}

body:not(.path-frontpage) .paragraph__column ol ol,
body:not(.path-frontpage) .paragraph__column ul ol,
body:not(.path-frontpage) .paragraph__column ol ul,
body:not(.path-frontpage) .paragraph__column ul ul {
    margin-top: 15px;
}

body:not(.path-frontpage) .paragraph__column div ul:not(.nav-tabs) li {
    list-style: initial;
}

body:not(.path-frontpage) .paragraph__column ol ol li {
    list-style: lower-roman;
}

.paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>#accordion-42314,
.paragraph--bp-accordion-container>.paragraph--type--bp-accordion.paragraph--id--42314,
.paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>#accordion-42235,
.paragraph--bp-accordion-container>.paragraph--type--bp-accordion.paragraph--id--42235,
.paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>#accordion-42443,
.paragraph--bp-accordion-container>.paragraph--type--bp-accordion.paragraph--id--42443,
.paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>#accordion-42092,
.paragraph--bp-accordion-container>.paragraph--type--bp-accordion.paragraph--id--42092,
.paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>#accordion-42104,
.paragraph--bp-accordion-container>.paragraph--type--bp-accordion.paragraph--id--42104 {
    padding: 0;
    margin: 0;
}

.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>#heading-accordion-42314-1,
.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>#heading-accordion-42235-1,
.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>#heading-accordion-42443-1,
.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>#heading-accordion-42443-1,
.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>#heading-accordion-42092-1,
.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>#heading-accordion-42092-1,
.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>#heading-accordion-42104-1,
.accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>#heading-accordion-42104-1 {
    padding-top: 0;
}

.accordion-collapse .card>#heading-accordion-42314-1 .accordion-title>div[aria-expanded="true"]:after,
.accordion-collapse .card>#heading-accordion-42235-1 .accordion-title>div[aria-expanded="true"]:after,
.accordion-collapse .card>#heading-accordion-42443-1 .accordion-title>div[aria-expanded="true"]:after,
.accordion-collapse .card>#heading-accordion-42443-1 .accordion-title>div[aria-expanded="true"]:after,
.accordion-collapse .card>#heading-accordion-42092-1 .accordion-title>div[aria-expanded="true"]:after,
.accordion-collapse .card>#heading-accordion-42104-1 .accordion-title>div[aria-expanded="true"]:after {
    right: 0;
}

/* paragraph table  ***************************************************/
.table.table-blue {
    --bs-table-color: #000;
    --bs-table-bg: transparent;
    --bs-table-border-color: #CACACA;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: #f9f9f9;
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
}

.table.table-blue>tbody {
    border-bottom-width: 1px;
    border-color: #3673A6;
}

.table.table-blue.table-bordered> :not(caption)>* {
    border-width: 0;
}

.table-bordered> :not(caption)>*>* {
    border-color: #e5e5e5;
}

.table-bordered> :not(caption)>*>*:first-child {
    border-left-color: #3673A6;
}

.table-bordered> :not(caption)>*>*:last-child {
    border-right-color: #3673A6;
}

.table .thead-blue th {
    color: #fff;
    background-color: #3673A6;
    border-color: #3673A6;
}

.table.table-blue .table-active {
    --bs-table-accent-bg: #EBF6FF;
    color: #000;
}

/* layout CSS Document  ***************************************************/
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
    padding: 0;
}

/* tasks tabs ***************************************************/
#block-admission-theme-local-tasks nav.tabs-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #fff;
    margin: 15px;
    padding: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 15px;
}

#block-admission-theme-local-tasks nav.tabs-wrapper>ul.nav {
    border-bottom: none;
}

#block-admission-theme-local-tasks nav.tabs-wrapper>ul.nav>li {
    margin-left: 10px;
}

#block-admission-theme-local-tasks nav.tabs-wrapper>ul.nav>li>.nav-link.active {
    border-color: #fff;
    color: #fff;
    background-color: #BF165E;
}

#block-admission-theme-local-tasks nav.tabs-wrapper>ul.nav>li>a {
    background: #f5f5f5;
    border-radius: 5px;
    color: #000;
}

#block-admission-theme-local-tasks nav.tabs-wrapper>ul.nav>li>a:hover {
    color: #fff;
    background-color: #BF165E;
}

/* social media  ********************************************************/
header .social-media {
    display: flex;
    width: 210px;
    margin-bottom: 0;
    padding-left: 0;
}

footer .social-media {
    display: flex;
    width: 150px;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 0;
}

.social-media>li>a {
    display: block;
    width: 30px;
    height: 30px;
}

header .social-media>li:not(:first-child, :last-child) {
    margin-right: 15px;
}

header .social-media>li:first-child {
    padding-right: 30px;
    margin-right: 30px;
    position: relative;
}

header .social-media>li:first-child::after {
    background-color: #000;
    content: '';
    display: block;
    width: 1px;
    right: 0;
    position: absolute;
    top: -3px;
    bottom: -4px;
}

.social-media>li.social-media-li {
    position: relative;
    cursor: pointer;
}

.social-media>li.social-media-li .social-media-content {
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    padding: 4px 12px 12px 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 6px;
    top: -9px;
    left: -5px;
    z-index: 9;
}

.social-media>li.social-media-li .social-media-content>img {
    height: 18px;
    margin-right: 10px;
    margin-top: 5px;
}

.social-media>li.social-media-li .social-media-content .social-media-content-url {
    display: flex;
    flex-direction: column;
}

.social-media>li.social-media-li .social-media-content a {
    display: block;
    color: #1e3b70;
    text-align: left;
    white-space: nowrap;
    height: 20px;
    margin-left: 6px;
    font-size: 16px;
}

.social-media>li.social-media-li .social-media-content a:hover,
.social-media>li.social-media-li .social-media-content a:active,
.social-media>li.social-media-li .social-media-content a:focus {
    color: #BF1860;
    text-decoration: none;
}

.social-media>li>a>img {
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.social-media>li>a:hover img {
    transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    /* IE 9 */
    -moz-transform: translateY(-3px);
    /* Firefox */
    -webkit-transform: translateY(-3px);
    /* Safari 和 Chrome */
    -o-transform: translateY(-3px);
    /* Opera */
}

/* login page  ***************************************************/
#user-login-form {
    max-width: 568px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 200px;
    flex-wrap: nowrap;
    margin-top: 100px;
}

#user-login-form input.form-control:not(.btn):focus,
#user-login-form input.form-control:not(.btn):hover,
#user-login-form input.form-control:not(.btn) {
    border: solid 1px #838990;
}

#user-login-form input.form-control {
    padding: 0.5em 1em;
}

#user-login-form input.form-submit {
    height: auto;
}

#user-login-form .field-group {
    margin: 2rem 0;
}

#user-login-form .form-actions {
    margin-top: 3rem;
}

#user-login-form input.form-control:not(.btn) {
    border: solid 1px #dfdfdf;
    height: auto;
}

#user-login-form input.form-control:not(.btn):focus,
#user-login-form input.form-control:not(.btn):hover,
#user-login-form input.form-control:not(.btn) {
    border: solid 1px #838990;
}

#user-login-form>div>div {
    font-size: 11px;
    color: silver !important;
}

#user-login-form>div {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0em;
    margin-bottom: 2rem;
}

#user-login-form>div>label {
    background: white;
    font-size: 12px;
    color: #838990;
    position: absolute;
    text-indent: 8px;
    top: -.5em;
    left: 2em;
}

#user-login-form #edit-actions {
    justify-content: center;
    display: flex;
}

#user-login-form #edit-submit {
    height: auto;
    display: inline-block;
    font-size: 1.1rem;
    width: calc(50% - 0.5rem);
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#edit-simplesamlphp-auth-login-link {
    background-color: #bf165e;
    border-radius: 5px;
    color: white;
    font-size: 2em;
    height: 110px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-left: 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    padding: 1rem 0;
    transition: all .2s;
}

#edit-simplesamlphp-auth-login-link>img {
    margin-right: 20px;
}


#edit-simplesamlphp-auth-login-link .login-with {
    font-size: 16px;
}

#edit-simplesamlphp-auth-login-link .cityu-eid {
    display: block;
    font-size: 50px;
    font-weight: bold;
    line-height: 45px;
    text-indent: -3px;
}

#edit-simplesamlphp-auth-login-link:after {
    bottom: -4em;
    color: silver;
    content: '— or login with local account —';
    display: block;
    font-size: 1rem;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}


/* header  ********************************************************/
header {
    background-image: linear-gradient(rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    line-height: 20px;
    flex: 0 0 auto;
    width: 100%;
    height: 120px;
    /* position: relative; */
    position: fixed;
    z-index: 100;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.toolbar-fixed header {
    position: relative;
}

.sticky-menu-fixed header {
    height: 90px;
}

header::after {
    background-color: #fff;
    box-shadow: 0 8px 10px rgba(0, 0, 0, .1);
    content: '';
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    /* IE 9 */
    -moz-transition: all 0.8s ease;
    /* Firefox */
    -webkit-transition: all 0.8s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.8s ease;
    /* Opera */
}

.sticky-menu-fixed header::after {
    opacity: 1;
}

header.menu-show::after {
    opacity: 1;
}

.navbar {
    padding: 18px 0 0;
    position: relative;
    z-index: 2;
    transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    /* IE 9 */
    -moz-transition: padding 0.3s ease;
    /* Firefox */
    -webkit-transition: padding 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: padding 0.3s ease;
    /* Opera */
}

.sticky-menu-fixed .navbar {
    padding-top: 5px;
}

.navbar>.container,
.navbar .container-xxl {
    align-items: flex-start;
}

.navbar-brand {
    padding: 0;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.navbar-brand a {
    background: url(../image/header/admo-logo-s.svg) left top no-repeat;
    background-size: auto 100%;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.sticky-menu-fixed .navbar-brand {
    margin-top: 15px;
}

@media (min-width: 992px) {
    .navbar-brand img {
        height: 84px;
        transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        /* IE 9 */
        -moz-transition: all 0.3s ease;
        /* Firefox */
        -webkit-transition: all 0.3s ease;
        /* Safari 和 Chrome */
        -o-transition: all 0.3s ease;
        /* Opera */
    }

    .navbar .offcanvas {
        flex-grow: unset;
    }

}

.sticky-menu-fixed .navbar-brand img {
    height: 50px;
    opacity: 1;
}

header .navbar .navbar-nav .nav-link {
    color: #000;
    padding: 30px 15px 52px;
    transition: padding 0.3s ease;
}

.sticky-menu-fixed header .navbar .navbar-nav .nav-link {
    padding-bottom: 30px;
}

header .navbar .navbar-nav .nav-link:hover {
    color: #767676;
}

header .navbar .navbar-nav .dropdown .nav-link::after {
    background: url(../image/icon/dropdown-arrow.svg) no-repeat;
    content: '';
    width: 12px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    transition: opacity 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out;
    /* IE 9 */
    -moz-transition: opacity 0.15s ease-in-out;
    /* Firefox */
    -webkit-transition: opacity 0.15s ease-in-out;
    /* Safari 和 Chrome */
    -o-transition: opacity 0.15s ease-in-out;
    /* Opera */
}

header .navbar .navbar-nav .nav-item:first-child .nav-link {
    background: url(../image/icon/home.svg) center center no-repeat;
    text-indent: -999px;
    overflow: hidden;
    padding: 15px 26px;
    margin-top: 15px;
}

header .navbar .navbar-nav .nav-item:first-child .nav-link:hover,
header .navbar .navbar-nav .dropdown .nav-link:hover::after {
    opacity: .5;
}

#block-headerrighticon .search {
    border-right: #000 1px solid;
    margin-right: 30px;
    margin-top: 22px;
    padding: 3px 30px 3px 25px;
    cursor: pointer;
    position: relative;
}

#block-headerrighticon .search .admo-dropdown-menu {
    left: -269px;
    background-color: #fff;
    width: 360px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: unset;
    margin-top: 0;
    position: absolute;
    top: 100%;
    margin: 1.25rem 0 0;
    font-size: 1rem;
    color: #788592;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    min-width: 10rem;
    z-index: 1000;
    display: none;
}

#block-headerrighticon .search .ld-search-form {
    position: relative;
}

#block-headerrighticon .search .ld-search-form input {
    width: 100%;
    padding: 10px 20px 10px 30px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;
    letter-spacing: 0.025em;
}

#block-headerrighticon .search .ld-search-form>span img {
    width: 14px;
}

#block-headerrighticon .search .ld-search-form>span {
    position: absolute;
    left: 6px;
    top: 9px;
}

#block-headerrighticon .search .admo-dropdown-menu label {
    display: none;
}

#block-headerrighticon .social-media {
    margin-top: 22px;
    padding: 3px 0;
}

/******header-menu****/
#block-menuwhycityu,
#block-menuadmissions,
#block-menuprogrammes,
#block-menufeesandscholarships,
#block-menufaq,
#block-menuexplre {
    display: none;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li,
nav#block-admission-theme-main-navigation.contextual-region {
    position: unset;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuwhycityu,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuadmissions,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuprogrammes,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menufeesandscholarships,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menufaq,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuexplre {
    background-color: #595858;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 120px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease, opacity 0.3s ease;
    -ms-transition: visibility 0.3s ease, opacity 0.3s ease;
    /* IE 9 */
    -moz-transition: visibility 0.3s ease, opacity 0.3s ease;
    /* Firefox */
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: visibility 0.3s ease, opacity 0.3s ease;
    /* Opera */
}

.sticky-menu-fixed nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuwhycityu,
.sticky-menu-fixed nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuadmissions,
.sticky-menu-fixed nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuprogrammes,
.sticky-menu-fixed nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menufeesandscholarships,
.sticky-menu-fixed nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menufaq,
.sticky-menu-fixed nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuexplre {
    top: 90px;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li:nth-child(2):hover .block-menuwhycityu,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li:nth-child(3):hover .block-menuadmissions,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li:nth-child(4):hover .block-menuprogrammes,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li:nth-child(5):hover .block-menufeesandscholarships,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li:nth-child(6):hover .block-menufaq,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li:nth-child(7):hover .block-menuexplre {
    visibility: visible;
    opacity: 1;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section {
    background-color: #fff;
    min-height: 435px;
    padding-bottom: 40px;
    position: relative;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-img {
    width: 46%;
    padding-right: 10px;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-img img {
    clip-path: polygon(0 0, 100% 0%, 92.2% 78.56%, 10.35% 100%);
    width: 100%;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav {
    width: 54%;
    padding: 40px 0 40px 40px;
    line-height: 1.2;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li:nth-child(3) section .menu-nav {
    display: flex;
    flex-wrap: wrap;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav .menu-subnav {
    width: 50%;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav .menu-subnav:nth-child(odd) {
    padding-right: 30px;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav .menu-subnav:first-child,
nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav .menu-subnav:nth-child(2) {
    margin-bottom: 40px;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav .menu-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav ul {
    padding-left: 0;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav ul li {
    background: url(../image/icon/triangle.svg) 0 5px no-repeat;
    padding-left: 21px;
    font-size: 16px;
    line-height: 20px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav>ul>li>ul>li {
    margin: 10px 0;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav ul li:hover {
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
    padding-left: 25px;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav ul li:not(:last-child) {
    margin-bottom: 20px;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav ul li a {
    color: #161616;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav ul li a[data-bs-toggle="collapse"] {
    padding: 0;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav ul li a[data-bs-toggle="collapse"]::after {
    display: none;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav .list-unstyled>li {
    margin-top: 7px;
    margin-bottom: 0px !important;
}

nav#block-admission-theme-main-navigation>ul.navbar-nav>li section .menu-nav ul li a:hover {
    color: #C8285F;
}

.block-menuexplre .block-field-blockblock-contentbasicbody .menu-nav>ul>li:nth-last-child(1) {
    display: none;
}

/* header #navbarSupportedContent .offcanvas-body #block-admission-theme-main-navigation {
    display: none;
} */
@media (max-width: 1499.98px) {

    /******header****/
    .navbar-brand {
        padding: 10px 0;
    }

    .sticky-menu-fixed .navbar-brand {
        margin-top: 5px;
    }

    .navbar-brand img {
        height: 65px;
    }

    header .navbar .navbar-nav .nav-link {
        padding: 30px 12px 52px;
    }

    header .navbar .navbar-nav .nav-item:first-child .nav-link {
        padding: 15px 21px;
    }

    #block-headerrighticon .search {
        margin-right: 10px;
        padding: 3px 10px;
    }
}


@media (max-width: 1299.98px) {
    .navbar-brand {
        padding: 15px 0;
    }

    .sticky-menu-fixed .navbar-brand {
        margin-top: 0;
    }

    .navbar-brand img {
        height: 55px;
    }

    header .navbar .navbar-nav .nav-link {
        font-size: 15px;
        padding: 30px 8px 52px;
    }

    header .navbar .navbar-nav .dropdown .nav-link::after {
        background-size: contain;
        content: '';
        width: 8px;
        margin-left: 3px;
    }

    header .navbar .navbar-nav .nav-item:first-child .nav-link {
        background-size: auto;
        padding: 15px 14px;
    }

    #block-headerrighticon .social-media {
        width: 172px;
        padding: 6px 0;
    }

    #block-headerrighticon .social-media li:first-child {
        padding-right: 24px;
        margin-right: 24px;
    }

    #block-headerrighticon .social-media li a {
        width: 24px;
        height: 24px;
    }

    #block-headerrighticon .search img,
    #block-headerrighticon .social-media img {
        width: 24px;
        height: auto;
    }
}

@media (max-width: 1199.98px) {

    .navbar>.container,
    .navbar .container-xxl {
        align-items: center;
    }

    .navbar {
        flex-wrap: wrap;
    }

    .navbar .navbar-toggler {
        display: block;
        margin-right: -12px;
    }

    .navbar .navbar-collapse {
        display: block !important;
        flex-basis: 100%;
    }

    .collapse:not(.show) {
        display: none !important;
    }

    .region-nav-main.d-lg-flex {
        display: block !important;
    }

    .navbar .navbar-nav {
        flex-direction: column;
    }

    /* .navbar .navbar-nav .dropdown-menu {
        position: static;
    } */

    /******header-menu****/
    header .navbar {
        padding-top: 0;
    }

    .offcanvas-header {
        padding: 20px;
    }

    header .navbar .navbar-nav .nav-item:first-child .nav-link {
        background: url(../image/icon/home-mob.svg) center center no-repeat;
        display: block;
        width: 34px;
        height: 34px;
        margin-left: -5px;
        margin-top: 8px;
        margin-bottom: 44px;
        padding: 0;
    }

    nav#block-admission-theme-main-navigation>ul.navbar-nav>li {
        position: relative;
    }

    header .navbar .navbar-nav .nav-item.dropdown {
        border-bottom: #CECECE 1px solid;
    }

    header .navbar .navbar-nav .dropdown .nav-link {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        display: block;
        width: fit-content;
        padding: 18px 0px;
    }

    header .navbar .navbar-nav .dropdown .nav-link::after {
        content: none;
    }

    header .navbar .navbar-nav .dropdown-toggle {
        background: url(../image/icon/arrow-bottom-red.svg) center center no-repeat;
        border: none;
        line-height: 24px;
        text-indent: -999px;
        display: block;
        width: 24px;
        height: 24px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        position: absolute;
        top: 30px;
        right: 0;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -moz-transform: translateY(-50%);
        /* Firefox */
        -webkit-transform: translateY(-50%);
        /* Safari 和 Chrome */
        -o-transform: translateY(-50%);
        /* Opera */
    }

    header .navbar .navbar-nav .nav-level-1 {
        border: none;
        margin-top: 0;
        margin-bottom: -2px;
    }

    header .navbar .navbar-nav>.dropdown>.nav-level-1>.nav-item {
        padding: 0;
        position: relative;
    }

    header .navbar .navbar-nav>.dropdown>.nav-level-1>.nav-item>a {
        border-bottom: #CECECE 1px solid;
        font-weight: 600;
        padding: 20px;
    }

    header .navbar .navbar-nav>.dropdown>.nav-level-1>.nav-item:first-child>a {
        border-top: #CECECE 1px solid;
    }

    header .navbar .navbar-nav .nav-level-1 .nav-level-2 {
        background-color: #fbfbfb;
        border-radius: 0;
        display: block;
        padding: 20px 0;
    }

    header .navbar .navbar-nav>.dropdown:last-child>.nav-level-1>.nav-item:last-child {
        display: none;
    }

    header .navbar .navbar-nav .nav-level-1 .nav-level-2>.nav-item>a {
        padding: 10px 20px;
    }

    header .navbar .navbar-nav .dropdown-toggle::after {
        content: none;
    }

    header button.navbar-toggler {
        border: unset;
    }

    header button.navbar-toggler:focus {
        box-shadow: none;
    }

    header button.navbar-toggler .navbar-toggler-button {
        background-position: 50%;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        flex: 0 0 26px;
        height: 32px;
        position: relative;
        width: 26px;
    }

    header button.navbar-toggler .navbar-toggler-button span {
        background: #B12264;
        height: 3px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        /* IE 9 */
        -moz-transform: translate(-50%, -50%);
        /* Firefox */
        -webkit-transform: translate(-50%, -50%);
        /* Safari 和 Chrome */
        -o-transform: translate(-50%, -50%);
        /* Opera */
        transition: .5s;
        -ms-transition: .5s;
        /* IE 9 */
        -moz-transition: .5s;
        /* Firefox */
        -webkit-transition: .5s;
        /* Safari 和 Chrome */
        -o-transition: .5s;
        /* Opera */
        width: 26px;
    }

    header button.navbar-toggler .navbar-toggler-button .top {
        top: 25%
    }

    header button.navbar-toggler .navbar-toggler-button .bot,
    header button.navbar-toggler .navbar-toggler-button .top {
        transform: translate(-50%, -50%)
    }

    header button.navbar-toggler .navbar-toggler-button .bot {
        top: 75%
    }

    header button.navbar-toggler[aria-expanded="true"] .navbar-toggler-button .mid {
        opacity: 0
    }

    header button.navbar-toggler[aria-expanded="true"] .navbar-toggler-button .top {
        left: 45%;
        top: 18%;
        transform: rotate(-45deg) translate(-50%, -50%);
        -ms-transform: rotate(-45deg) translate(-50%, -50%);
        /* IE 9 */
        -moz-transform: rotate(-45deg) translate(-50%, -50%);
        /* Firefox */
        -webkit-transform: rotate(-45deg) translate(-50%, -50%);
        /* Safari 和 Chrome */
        -o-transform: rotate(-45deg) translate(-50%, -50%);
        /* Opera */
    }

    header button.navbar-toggler[aria-expanded="true"] .navbar-toggler-button .bot {
        left: 38%;
        top: 75%;
        transform: rotate(-45deg) translate(-50%, -50%);
        -ms-transform: rotate(-45deg) translate(-50%, -50%);
        /* IE 9 */
        -moz-transform: rotate(-45deg) translate(-50%, -50%);
        /* Firefox */
        -webkit-transform: rotate(-45deg) translate(-50%, -50%);
        /* Safari 和 Chrome */
        -o-transform: rotate(-45deg) translate(-50%, -50%);
        /* Opera */
    }

    nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuwhycityu,
    nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuadmissions,
    nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuprogrammes,
    nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menufeesandscholarships,
    nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menufaq,
    nav#block-admission-theme-main-navigation>ul.navbar-nav>li .block-menuexplre {
        display: none !important;
        visibility: hidden !important;
    }

    #block-menuwhycityu,
    #block-menuadmissions,
    #block-menuprogrammes,
    #block-menufeesandscholarships,
    #block-menufaq,
    #block-menuexplre {
        display: none !important;
    }

    /* header nav ul.navbar-nav>li:nth-child(1) {
        display: none;
    } */

    header nav ul.navbar-nav>li {
        width: 100%;
    }

    #block-headerrighticon .social-media {
        margin-top: 50px;
        padding: 0;
    }

    /******header-menu-offcanvas****/
    header #navbarSupportedContent {
        border-left: none;
        width: 100%;
    }

    header nav ul.navbar-nav>li .dropdown-item {
        word-wrap: normal;
        white-space: unset;
    }

    header #navbarSupportedContent .offcanvas-body::-webkit-scrollbar {
        background: #d6d6d6;
        width: 4px;
        height: 3px;
    }

    header #navbarSupportedContent .offcanvas-body::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #acacac;
    }
}

/******dropdown-menu****/
@media all and (min-width: 1200px) {

    body:not(.page-node-type-events) .navbar .nav-item .dropdown-menu,
    body:not(.page-node-type-events) header .navbar-nav .nav-item .dropdown-toggle {
        display: none;
    }
}

@media(hover: none) and (pointer: coarse) and (min-width: 1200px) {
    nav#block-admission-theme-main-navigation>ul.navbar-nav>li.dropdown>a {
        pointer-events: none;
    }

    .hello {
        background-color: rgb(68, 0, 255);
    }

    .hello:hover {
        background-color: rgb(230, 247, 47);
        pointer-events: none;
    }
}

/* footer  ********************************************************/
footer.bg-secondary {
    background-color: #272935 !important;
    background: url(../image/common/footer-bg.svg) right center no-repeat;
    background-size: auto 100%;
    padding: 50px 0;
}

footer .region-footer {
    margin-bottom: 200px;
}

#block-applynowfooter button.btn {
    background-color: #BF1860;
    border: none;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    width: 100%;
    max-width: 224px;
    padding: 14px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

#block-applynowfooter button.btn::after {
    background: url(../image/icon/apply-btn-after-arrow.svg) center center no-repeat;
    content: '';
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-left: 10px;
    margin-bottom: 2px;
}

#block-mainnavigation h5 {
    color: #fff;
}

footer #block-mainnavigation .navbar-nav>li:first-child {
    display: none;
}

footer #block-mainnavigation>ul>li:last-child a {
    cursor: pointer;
    pointer-events: none;
}

#block-mainnavigation .navbar-nav {
    flex-direction: row;

}

#block-mainnavigation .navbar-nav .nav-link {
    padding: 15px;
    line-height: 20px;
}

#block-mainnavigation .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .5);
}

#block-mainnavigation .navbar-nav .nav-link.dropdown-toggle::after {
    content: none;
}

#block-mainnavigation .navbar-nav .dropdown-menu,
#block-mainnavigation .navbar-nav .dropdown-menu.show {
    display: none;
}

#block-socialmediafooter {
    padding: 10px 0;
}

#block-footer-end-content section {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 90px;
}

#block-footer-end-content section p,
#block-footer-end-content section p a {
    color: #C6C6C6;
    font-size: 14px;
    line-height: 1.2;
}

@media (min-width: 768px) {
    footer .region-footer {
        flex-direction: row;
    }

    #block-applynowfooter {
        flex: 1 1 auto;
    }

    #block-footer-end-content section p:not(:last-child) {
        margin-bottom: 12px;
    }

    #block-footer-end-content section p:last-child {
        margin-bottom: 0;
    }

    .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow>.paragraph__column {
        float: left;
        width: 100%;
        margin-left: unset;
    }
}

@media (max-width: 1199.98px) {
    footer .region-footer {
        flex-wrap: wrap;
        margin-bottom: 75px;
    }

    #block-socialmediafooter {
        order: 2;
    }

    #block-mainnavigation {
        order: 3;
        width: 100%;
    }

    #block-mainnavigation .navbar-nav {
        flex-direction: column;
        margin-top: 30px;
    }

    #block-mainnavigation .navbar-nav .nav-link {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
        padding: 0;
    }

    #block-mainnavigation .navbar-nav .nav-link #block-applynowfooter button.btn {
        margin-bottom: 40px;
    }
}

@media (max-width: 767.98px) {
    #block-applynowfooter button.btn {
        max-width: none;
    }

    #block-socialmediafooter {
        order: 3;
        padding: 0;
    }

    #block-mainnavigation {
        order: 2;
    }

    #block-footer-end-content section {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    #block-footer-end-content section img {
        margin-bottom: 20px;
    }
}

/* Banner       ***************************************************/
.page-banner {
    position: relative;
}

.page-banner .block-field-blocknodepagetitle,
.page-banner .block-field-blocknodeadmissionstitle {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48%;
}

.page-banner .block-field-blocknodepagetitle::before,
.page-banner .block-field-blocknodeadmissionstitle::before {
    background-image: linear-gradient(to right, #BF165E 10%, #E3B1C8 67.3%);
    content: '';
    display: block;
    width: 76%;
    height: 20.9%;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.page-banner .block-field-blocknodepagetitle h1,
.page-banner .block-field-blocknodeadmissionstitle h1 {
    color: #fff;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 26px;
    position: relative;
}

.page-banner .block-field-blocknodepagetitle h1::before,
.page-banner .block-field-blocknodeadmissionstitle h1::before {
    background-color: #BF165E;
    content: '';
    display: block;
    width: 6px;
    height: 78%;
    position: absolute;
    left: 0;
    top: 11%;
}

.video-youtube .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
}

.block-field-blocknodepagefield-banner .field--name-field-banner img,
.block-field-blocknodeadmissionsfield-banner .field--name-field-banner img {
    position: relative;
    width: 100%;
    max-height: 650px;
    object-fit: cover;
}

.block-field-blocknodepagefield-banner .field--name-field-banner,
.block-field-blocknodeadmissionsfield-banner .field--name-field-banner {
    overflow: hidden;
}

/* Breadcrumbs  ***************************************************/
.block-system-breadcrumb-block {
    margin-bottom: 100px;
}

.block-system-breadcrumb-block>nav .breadcrumb {
    max-width: 100%;
    flex-wrap: unset;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 0;
    -webkit-overflow-scrolling: touch !important;
}

.block-system-breadcrumb-block .breadcrumb {
    /* flex-wrap: nowrap;
    overflow-x: auto; */
    margin-bottom: 0;
}

body:not(.detail-page) .block-system-breadcrumb-block .breadcrumb {
    padding: 22px 0;
    border-bottom: #BEBEBE 1px solid;
    width: 100%;
}



.block-system-breadcrumb-block .breadcrumb .breadcrumb-item {
    font-size: 14px;
    flex: 0 0 auto;
    line-height: 18px;
    padding: 2px 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    background: url(../image/icon/breadcrumb-arrow.svg) center center no-repeat;
    content: '';
    width: 21px;
    height: 18px;
}

/* Apply Button ***************************************************/
.view--block-programmes-apply-link {
    margin-bottom: 100px;
}

.apply-btn {
    background-color: #BF1860;
    border: none;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    width: 100%;
    max-width: 356px;
    padding: 22px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.apply-btn::after {
    background: url(../image/icon/apply-btn-after-arrow.svg) center center no-repeat;
    content: '';
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-left: 10px;
    margin-bottom: 3px;
}

.apply-btn:hover {
    background-color: #FFC700;
    color: #000;
}

.apply-btn:hover::after {
    background: url(../image/icon/apply-btn-after-arrow-black.svg) center center no-repeat;
}

/* Sidebar ***********/
#sidebar-section {
    position: fixed;
    top: calc(20% + 125px);
    z-index: 33;
    right: 0;
}

#sidebar-list-title>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#sidebar-list-title {
    background-color: #FFC700;
    position: relative;
    width: 64px;
    height: 64px;
    right: 0;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

#sidebar-list-title .list-group .list-sidebar-finish {
    position: absolute;
    right: 25px;
    top: 25px;
}

#sidebar-list-title #list-sidebar {
    position: absolute;
    top: 0px;
    right: -300px;
    background: #fff;
    z-index: 99;
    padding: 60px 0px 66px 20px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: unset;
    display: none;
    width: 250px;
}

#sidebar-list-title #list-sidebar::after {
    content: '';
    position: absolute;
    clip-path: polygon(90% 92%, 100% 64%, 100% 100%, 28% 100%);
    background: linear-gradient(41deg, rgba(255, 215, 233, 0.9) 8.9%, #B02163 40.22%);
    height: 335px;
    width: 88%;
    bottom: 0;
    right: 0;
}

#sidebar-list-title #list-sidebar .list-sidebar-title {
    max-height: 350px;
    overflow-y: auto;
}

#sidebar-list-title #list-sidebar .list-sidebar-title .list-item {
    display: block;
    font-size: 16px;
    padding: 7px 0;
    color: #121212;
    position: relative;
    line-height: 24px;
    padding-left: 20px;
}

#sidebar-list-title #list-sidebar .list-sidebar-title .list-item.active {
    color: #BF165E;
}

#sidebar-list-title #list-sidebar .list-sidebar-title .list-item.active::before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    background-color: #BF165E;
    left: 0px;
    top: 0;
}

#sidebar-list-title #list-sidebar .list-sidebar-title::-webkit-scrollbar {
    background: #d6d6d6;
    width: 5px;
    height: 3px;
}

#sidebar-list-title #list-sidebar .list-sidebar-title::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #BF165E;
}

/* back to top ***********/
#block-backtotop {
    position: fixed;
    bottom: 40px;
    z-index: 30;
    right: 20px;
    background: #B4B4B4;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0;
}

#block-backtotop:hover {
    background: #BF1860;
}

/* Button with arrow *******/
.btn-arrow {
    background: url(../image/icon/arrow-red.svg) left center no-repeat;
    font-size: 18px;
    font-weight: 700;
    padding-left: 17px;
}

.btn-read-more {
    border-right: #BF1860 1px solid;
    border-bottom: #BF1860 1px solid;
    color: #C8285F !important;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 224px;
    padding: 14px;
    position: relative;
}

.btn-read-more::before {
    background: url(../image/icon/arrow-red-10-14.svg) center center no-repeat;
    content: '';
    display: inline-block;
    width: 10px;
    height: 14px;
    margin-right: 8px;
}

.btn-read-more::after {
    border-right: #BF1860 3px solid;
    border-bottom: #BF1860 3px solid;
    content: '';
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    /* IE 9 */
    -moz-transition: opacity 0.3s ease;
    /* Firefox */
    -webkit-transition: opacity 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: opacity 0.3s ease;
    /* Opera */
}

.btn-read-more:hover::after {
    opacity: 1;
}

/* Swiper ******/
.swiper-button-prev {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.swiper-button-prev::after {
    background: url(../image/icon/swiper-button-prev.svg) no-repeat;
    background-size: contain;
    content: '';
    width: 15px;
    height: 23px;
    margin-right: 4px;
}

.swiper-button-next {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.swiper-button-next::after {
    background: url(../image/icon/swiper-button-next.svg) no-repeat;
    background-size: contain;
    content: '';
    width: 15px;
    height: 23px;
    margin-left: 4px;
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: #DADADA;
    border-radius: 0;
    width: 10px;
    height: 10px;
    margin: 0 7px !important;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #B12264;
}

/* index */
.path-frontpage main {
    padding-bottom: 0;
}

/* index - banner ***********/
.swiper-banner {
    height: 100vh;
}

.swiper-banner .video-html {
    height: 100%;
    width: 100%;
}

.swiper-banner .video-html video {
    height: 100vh;
    object-fit: fill;
    width: 100%;
}

.swiper-banner .video-html video::-webkit-media-controls-fullscreen-button {
    display: none;
}

.swiper-banner .video-html video::-webkit-media-controls-play-button {
    display: none;
}

.swiper-banner .video-html video::-webkit-media-controls-timeline {
    display: none;
}

.swiper-banner .video-html video::-webkit-media-controls-current-time-display {
    display: none;
}

.swiper-banner .video-html video::-webkit-media-controls-time-remaining-display {
    display: none;
}

.swiper-banner .video-html video::-webkit-media-controls-mute-button {
    display: none;
}

.swiper-banner .video-html video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
}

.swiper-banner .video-html video::-webkit-media-controls-volume-slider {
    display: none;
}

.swiper-banner .video-html video::-webkit-media-controls-enclosure {
    display: none;
}

.view-block-frontpage-banner {
    position: relative;
}

/* .view-block-frontpage-banner .swiper-pagination {
    display: none;
} */
.view-block-frontpage-banner .swiper-button-next,
.view-block-frontpage-banner .swiper-button-prev {
    background: none;
    box-shadow: none;
}

.view-block-frontpage-banner .swiper-button-next:hover {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.view-block-frontpage-banner .swiper-button-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

.view-block-frontpage-banner .swiper-button-next::after {
    background: url(../image/icon/swiper-button-next-black.svg) no-repeat;
}

.view-block-frontpage-banner .swiper-button-prev::after {
    background: url(../image/icon/swiper-button-prev-black.svg) no-repeat;
}

.view-block-frontpage-banner .swiper-img,
.view-block-frontpage-banner .swiper-img .banner {
    width: 100%;
    height: 100%;
}

.view-block-frontpage-banner .swiper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.view-block-frontpage-banner .swiper-img .banner-title,
.view-block-frontpage-banner .video-youtube .banner-title,
.view-block-frontpage-banner .banner-video-html .banner-title {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    display: flex;
    align-items: flex-end;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    z-index: 1;
}

.view-block-frontpage-banner .swiper-img img,
.view-block-frontpage-banner .mobile-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.view-block-frontpage-banner .swiper-img .banner-title p,
.view-block-frontpage-banner .video-youtube .banner-title p,
.view-block-frontpage-banner .banner-video-html .banner-title p {
    color: #fff;
    font-size: var(--font-size-xxl);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    padding-left: 26px;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-block-frontpage-banner .swiper-img .banner-title p::before,
.view-block-frontpage-banner .video-youtube .banner-title p::before,
.view-block-frontpage-banner .banner-video-html .banner-title p::before {
    background-color: #BF165E;
    content: '';
    display: block;
    width: 6px;
    height: 78%;
    position: absolute;
    left: 0;
    top: 11%;
}

.view-block-frontpage-banner .banner,
.view-block-frontpage-banner .mobile-banner,
.view-block-frontpage-banner .html-conent {
    width: 100%;
    height: 100%;
}

.default-banner,
.default-banner-mob {
    background-image: linear-gradient(125deg, #E8E8E8 23%, #F4BCD6 82%);
    width: 100%;
    height: 100%;
    position: relative;
}

.view-block-frontpage-banner .mobile-banner,
.default-banner-mob {
    display: none;
}

.default-banner-layer {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-title-fill,
.banner-title-line {
    width: 58%;
    max-width: 1114px;
    height: auto;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    position: absolute;
    left: 50%;
    top: 50%;
}

.banner-main-img {
    width: 57.19%;
    max-width: 1098px;
    height: auto;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    position: absolute;
    left: 50%;
    top: 50%;
}

.banner-main-img-mob {
    width: 100%;
    height: auto;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
    position: absolute;
    left: 50%;
    top: 50%;
}

.view-block-frontpage-banner .frontpagebanner-Swiper .video-button {
    position: absolute;
    z-index: 99;
    cursor: pointer;
    width: 32px;
    height: 32px;
    right: 30px;
    bottom: 30px;
}

.view-block-frontpage-banner .frontpagebanner-Swiper .video-button>div {
    position: absolute;
    top: 0;
    cursor: pointer;
}

.view-block-frontpage-banner .frontpagebanner-Swiper .video-button>div.play {
    display: none;
}

.view-block-frontpage-banner .frontpagebanner-Swiper .views-field-field-video-link {
    display: none;
}

.view-block-frontpage-banner .video-youtube .banner {
    position: absolute;
    z-index: 0;
}

.view-block-frontpage-banner .video-youtube .content {
    height: 100vh;
}

.view-block-frontpage-banner .youtube-container--responsive {
    background-color: #000;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
}

.view-block-frontpage-banner .youtube-container--responsive iframe {
    border: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100vw;
    height: calc(900vw / 16);
    transform: translate(0, -50%);
}

@media (max-width: 1619.98px) {

    /* index - banner ***********/
    .view-block-frontpage-banner .youtube-container--responsive iframe {
        top: 0;
        left: 50%;
        width: calc(1600vh / 9);
        height: 100vh;
        transform: translate(-50%, 0);
    }
}


/* index - A Leading Global University ***********/
.index-leading {
    background: #000 url(../image/frontpage/leading-bg.jpg) 40% center no-repeat;
    background-size: cover;
    padding: 20% 0 10%;
    position: relative;
}

.index-leading::before {
    background-image: linear-gradient(to left, rgba(25, 23, 99, .5) 20%, rgba(25, 23, 99, 0) 67%);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.index-leading::after {
    background-image: linear-gradient(225deg, rgba(176, 33, 99, 1) 47%, rgba(255, 215, 233, .9) 120%);
    content: '';
    clip-path: polygon(25% 40%, 100% 0%, 100% 100%, 0 100%);
    position: absolute;
    left: 35%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.index-leading .col-12 {
    position: relative;
    z-index: 3;
}

.index-leading .col-12>h2,
.index-leading .col-12>p {
    color: #fff;
}

.index-leading .col-12 p {
    line-height: 1.4;
}

.index-leading-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.index-leading-list>div {
    background-color: #fff;
    border-bottom: #CF1E5F 4px solid;
    box-shadow: 0 8px 10px rgba(0, 0, 0, .1);
    text-align: center;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 30%;
    aspect-ratio: 1;
    padding: 20px;
}

.index-leading-list>div:nth-child(even) {
    margin-top: 30px;
}

.index-leading-number {
    color: #BF165E;
    font-size: 64px;
    font-weight: 700;
    position: relative;
}

.index-leading-number::before {
    content: '#';
    font-size: 34px;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    /* IE 9 */
    -moz-transform: translateX(-100%);
    /* Firefox */
    -webkit-transform: translateX(-100%);
    /* Safari 和 Chrome */
    -o-transform: translateX(-100%);
    /* Opera */
    position: absolute;
    top: 7px;
}

/* index - Student Sharing ***********/
/* StudentSharing CSS  ***************************************************/
.view-block-student-sharing {
    background: #fff url(../image/frontpage/student-sharing-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 150px 0;
    position: relative;
    overflow: hidden;
}

.view-block-student-sharing::before {
    background-color: #fff;
    content: '';
    display: block;
    width: 100%;
    height: 134px;
    clip-path: polygon(0% 0%, 100% 0%, 0 100%);
    position: absolute;
    left: 0;
    top: -1px;
}

.view-block-student-sharing .swiper-content {
    display: none;
}

.view-block-student-sharing .StudentSharing-content .view-header {
    line-height: 1.2;
    display: flex;
    height: 100%;
}

.view-block-student-sharing .StudentSharing-content .view-header .view-header-content {
    padding-top: 17%;
}

.view-block-student-sharing .StudentSharing-content .view-header .view-header-content h2 {
    margin-bottom: 30px;
}

.view-block-student-sharing .StudentSharing-content .view-header .personal-content {
    position: relative;
}

.view-block-student-sharing .StudentSharing-content .view-header .personal-content .quote {
    font-weight: bold;
    font-size: var(--font-size-lg);
    color: #BF165E;
    line-height: 43px;
    margin-bottom: 15px;
}

.view-block-student-sharing .StudentSharing-content .view-header .personal-content .description {
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    margin-bottom: 30px;
}

.view-block-student-sharing .StudentSharing-content .view-header .personal-content .name {
    font-weight: bold;
    font-size: 22px;
    color: #000000;
    margin-bottom: 10px;
}

.view-block-student-sharing .StudentSharing-content .view-header .personal-content .bachelor {
    font-size: 16px;
    color: #525252;
    line-height: 26px;
}

.view-block-student-sharing .StudentSharing-content .view-content {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    margin: 0 35.5px;
    position: relative;
}

.view-block-student-sharing .StudentSharing-content .view-content::before {
    border-radius: 50%;
    border: #CDCDCD 1px solid;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.view-block-student-sharing .StudentSharing-content .view-content::after {
    border-radius: 50%;
    content: '';
    display: block;
    /* transform: rotate(118.8deg); */
    position: absolute;
    border: 5px solid #EB1E76;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    clip-path: polygon(80% 20%, 100% 0, 100% 50%, 80% 50%);
    animation: inner-circle 20s linear 0s infinite;
}

@keyframes inner-circle {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -moz-transform: rotate(0deg);
        /* Firefox */
        -webkit-transform: rotate(0deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(0deg);
        /* Opera */
    }

    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
    }
}

.view-block-student-sharing .StudentSharing-content .thumbnail {
    justify-content: center;
    display: flex;
}

.view-block-student-sharing .StudentSharing-content .StudentSharing {
    border-radius: 50%;
    width: 79.31%;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
}

.view-block-student-sharing .StudentSharing-content .StudentSharing .StudentSharing-subcontent {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    /* IE 9 */
    -moz-transition: all 1.2s ease;
    /* Firefox */
    -webkit-transition: all 1.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 1.2s ease;
    /* Opera */
}

.view-block-student-sharing .StudentSharing-content.show .StudentSharing .StudentSharing-subcontent,
.StudentSharing-content.show .personal-content>div {
    opacity: 1;
    height: 100%;
}

.view-block-student-sharing .StudentSharing-content .StudentSharing .StudentSharing-subcontent.on {
    opacity: 1;
    transition: all 2s ease;
    -ms-transition: all 2s ease;
    /* IE 9 */
    -moz-transition: all 2s ease;
    /* Firefox */
    -webkit-transition: all 2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 2s ease;
    /* Opera */
}

.view-block-student-sharing .StudentSharing-content .StudentSharing img {
    width: 100%;
    height: auto;
    min-height: 414px;
    object-fit: cover;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail {
    display: flex;
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: -11%;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .StudentSharingThumbnail-Swiper {
    width: 52%;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .StudentSharingThumbnail-Swiper .swiper-wrapper {
    align-items: center;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .thumbnail img {
    border-radius: 50%;
    width: 80%;
    aspect-ratio: 1;
    object-fit: cover;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .thumbnail {
    position: relative;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiper-slide .thumbnail::before {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    width: 80%;
    aspect-ratio: 1;
    opacity: .5;
    position: absolute;
    transition: all 1s ease;
    -ms-transition: all 1s ease;
    /* IE 9 */
    -moz-transition: all 1s ease;
    /* Firefox */
    -webkit-transition: all 1s ease;
    /* Safari 和 Chrome */
    -o-transition: all 1s ease;
    /* Opera */
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiper-slide.swiper-slide-active .thumbnail::before {
    opacity: 0;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiper-slide {
    transition: all 1s ease;
    -ms-transition: all 1s ease;
    /* IE 9 */
    -moz-transition: all 1s ease;
    /* Firefox */
    -webkit-transition: all 1s ease;
    /* Safari 和 Chrome */
    -o-transition: all 1s ease;
    /* Opera */
    height: auto;
    bottom: 0;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiper-slide-prev,
.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiper-slide-next+.swiper-slide+.swiper-slide {
    bottom: 26%;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiper-slide-next,
.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiper-slide-duplicate-next {
    bottom: -12%;
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiperSharing-button-prev {
    top: 20%;
    left: 12.5%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiperSharing-button-next {
    top: 20%;
    right: 12.5%;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.view-block-student-sharing .StudentSharing-content .swiper-button-next.swiper-button-disabled,
.view-block-student-sharing .StudentSharing-content .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.view-block-student-sharing .StudentSharing-content .swiper-button-next.swiper-button-disabled::after {
    background: url(../image/icon/swiper-button-next-gray.svg) no-repeat;
    background-size: contain;
}

.view-block-student-sharing .StudentSharing-content .swiper-button-prev.swiper-button-disabled::after {
    background: url(../image/icon/swiper-button-prev-gray.svg) no-repeat;
    background-size: contain;
}

.paragraph--type--cityu-at-a-glance-section {
    display: none;
}

.StudentSharing-content .personal-content>div {
    opacity: 0;
    height: 1px;
    overflow: hidden;
    transition: opacity 2s ease;
    -ms-transition: opacity 2s ease;
    /* IE 9 */
    -moz-transition: opacity 2s ease;
    /* Firefox */
    -webkit-transition: opacity 2s ease;
    /* Safari 和 Chrome */
    -o-transition: opacity 2s ease;
    /* Opera */
}

.StudentSharing-content .personal-content>div.on {
    opacity: 1;
    height: auto;
}

/* index - Video ***********/
.paragraph--id--17286 {
    background: url(../image/frontpage/video-bg.jpg) left center no-repeat;
    background-size: cover;
    padding-top: 122px;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

.paragraph--id--17286::before {
    background: url(../image/frontpage/video-bg-header.png) center top no-repeat;
    background-size: cover;
    content: '';
    width: 100%;
    aspect-ratio: 96 / 34;
    position: absolute;
    left: 0;
    top: 0;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--first,
.paragraph--id--17394 .layout--twocol-section .layout__region--first {
    padding-right: 30px;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--second,
.paragraph--id--17394 .layout--twocol-section .layout__region--second {
    padding-left: 30px;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--first h2 {
    color: #BF165E;
    margin-bottom: 15px;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--first p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--first .youtube-wrap {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    box-shadow: 0 8px 10px rgba(0, 0, 0, .1);
}

.paragraph--id--17286 .layout--twocol-section .layout__region--first .youtube-wrap iframe {
    height: 100%;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view.view-display-id-block_1 {
    background-color: #fff;
    border: #F4F4F4 1px solid;
    border-left: #CF1E5F 5px solid;
    box-shadow: 0 8px 10px rgba(0, 0, 0, .1);
    margin-top: calc(var(--font-size-xl) + 23px);
    padding: 50px;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view h2 {
    margin-bottom: 30px;
}

.frontpageImportantNews-Swiper {
    padding-bottom: 70px;
}

.frontpageImportantNews-Swiper .card .card-body {
    padding: 0;
}

.frontpageImportantNews-Swiper .card .card-body .card-title {
    color: #BF165E;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

/* .frontpageImportantNews-Swiper .card:hover .card-body .card-title {
    color: #2E4596;
} */

.frontpageImportantNews-Swiper .card .card-body .card-summary {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.frontpageImportantNews-Swiper.swiper-horizontal .swiper-pagination-bullets {
    line-height: 44px;
    width: fit-content;
    bottom: 0;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view .swiper-button-next {
    right: 50px;
    top: auto;
    bottom: 50px;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view .swiper-button-next:hover {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view .swiper-button-prev {
    left: auto;
    right: 114px;
    top: auto;
    bottom: 50px;
}

.paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view .swiper-button-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

/* index - organ (programme) */
.paragraph--type--organ-section .main-ul {
    display: flex;
    overflow: hidden;
}

.paragraph--type--organ-section .main-ul>div {
    float: left;
    width: 50px;
    height: calc(100vh - 90px);
    min-height: 900px;
    overflow: hidden;
    padding-left: 50px;
    position: relative;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    /* IE 9 */
    -moz-transition: all 0.5s;
    /* Firefox */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.paragraph--type--organ-section .main-ul>div:not(:first-child) {
    border-left: #CECECE 1px solid;
}

.paragraph--type--organ-section .main-ul>div:not(.on) {
    width: 50px;
}

.paragraph--type--organ-section .main-ul>div.on {
    flex: 1 1 auto;
}

.paragraph--type--organ-section .main-ul>div.on-start {
    flex: 1 1 auto;
    transition: all 1.2s;
    -ms-transition: all 1.2s;
    /* IE 9 */
    -moz-transition: all 1.2s;
    /* Firefox */
    -webkit-transition: all 1.2s;
    /* Safari 和 Chrome */
    -o-transition: all 1.2s;
    /* Opera */
}

.paragraph--type--organ-section .main-ul>div .left {
    float: left;
    width: 50px;
    background: #000;
}

.paragraph--type--organ-section .main-ul>div .title {
    cursor: pointer;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-align: right;
    width: calc(100vh - 90px);
    min-width: 900px;
    padding: 14px 100px 14px 14px;
    position: absolute;
    left: auto;
    right: calc(100% + 50px);
    top: 0;
    transform-origin: 100% 0;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -moz-transform: rotate(270deg);
    /* Firefox */
    -webkit-transform: rotate(270deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(270deg);
    /* Opera */
}

.paragraph--type--organ-section .main-ul>div .title:hover {
    color: #C8285F;
}

.paragraph--type--organ-section .main-ul>div.on .title {
    color: #000;
}

.paragraph--type--organ-section .main-ul>div .title span {
    color: #767676;
    font-size: 14px;
}

.paragraph--type--organ-section .main-ul>div .title::before {
    background-color: #CF1E5F;
    content: '';
    width: 0;
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: 0;
    top: 50%;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.paragraph--type--organ-section .main-ul>div.on .title::before {
    width: 85px;
    transition-delay: 0.5s;
}

.paragraph--type--organ-paragraphs,
.paragraph--type--organ-paragraphs>.paragraph__column {
    height: 100%;
}

.paragraph--type--organ-section .main-ul>div .layout--twocol-section {
    height: 100%;
    padding: 100px 5% 100px 5%;
    opacity: 0;
}

.paragraph--type--organ-section .main-ul>div.on .layout--twocol-section {
    opacity: 1;
    transition: opacity 1.2s ease;
    -ms-transition: opacity 1.2s ease;
    /* IE 9 */
    -moz-transition: opacity 1.2s ease;
    /* Firefox */
    -webkit-transition: opacity 1.2s ease;
    /* Safari 和 Chrome */
    -o-transition: opacity 1.2s ease;
    /* Opera */
    transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    /* IE 9 */
    -moz-transition-delay: 0.1s;
    /* Firefox */
    -webkit-transition-delay: 0.1s;
    /* Safari 和 Chrome */
    -o-transition-delay: 0.1s;
    /* Opera */
}

.paragraph--type--organ-section .main-ul>div.on-start .layout--twocol-section {
    opacity: 1;
    transition: opacity 1.2s ease;
    -ms-transition: opacity 1.2s ease;
    /* IE 9 */
    -moz-transition: opacity 1.2s ease;
    /* Firefox */
    -webkit-transition: opacity 1.2s ease;
    /* Safari 和 Chrome */
    -o-transition: opacity 1.2s ease;
    /* Opera */
    transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    /* IE 9 */
    -moz-transition-delay: 0.7s;
    /* Firefox */
    -webkit-transition-delay: 0.7s;
    /* Safari 和 Chrome */
    -o-transition-delay: 0.7s;
    /* Opera */
}

.paragraph--type--organ-section .main-ul>div .layout__region--first {
    flex: 0 1 40%;
    max-width: 528px;
}

.paragraph--type--organ-section .main-ul>div .layout__region--second {
    line-height: 1.2;
    flex: 1 1 60%;
    padding-left: 50px;
    padding-top: 4%;
}

.paragraph--type--organ-section .main-ul>div .layout__region--first .field--name-bp-image-field {
    position: relative;
}

.paragraph--type--organ-section .main-ul>div .layout__region--first .field--name-bp-image-field img {
    clip-path: polygon(0% 0%, 100% 7%, 100% 100%, 0% 100%);
}

.paragraph--type--organ-section .main-ul>div .layout__region--first .field--name-bp-image-field::after {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 37%, rgba(255, 215, 233, .9) 85%);
    content: '';
    clip-path: polygon(0% 0%, 11.2% 81.2%, 100% 100%, 0% 100%);
    width: 85%;
    height: 30.35%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.paragraph--type--organ-section .field--name-field-organ-title p {
    color: #161616;
    font-size: var(--font-size-xl);
    font-weight: 700;
    margin-bottom: 30px;
}

.paragraph--type--organ-section .field--name-field-organ-title p span {
    font-size: var(--font-size-md);
    font-weight: 400;
}

.find-section {
    background-image: linear-gradient(to right, #F6F6F6 30%, #EFB9D2 100%);
    width: 100%;
    padding: 30px 30px 20px;
}

.find-section .ld-search-form {
    display: block;
    margin-bottom: 30px;
}

.find-section p {
    text-align: right;
}

.find-section p,
.find-section ul {
    margin-bottom: 0;
}

.find-section #start-searching {
    background: #fff url(../image/icon/input-search.svg) 24px center no-repeat;
    border: #D8D8D8 1px solid;
    width: 100%;
    margin-bottom: 15px;
    padding: 14px 20px 14px 55px;
}

.find-section #start-searching::placeholder {
    color: #ACACAC;
}

.find-section .search-button {
    width: 150px;
}

.find-section ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.find-section ul li {
    margin-bottom: 20px;
}

.find-section ul li:first-child {
    padding-right: 28px;
}

.find-section ul li a,
.paragraph--type--organ-section .main-ul>div .layout__region--second ul li a,
.page-node-37 .teachers-corner-content-2 .subcontent a {
    background: url(../image/icon/arrow-red-10-14.svg) left 3px no-repeat;
    color: #000;
    display: block;
    font-size: 18px;
    padding-left: 18px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.paragraph--type--organ-section .main-ul>div .layout__region--second .homepage-program>a {
    border-left: 4px solid #BF1860;
    background: linear-gradient(265deg, #EFB9D2 2.89%, #F6F6F6 67.57%);
    font-size: 18px;
    color: #161616;
    font-weight: bold;
}

.paragraph--type--organ-section .main-ul>div .layout__region--second .homepage-program>a img {
    margin-right: 15px;
}

.page-node-37 .teachers-corner-content-2 .subcontent a {
    color: #BF165E;
}

.paragraph--type--organ-section .main-ul>div .layout__region--second ul li a:hover,
.page-node-37 .teachers-corner-content-2 .subcontent a:hover {
    padding-left: 25px;
}

.organ-mobile-section {
    padding: 100px 20px 0 20px;
    position: relative;
    z-index: 29;
    cursor: pointer;
}

.organ-mobile-section>p {
    color: #525252;
    font-size: 18px;
    margin-bottom: 15px;
}

.organ-mobile-section .dropdown-section {
    position: relative;
}

.organ-mobile-section>.dropdown-section .admo-dropdown>div {
    border: 1px solid #CECECE;
    padding: 19px 16px;
    color: #000;
    font-size: 18px;
    background-color: #fff;
    position: relative;
}

.organ-mobile-section>.dropdown-section .admo-dropdown>div:after {
    content: "";
    background: url(../image/icon/dropdown-icon.svg) center center no-repeat;
    background-size: contain;
    width: 14px;
    height: 9px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    position: absolute;
    right: 16px;
    top: 50%;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.organ-mobile-section>.dropdown-section .admo-dropdown>div.show:after {
    transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    /* IE 9 */
    -moz-transform: rotate(180deg) translateY(50%);
    /* Firefox */
    -webkit-transform: rotate(180deg) translateY(50%);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg) translateY(50%);
    /* Opera */
}

.organ-mobile-section .admo-dropdown-menu {
    display: none;
    padding-left: 0;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 10px rgba(0, 0, 0, .1);
    width: 100%;
    padding: 10px 0;
    margin-bottom: 0;
}

.organ-mobile-section .admo-dropdown-menu>li {
    padding: 1rem;
    color: #000;
    font-size: 16px;
}

.find-section ul li a:hover,
.paragraph--type--organ-section .main-ul>div .layout__region--second ul li a:hover {
    color: #C8285F;
}

.paragraph--type--organ-section .main-ul>div .layout__region--second ul {
    padding-left: 0;
    margin-bottom: 50px;
}

.paragraph--type--organ-section .main-ul>div .layout__region--second ul li:not(:last-child) {
    margin-bottom: 20px;
}

.paragraph--type--organ-section .view-id-_block_organ_programme_list .view-header div {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 30px;
}

.paragraph--type--organ-section .view-id-_block_organ_programme_list .view-content {
    padding: 0 44px 0 50px;
    position: relative;
}

.paragraph--type--organ-section .view-id-_block_organ_programme_list .view-content::after {
    background-image: linear-gradient(to left, #ffffffff 44px, #ffffff00 100%);
    content: '';
    width: calc(44px + 5%);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.OrganProgramme-Swiper .swiper-slide {
    width: auto;
    padding-right: 30px;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a {
    color: #161616;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    max-width: 275px;
    height: 40px;
    padding-left: 50px;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a:hover {
    color: #2E4596;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-1 {
    background: url(../image/icon/pg-business-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-2 {
    background: url(../image/icon/pg-engineering-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-3 {
    background: url(../image/icon/pg-liberal-arts-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-4 {
    background: url(../image/icon/pg-science-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-5 {
    background: url(../image/icon/pg-veterinary-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-6 {
    background: url(../image/icon/pg-creative-media-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-7 {
    background: url(../image/icon/pg-data-science-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-8 {
    background: url(../image/icon/pg-energy-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-9 {
    background: url(../image/icon/pg-law-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-name a.icon-10 {
    background: url(../image/icon/pg-interdisciplinary-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.OrganProgramme-Swiper .swiper-slide .views-field-field-icon {
    display: none;
}

.OrganProgrammeswiper-button-next {
    right: 0;
    top: 22px;
}

.OrganProgrammeswiper-button-prev {
    left: 0;
    top: 22px;
}

.OrganProgrammeswiper-button-next:hover {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.OrganProgrammeswiper-button-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

/*index - News and Events */
.paragraph--id--17394 {
    background-image: linear-gradient(115deg, rgba(239, 185, 210, 1) 14.5%, rgba(246, 246, 246, 1) 90%);
    padding-bottom: 430px;
    position: relative;
}

.paragraph--id--17394::before {
    background-color: #fff;
    content: '';
    display: block;
    width: 100%;
    height: 400px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 62.5%);
    position: absolute;
    left: 0;
    top: -1px;
}

.paragraph--id--17394 .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow>.paragraph__column {
    padding: 0;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .view-content,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .view-content {
    position: relative;
}

.frontpageNewsEvents-Swiper,
.frontpageHighlights-Swiper {
    padding-bottom: 50px;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_3 {
    margin-top: 100px;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 h2,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 h2 {
    margin-bottom: 30px;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .card-Important-News,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .card-Important-News {
    background: none;
    border-radius: 0;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .card-Important-News .card-img-top,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .card-Important-News .card-img-top {
    aspect-ratio: 37 / 24;
    overflow: hidden;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .card-Important-News .card-img-top img,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .card-Important-News .card-img-top img {
    /* height: 100%; */
    object-fit: cover;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .card-Important-News:hover .card-img-top img,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .card-Important-News:hover .card-img-top img {
    transform: scale(1.06);
    -ms-transform: scale(1.06);
    /* IE 9 */
    -moz-transform: scale(1.06);
    /* Firefox */
    -webkit-transform: scale(1.06);
    /* Safari 和 Chrome */
    -o-transform: scale(1.06);
    /* Opera */
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .card-Important-News .card-body,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .card-Important-News .card-body {
    margin-bottom: 10px;
    padding: 20px 10px;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .card-Important-News .card-body .card-title,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .card-Important-News .card-body .card-title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    height: 44px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .card-Important-News:hover .card-body .card-title,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .card-Important-News:hover .card-body .card-title {
    color: #C8285F;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .swiper-button-next,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .swiper-button-next {
    right: 20px;
    top: calc(50% - 72px);
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .swiper-button-prev,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .swiper-button-prev {
    left: 20px;
    top: calc(50% - 72px);
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .swiper-button-next:hover,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .swiper-button-next:hover {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .swiper-button-prev:hover,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .swiper-button-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .swiper-pagination2,
.view-id-frontpage_news_and_events_view.view-display-id-block_3 .swiper-pagination3 {
    width: fit-content;
    line-height: 50px;
    left: auto;
    right: 10px;
    bottom: 0;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .view-footer a {
    border-right: #BF1860 1px solid;
    border-bottom: #BF1860 1px solid;
    color: #C8285F;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    display: block;
    width: 224px;
    margin-top: -50px;
    padding: 14px;
    position: relative;
    z-index: 1;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .view-footer a::before {
    background: url(../image/icon/arrow-red-10-14.svg) center center no-repeat;
    content: '';
    display: inline-block;
    width: 10px;
    height: 14px;
    margin-right: 8px;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .view-footer a::after {
    border-right: #BF1860 3px solid;
    border-bottom: #BF1860 3px solid;
    content: '';
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity 0.3s ease;
}

.view-id-frontpage_news_and_events_view.view-display-id-block_2 .view-footer a:hover:after {
    opacity: 1;
}

/*index - useful link */
.paragraph--id--17395 {
    margin-top: -350px;
    padding-bottom: 200px;
}

.paragraph--id--17395 .paragraph__column {
    float: none;
}

.paragraph--id--17395 h2 {
    margin-bottom: 30px;
}

.paragraph--id--17395 ul {
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;
    padding-left: 0;
}

.paragraph--id--17395 ul li {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
}

.paragraph--id--17395 ul li a {
    background-color: #fff;
    border: #BF1860 1px solid;
    color: #BF165E;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    padding: 10px 10px;
    position: relative;
}

.paragraph--id--17395 ul li a:hover {
    color: #BF165E;
}

.paragraph--id--17395 ul li a::before {
    border: #BF1860 4px solid;
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity 0.2s ease;
}

.paragraph--id--17395 ul li a:hover:before {
    opacity: 1;
}

/* page ******************************************/
/* first title section ***********/
.first-title-scction h2,
.progammes-section h3 {
    color: #BF165E;
}

.page-node-37 .first-title-scction h2 {
    color: #000;
    margin-bottom: 50px;
}

body:not(.page-node-3, .page-node-4, .page-node-type-programme, .page-node-type-news, .page-node-type-events) .block-system-main-block {
    background: url(../image/common/default-bg.jpg) no-repeat;
    background-size: contain;
    background-position: left 33.5vw;
}

/* Why CityU ***********/
.glance-wrap {
    position: relative;
    margin-bottom: 80px;
    padding-bottom: 120px;
}

.glance-img-wrap {
    display: block;
    clip-path: polygon(0% 0%, 100% 0%, 97.8% 88%, 2.2% 100%);
    position: relative;
}

.glance-img-wrap::before {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .5) 75%);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
}

.glance-swiper-wrap {
    padding: 0 10%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
}

.glance-card {
    aspect-ratio: 1;
    border: none;
    border-bottom: #CF1E5F 4px solid;
    border-radius: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.glance-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
}

.glance-card p {
    margin-bottom: 0;
    line-height: 22px;
}

.glance-card .card-category {
    font-size: 18px;
    font-weight: 700;
}

.glance-card .card-ranking h3 {
    color: #BF165E;
    font-size: 58px;
    line-height: 1.2;
    margin-top: 7px;
    margin-bottom: 7px;
}

.glance-card .card-ranking p {
    height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.glanceSwiper-button-next {
    right: calc(10% - 64px);
}

.glanceSwiper-button-prev {
    left: calc(10% - 64px);
}

.glanceSwiper-button-next:hover {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.glanceSwiper-button-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

.glance-Swiper .swiper-pagination {
    margin-top: 20px;
    position: relative;
    bottom: 0;
}

.glance-footer .col-12:first-child {
    display: flex;
    align-items: center;
}

/* Why CityU - Experiencing CityU ***********/
.experiencing-img-wrap {
    background-image: linear-gradient(to right, #EDECEC 10%, #EBBBD1 84%);
}

.experiencing-img {
    mix-blend-mode: soft-light;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.experiencing-img-wrap .container-xxl {
    padding-top: 100px;
    padding-bottom: 300px;
    position: relative;
}

.experiencing-video-wrap {
    line-height: 1.2;
    margin-top: 75px;
    position: relative;
}

.experiencing-video-title {
    color: #fff;
    font-size: 150px;
    font-weight: 700;
    margin-bottom: 0;
}

.experiencing-video-play {
    background: url(../image/icon/play-video-arrow.svg) 53% center no-repeat;
    color: #BF1860;
    line-height: 1.2;
    text-align: center;
    display: block;
    width: 160px;
    height: 160px;
    margin-top: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    /* Opera */
}

.experiencing-video-play span {
    color: #BF1860;
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -35px;
}

.experiencing-video-play::after {
    background: url(../image/icon/play-video-border.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 100%;
    height: 100%;
    transform-origin: center center;
    -ms-transform-origin: center center;
    /* IE 9 */
    -moz-transform-origin: center center;
    /* Firefox */
    -webkit-transform-origin: center center;
    /* Safari 和 Chrome */
    -o-transform-origin: center center;
    /* Opera */
    margin-left: -50%;
    margin-top: -50%;
    position: absolute;
    left: 50%;
    top: 50%;
    animation: videoPlay 5s linear infinite;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.experiencing-video-play:hover::after {
    width: 90%;
    height: 90%;
    margin-left: -45%;
    margin-top: -45%;
    animation: videoPlay 2.5s linear infinite;
}

/* Animation */
@keyframes videoPlay {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
    }
}

.experiencing-video-list {
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
}

.experiencing-video-box {
    background-color: #000;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: block;
    overflow: hidden;
    position: relative;
}

.experiencing-video-box:hover {
    color: #fff;
}

.experiencing-video-box::before {
    background-color: rgba(0, 0, 0, .3);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.experiencing-video-box::after {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 11.11% 80%, 100% 100%, 0% 100%);
    content: '';
    width: 33.33%;
    height: 33.33%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.experiencing-video-box:hover:after {
    width: 110%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.experiencing-video-box span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.experiencing-video-box:hover span {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -moz-transform: scale(1.1);
    /* Firefox */
    -webkit-transform: scale(1.1);
    /* Safari 和 Chrome */
    -o-transform: scale(1.1);
    /* Opera */
}

.experiencing-video-list .col-12:first-child .experiencing-video-box {
    margin-top: -30px;
}

.experiencing-video-list .experiencing-video-box>img {
    aspect-ratio: 5/3;
    object-fit: cover;
}

/* Why CityU - Colleges, Schools and Departments ***********/
.paragraph--type--colleges-schools-departments {
    margin-bottom: 100px;
    position: relative;
}

.paragraph--type--colleges-schools-departments h2 {
    text-align: center;
    margin-bottom: 80px;
}

.colleges-swiper-wrap {
    margin-bottom: 80px;
    padding: 0 calc(8.33% + 80px);
    position: relative;
}

.colleges-swiper-wrap::after {
    background-image: linear-gradient(to left, #ffffffff 44px, #ffffff00 100%);
    content: '';
    width: calc(44px + 5%);
    position: absolute;
    right: calc(8.33% + 44px);
    top: 0;
    bottom: 0;
    z-index: 1;
}

.CollegesSwiper .swiper-slide {
    width: auto;
    padding-right: 30px;
}

.CollegesSwiper .swiper-slide button {
    border: none;
    color: #161616;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    display: flex;
    align-items: center;
    max-width: 275px;
    height: 40px;
    padding-left: 50px;
    padding-right: 0;
}

.CollegesSwiper .swiper-slide button:hover {
    color: #2E4596;
}

.CollegesSwiper .swiper-slide button.icon-all {
    background: url(../image/icon/pg-overview.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-all.active {
    background: url(../image/icon/pg-overview-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-1 {
    background: url(../image/icon/pg-business.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-1.active {
    background: url(../image/icon/pg-business-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-2 {
    background: url(../image/icon/pg-engineering.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-2.active {
    background: url(../image/icon/pg-engineering-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-3 {
    background: url(../image/icon/pg-liberal-arts.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-3.active {
    background: url(../image/icon/pg-liberal-arts-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-4 {
    background: url(../image/icon/pg-science.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-4.active {
    background: url(../image/icon/pg-science-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-5 {
    background: url(../image/icon/pg-veterinary.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-5.active {
    background: url(../image/icon/pg-veterinary-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-6 {
    background: url(../image/icon/pg-creative-media.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-6.active {
    background: url(../image/icon/pg-creative-media-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-7 {
    background: url(../image/icon/pg-data-science.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-7.active {
    background: url(../image/icon/pg-data-science-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-8 {
    background: url(../image/icon/pg-energy.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-8.active {
    background: url(../image/icon/pg-energy-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-9 {
    background: url(../image/icon/pg-law.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-9.active {
    background: url(../image/icon/pg-law-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-10 {
    background: url(../image/icon/pg-interdisciplinary.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-10.active {
    background: url(../image/icon/pg-interdisciplinary-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-11 {
    background: url(../image/icon/pg-biomedicine.svg) left center no-repeat;
    background-size: 40px auto;
}

.CollegesSwiper .swiper-slide button.icon-11.active {
    background: url(../image/icon/pg-biomedicine-checked.svg) left center no-repeat;
    background-size: 40px auto;
}


.Collegesswiper-button-next {
    top: 20px;
    right: 8.33%;
}

.Collegesswiper-button-prev {
    top: 20px;
    left: 8.33%;
}

.Collegesswiper-button-next:hover {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.Collegesswiper-button-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

.paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--first {
    flex: 0 1 41.66666667%;
    padding-right: 30px;
}

.paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second {
    flex: 0 1 58.33333333%;
    padding-left: 30px;
}

.paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--first img {
    width: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 88.6%, 0% 100%);
}

.paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second .field--name-field-title-taxonomy {
    font-size: var(--font-size-lg);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}

.paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second p {
    line-height: 1.5;
}

.paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second .field--name-bp-link a {
    background: url(../image/icon/alink-external-link.svg) right center no-repeat;
    font-size: 18px;
    display: inline-block;
    margin-top: 10px;
    padding-right: 35px;
}

.paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second .table-title {
    background-color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    width: fit-content;
    margin-left: 23px;
    margin-top: 60px;
    margin-bottom: -18px;
    padding: 7px;
    position: relative;
}

.block-field-blockparagraphcolleges-schools-and-departmentsfield-departments-paragraph {
    border: #CECECE 1px solid;
    padding: 25px 30px 29px;
}

.block-field-blockparagraphcolleges-schools-and-departmentsfield-departments-paragraph>div:not(:first-child) {
    border-top: #CECECE 1px solid;
}

.paragraph--type--departments-under-section .layout--twocol-section {
    flex-wrap: nowrap;
    padding: 15px 0 11px;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--first {
    flex: 1 1 auto !important;
    padding-right: 0;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second {
    flex: 0 0 auto !important;
    width: 130px;
    padding-left: 0;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    padding-left: 0;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li {
    width: 30px;
    height: 30px;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -999px;
    overflow: hidden;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li {
    list-style: none !important;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li.website {
    background: url(../image/icon/website-gray.svg) center center no-repeat;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li.website.on a {
    background: url(../image/icon/website.svg) center center no-repeat;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li.document {
    background: url(../image/icon/leadflet-gray.svg) center center no-repeat;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li.document.on a {
    background: url(../image/icon/leadflet.svg) center center no-repeat;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li.video {
    background: url(../image/icon/video-gray.svg) center center no-repeat;
}

.paragraph--type--departments-under-section .layout--twocol-section .layout__region--second ul li.video.on a {
    background: url(../image/icon/video.svg) center center no-repeat;
}

/* Why CityU - Student stories and U-Life@CityU ***********/
.block-views-block-block-student-stories-block-1 {
    position: relative;
}

.block-views-block-block-student-stories-block-1::before {
    background-image: linear-gradient(95deg, #FAFAFA 28%, #F4DDE7 70%);
    content: '';
    display: block;
    width: 100%;
    height: 84%;
    clip-path: polygon(0% 7.14%, 100% 0%, 72.66% 100%, 0% 60%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.view--block-student-stories {
    padding-top: 100px;
    position: relative;
}

.view--block-student-stories .view-content {
    display: grid;
    grid-template-areas:
        'box-1 box-1 box-2'
        'box-3 box-4 box-4'
        'box-3 box-5 box-6'
        'box-7 box-7 box-8'
        'box-9 box-10 box-10'
        'box-9 box-11 box-12';
    gap: 18px;
    padding: 0 8.33333333%;
}

.view--block-student-stories .view-content>div {
    position: relative;
}

.view--block-student-stories .view-content>div:first-child {
    grid-area: box-1;
}

.view--block-student-stories .view-content>div:nth-child(2) {
    grid-area: box-2;
}

.view--block-student-stories .view-content>div:nth-child(3) {
    grid-area: box-3;
}

.view--block-student-stories .view-content>div:nth-child(4) {
    grid-area: box-4;
}

.view--block-student-stories .view-content>div:nth-child(5) {
    grid-area: box-5;
}

.view--block-student-stories .view-content>div:nth-child(6) {
    grid-area: box-6;
}

.view--block-student-stories .view-content>div:nth-child(7) {
    grid-area: box-7;
}

.view--block-student-stories .view-content>div:nth-child(8) {
    grid-area: box-8;
}

.view--block-student-stories .view-content>div:nth-child(9) {
    grid-area: box-9;
}

.view--block-student-stories .view-content>div:nth-child(10) {
    grid-area: box-10;
}

.view--block-student-stories .view-content>div:nth-child(11) {
    grid-area: box-11;
}

.view--block-student-stories .view-content>div:nth-child(12) {
    grid-area: box-12;
}

.view--block-student-stories .view-content>div .card {
    border: none;
    border-radius: 0;
}

.view--block-student-stories .view-content>div .card::before {
    background-color: rgba(0, 0, 0, .3);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.view--block-student-stories .view-content>div .card::after {
    background-image: linear-gradient(110deg, #B02163 48%, #FFD7E9 84.26%);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 0% 100%);
    content: '';
    opacity: .9;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.view--block-student-stories .view-content>div .card:hover::after {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.view--block-student-stories .view-content>div:nth-child(6n+1) .card,
.view--block-student-stories .view-content>div:nth-child(6n+4) .card {
    padding-top: calc((100% - 18px) * 0.4);
}

.view--block-student-stories .view-content>div:nth-child(6n+2) .card,
.view--block-student-stories .view-content>div:nth-child(6n+5) .card,
.view--block-student-stories .view-content>div:nth-child(6n+6) .card {
    padding-top: 80%;
}

.view--block-student-stories .view-content>div:nth-child(6n+3) .card {
    padding-top: calc(160% + 18px);
}

.view--block-student-stories .view-content>div .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}

.view--block-student-stories .view-content>div .card .card-img-overlay {
    padding: 35px;
    line-height: 1.2;
    z-index: 3;
}

.view--block-student-stories .view-content>div .card .card-img-overlay p {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view--block-student-stories .view-content>div .card .card-img-overlay a {
    color: #fff;
    text-indent: -999px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.view--block-student-stories .view-content>div .card .card-img-overlay a:hover {
    opacity: 1;
}

.view--block-student-stories .view-content>div .card .card-img-overlay a::before {
    background: url(../image/icon/play-video-border-white.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 80px;
    height: 80px;
    transform-origin: center center;
    -ms-transform-origin: center center;
    /* IE 9 */
    -moz-transform-origin: center center;
    /* Firefox */
    -webkit-transform-origin: center center;
    /* Safari 和 Chrome */
    -o-transform-origin: center center;
    /* Opera */
    margin-left: -40px;
    margin-bottom: -40px;
    position: absolute;
    left: 65px;
    bottom: 65px;
    animation: videoPlay 5s linear infinite;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.view--block-student-stories .view-content>div .card .card-img-overlay a::after {
    background: url(../image/icon/play-video-arrow-white.svg) 53% center no-repeat;
    background-size: 18px auto;
    content: '';
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-bottom: -40px;
    position: absolute;
    left: 65px;
    bottom: 65px;
}

/* Leaflets/Publications ***********/
.block-views-blockblock-leaflets-publications-list-block-1 .view-filters {
    display: none;
}

.content-LeafletsSwiper {
    margin-bottom: 80px;
    position: relative;
}

.page-node-38 .container-xl {
    padding-left: 20px;
    padding-right: 20px;
}

.view-block-leaflets-publications-list .view-content.row .views-row {
    padding-left: 20px;
    padding-right: 32px;
}

.view-block-leaflets-publications-list .view-content.row .views-row:nth-child(odd) {
    margin-bottom: 50px;
    padding-right: 40px;
}

.view-block-leaflets-publications-list .view-content.row .views-row:nth-child(even) {
    margin-top: 35px;
    padding-left: 28px;
}

.view-block-leaflets-publications-list .Leaflets-card {
    padding: 35px;
    position: relative;
    z-index: 9;
    margin-bottom: 12px;
}

.view-block-leaflets-publications-list .Leaflets-card::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%);
    background: linear-gradient(90deg, #F3F3F3 32.9%, #F0C1D7 85.99%);
    z-index: -1;
    left: 0;
    top: 0;
}

.view-block-leaflets-publications-list .Leaflets-card .col-md-7 {
    flex: 1 1 auto;
}

.view-block-leaflets-publications-list .Leaflets-card .col-md-5 {
    position: relative;
}

.view-block-leaflets-publications-list .Leaflets-card .card-body {
    padding: 0 24px 0 0;
}

.view-block-leaflets-publications-list .Leaflets-card .card-title {
    color: #000000;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}

.view-block-leaflets-publications-list .Leaflets-card .card-Download,
.view-block-leaflets-publications-list .Leaflets-card .card-Download .file--mime-application-pdf a {
    color: #000000;
    font-size: 16px;
}

.view-block-leaflets-publications-list .Leaflets-card .card-Download .file--mime-application-pdf {
    background-image: none;
    position: relative;
    padding-left: 25px;
}

.view-block-leaflets-publications-list .Leaflets-card .Download-link .file--mime-application-pdf {
    background-image: none;
    display: none;
}

.view-block-leaflets-publications-list .Leaflets-card .card-Download .file--mime-application-pdf::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background-size: contain;
    background: url("/admo/themes/custom/admission_theme/image/icon/download-line.svg") no-repeat;
    display: inline-block;
    left: 0px;
    top: 5px;
}

.view-block-leaflets-publications-list .Leaflets-card:hover .card-Download,
.view-block-leaflets-publications-list .Leaflets-card:hover .card-Download .file--mime-application-pdf a {
    color: var(--alink-color);
}

.view-block-leaflets-publications-list .Leaflets-card .card-Download>img {
    margin-right: 5px;
}

.view-block-leaflets-publications-list .Leaflets-card .col-md-5>.img-fluid::after {
    border-left: 1px solid #BF165E;
    border-bottom: 1px solid #BF165E;
    content: '';
    position: absolute;
    left: -12px;
    right: -35px;
    top: 0;
    bottom: -47px;
}

.view-block-leaflets-publications-list .Leaflets-card .col-md-5>.img-fluid {
    max-width: none;
    margin-right: -47px;
    margin-bottom: -35px;
}

.view-block-leaflets-publications-list .Leaflets-card .col-md-5>.img-fluid img {
    border: #D8D8D8 1px solid;
    aspect-ratio: 276 / 390;
    object-fit: cover;
}

.LeafletsSwiper {
    max-width: calc(100% - 160px);
    position: initial;
}

.LeafletsSwiper .LeafletsSwiper-button-prev {
    position: absolute;
    left: 0;
}

.LeafletsSwiper .LeafletsSwiper-button-next {
    position: absolute;
    right: 0;
}

.LeafletsSwiper .select-value {
    cursor: pointer;
    color: #161616;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    max-width: 275px;
    min-height: 51px;
    padding-left: 50px;
}

.Download-link a {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    z-index: 6;
}

/* .LeafletsSwiper .swiper-slide.all {
    width: 80px !important;
} */

.LeafletsSwiper .swiper-slide {
    width: auto;
    padding-right: 30px;
}

.LeafletsSwiper .select-value.icon-0 {
    background: url(../image/icon/pg-overview.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-1 {
    background: url(../image/icon/pg-business.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-2 {
    background: url(../image/icon/pg-engineering.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-3 {
    background: url(../image/icon/pg-liberal-arts.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-4 {
    background: url(../image/icon/pg-science.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-5 {
    background: url(../image/icon/pg-veterinary.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-6 {
    background: url(../image/icon/pg-creative-media.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-7 {
    background: url(../image/icon/pg-data-science.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-8 {
    background: url(../image/icon/pg-energy.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-9 {
    background: url(../image/icon/pg-law.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-10 {
    background: url(../image/icon/pg-interdisciplinary.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-11 {
    background: url(../image/icon/pg-biomedicine.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-0.on {
    background: url(../image/icon/pg-overview-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-1.on {
    background: url(../image/icon/pg-business-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-2.on {
    background: url(../image/icon/pg-engineering-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-3.on {
    background: url(../image/icon/pg-liberal-arts-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-4.on {
    background: url(../image/icon/pg-science-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-5.on {
    background: url(../image/icon/pg-veterinary-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-6.on {
    background: url(../image/icon/pg-creative-media-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-7.on {
    background: url(../image/icon/pg-data-science-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-8.on {
    background: url(../image/icon/pg-energy-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-9.on {
    background: url(../image/icon/pg-law-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-10.on {
    background: url(../image/icon/pg-interdisciplinary-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

.LeafletsSwiper .select-value.icon-11.on {
    background: url(../image/icon/pg-biomedicine-checked.svg) left center no-repeat;
    background-size: 40px auto;
}

/* Teachers' Corner ***********/
.page-node-37 #accordion-18451 {
    float: none;
    width: 83.33333333%;
    margin: 0 auto 120px;
}

.page-node-37 #accordion-18451>.accordion>.card-header {
    padding: 0;
}

.page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div {
    padding: 110px 0 25px 60px;
    position: relative;
    overflow: hidden;
}

.page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div::after {
    content: "" !important;
    background: #fff url(../image/icon/red-open.svg) center center no-repeat !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    position: absolute;
    left: 26px;
    bottom: 16px;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div[aria-expanded="true"]::after {
    content: "" !important;
    background: #fff url(../image/icon/red-merge.svg) center center no-repeat !important;
    transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    /* IE 9 */
    -moz-transform: rotate(180deg) translateY(50%);
    /* Firefox */
    -webkit-transform: rotate(180deg) translateY(50%);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg) translateY(50%);
    /* Opera */
    position: absolute;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div[aria-expanded="true"] {
    background-color: #F8E1EB;
}

.page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div::before {
    content: "";
    background: #fff url(../image/content/teachers-corner-accordion-1.jpg) no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 92% 79%, 10% 100%);
    width: 52.7%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div::before {
    content: "";
    background: #fff url(../image/content/teachers-corner-accordion-1.jpg) no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 92% 79%, 10% 100%);
    width: 52.7%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.page-node-37 #accordion-18451>.accordion>.card-header:nth-child(3)>.accordion-title>div::before {
    content: "";
    background: #fff url(../image/content/teachers-corner-accordion-2.jpg) no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 92% 79%, 10% 100%);
    width: 52.7%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.page-node-37 #accordion-18451>.accordion>.card-header:nth-child(5)>.accordion-title>div::before {
    content: "";
    background: #fff url(../image/content/teachers-corner-accordion-3.jpg) no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 92% 79%, 10% 100%);
    width: 52.7%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.page-node-37 #accordion-18451>.accordion>.accordion-collapse .paragraph__column {
    padding: 0;
}

.page-node-37 #accordion-18451>.accordion>.accordion-collapse .paragraph__column>.card>.card-header .accordion-title>div {
    padding: 24px 84px 24px 42px;
}

.page-node-37 #accordion-18451>.accordion>.accordion-collapse .paragraph__column>.card>.card-header .accordion-title>div:after {
    right: 40px;
}

.page-node-37 #accordion-18451>.accordion>.accordion-collapse .paragraph__column>.card>.accordion-collapse {
    padding: 20px 84px 20px 42px;
}

.page-node-37 #accordion-18451>.accordion>.accordion-collapse>.paragraph--type--bp-simple>.paragraph__column {
    padding: 40px 80px 0 42px;
}

.page-node-37 #accordion-18451>.accordion>.accordion-collapse>.paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show {
    border-bottom: 1px solid #E3E3E3;
}

.page-node-37 .teachers-corner-content-2 {
    position: relative;
    padding: 10.7vw 0;
    margin-bottom: 100px;
}

.page-node-37 .teachers-corner-content-2::after {
    content: "";
    position: absolute;
    background: url(../image/content/teachers-corner-why-bg.jpg) no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 100% 86%, 0% 100%);
    width: 69.58%;
    height: 100%;
    left: 0;
    z-index: 1;
    top: 0;
}

.page-node-37 .teachers-corner-content-2>div {
    position: relative;
    z-index: 3;
}

.page-node-37 .teachers-corner-content-2 .subcontent {
    background-color: #fff;
    border-bottom: #CF1E5F 4px solid;
    box-shadow: 0 8px 10px rgba(0, 0, 0, .1);
    line-height: 1.2;
    padding: 60px;
}

.page-node-37 .teachers-corner-content-2 .subcontent h2 {
    color: #BF165E;
    font-weight: bold;
    margin-bottom: 15px;
}

.page-node-37 .teachers-corner-content-2 .subcontent p {
    color: #000;
    font-size: 18px;
}



.page-node-37 .paragraph--type--what-s-more {
    position: relative;
    padding: 0 30px 30px 30px;
}

.page-node-37 .paragraph--type--what-s-more h2 {
    margin-bottom: 50px;
    text-align: center;
}


.page-node-37 .whatswiper-button-prev {
    left: 4px;
    top: calc(50% + 28px);
}

.page-node-37 .whatswiper-button-next {
    right: 4px;
    top: calc(50% + 28px);
}

.page-node-37 .paragraph--type--what-s-more .swiper-pagination {
    bottom: 0;
}

.page-node-37 .paragraph--type--what-s-more .field--name-field-document-link a {
    position: absolute;
    bottom: 36px;
    left: 35px;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    z-index: 5;
}

.page-node-37 .paragraph--type--what-s-more .swiper-slide {
    cursor: pointer;
    overflow: hidden;
}

.page-node-37 .paragraph--type--what-s-more .swiper-slide::before {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 11.11% 80%, 100% 100%, 0% 100%);
    content: '';
    width: 33.33%;
    height: 33.33%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.page-node-37 .paragraph--type--what-s-more .swiper-slide:hover::before {
    width: 110%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.page-node-37 .paragraph--type--what-s-more .swiper-slide::after {
    content: '';
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.20) 100%);
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.page-node-37 .whatswiper-button-next:hover {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.page-node-37 .whatswiper-button-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

/* Admissions ***********/
.page-node-3 .view-block-admission-list {
    margin-bottom: 100px;
    padding-bottom: 25px;
}

.page-node-3 .view-block-admission-list .views-row {
    padding: 0 20px;
}

.page-node-3 .view-block-admission-list .views-row:nth-child(3n+2) {
    margin-top: 70px;
    margin-bottom: -25px;
}

/* .page-node-3 .view-block-admission-list .views-row:nth-child(2) {
    margin-top: 40px;
} */
.view-block-admission-list .admissions-card {
    background-color: #BF1860;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

.view-block-admission-list .admissions-card::before {
    background-color: rgba(0, 0, 0, .3);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.view-block-admission-list .admissions-card::after {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 11.11% 80%, 100% 100%, 0% 100%);
    content: '';
    width: 33.33%;
    height: 33.33%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.view-block-admission-list .admissions-card:hover:after {
    width: 110%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.view-block-admission-list .admissions-card .card-img-overlay>div {
    line-height: 1.2;
    position: absolute;
    bottom: 36px;
    left: 35px;
    color: #FFF;
    font-size: 30px;
    z-index: 5;
}

.view-block-admission-list .admissions-card .card-img-overlay>div .card-text-title {
    color: #FFF;
    font-size: 22px;
    margin-bottom: 5px;
}

.view-block-admission-list .admissions-card .card-img-overlay>div .card-title {
    font-weight: 700;
    margin-bottom: 0;
}

.view-block-admission-list .admissions-card .card-img img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.page-node-3 .view-block-admission-list .view-content>.views-row:nth-child(5) .cover-link,
.page-node-3 .view-block-admission-list .view-content>.views-row:nth-child(6) .cover-link {
    position: unset;
}

.page-node-3 .view-block-admission-list .view-content>.views-row:last-child,
.page-node-3 .view-block-admission-list .view-content>.views-row:nth-last-child(2),
.page-node-3 .view-block-admission-list .view-content>.views-row:nth-child(5) .card-text-title,
.page-node-3 .view-block-admission-list .view-content>.views-row:nth-child(6) .card-text-title {
    display: none;
}

.page-node-3 .view-block-admission-list .view-content>.views-row:nth-child(5) .card-img-overlay>div,
.page-node-3 .view-block-admission-list .view-content>.views-row:nth-child(6) .card-img-overlay>div {
    /* bottom: unset; */
}

.page-node-3 .view-block-admission-list .admissions-card .sublink>p {
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

.page-node-3 .view-block-admission-list .admissions-card .sublink a {
    display: block;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
    background: url(../image/icon/arrow-red-10-14.svg) left 3px no-repeat;
    font-size: 18px;
    padding-left: 18px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.page-node-3 .view-block-admission-list .admissions-card .sublink a:hover {
    padding-left: 25px;
}

/* progammes Append***********/
.prohibit-state #views-exposed-form-block-programmes-list-block-1 .form--inline .form-actions #edit-submit-block-programmes-list,
.button-disabled {
    cursor: pointer;
    pointer-events: none;
}

/* progammes list ***********/
.page-node-4 .block-system-main-block {
    background: url(../image/common/list-bg.jpg) no-repeat;
    background-size: contain;
    background-position: left calc(33.85vw + 720px);
}

#views-exposed-form-block-programmes-list-block-1 .form--inline {
    display: flex;
    width: 100%;
    max-width: 680px;
    margin: 0 auto 102px;
    position: relative;
}

#views-exposed-form-block-programmes-list-block-1 .form--inline .form-item {
    flex: 1 1 auto;
}

#views-exposed-form-block-programmes-list-block-1 .form--inline .form-item,
#views-exposed-form-block-programmes-list-block-1 .form--inline .form-actions {
    margin: 0;
}

#views-exposed-form-block-programmes-list-block-1 .form--inline .form-item .form-control {
    background: #fff url(../image/icon/input-search.svg) 24px center no-repeat;
    border-radius: 0;
    color: #525252;
    line-height: 20px;
    padding: 16px 20px 16px 59px;
}

#views-exposed-form-block-programmes-list-block-1 .form--inline .form-item .form-control::placeholder {
    color: #ACACAC;
}

#views-exposed-form-block-programmes-list-block-1 .form--inline .form-actions #edit-submit-block-programmes-list {
    background-color: #BF1860;
    border: none;
    width: 135px;
    height: 54px;
    margin: 0;
}

#views-exposed-form-block-programmes-list-block-1 .form--inline .form-actions #edit-reset {
    background: url(../image/icon/pg-reset.svg) left center no-repeat;
    border: none;
    color: #525252;
    display: block;
    margin: 0;
    padding: 0 0 0 28px;
    position: absolute;
    left: calc(50% - 36.5px);
    bottom: -55px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
}

#views-exposed-form-block-programmes-list-block-1 .form--inline .form-actions #edit-reset:hover {
    color: #C8285F;
}

.ui-menu {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.ui-menu .ui-menu-item {
    width: 100% !important;
}

.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper {
    display: block;
    color: #525252;
    text-decoration: none;
    border-bottom: 1px solid #ececec;
    padding: 8px 10px;
}

.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper:hover {
    background-color: #E6E6E6;
    color: #000;
    border: 1px solid #E6E6E6;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content {
    position: relative;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .filters-button {
    width: 100%;
    max-width: 680px;
    margin: 0 auto 30px;
    padding: 0 18px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .filters-button .btn {
    font-size: 16px;
    width: calc(50% - 24px);
    margin: 0 12px;
    padding: 12px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .filters-button .btn[aria-expanded="false"] {
    background-color: #E6E6E6;
    color: #000;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .filters-button .btn[aria-expanded="true"] {
    border: #BBB 1px solid;
    background-color: #fff;
    color: #000;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content {
    position: absolute;
    left: 8.33%;
    right: 8.33%;
    top: 78px;
    z-index: 10;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    border: #DEDEDE 1px solid;
    border-bottom: #BF1860 4px solid;
    text-align: right;
    line-height: 1.2;
    /* padding: 80px 40px 40px; */
    padding: 60px 40px 40px;
    position: relative;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div:nth-child(1) p {
    text-align: left;
    color: #BF165E;
    margin-bottom: 30px;
}

#views-exposed-form-block-programmes-list-block-1 .college-ul .btn-all {
    background-color: unset;
    color: #525252;
    font-size: 18px;
    border: 1px solid #BF1860;
    margin-left: 0;
    width: 100%;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div div[data-bs-toggle="collapse"] {
    cursor: pointer;
    position: absolute;
    top: 44px;
    right: 40px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul>div {
    width: 33%;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul {
    /* flex: 1 1 auto; */
    text-align: left;
    /* max-width: 345px;    
    margin-right: 30px; */
    width: fit-content;
    margin: 0 auto 40px;
    padding-left: 0;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul .title {
    color: #161616;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 30px;
    white-space: nowrap;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul:not(.alphabet-ul) li:not(:last-child) {
    margin-bottom: 20px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul:not(.alphabet-ul) li label {
    color: #525252;
    display: flex;
    min-height: 30px;
    align-items: center;
    position: relative;
    padding-left: 39px;
    cursor: pointer;
    font-size: 15px;
    line-height: 18px;
    user-select: none;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul li label {
    border: #DEDEDE 1px solid;
    color: #525252;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    width: 100%;
    /* padding: 27px 0; */
    padding: 20px 0;
    position: relative;
    cursor: pointer;
    user-select: none;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul li label:hover {
    color: #000;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.admissions-ul li label,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.year-ul li label {
    padding-left: 26px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul li label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul:not(.alphabet-ul) li label .checkmark {
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 30px;
}

/* #views-exposed-form-block-programmes-list-block-1 .filters-content .content > div ul li label:hover input ~ .checkmark {
    background-color: #ccc;
} */
.view-taxonomy-block-college-school {
    display: none;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-1 .checkmark {
    background: url(../image/icon/pg-business.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-1:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-1 input:checked~.checkmark {
    background: url(../image/icon/pg-business-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-2 .checkmark {
    background: url(../image/icon/pg-engineering.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-2:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-2 input:checked~.checkmark {
    background: url(../image/icon/pg-engineering-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-3 .checkmark {
    background: url(../image/icon/pg-liberal-arts.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-3:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-3 input:checked~.checkmark {
    background: url(../image/icon/pg-liberal-arts-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-4 .checkmark {
    background: url(../image/icon/pg-science.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-4:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-4 input:checked~.checkmark {
    background: url(../image/icon/pg-science-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-5 .checkmark {
    background: url(../image/icon/pg-veterinary.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-5:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-5 input:checked~.checkmark {
    background: url(../image/icon/pg-veterinary-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-6 .checkmark {
    background: url(../image/icon/pg-creative-media.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-6:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-6 input:checked~.checkmark {
    background: url(../image/icon/pg-creative-media-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-7 .checkmark {
    background: url(../image/icon/pg-data-science.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-7:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-7 input:checked~.checkmark {
    background: url(../image/icon/pg-data-science-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-8 .checkmark {
    background: url(../image/icon/pg-energy.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-8:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-8 input:checked~.checkmark {
    background: url(../image/icon/pg-energy-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-9 .checkmark {
    background: url(../image/icon/pg-law.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-9:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-9 input:checked~.checkmark {
    background: url(../image/icon/pg-law-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-10 .checkmark {
    background: url(../image/icon/pg-interdisciplinary.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-10:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-10 input:checked~.checkmark {
    background: url(../image/icon/pg-interdisciplinary-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-11 .checkmark {
    background: url(../image/icon/pg-biomedicine.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-11:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.college-ul li label.icon-11 input:checked~.checkmark {
    background: url(../image/icon/pg-biomedicine-checked.svg) no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.admissions-ul li label .checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.year-ul li label .checkmark {
    background: url(../image/icon/pg-checkmark.svg) center center no-repeat;
    width: 16px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.admissions-ul li label:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.admissions-ul label input:checked~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.year-ul li label:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.year-ul label input:checked~.checkmark {
    background: url(../image/icon/pg-checkmark-checked.svg) center center no-repeat;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.admissions-ul li:nth-last-child(1),
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.admissions-ul li:nth-last-child(2),
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.admissions-ul li:nth-last-child(3),
.block-views-blockblock-admission-year-block-1 {
    display: none;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 16px);
    max-width: none;
    margin-left: -8px;
    margin-right: -8px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul li:first-child {
    width: 100%;
    margin-left: 8px;
    margin-right: 8px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul .title {
    /* margin-bottom: 100px; */
    margin-bottom: 60px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul li:not(:first-child) {
    width: 16.667%;
    padding: 0 8px;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul li label:hover input~.checkmark,
#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul li label input:checked~.checkmark {
    color: #BF1860;
}

#views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .btn-confirm {
    text-align: center;
    width: 150px;
}

#collapseSequence .content-append {
    display: none;
}

.card-programmes {
    border-color: #CECECE;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 20px;
}

.card-programmes .card-thumbnail {
    background-color: #E6E6E6;
    flex: 0 0 auto;
    width: 220px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.card-programmes .card-thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.card-programmes .card-body {
    line-height: 1.2;
    padding: 20px 0 0 30px;
}

.card-programmes .card-body .card-College {
    color: #BF1860;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 20px;
}

.card-programmes .card-body .card-College span::before {
    background-color: #F2D4E2;
    content: '';
    display: inline-block;
    width: 1px;
    height: 23px;
    margin: 0 15px;
    vertical-align: text-top;
}

.card-programmes .card-body .card-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.card-programmes:hover .card-body .card-title {
    color: #C8285F;
}

.card-programmes .card-body .card-subtitle {
    font-size: 22px;
}

.pager .page-item .page-link {
    background-color: #fff;
    color: #767676;
    border-radius: 0;
    font-size: 18px;
    line-height: 33px;
    margin: 0 10px;
    /* padding: 0 8px;
    min-width: 30px;
    border-color: #CECECE; */
    border: unset;
}

.pager .page-item .page-link:hover {
    color: #BF1860;
}

.pager .page-item.is-active .page-link {
    /* background-color: #fff;
    border-color: #CECECE;
    border-bottom: #BF1860 2px solid; */
    color: #BF1860;
}

.pager .page-item.pager__item--previous a {
    background: url(../image/icon/pager-previous.svg) center center no-repeat;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    transition: all .2s ease;
    -ms-transition: all .2s ease;
    /* IE 9 */
    -moz-transition: all .2s ease;
    /* Firefox */
    -webkit-transition: all .2s ease;
    /* Safari 和 Chrome */
    -o-transition: all .2s ease;
    /* Opera */
}

.pager .page-item.pager__item--first a {
    background: url(../image/icon/pager-first.svg) center center no-repeat;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    transition: all .2s ease;
    -ms-transition: all .2s ease;
    /* IE 9 */
    -moz-transition: all .2s ease;
    /* Firefox */
    -webkit-transition: all .2s ease;
    /* Safari 和 Chrome */
    -o-transition: all .2s ease;
    /* Opera */
}

.pager .page-item.pager__item--next a {
    background: url(../image/icon/pager-next.svg) center center no-repeat;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    transition: all .2s ease;
    -ms-transition: all .2s ease;
    /* IE 9 */
    -moz-transition: all .2s ease;
    /* Firefox */
    -webkit-transition: all .2s ease;
    /* Safari 和 Chrome */
    -o-transition: all .2s ease;
    /* Opera */
}

.pager .page-item.pager__item--last a {
    background: url(../image/icon/pager-last.svg) center center no-repeat;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    transition: all .2s ease;
    -ms-transition: all .2s ease;
    /* IE 9 */
    -moz-transition: all .2s ease;
    /* Firefox */
    -webkit-transition: all .2s ease;
    /* Safari 和 Chrome */
    -o-transition: all .2s ease;
    /* Opera */
}

.pager .page-item.pager__item--previous a:hover,
.pager .page-item.pager__item--first a:hover {
    background-position: -3px center;
}

.pager .page-item.pager__item--next a:hover,
.pager .page-item.pager__item--last a:hover {
    background-position: 3px center;
}

.block-views-block-block-admission-scheme-array-block-1,
.block-views-blockblock-programmes-list-block-1 .view-block-programmes-list .view-filters form.views-exposed-form>.form--inline>div:nth-child(1) label,
.block-views-blockblock-programmes-list-block-1 .view-block-programmes-list .view-filters form.views-exposed-form>.form--inline>div:nth-child(2),
.block-views-blockblock-programmes-list-block-1 .view-block-programmes-list .view-filters form.views-exposed-form>.form--inline>div:nth-child(3),
.block-views-blockblock-programmes-list-block-1 .view-block-programmes-list .view-filters form.views-exposed-form>.form--inline>div:nth-child(4),
.block-views-blockblock-programmes-list-block-1 .view-block-programmes-list .view-filters form.views-exposed-form>.form--inline>div:nth-child(5) {
    display: none;
}

/* progammes section ***********/
.progammes-section {
    background: url(../image/content/progammes-section-bg.jpg) no-repeat;
    background-size: cover;
    margin-bottom: -200px;
    padding: 150px 0;
    position: relative;
}

.progammes-section::before {
    background-color: #fff;
    content: '';
    display: block;
    height: 150px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    z-index: 2;
}

.progammes-section::after {
    background-image: linear-gradient(115deg, rgba(239, 185, 210, .8) 14.5%, rgba(246, 246, 246, .8) 90%);
    mix-blend-mode: multiply;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.progammes-section .row {
    position: relative;
    z-index: 3;
}

.progammes-section .row .col-12:first-child {
    padding-right: 4.6%;
}

.progammes-section .row .col-12:last-child {
    display: flex;
    align-items: center;
}

.progammes-section img {
    width: 100%;
    aspect-ratio: 37 / 24;
    object-fit: cover;
}

.progammes-section .progammes-section-subtitle {
    font-size: var(--font-size-sm);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}


/* programme detail ******/
body.page-node-type-programme {
    background: #fff url(../image/common/detail-bg.jpg) top center no-repeat;
    background-size: cover;
}

body.page-node-type-programme .field--name-field-programmes-media {
    display: none;
}

body.page-node-type-programme .programme-detail {
    display: grid;
    grid-template-columns: 48.5% 48.5%;
    grid-gap: 3%;
    margin-bottom: 100px;
}

body.page-node-type-programme .programme-detail .layout__region--first {
    /* padding-right: 30px; */
    align-self: start;
    position: sticky;
    top: 120px;
}

body.page-node-type-programme .programme-detail .layout__region--first .block-field-blocknodeprogrammefield-tags div {
    color: #BF1860;
    font-weight: 700;
    font-size: 22px;
}

body.page-node-type-programme .programme-detail .layout__region--first .block-field-blocknodeprogrammefield-subtitle .field--name-field-subtitle {
    font-size: var(--font-size-md);
    margin-bottom: 30px;
    line-height: 1.25;
}

body.page-node-type-programme .programme-detail .layout__region--first .field--name-field-admissions-tags- {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-bottom: 20px;
}

body.page-node-type-programme .programme-detail .layout__region--first .field--name-field-admissions-tags-::after {
    content: '';
    clear: both;
}

body.page-node-type-programme .programme-detail .layout__region--first .field--name-field-admissions-tags- .field__item {
    margin-right: 20px;
    margin-bottom: 20px;
}

body.page-node-type-programme .programme-detail .layout__region--first .field--name-field-admissions-tags- .field__item a {
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    border-left: 3px solid #BF165E;
    color: #161616;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 10px 15px;
}

body.page-node-type-programme .programme-detail .layout__region--first .field--name-field-admissions-tags- .field__item.local a::before {
    content: "Local";
    font-weight: 400;
    padding-right: 5px;
}

body.page-node-type-programme .programme-detail .layout__region--first .field--name-field-admissions-tags- .field__item.non-local a::before {
    content: "Non-Local";
    font-weight: 400;
    padding-right: 5px;
}

body.page-node-type-programme .programme-detail .layout__region--first .field--name-field-thumbnail- .field--name-field-media-image .field__item {
    background: url(../image/default/programme-default-img.jpg) no-repeat;
    background-size: cover;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    width: 100%;
    aspect-ratio: 3 / 2;
}

body.page-node-type-programme .programme-detail .layout__region--first .field--name-field-thumbnail- img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

body.page-node-type-programme .programme-detail .layout__region--second .layout__subregion--second {
    background: #FFFFFF;
    border-bottom: 4px solid #BF1860;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.2;
}

body.page-node-type-programme .programme-detail .layout__region--second .layout__subregion--second>div {
    position: relative;
}

body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-academic-year,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-indicative {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: 50px;
    padding-right: 20px;
}

body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-admission-code,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-normal {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: 50px;
}

body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-academic-year p,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-admission-code p,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-indicative p,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-normal p {
    margin-bottom: 0;
}

body.page-node-type-programme .programme-detail .layout__region--second .field__label,
body.page-node-type-programme .programme-detail .block-field-blockparagraphprogramme-leaderfield-leader-title- .field--name-field-leader-title-,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional .field--name-field-additional-title .field__item {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}

body.page-node-type-programme .programme-detail .layout__region--second .field__label::before,
body.page-node-type-programme .programme-detail .block-field-blockparagraphprogramme-leaderfield-leader-title- .field--name-field-leader-title-::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional .field--name-field-additional-title .field__item::before {
    content: '';
    position: absolute;
    width: 26px;
    height: 2px;
    background-color: #B12264;
    bottom: -1px;
}

body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-academic-year .field__item,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-normal .field__item,
body.page-node-type-programme .programme-detail .label-subtitle,
body.page-node-type-programme .programme-detail .block-field-blockparagraphprogramme-leaderfield-leader-name {
    /* font-size: 22px; */
    display: block;
    margin-bottom: 5px;
}

body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-indicative .label-subtitle {
    font-size: 16px;
}

body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-indicative .label-subtitle:not(:first-child) {
    margin-top: 15px;
}

body.page-node-type-programme .programme-detail .label-subword,
body.page-node-type-programme .programme-detail .block-field-blockparagraphprogramme-leaderfield-leader-introduction {
    color: #767676;
    font-size: 14px;
}

body.page-node-type-programme .programme-detail a>span.label-subword {
    color: var(--alink-color);
}

body.page-node-type-programme .programme-detail .block-block-contentf0d9415f-9ca2-48b5-8dbf-7374b68939b5 {
    width: 100%;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-website .field--name-field-website {
    margin: 0;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-website .field--name-field-website,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-facebook .field--name-field-facebook,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-instagram .field--name-field-instagram,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-youtube .field--name-field-youtube,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-weibo .field--name-field-weibo,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-linkedin .field--name-field-linkedin,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-twitter .field--name-field-twitter {
    margin: 0 20px 20px 20px;
    padding-top: 33px;
    position: relative;
    left: -20px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-website .field--name-field-website .field__label,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-facebook .field--name-field-facebook .field__label,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-instagram .field--name-field-instagram .field__label,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-youtube .field--name-field-youtube .field__label,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-weibo .field--name-field-weibo .field__label,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-linkedin .field--name-field-linkedin .field__label,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-twitter .field--name-field-twitter .field__label {
    color: #767676;
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 0;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-website .field--name-field-website::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-facebook .field--name-field-facebook::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-instagram .field--name-field-instagram::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-youtube .field--name-field-youtube::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-weibo .field--name-field-weibo::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-linkedin .field--name-field-linkedin::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-twitter .field--name-field-twitter::before {
    content: '';
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    position: absolute;
    top: 14px;
    left: calc(50% - 15px);
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-website .field--name-field-website:hover:before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-facebook .field--name-field-facebook:hover::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-instagram .field--name-field-instagram:hover::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-youtube .field--name-field-youtube:hover::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-weibo .field--name-field-weibo:hover::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-linkedin .field--name-field-linkedin:hover::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-twitter .field--name-field-twitter:hover::before {
    top: -5px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-website .field--name-field-website::before {
    background: url(../image/icon/website.svg) center center no-repeat;
    background-size: 100% auto;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-facebook .field--name-field-facebook::before {
    background: url(../image/icon/facebook.svg) center center no-repeat;
    background-size: 100% auto;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-instagram .field--name-field-instagram::before {
    background: url(../image/icon/instagram.svg) center center no-repeat;
    background-size: 100% auto;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-youtube .field--name-field-youtube::before {
    background: url(../image/icon/youtube.svg) center center no-repeat;
    background-size: 100% auto;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-weibo .field--name-field-weibo::before {
    background: url(../image/icon/weibo.svg) center center no-repeat;
    background-size: 100% auto;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-linkedin .field--name-field-linkedin::before {
    background: url(../image/icon/linkedin.svg) center center no-repeat;
    background-size: 100% auto;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-twitter .field--name-field-twitter::before {
    background: url(../image/icon/twitter.svg) center center no-repeat;
    background-size: 100% auto;
}


body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-website .field__label::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-facebook .field__label::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-instagram .field__label::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-youtube .field__label::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-weibo .field__label::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-linkedin .field__label::before,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-twitter .field__label::before {
    display: none;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-website .field__item a,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-facebook .field__item a,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-instagram .field__item a,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-youtube .field__item a,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-weibo .field__item a,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-linkedin .field__item a,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-twitter .field__item a {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    z-index: 10;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader {
    /* border-top: #CECECE 1px solid; */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* margin-top: 30px; */
    margin-bottom: -30px;
    /* margin-bottom: 50px; */
    padding-top: 50px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact {
    display: flex;
    flex-wrap: wrap;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader>div {
    flex: 0 0 auto;
    margin-bottom: 50px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-type .field__label,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-value .field__label {
    display: none;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-type .field__item,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-value .field__item {
    font-weight: 700;
    font-size: 16px;
    color: #121212;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-value .field__item {
    margin-bottom: 15px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-type .field__item p,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-value .field__item p {
    font-size: 14px;
    color: #767676;
    margin-bottom: 0;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact {
    width: 100%;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader>div:nth-child(odd),
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact>div:nth-child(odd) {
    width: 50%;
    margin-bottom: 50px;
    padding-right: 50px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader>div:nth-child(even),
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact>div:nth-child(even) {
    width: 50%;
    margin-bottom: 50px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader p {
    margin-bottom: 15px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader .field--name-field-leader-email a,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-email a,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-type .field__item a,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programmes-contact .field--name-field-contact-value .field__item a {
    background: url(../image/icon/alink-before-arrow.svg) left bottom 1px no-repeat;
    padding-left: 15px;
    text-decoration: underline;
}

body.page-node-type-programme .programme-detail .block-block-content96fdfdcd-e1f4-46a7-adbf-c42b223732f8 {
    border-top: #CECECE 1px solid;
    width: 100%;
    margin-top: 30px;
    padding-top: 50px;
}

/* body.page-node-type-programme .programme-detail .block-block-content96fdfdcd-e1f4-46a7-adbf-c42b223732f8 {
    width: 100%;
}
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-email {
    width: 50%;
}
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-whatsapp {
    width: 50%;
}
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-email .field__label,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-whatsapp .field__label {
    padding-bottom: 0;
}
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-email .field__label::before,
body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-whatsapp .field__label::before {
    content: none;
} */
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional {
    border-top: #CECECE 1px solid;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 50px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional>div.field--label,
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional>div .field__label {
    display: none;
}

/* body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional>div .field__items {
    display: flex;
} */
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional>div:nth-child(even) {
    width: 50%;
    padding-right: 50px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional>div:nth-child(odd) {
    width: 50%;
}

/* body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional>div.field--label {
    width: 100%;
} */
body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional .field--name-field-additional-name .field__item {
    font-size: 22px;
    display: block;
    margin-bottom: 10px;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-additional .field--name-field-additional-body .field__item p:last-child {
    margin-bottom: 0;
}

body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader.isclass {
    padding-top: 0px;
    border-top: 0;
    height: 1px;
    /* border-bottom: #CECECE 1px solid;
    margin-top: 30px; 
    margin-bottom: 50px;*/
}

/* programme detail - Programmes Media Swiper ******/
.programmes-media-section {
    background-color: #F3F3F3;
    padding-top: 100px;
    padding-bottom: 70px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 87.68%);
    position: relative;
}

.programmes-media-section .block-field-blocknodeprogrammefield-programmes-media {
    display: none;
}

.programmes-media-section .container-xxl {
    position: relative;
}

.programmes-media-section .swiper-button-prev {
    margin-top: 0;
    left: calc(8.335% - 15px);
    top: 65px;
}

.programmes-media-section .swiper-button-prev:hover {
    left: calc(8.335% - 20px);
}

.programmes-media-section .swiper-button-next {
    margin-top: 0;
    right: calc(8.335% - 15px);
    top: 65px;
}

.programmes-media-section .swiper-button-next:hover {
    right: calc(8.335% - 20px);
}

.ProgrammesMediaSwiper {
    width: 83.33%;
    /* padding: 0 8.335%; */
}

.ProgrammesMediaSwiper .pdf-icon1,
.ProgrammesMediaSwiper .pdf-icon2,
.ProgrammesMediaSwiper .video-icon1,
.ProgrammesMediaSwiper .video-icon2 {
    border: #C7C7C7 1px solid;
    color: #121212;
    line-height: 20px;
    text-align: center;
    display: block;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 110px;
    padding-bottom: 50px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.ProgrammesMediaSwiper .pdf-icon1 {
    background: #fff url(../image/icon/pdf-icon1.svg) top 53px center no-repeat;
}

.ProgrammesMediaSwiper .pdf-icon2 {
    background: #fff url(../image/icon/pdf-icon2.svg) top 53px center no-repeat;
}

.ProgrammesMediaSwiper .video-icon1 {
    background: #fff url(../image/icon/video-icon1.svg) top 53px center no-repeat;
}

.ProgrammesMediaSwiper .video-icon2 {
    background: #fff url(../image/icon/video-icon2.svg) top 53px center no-repeat;
}

.ProgrammesMediaSwiper .pdf-icon1:hover,
.ProgrammesMediaSwiper .pdf-icon2:hover,
.ProgrammesMediaSwiper .video-icon1:hover,
.ProgrammesMediaSwiper .video-icon2:hover {
    color: #2E4596;
    background-position: top 48px center;
}

.ProgrammesMediaSwiper .swiper-pagination {
    line-height: 70px;
    position: relative;
    bottom: 0;
}

.isProgrammesMedia .ProgrammesMediaSwiper {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

.isProgrammesMedia .ProgrammesMediaSwiper .item {
    width: 100%;
    max-width: 400px;
}

/* programme detail - View Other Programmes ******/
.block-views-blockother-programmes-block-1 {
    display: none;
}

.block-views-blockother-programmes-block-1 .view-id-other_programmes {
    background-image: linear-gradient(to right, #F6F6F6, #EFB9D2);
    padding-top: 100px;
    padding-bottom: 85px;
    clip-path: polygon(0 0, 100% 0%, 100% 88.4%, 0 100%);
    position: relative;
}

.view-other-programmes .view-header {
    padding: 0 calc(8.335% + 20px);
}

.view-other-programmes .view-header div {
    font-size: var(--font-size-lg);
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 20px;
}

.view-other-programmes .view-content {
    position: relative;
}

.view-other-programmes .swiper-button-prev {
    margin-top: 0;
    left: calc(8.335% - 40px);
    top: calc(50% - 57px);
    ;
}

.view-other-programmes .swiper-button-prev:hover {
    left: calc(8.335% - 45px);
}

.view-other-programmes .swiper-button-next {
    margin-top: 0;
    right: calc(8.335% - 40px);
    top: calc(50% - 57px);
}

.view-other-programmes .swiper-button-next:hover {
    right: calc(8.335% - 45px);
}

.OtherProgrammesSwiper {
    width: 83.33%;
}

.OtherProgrammesSwiper .other-programmes-card {
    background-color: #fff;
    border-bottom: #CF1E5F 4px solid;
    color: #161616;
    line-height: 1.2;
    display: block;
    width: calc(100% - 40px);
    min-height: 242px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 40px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.OtherProgrammesSwiper .other-programmes-card p:first-child {
    color: #000;
    font-size: 22px;
    margin-bottom: 15px;
}

.OtherProgrammesSwiper .other-programmes-card :nth-child(3) {
    color: #161616;
    margin-bottom: 0;
}

.OtherProgrammesSwiper .other-programmes-card .other-programmes-card-title {
    color: #BF1961;
    font-size: 22px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.OtherProgrammesSwiper .other-programmes-card:hover .other-programmes-card-title {
    color: #2E4596;
}

.OtherProgrammesSwiper .other-programmes-card a {
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.OtherProgrammesSwiper .swiper-pagination {
    line-height: 70px;
    position: relative;
    bottom: 0;
}

/* programme detail - intro ******/
.block-field-blocknodeprogrammefield-faq {
    display: none;
}

.block-block-contentef64a63a-cad7-4118-9ff6-84e45a1513ed {
    padding-top: 100px;
    padding-bottom: 100px;
}

.programmes-faq-desktop {
    padding: 0 calc(8.335% + 20px);
}

.programmes-faq-desktop .row .col-md-8 {
    padding-left: 40px;
}

.programmes-faq-left {
    line-height: 1.2;
    position: sticky;
    top: 120px;
}

.programmes-faq-left .nav-pills {
    margin: 0;
    padding: 0;
}

.programmes-faq-left .nav-pills li {
    border-bottom: #CECECE 1px solid;
    padding-top: 20px;
    padding-bottom: 20px;
}

.programmes-faq-left .nav-pills li:first-child {
    padding-top: 0;
}

.programmes-faq-left .nav-pills li>strong {
    background: url(../image/icon/nav-pills-arrow.svg) no-repeat;
    background-size: 21px auto;
    font-size: 18px;
    display: block;
    padding-left: 35px;
}

.programmes-faq-left .nav-pills li.active>strong {
    background: url(../image/icon/nav-pills-arrow-expanded.svg) no-repeat;
    background-size: 21px auto;
}

.programmes-faq-left .nav-pills li>div strong {
    font-size: 18px;
    display: block;
    padding-left: 35px;
    position: relative;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    /* IE 9 */
    -moz-transition: all 0.5s;
    /* Firefox */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.programmes-faq-left .nav-pills li>div strong::after {
    content: '';
    display: block;
    width: 20px;
    height: 21px;
    background: url(../image/icon/nav-pills-arrow.svg) no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    /* IE 9 */
    -moz-transition: all 0.5s;
    /* Firefox */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.programmes-faq-left .nav-pills li>div[aria-expanded="true"] strong::after {
    content: '';
    display: block;
    width: 20px;
    height: 21px;
    background: url(../image/icon/nav-pills-arrow-expanded.svg) no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    position: absolute;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    /* IE 9 */
    -moz-transition: all 0.5s;
    /* Firefox */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.programmes-faq-left .nav-pills li .content>div {
    background: url(../image/icon/pills-programmes-arrow-gray.svg) no-repeat;
    background-size: 20px auto;
    display: block;
    margin-top: 20px;
    padding-left: 35px;
}

.programmes-faq-left .nav-pills li .content>div.active {
    background: url(../image/icon/pills-programmes-arrow-red.svg) no-repeat;
    background-size: 20px auto;
}

.programmes-faq-right {
    border: #CECECE 1px solid;
    /* padding: 50px; */
    padding: 30px;
    min-height: 480px;
}

.programmes-faq-right li {
    list-style: disc;
}

/* .programmes-faq-right .tab-content > .tab-pane {
    border: #CECECE 1px solid;
    padding: 50px;
} */
.programmes-faq-right .tab-content>.tab-pane a {
    text-decoration: underline;
}

.programmes-faq-right .tab-content>.tab-pane img {
    object-fit: contain;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    margin-bottom: 15px;
}

/* .programmes-faq-right .tab-content>.tab-pane article>div:not(.js-media-library-item-preview) {
    display: none;
} */

/* Programme List ***********/
.removelast-Swiper .swiper-slide:last-child,
.path-frontpage .removelast-Swiper .swiper-slide:nth-last-child(2) {
    display: none;
}

/* FAQ ***********/
.page-node-6 #accordion-18641 {
    margin-bottom: 100px;
}

.page-node-6 #accordion-18641>.accordion {
    width: 83.33333333%;
    margin: 0 auto;
}

.page-node-6 #accordion-18641>.accordion>.card-header>.accordion-title>div {
    position: relative;
    padding: 27px 0 27px 67px;
    font-size: 22px;
    line-height: 26px;
    overflow: hidden;
}

.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div,
.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div,
.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div {
    padding: 110px 0 25px 60px;
    color: #fff;
}

.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div,
.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div,
.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div {
    background-image: linear-gradient(to right, #BF175F, #F8E1EB);
}

.page-node-6 #accordion-18641>.accordion>.card-header>.accordion-title>div::after {
    content: "" !important;
    background: #fff url(../image/icon/red-open.svg) center center no-repeat !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    /* IE 9 */
    -moz-transform: translateY(50%);
    /* Firefox */
    -webkit-transform: translateY(50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(50%);
    /* Opera */
    position: absolute;
    left: 26px;
    bottom: 50%;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.page-node-6 #accordion-18641>.accordion>.card-header>.accordion-title>div[aria-expanded="true"]::after {
    content: "" !important;
    background: #fff url(../image/icon/red-merge.svg) center center no-repeat !important;
    transform: rotate(180deg) translateY(-50%);
    -ms-transform: rotate(180deg) translateY(-50%);
    /* IE 9 */
    -moz-transform: rotate(180deg) translateY(-50%);
    /* Firefox */
    -webkit-transform: rotate(180deg) translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg) translateY(-50%);
    /* Opera */
    position: absolute;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div::after,
.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div::after,
.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div::after {
    bottom: 38px;
}

.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div[aria-expanded="true"]::after,
.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div[aria-expanded="true"]::after,
.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div[aria-expanded="true"]::after {
    transform: rotate(180deg) translateY(-50%);
    -ms-transform: rotate(180deg) translateY(-50%);
    /* IE 9 */
    -moz-transform: rotate(180deg) translateY(-50%);
    /* Firefox */
    -webkit-transform: rotate(180deg) translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg) translateY(-50%);
    /* Opera */
}

.page-node-6 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after {
    right: 43px;
}

.page-node-6 #accordion-18641 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
    right: 43px;
}

.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div::before {
    content: "";
    background: #fff url(../image/content/faq-accordion-1.jpg) no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 92% 79%, 10% 100%);
    width: 52.7%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div::before {
    content: "";
    background: #fff url(../image/content/faq-accordion-2.jpg) no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 92% 79%, 10% 100%);
    width: 52.7%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div::before {
    content: "";
    background: #fff url(../image/content/faq-accordion-3.jpg) no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 92% 79%, 10% 100%);
    width: 52.7%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#accordion-18641>.card>.accordion-collapse>div>.paragraph>.paragraph__column {
    padding: 18px 0 35px;
}

/* .page-node-6 .paragraph.paragraph--type--bp-accordion #accordion-18641 .accordion-collapse .paragraph:last-of-type>.paragraph__column {
    padding: 30px 0;
} */

.page-node-6 #accordion-18641 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div {
    padding: 24px 0 24px 110px;
    position: relative;
    font-weight: 700;
}

.page-node-6 #accordion-18641 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"] {
    border-bottom: 0;
}

.page-node-6 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show {
    padding: 20px 60px 20px 110px;
    border-bottom: 1px solid #E3E3E3;
    position: relative;
}

.page-node-6 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show::after {
    content: '';
    width: 1px;
    background-color: #F2D4E2;
    position: absolute;
    left: 71px;
    top: 20px;
    bottom: 50px;
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header>.accordion-title>div::before {
    content: '';
    position: absolute;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: bold;
    left: 59px;
    bottom: 50%;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    /* IE 9 */
    -moz-transform: translateY(50%);
    /* Firefox */
    -webkit-transform: translateY(50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(50%);
    /* Opera */
    color: #fff;
    -webkit-text-stroke: 2px #F2D4E2;
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+1)>.accordion-title>div::before {
    content: 'A';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+3)>.accordion-title>div::before {
    content: 'B';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+5)>.accordion-title>div::before {
    content: 'C';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+7)>.accordion-title>div::before {
    content: 'D';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+9)>.accordion-title>div::before {
    content: 'E';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+11)>.accordion-title>div::before {
    content: 'F';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+13)>.accordion-title>div::before {
    content: 'G';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+15)>.accordion-title>div::before {
    content: 'H';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+17)>.accordion-title>div::before {
    content: 'I';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+19)>.accordion-title>div::before {
    content: 'J';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+21)>.accordion-title>div::before {
    content: 'K';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+23)>.accordion-title>div::before {
    content: 'L';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+25)>.accordion-title>div::before {
    content: 'M';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+27)>.accordion-title>div::before {
    content: 'N';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+29)>.accordion-title>div::before {
    content: 'O';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+31)>.accordion-title>div::before {
    content: 'P';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+33)>.accordion-title>div::before {
    content: 'Q';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+35)>.accordion-title>div::before {
    content: 'R';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+37)>.accordion-title>div::before {
    content: 'S';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+39)>.accordion-title>div::before {
    content: 'T';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+41)>.accordion-title>div::before {
    content: 'U';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+43)>.accordion-title>div::before {
    content: 'V';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+47)>.accordion-title>div::before {
    content: 'W';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+49)>.accordion-title>div::before {
    content: 'X';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+51)>.accordion-title>div::before {
    content: 'Y';
}

.page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(26n+53)>.accordion-title>div::before {
    content: 'Z';
}

.page-node-6 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse>.paragraph--type--bp-simple {
    margin-bottom: 15px;
}

.page-node-6 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse>.paragraph--type--bp-simple>.paragraph__column {
    padding: 0;
}

/* Fees and Scholarships ***********/
/* .page-node-5 .block-field-blocknodepagefield-content {
    width: 83.33333333%;
    margin: 0 auto;
} */
/* Fees and Charges */
.page-node-5 .paragraph--type--bp-tabs#tab-17894 .paragraph__column {
    padding-top: 0 !important;
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav {
    border-bottom: none;
    width: 66.66666667%;
    margin: 0 auto 20px;
    justify-content: space-between;
    display: flex;
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li {
    position: relative;
    width: calc(50% - 20px);
    text-align: center;
    aspect-ratio: 5 / 3;
    background: #BF1860 url(../image/content/fees-and-charges-img-1.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.30);
    z-index: 2;
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li::before {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 0% 100%);
    content: '';
    width: 0%;
    height: 0%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li:nth-child(2) {
    background: #BF1860 url(../image/content/fees-and-charges-img-2.jpg) no-repeat;
    background-size: cover;
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    z-index: 9;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li:hover>div {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -moz-transform: scale(1.1);
    /* Firefox */
    -webkit-transform: scale(1.1);
    /* Safari 和 Chrome */
    -o-transform: scale(1.1);
    /* Opera */
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li:hover::before,
.page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li.active::before {
    width: 110%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 0.9;
}

.page-node-5 .paragraph--type--bp-tabs#tab-17894 .tab-content .paragraph>.paragraph__column {
    padding-top: 0;
}

.page-node-5 .fees-charges-tab-content {
    line-height: 26px;
    width: 83.33333333%;
    margin: 0 auto;
    padding-top: 80px;
}

.page-node-5 .fees-charges-tab-content ul {
    padding-left: 0;
}

.page-node-5 .fees-charges-tab-content ul li {
    border: 1px solid #CECECE;
    margin-bottom: 20px;
    list-style: none !important;
}

.page-node-5 .fees-charges-tab-content ul li .title {
    text-align: center;
    background: #767676;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    padding: 12px;
}

.page-node-5 .fees-charges-tab-content ul li .subcontent {
    text-align: center;
    padding: 30px;
}

.page-node-5 .fees-charges-tab-content ul li .subcontent>div:first-child {
    margin-bottom: 10px;
}

.page-node-5 .fees-charges-tab-content ul li .price {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.page-node-5 .fees-charges-tab-content ul li .introduce {
    color: #767676;
    font-size: 16px;
}

.page-node-5 .fees-charges-tab-content ul li:nth-child(1) {
    background-color: #FBF3F7;
    border: 1px solid #BF165E;
}

.page-node-5 .fees-charges-tab-content ul li:nth-child(1) .title {
    background: #BF1860;
}

.page-node-5 .fees-charges-tab-content .title-notes {
    margin-top: 50px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.page-node-5 .fees-charges-tab-content ol {
    margin-bottom: 20px;
    padding-left: 1rem;
}

.page-node-5 .fees-charges-tab-content ol li {
    color: #525252;
    font-size: 14px;
}

.page-node-5 #tab-17894 {
    /* padding-bottom: 80px;
    margin-bottom: 100px; */
    position: relative;
}

.page-node-5 .fees-charges-tab-content hr {
    margin-top: 100px;
    margin-bottom: 100px;
}

/* .page-node-5 #tab-17894::after {
    background-color: #CECECE;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 8.33333333%;
    right: 8.33333333%;
    bottom: 0;
} */

/* Scholarships */
.page-node-5 #tab-17961 h2 .field--name-bp-header {
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
}

.page-node-5 #tab-17961 ul.nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}

.page-node-5 #tab-17961 ul.nav-tabs li {
    background-color: #FBF3F7;
    color: #000;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    width: 25%;
    margin: 0 20px;
    padding: 15px;
}

.page-node-5 #tab-17961 ul.nav-tabs li:nth-child(1) .paragraph-tab-title::before {
    background: url(../image/icon/academic-icon.svg) no-repeat;
    background-size: cover;
    content: '';
    vertical-align: text-top;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    margin-top: -2px;
}

.page-node-5 #tab-17961 ul.nav-tabs li:nth-child(1).active .paragraph-tab-title::before {
    background: url(../image/icon/academic-icon-checked.svg) no-repeat;
}

.page-node-5 #tab-17961 ul.nav-tabs li:nth-child(2) .paragraph-tab-title::before {
    background: url(../image/icon/non-academic-icon.svg) no-repeat;
    background-size: cover;
    content: '';
    vertical-align: text-top;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    margin-top: -2px;
}

.page-node-5 #tab-17961 ul.nav-tabs li:nth-child(2).active .paragraph-tab-title::before {
    background: url(../image/icon/non-academic-icon-checked.svg) no-repeat;
}

.page-node-5 #tab-17961 ul.nav-tabs li.active {
    background-color: #BF1860;
    color: #fff;
}

.page-node-5 #tab-17961 .tab-content {
    width: 83.33333333%;
    margin: 0 auto;
}

.page-node-5 #tab-17961 .paragraph__column {
    padding-top: 0 !important;
}

.page-node-5 #tab-17961 .paragraph__column>.field--name-bp-text {
    border-left: #F2D4E2 2px solid;
    padding-left: 45px;
}

.page-node-5 #tab-17961 .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header {
    background-color: unset;
    border-bottom: 1px solid #E3E3E3;
    padding: 24px 40px 24px 0;
    margin-top: 0;
}

/* .page-node-5 #tab-17961 .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header:nth-child(1) {
    border-top: 1px solid #E3E3E3;
} */
.page-node-5 #tab-17961 .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header.show {
    border-bottom: unset;
}

.page-node-5 #tab-17961 .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.card-header .accordion-title>div:after {
    content: "" !important;
    background: url(../image/icon/open.svg) center center no-repeat !important;
    background-size: contain !important;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    position: absolute;
    right: -40px;
    top: 50%;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.page-node-5 #tab-17961 .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after,
.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
    content: "" !important;
    background: url(../image/icon/merge.svg) center center no-repeat !important;
    background-size: 100% auto;
    transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    /* IE 9 */
    -moz-transform: rotate(180deg) translateY(50%);
    /* Firefox */
    -webkit-transform: rotate(180deg) translateY(50%);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg) translateY(50%);
    /* Opera */
    position: absolute;
    right: -40px;
    top: 50%;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.page-node-5 #tab-17961 .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.accordion-collapse {
    border-bottom: 1px solid #E3E3E3;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316 .paragraph:last-of-type>.paragraph__column {
    padding: 0;
}

/* Apply Now***********/
#block-sidebarapplynow,
#event_button {
    position: fixed;
    top: 20%;
    z-index: 50;
    right: 0px;
}

#block-sidebarapplynow a,
#event_button a {
    color: #fff;
    display: block;
    background: #BF165E;
    cursor: pointer;
    text-align: center;
    width: 64px;
    height: 64px;
    line-height: 20px;
    word-break: break-word;
    font-size: 16px;
    font-weight: 700;
    padding-top: 11px;
    position: relative;
}

#event_button a {
    width: 70px;
    height: 70px;
    margin-top: 15px;
}

#block-sidebarapplynow a::before,
#event_button a::before {
    content: '';
    background-color: #86194A;
    clip-path: polygon(0 0, 100% 33%, 100% 0);
    position: absolute;
    bottom: -42px;
    height: 43px;
    width: 100%;
    left: 0;
}

/* Apply Now detail ***********/
h3.subtitle {
    font-size: 30px;
}

.apply-now-content-3 {
    display: none;
}

.apply-now-content-1 {
    margin-bottom: 100px;
}

.apply-now-content-1 h2 {
    color: #BF165E;
}

.apply-now-content-2 ul {
    border-bottom: unset;
    max-width: 70%;
    margin: auto;
    justify-content: space-between;
    display: flex;
    margin-bottom: 100px;
    padding-left: 0;
}

.apply-now-content-2 ul>li {
    position: relative;
    width: calc(50% - 20px);
    text-align: center;
    aspect-ratio: 5 / 3;
    background: url(../image/content/apply-now-img-1.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
}

.apply-now-content-2 ul>li:nth-child(2) {
    background: url(../image/content/apply-now-img-2.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
}

.apply-now-content-2 ul>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    z-index: 9;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.apply-now-content-2 ul>li>a>span {
    position: absolute;
    bottom: 44px;
    left: 47px;
}

.apply-now-content-2 ul>li::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.30);
    z-index: 2;
}

.apply-now-content-2 ul>li::before {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 11.11% 80%, 100% 100%, 0% 100%);
    content: '';
    width: 33.33%;
    height: 33.33%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.apply-now-content-2 ul>li:hover:before {
    width: 110%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.page-node-187 main {
    padding-bottom: 0;
}

.page-node-187 .paragraph--id--26389 {
    padding: 300px 0 220px 0;
    background: linear-gradient(90deg, #EFB9D2 0%, #F6F6F6 100%);
    margin-top: -250px;
}

.apply-now-content-3 .subcontent {
    position: relative;
    padding: 40px;
    background: #FFF;
    margin: auto;
}

.apply-now-content-3 .subcontent h3 {
    font-size: 22px;
}

.apply-now-content-3 .subcontent::before {
    content: "";
    background: url(../image/content/apply-now-img-3.svg) center center no-repeat;
    background-size: cover;
    position: absolute;
    width: 355px;
    height: 91px;
    top: -21px;
    left: -21px;
}

.apply-now-content-3 .subcontent::after {
    content: "";
    background: url(../image/content/apply-now-img-4.svg) center center no-repeat;
    background-size: cover;
    position: absolute;
    width: 355px;
    height: 91px;
    bottom: -21px;
    right: -21px;
}

/* Local Applicants ***********/
.page-node-188 main,
.page-node-189 main {
    padding-bottom: 0;
}

.local-applicants-content .container-width h2 {
    color: #BF165E;
    font-weight: 900;
    margin-bottom: 30px;
}

.local-applicants-content .container-width h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.local-applicants-content .container-width p {
    font-size: 16px;
}

.local-applicants-content .container-width .application-button {
    display: flex;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.local-applicants-content .container-width .application-button>a {
    font-size: 22px;
    line-height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 20px);
    max-width: 356px;
    min-height: 60px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 16px 22px;
    position: relative;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.local-applicants-content .container-width .application-button>a:nth-child(1) {
    background: #BF1860;
    color: #fff;
}

.local-applicants-content .container-width .application-button>a:nth-child(1)::after {
    background: url(../image/icon/apply-btn-after-arrow.svg) center center no-repeat;
    content: '';
    flex: 0 0 auto;
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-left: 10px;
    margin-bottom: 2px;
    position: relative;
}

.local-applicants-content .container-width .application-button>a:nth-child(2)::after {
    background: url(../image/icon/arrow-red-10-14.svg) center center no-repeat;
    content: '';
    flex: 0 0 auto;
    display: inline-block;
    width: 10px;
    height: 14px;
    margin-left: 10px;
    margin-bottom: 0px;
    position: relative;
}

.local-applicants-content .container-width .application-button>a:nth-child(2) {
    background: #FBF3F7;
    color: #000;
}

.local-applicants-content .container-width .application-button>a:hover::after {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.page-node-188 .paragraph--id--26432,
.page-node-189 .paragraph--id--26435 {
    width: 100%;
    height: 100%;
    background: url(../image/content/local-applicants-bg.jpg) no-repeat;
    background-size: auto;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100px;
}

.applicationview-header-content .content {
    max-width: 1080px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: auto;
    margin-left: auto;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-bottom: 50px;
}

.applicationview-header-content h2 {
    color: #000;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: 110px;
}

.application-ul {
    padding: 0;
    justify-content: space-between;
    display: flex;
    margin-bottom: 50px;
}

.application-ul li {
    position: relative;
    width: calc(33.333% - 20px);
    text-align: center;
    aspect-ratio: 5 / 3;
    background: url(../image/content/local-applicants-img-1.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.application-ul li>div {
    width: 90%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    z-index: 9;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.application-ul li::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.30);
    z-index: 2;
}

.application-ul li::before {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 0% 100%);
    content: '';
    width: 0%;
    height: 0%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.application-ul li:hover>div,
.application-ul li.on>div {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -moz-transform: scale(1.1);
    /* Firefox */
    -webkit-transform: scale(1.1);
    /* Safari 和 Chrome */
    -o-transform: scale(1.1);
    /* Opera */
}

.application-ul li:hover::before,
.application-ul li.on::before {
    width: 110%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 0.9;
}

.view-block-application-procedures .view-content>.views-row {
    display: none;
}

.application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header,
.page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header,
.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header {
    margin-top: 0;
    border-bottom: 1px solid #E3E3E3;
    background: #FFF;
    padding: 24px 26px;
}

.application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header.show,
.page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header.show,
.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header.show {
    border-bottom: unset;
}

.application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.accordion-collapse {
    border-bottom: 1px solid #E3E3E3;
}

.application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
.page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after {
    content: "" !important;
    background: url(../image/icon/open.svg) center center no-repeat !important;
    background-size: contain !important;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    /* Opera */
    position: absolute;
    right: 0px;
    top: 50%;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after,
.page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after,
.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
    content: "" !important;
    background: url(../image/icon/merge.svg) center center no-repeat !important;
    background-size: 100% auto;
    transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    /* IE 9 */
    -moz-transform: rotate(180deg) translateY(50%);
    /* Firefox */
    -webkit-transform: rotate(180deg) translateY(50%);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg) translateY(50%);
    /* Opera */
}

.application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show,
.page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show,
.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show {
    padding: 0 0 24px 50px;
    border-bottom: 1px solid #E3E3E3;
    position: relative;
}

.application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show::after,
.page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show::after,
.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show::after {
    content: '';
    width: 1px;
    height: calc(100% - 24px);
    background-color: #F2D4E2;
    position: absolute;
    left: 50px;
    top: 0;
}

.page-node-188 .apply-now-content-3,
.page-node-189 .apply-now-content-3 {
    background: #F3F3F3;
    padding: 120px 0 220px 0;

}


/* page node type page ***********/
.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph>.paragraph__column {
    padding: 15px 26px 0 26px;
}

.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph>.paragraph__column .paragraph__column {
    padding: 0;
}

.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container .paragraph--bp-accordion-container>.paragraph--type--bp-accordion {
    margin: 0;
}

.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column .paragraph__column>.card>.card-header {
    border-bottom: none;
    padding: 0;
}

.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column .paragraph__column>.card>.card-header .accordion-title>div:after {
    content: none;
}

.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column .paragraph__column>.card>.card-header .accordion-title>div {
    font-size: 16px;
    padding: 15px 27px 15px 0;
}

.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column .paragraph__column>.card>.collapse.show {
    padding: 0;
}

.page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column .paragraph__column>.card>.collapse.show::after {
    content: none;
}

/* Admissions Office ***********/
.admissions-office-content .item-img {
    overflow: hidden;
    clip-path: polygon(0 0, 100% 7%, 100% 100%, 0% 100%);
    position: sticky;
    top: 120px;
}

.admissions-office-content .item-img::after {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 10% 80%, 100% 100%, 0% 100%);
    content: '';
    width: 100%;
    max-width: 490px;
    height: 25%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.admissions-office-content .admissions-office-suncontent {
    border-top: 2px solid #BF165E;
    margin-top: 60px;
    border-bottom: 2px solid #B8B8B8;
}

.admissions-office-content .admissions-office-suncontent h2 {
    margin-top: 40px;
    color: #BF165E;
    font-weight: 900;
    margin-bottom: 30px;
}

.admissions-office-content .admissions-office-suncontent p {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
}

.admissions-office-content .admissions-office-suncontent .author {
    margin-top: 40px;
}

.admissions-office-content .admissions-office-suncontent .author>div {
    color: #000;
    font-size: 30px;
    font-weight: 700;
}

.admissions-office-content .admissions-office-suncontent .author>p {
    color: #525252;
    font-size: 18px;
    margin-bottom: 40px;
}

.admissions-team-title {
    margin: 100px 0 50px 0;
    font-weight: 900;
    color: #000;
    font-size: 42px;
}

.paragraph--type--admissions-team {
    display: inline-block;
    width: calc(25% - 2.5px);
    min-width: fit-content;
    position: relative;
    padding-left: 64px;
}

.paragraph--type--admissions-team::after {
    background-color: #BF165E;
    content: '';
    display: block;
    width: 3px;
    height: 22px;
    position: absolute;
    left: 44px;
    top: 50%;
    transform: translateY(-50%) rotate(18.31deg);
    -ms-transform: translateY(-50%) rotate(18.31deg);
    /* IE 9 */
    -moz-transform: translateY(-50%) rotate(18.31deg);
    /* Firefox */
    -webkit-transform: translateY(-50%) rotate(18.31deg);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%) rotate(18.31deg);
    /* Opera */
}

.paragraph--type--admissions-team .field--name-field-title {
    color: #000;
    font-size: 18px;
    line-height: 32PX;
    margin: 10px auto
}

.page-node-39 .paragraph--id--34316 {
    background: linear-gradient(to left, #EFB9D2, #F6F6F6);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%);
    padding: 35px 0 170px 0;
}

.page-node-39 .paragraph--id--34316 .paragraph__column {
    margin: 0;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.card-header {
    background-color: unset;
    margin-top: 0;
    padding: 24px 0;
    border-bottom: 1px solid #000;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.card-header.show {
    border-bottom: unset;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.card-header.show .accordion-title>div {
    color: #BF165E;
    font-size: 18px;
    font-weight: 700;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.accordion-collapse:nth-child(2)>div {
    display: inline-block;
    width: auto;
    padding-left: 40px;
    position: relative;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.accordion-collapse:nth-child(2)>div::after {
    width: 4px;
    height: 29px;
    left: 17px;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.accordion-collapse:nth-child(2) .paragraph--type--admissions-team .field--name-field-title {
    color: #000;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.card-header .accordion-title>div:after,
.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
    right: 0px;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.accordion-collapse {
    background-color: unset;
}

.page-node-39 .paragraph--bp-accordion-container>.paragraph--id--34316>.paragraph__column>.card>.accordion-collapse {
    padding: 16px 0 40px 0;
    border-bottom: 1px solid #000;
}

/* Search ***********/
.block-views-blocksearch-and-watch-block-1 .views-exposed-form .form--inline>div:nth-child(1) label {
    font-size: 22px;
    font-weight: bold;
}

.block-views-blocksearch-and-watch-block-1 .views-exposed-form .form--inline>div:nth-child(1) input {
    border-radius: 0.1rem;
}

.block-views-blocksearch-and-watch-block-1 .view-id-search_and_watch .view-content {
    margin-top: 100px;
}

.block-views-blocksearch-and-watch-block-1 .views-exposed-form .form--inline>div:nth-child(2) {
    display: inline-block;
    margin-top: 44px;
    margin-left: 20px;
}

.block-views-blocksearch-and-watch-block-1 .views-row {
    margin: 1em 0 1.5em;
    position: relative;
}

.search-table {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 26px;
    padding-right: 40px;
}

.block-views-blocksearch-and-watch-block-1 .views-row::after {
    background: url(/admo/themes/custom/admission_theme/image/icon/card-btn-arrow.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.block-views-blocksearch-and-watch-block-1 .views-row:hover:after {
    right: 5px;
    top: 8px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

.search-table .title {
    font-weight: 900;
    line-height: 1.2em;
    font-size: 2rem;
    color: #161616;
    text-decoration: none;
}

.search-table .date {
    font-size: 16px;
    color: #767676;
    margin-top: 10px;
}

.search-table:hover .title {
    color: #BF165E;
}

.search-table .description {
    color: #767676;
    font-size: 18px;
    margin-top: 25px;
}

.search-table .description p {
    color: #767676;
}

/* Contact Us ***********/
.first-title-scction .swiper-section {
    position: relative;
    width: calc(100% - 128px);
    display: block;
    margin: auto;
}

.first-title-scction .swiper-section .contact-swiper-button-prev {
    left: -64px;
}

.first-title-scction .swiper-section .contact-swiper-button-next {
    right: -64px;
}

.first-title-scction .swiper-section .contact-swiper-button-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

.first-title-scction .swiper-section .contact-swiper-button-next:hover {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.first-title-scction .swiper-section .swiper-pagination {
    margin-top: 20px;
    position: relative;
    bottom: 0;
}

.first-title-scction .swiper-section .contactSwiper a {
    background-color: #BF1860;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.first-title-scction .swiper-section .contactSwiper a img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 3 / 2;
}

.first-title-scction .swiper-section .contactSwiper .swiper-slide {
    overflow: hidden;
}

.first-title-scction .swiper-section .contactSwiper a::before {
    background-color: rgba(0, 0, 0, .3);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.first-title-scction .swiper-section .contactSwiper .title {
    position: absolute;
    bottom: 36px;
    left: 26px;
    color: #FFF;
    font-size: 28px;
    font-weight: bold;
    z-index: 5;
    text-align: left;
}

.first-title-scction .swiper-section .contactSwiper a::after {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 11.11% 80%, 100% 100%, 0% 100%);
    content: '';
    width: 33.33%;
    height: 33.33%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.first-title-scction .swiper-section .contactSwiper a:hover::after {
    width: 110%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.page-node-40 .first-title-scction h2 {
    margin-bottom: 50px;
}

.page-node-40 .first-title-scction .button {
    padding: 0;
    margin: 0;
    margin-top: 100px;
    margin-bottom: 100px;
}

.page-node-40 .first-title-scction .button>a {
    padding: 15px 38px;
    background: #BF1860;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.page-node-40 .first-title-scction .button>a>img {
    margin-left: 8px;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.page-node-40 .first-title-scction .button>a:hover img {
    margin-left: 15px;
}

.page-node-40 .paragraph--type--layout-container-column-two-sect {
    position: relative;
    margin-top: 50px;
    padding-top: 100px;
}

.page-node-40 .paragraph--type--layout-container-column-two-sect::before {
    background-image: linear-gradient(95deg, #FAFAFA 28%, #F4DDE7 70%);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 7.14%, 100% 0%, 72.66% 100%, 0% 60%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first .field--name-bp-image-field {
    overflow: hidden;
    clip-path: polygon(0 0, 100% 7%, 100% 100%, 0% 100%);
    position: sticky;
    top: 120px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first .field--name-bp-image-field img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 71 / 100;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first .field--name-bp-image-field::after {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 10% 80%, 100% 100%, 0% 100%);
    content: '';
    width: 100%;
    height: 25%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.page-node-40 .paragraph--id--26482 h2 {
    color: #000;
    font-weight: 900;
    margin-bottom: 50px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second {
    padding-top: 50px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second p {
    font-size: 18px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul {
    margin-top: 30px;
    padding-left: 0;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li {
    list-style: none;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:not(:last-child) {
    margin-bottom: 40px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li p {
    margin-bottom: 15px;
    font-size: 16px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:nth-child(1) a {
    color: #C8285F;
    font-size: 18px;
    font-weight: 700;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:nth-child(1) a img {
    margin-left: 8px;
    margin-top: -4px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:nth-child(2) h3 {
    margin-top: 40px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:nth-child(2) p:nth-child(2) {
    margin-bottom: 4px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:nth-child(4)>div {
    display: flex;
    color: #000;
    font-size: 16px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:nth-child(4)>div:nth-child(2) {
    margin-bottom: 15px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:nth-child(4)>div>div:nth-child(1) {
    max-width: 170px;
    width: 170px;
    margin-right: 77px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content .Notes h4 {
    margin-top: 40px;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content .Notes p {
    color: #525252;
    font-size: 14px;
}

.page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first {
    align-self: start;
    position: sticky;
    top: 120px;
}



@media screen and (min-width: 40em) {
    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first {
        flex: 0 1 40%;
        padding: 0 25px;
    }

    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--second {
        flex: 0 1 60%;
        padding: 0 25px;
    }
}

/* Admissions Detail ***********/
/* Admissions Detail == banner */
.page-banner .block-field-blocknodeadmissionstitle h1 span {
    margin-right: 10px;
}

.page-node-type-admissions .block-field-blocknodeadmissionsfield-type {
    display: none;
}

/* Admissions Detail == General */
.page-node-type-admissions .admissions-General {
    margin-bottom: 100px;
}

.page-node-type-admissions .admissions-General table thead {
    border-top: 4px solid #767676;
    background: #F2F2F2;
    border-bottom: unset;
}

.page-node-type-admissions .admissions-General table thead>tr {
    border-bottom: unset;
}

.page-node-type-admissions .admissions-General table thead>tr>th {
    padding: 50px 0;
    width: 16.6667%;
}

.page-node-type-admissions .admissions-General table thead>tr>th:nth-last-child(2),
.page-node-type-admissions .admissions-General table thead>tr>th:nth-last-child(1) {
    position: relative;
}

.page-node-type-admissions .admissions-General table thead>tr>th:nth-last-child(2)::before {
    content: '';
    width: 1px;
    height: 60%;
    position: absolute;
    background-color: #8D8D8D;
    left: 1px;
    top: 20%;
}

.page-node-type-admissions .admissions-General table thead>tr>th>div:nth-child(1) {
    font-size: 16px;
    color: #000;
}

.page-node-type-admissions .admissions-General table thead>tr>th>div:nth-child(2) {
    font-size: 24px;
    color: #000;
    font-weight: bold;
}

.page-node-type-admissions .admissions-General table th {
    border: unset;
}

.page-node-type-admissions .admissions-General table tbody {
    border-right: 2px solid #F3E3EB;
    border-bottom: 2px solid #F3E3EB;
    border-left: 2px solid #F3E3EB;
}

.page-node-type-admissions .admissions-General table tbody tr,
.page-node-type-admissions .admissions-General table tbody td,
.page-node-type-admissions .admissions-General table tbody th {
    border: unset;
}

.page-node-type-admissions .admissions-General table tbody td {
    padding: 30px 20px;
}

.page-node-type-admissions .admissions-General table tbody td>div:nth-child(1) {
    color: #BF165E;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Admissions Detail == Key Dates */
.page-node-type-admissions .admissions-key-dates {
    padding-top: 100px;
    background: url(../image/content/admissions-key-bg.jpg) center top no-repeat;
    background-size: cover;
    width: 100%;
    margin-bottom: 100px;
    margin-top: 100px;
}

.page-node-type-admissions .admissions-key-dates p {
    margin-bottom: 0;
}

.page-node-type-admissions .admissions-key-dates .card-content {
    opacity: 0;
    position: absolute;
    width: 150%;
    background: linear-gradient(90deg, #FFF 0%, #F0C1D7 100%);
    padding: 24px;
    left: -25%;
    margin-top: 0px;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.page-node-type-admissions .admissions-key-dates .card-content::after {
    content: '';
    height: 100%;
    width: 2px;
    background-color: #F1C1D8;
    position: absolute;
    left: calc(50% - 1px);
    top: -100%;
    z-index: -1;
}

.page-node-type-admissions .admissions-key-dates .card-content .title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 10px;
}

.page-node-type-admissions .admissions-key-dates .card-content .content p {
    color: #525252;
    font-size: 16px;
    line-height: 23px;
}

.page-node-type-admissions .key-dates-section {
    position: relative;
}

.page-node-type-admissions .keySwiper {
    padding: 30px 58px 0 58px;
    padding-bottom: 240px;
}

.page-node-type-admissions .keySwiper-card {
    position: relative;
    cursor: pointer;
}

.page-node-type-admissions .keySwiper-card .card-section {
    border-right: 4px solid #BF165E;
    border-bottom: 4px solid #BF165E;
    background: #FFF;
    aspect-ratio: 1;
    padding: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 9;
    top: 0;
}

.page-node-type-admissions .keySwiper-card .card-section .date {
    font-size: 22px;
    color: #161616;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 5px;
    z-index: 2;
    position: relative;
}

.page-node-type-admissions .keySwiper-card .card-section .year {
    color: #BF165E;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: auto;
    position: relative;
    z-index: 9;
}

.page-node-type-admissions .keySwiper-card .card-section .title {
    font-size: 16px;
    color: #000;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    min-height: 60px;
}

.page-node-type-admissions .key-dates-section .keyswiper-button-next {
    right: -60px;
    top: 24%;
}

.page-node-type-admissions .key-dates-section .keyswiper-button-prev {
    left: -60px;
    top: 24%;
}

.page-node-type-admissions .key-dates-section .keyswiper-pagination {
    bottom: calc(50% - 80px);
    z-index: 0;
}

.page-node-type-admissions .keySwiper-card::after {
    position: absolute;
    content: '';
    width: 36px;
    height: 2px;
    background: linear-gradient(#9E9E9E, #E0E0E0);
    top: 50%;
    right: -36px;
}

.page-node-type-admissions .swiper-slide:last-child .keySwiper-card::after {
    position: unset;
}

.keySwiper-card:hover .card-content {
    opacity: 1;
    margin-top: 30px;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.keySwiper-card:hover .card-section {
    top: -20px;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
    border-right: 4px solid #F5BDD7;
    border-bottom: 4px solid #F5BDD7;
    background: #BF165E;
}

.keySwiper-card:hover .card-section .date,
.keySwiper-card:hover .card-section .year,
.keySwiper-card:hover .card-section .title {
    color: #FFF;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.keySwiper-card.no-content:hover .card-section .date,
.keySwiper-card.no-content:hover .card-section .year,
.keySwiper-card.no-content:hover .card-section .title,
.keySwiper-card.no-content:hover .card-section,
.keySwiper-card.no-content:hover .card-content {
    transition: unset;
    -ms-transition: unset;
    /* IE 9 */
    -moz-transition: unset;
    /* Firefox */
    -webkit-transition: unset;
    /* Safari 和 Chrome */
    -o-transition: unset;
    /* Opera */
    position: unset;
}

.keySwiper-card.no-content:hover .card-content {
    display: none;
}

.page-node-type-admissions .keySwiper .swiper-slide .card-section::after {
    content: '01';
    color: #F4F4F4;
    font-size: 70px;
    font-weight: 900;
    position: absolute;
    top: -11px;
    right: 20px;
    z-index: 1;
    cursor: pointer;
}

.page-node-type-admissions .keySwiper .keySwiper-card:hover .card-section::after {
    color: #DD4586;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(2) .card-section::after {
    content: '02';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(3) .card-section::after {
    content: '03';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(4) .card-section::after {
    content: '04';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(5) .card-section::after {
    content: '05';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(6) .card-section::after {
    content: '06';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(7) .card-section::after {
    content: '07';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(8) .card-section::after {
    content: '08';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(9) .card-section::after {
    content: '09';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(10) .card-section::after {
    content: '10';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(11) .card-section::after {
    content: '11';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(12) .card-section::after {
    content: '12';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(13) .card-section::after {
    content: '13';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(14) .card-section::after {
    content: '14';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(15) .card-section::after {
    content: '15';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(16) .card-section::after {
    content: '16';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(17) .card-section::after {
    content: '17';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(18) .card-section::after {
    content: '18';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(19) .card-section::after {
    content: '19';
}

.page-node-type-admissions .keySwiper .swiper-slide:nth-child(20) .card-section::after {
    content: '20';
}

/* Admissions Detail == applicants */
/* .page-node-type-admissions .applicants {
    margin-top: 100px
}

.page-node-type-admissions .applicants {
    padding-left: 20px;
    padding-right: 20px;
} */

.page-node-type-admissions .applicants>div {
    background: url(../image/content/admission-group-bg.jpg) center top no-repeat;
    background-size: cover;
    clip-path: polygon(0% 0%, 100% 0%, 100% 87.75%, 0% 100%);
    width: 100%;
    min-height: 640px;
    padding: 80px 0;
    position: relative;
}

.page-node-type-admissions .applicants>div::before {
    background-image: linear-gradient(to right, #fff 55%, #ffffff00 100%);
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.page-node-type-admissions .applicants>div>.row {
    position: relative;
}

.page-node-type-admissions .applicants h2 {
    max-width: 494px;
}

body.page-node-type-admissions .applicants p {
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
}

/* Admissions Detail == Admission Applicants */
body.page-node-type-admissions .admission-applicants {
    margin-bottom: 50px;
}

body.page-node-type-admissions .admission-applicants h2 {
    margin-bottom: 50px;
}

body.page-node-type-admissions .admission-applicants .applicants-item-top {
    border-top: 4px solid #3673A6;
    background: #EBF3FF;
    padding: 0 34px;
    min-height: 175px;
    margin-bottom: 55px;
    position: relative;
    display: flex;
}

body.page-node-type-admissions .admission-applicants .applicants-item-top>svg {
    position: absolute;
    bottom: -35px;
    left: calc(50% - 35px);
}

body.page-node-type-admissions .admission-applicants .applicants-item-bottom {
    background: #EBF3FF;
    justify-content: center;
    display: flex;
    padding: 40px 0;
}

body.page-node-type-admissions .admission-applicants .applicants-item-bottom>a {
    background: #BF1860;
    color: #FFF;
    padding: 20px 14px;
    display: inline-block;
    text-align: center;
    max-width: 228px;
}

body.page-node-type-admissions .admission-applicants .applicants-item-top p {
    margin-bottom: 0;
    font-weight: 500;
    align-self: center
}

body.page-node-type-admissions .admission-applicants .applicants-col:nth-child(2) .applicants-item-top {
    border-top: 4px solid #BF1860;
    background: #FBF3F7;
}

body.page-node-type-admissions .admission-applicants .applicants-col:nth-child(2) .applicants-item-bottom>span {
    padding: 0 18px;
    line-height: 92px;
}

body.page-node-type-admissions .admission-applicants .applicants-col:nth-child(2) .applicants-item-bottom>a:nth-child(3) {
    background: #FFC700;
    color: #000;
}

body.page-node-type-admissions .admission-applicants .applicants-col {
    margin-bottom: 50px;
}


/* Admissions Detail == csac */
body.page-node-type-admissions .admissions-csac {
    margin: 100px 0;
    background: linear-gradient(90deg, #EFB9D2 0%, #F6F6F6 100%);
    padding-top: 100px;
    padding-bottom: 100px;
}

body.page-node-type-admissions .admissions-csac h2 {
    color: #000;
    margin-bottom: 50px;
}

@media all and (min-width: 1400px) {
    body.page-node-type-admissions .admissions-csac h3 {
        font-size: 30px;
        font-weight: 700;
    }
}

body.page-node-type-admissions .admissions-csac .admissions-table>p {
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px;
}

body.page-node-type-admissions .admissions-csac .admissions-table .table thead th:nth-child(2) {
    width: 70%;
}

body.page-node-type-admissions .admissions-csac table {
    background-color: #fff;
    border: 1px solid #BF165E;
    margin-bottom: 50px;
    max-width: 100% !important;
}

body.page-node-type-admissions .admissions-csac table thead tr th {
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding-top: 14px;
    padding-bottom: 14px;
}

body.page-node-type-admissions .admissions-csac table tbody td {
    border: unset;
    text-align: center;
    padding: 14px;
}

/* body.page-node-type-admissions .admissions-csac table tbody tr:first-child th {
    min-width: 320px;
}

body.page-node-type-admissions .admissions-csac table tbody tr:first-child td {
    width: 33.3333%;
} */


body.page-node-type-admissions .admissions-csac table> :not(caption)>tr {
    border-width: 0;
}

body.page-node-type-admissions .admissions-csac table tbody tr th {
    border-right: 1px solid #CACACA;
    /* padding: 14px 30px 14px 30px; */
}

body.page-node-type-admissions .admissions-csac table.table> :not(caption)>*>th {
    border-bottom-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-top-color: #fff;
}

body.page-node-type-admissions .admissions-csac table tbody tr:nth-child(even) {
    background: #F8F8F8;
}

body.page-node-type-admissions .admissions-csac .Notes>p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

body.page-node-type-admissions .admissions-csac .Notes {
    margin-bottom: 50px;
}

body.page-node-type-admissions .admissions-csac .Notes ul {
    padding-left: 1rem;
}

body.page-node-type-admissions .admissions-csac .Notes ul li {
    list-style-type: decimal !important;
    font-size: 14px;
    color: #525252;
}

body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab {
    border-bottom: unset;
}

body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab>li {
    margin-right: 10px;
    margin-bottom: 20px;
}

body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab>li button {
    background: #BF1860;
    color: #fff;
    --bs-nav-link-color: unset;
    --bs-nav-link-hover-color: unset;
    border-radius: unset;
}

body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab .nav-link.active,
body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab .nav-link:focus {
    background-color: unset;
    border-color: unset;
    border: unset
}

body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab .nav-link:hover {
    border: 1px solid #BF1860;
}

body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTabContent {
    margin-top: 40px;
}

body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab>li .nav-link.active {
    background: #FFC700;
    color: #000;
    border: 1px solid #FFC700;
}

body.page-node-type-admissions .Fees-Scholarships-section {
    margin-top: 60px;
    margin-bottom: 30px;
    position: relative;
}

body.page-node-type-admissions .Fees-Scholarships-section>div {
    background: url(../image/content/Jupas_fees_bg.jpg) center top no-repeat;
    min-height: 480px;
    background-size: cover;
}

body.page-node-type-admissions .Fees-Scholarships-section .content {
    position: absolute;
    top: calc(50% - 60px);
}

body.page-node-type-admissions .Fees-Scholarships-section h2 {
    font-weight: 700;
    color: #161616;
    margin-bottom: 40px;
}

body.page-node-type-admissions .Fees-Scholarships-section a {
    background: #BF1860;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    padding: 14px 44px;
    position: relative;
}

body.page-node-type-admissions .Fees-Scholarships-section a::after {
    background: url(../image/icon/apply-btn-after-arrow.svg) center center no-repeat;
    content: '';
    flex: 0 0 auto;
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-left: 10px;
    margin-bottom: 2px;
    position: relative;
}

body.page-node-type-admissions .Fees-Scholarships-section a:hover::after {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

/* Admissions Detail == schemes */
body.page-node-type-admissions .admission-schemes h2 {
    margin-top: 35px;
    margin-bottom: 40px;
}

body.page-node-type-admissions .admission-schemes .img {
    position: relative;
}

body.page-node-type-admissions .admission-schemes .img::after {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 37%, rgba(255, 215, 233, .9) 85%);
    content: '';
    clip-path: polygon(0% 0%, 11.2% 81.2%, 100% 100%, 0% 100%);
    width: 85%;
    height: 30.35%;
    position: absolute;
    left: 0;
    bottom: 0;
}

body.page-node-type-admissions .admission-schemes .img img {
    clip-path: polygon(0% 0%, 100% 7%, 100% 100%, 0% 100%);
}

body.page-node-type-admissions .admission-schemes .sublink>p {
    color: #161616;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

body.page-node-type-admissions .admission-schemes .sublink ul {
    padding-left: 0;
}

body.page-node-type-admissions .admission-schemes .sublink ul li {
    list-style-type: none !important;
}

body.page-node-type-admissions .admission-schemes .sublink ul li a {
    background: url(../image/icon/arrow-red-10-14.svg) left 8px no-repeat;
    color: #000;
    display: block;
    font-size: 18px;
    padding-left: 18px;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /* IE 9 */
    -moz-transition: all 0.3s ease;
    /* Firefox */
    -webkit-transition: all 0.3s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease;
    /* Opera */
}

body.page-node-type-admissions .admission-schemes .sublink ul li a:hover {
    padding-left: 25px;
}

body.page-node-type-admissions .admission-schemes .sublink ul li:not(:last-child) {
    margin-bottom: 20px;
}

body.page-node-type-admissions .admission-schemes .sublink:nth-child(3)>p {
    margin-top: 40px;
}

.admission-card-content {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-bottom: 70px;
    position: relative;
}

.page-node-type-admissions .admission-card-content {
    padding-bottom: 30px;
}

.admission-card-content .admissionCardswiper-button-prev {
    left: -48px;
    top: 50%;
}

.admission-card-content .admissionCardswiper-button-next {
    right: -48px;
    top: 50%;
}

.admission-card-content .admissionCardswiper-pagination {
    bottom: -45px;
}

.admission-card-content .item {
    position: relative;
    display: inline-block;
}

.admission-card-content .swiper-slide>div>p,
.admission-card-content .item>a>p {
    position: absolute;
    bottom: 14px;
    left: 35px;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    z-index: 5;
}

.admission-card-content .swiper-slide,
.admission-card-content .item {
    background-color: #BF1860;
    cursor: pointer;
    overflow: hidden;
}

.admission-card-content .swiper-slide::before,
.admission-card-content .item a::before {
    background-image: linear-gradient(110deg, rgba(176, 33, 99, 1) 36.5%, rgba(255, 215, 233, .9) 84.26%);
    clip-path: polygon(0% 0%, 11.11% 80%, 100% 100%, 0% 100%);
    content: '';
    width: 33.33%;
    height: 33.33%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 3;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -webkit-transition: all 0.5s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease;
    /* Opera */
}

.admission-card-content .swiper-slide:hover::before,
.admission-card-content .item a:hover::before {
    width: 110%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}


.admission-card-content .swiper-slide::after,
.admission-card-content .item a::after {
    content: '';
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.20) 100%);
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    /* IE 9 */
    -moz-transition: all 0.2s ease;
    /* Firefox */
    -webkit-transition: all 0.2s ease;
    /* Safari 和 Chrome */
    -o-transition: all 0.2s ease;
    /* Opera */
}

.admission-card-content .admissionCardswiper-button-prev {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    /* IE 9 */
    -moz-transform: translateX(5px);
    /* Firefox */
    -webkit-transform: translateX(5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(5px);
    /* Opera */
}

.admission-card-content .admissionCardswiper-prev:hover {
    transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    /* IE 9 */
    -moz-transform: translateX(-5px);
    /* Firefox */
    -webkit-transform: translateX(-5px);
    /* Safari 和 Chrome */
    -o-transform: translateX(-5px);
    /* Opera */
}

.admission-card-subcontent {
    display: flex;
    justify-content: space-between;
}

.admission-card-content .item {
    width: calc(33.333% - 20px);
}

.admission-card-subcontent .item a {
    width: 100%;
    /* height: 100%; */
    display: inline-block;
    aspect-ratio: 5 / 3;
    object-fit: cover;
}

.admission-card-subcontent .item a img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.admission-card-subcontent .CardSwiper .swiper-slide img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
    width: 100%;
}

/* admission  International ***********/
.page-node-type-admissions [class*='block-views-blockinternational-data-block-'],
.page-node-type-admissions .view-international-country .js-form-item-country,
.page-node-type-admissions .view-international-country .form-wrapper,
.page-node-type-admissions .view-international-country.view-display-id-block_2 .views-exposed-form,
.page-node-type-admissions .view-international-country.view-display-id-block_3 .views-exposed-form,
.page-node-type-admissions .view-international-country.view-display-id-block_4 .views-exposed-form {
    display: none;
}

.page-node-type-admissions .view-international-country.view-display-id-block_1 .view-content {
    position: relative;
}

.page-node-type-admissions .view-international-country .js-form-item-country {
    width: 100%;
}

.page-node-type-admissions .international-select {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.page-node-type-admissions .international-select-1 .content ul {
    z-index: 9;
}

.page-node-type-admissions .international-select-2 .content ul {
    z-index: 9;
}

.page-node-type-admissions .international-select-3 .content ul {
    z-index: 9;
}

.page-node-type-admissions .international-select-4 .content ul {
    z-index: 9;
}

.page-node-type-admissions .international-select .content {
    position: relative;
    cursor: pointer;
}

.page-node-type-admissions .international-select .content>p {
    border-bottom: 2px solid #BF165E;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 0;
    padding: 20px 60px;
    position: relative;
}

.page-node-type-admissions .international-select .content>p::after {
    content: '';
    display: block;
    background-image: url('../image/icon/select.svg');
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    width: 18px;
    height: 11px;
    top: 43%;
    right: 26px;
}

.page-node-type-admissions .international-select .content ul {
    padding-left: 0;
    margin-bottom: 0;
    background-color: #fff;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    display: none;
    max-height: 196px;
    overflow-y: auto;
}

.page-node-type-admissions .international-select .content ul::-webkit-scrollbar {
    background: #fff;
    width: 8px;
    height: 8px;
}

.page-node-type-admissions .international-select .content ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #acacac;
}

body.page-node-type-admissions .paragraph__column .international-select .content ul li {
    list-style: none;
    padding: 7px 20px;
    font-size: 16px;
}

body.page-node-type-admissions .paragraph__column .international-select .content ul li:hover {
    background: #f5f5f5;
}

body.page-node-type-admissions .view-international-country {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1400px) {
    body.page-node-type-admissions .view-international-country {
        max-width: 1540px;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

body.page-node-type-admissions .view-international-country .view-content {
    border: #F3E3EB 1px solid;
    border-top: #BF1860 4px solid;
    width: 83.33333333%;
    margin: 50px auto;
    padding: 30px;
}

body.page-node-type-admissions .view-international-country.view-display-id-block_1 .view-content {
    border: #F3E3EB 1px solid;
    border-top: #BF1860 4px solid;
}


/* Admissions Detail == Collapse Accordion */
.page-node-type-admissions .paragraph--type--bp-accordion .accordion-collapse .paragraph>.paragraph__column {
    padding: 30px 30px 15px 30px;
}

/* News and Events ***********/
.view-block-new-list .view-header-content .content,
.view-block-upcoming-events-list .view-header-content .content {
    justify-content: space-between;
    display: flex;
}

.view-block-new-list .view-header-content,
.view-block-upcoming-events-list .view-header-content {
    margin-bottom: 50px;
}

.view-block-new-list .view-header-content .content h2,
.view-block-upcoming-events-list .view-header-content .content h2 {
    font-weight: 900;
    color: #BF165E;
    margin-bottom: 0;
}

.view-block-upcoming-events-list .view-header-content .content h2 {
    color: #000;
}

.view-block-new-list .view-header-content .content a,
.view-block-upcoming-events-list .view-header-content .content a {
    padding: 14px 60px;
    border-right: 1px solid #C8285F;
    border-bottom: 1px solid #C8285F;
    color: #C8285F;
    font-size: 18px;
    position: relative;
}

.view-block-new-list .view-header-content .content a::before,
.view-block-upcoming-events-list .view-header-content .content a::before {
    border-right: 4px solid #C8285F;
    border-bottom: 4px solid #C8285F;
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity 0.2s ease;
}

.view-block-new-list .view-header-content .content a:hover:before,
.view-block-upcoming-events-list .view-header-content .content a:hover:before {
    opacity: 1;
}

.view-block-new-list .view-header-content .content a img,
.view-block-upcoming-events-list .view-header-content .content a img {
    margin-right: 6px;
}

.block-views-blockblock-new-list-block-1 .card-new .card-img-top img {
    border: 1px solid #D9D9D9;
}

.block-views-blockblock-new-list-block-1 .card-new .card-title {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    height: 64px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    margin-bottom: 20px;
}

.block-views-blockblock-new-list-block-1 .card-new .card-body {
    padding: 22px;
}

.block-views-blockblock-new-list-block-1 .card-new .card-body .card-time>span:nth-child(2),
.card-news-events-list .card-date-time>span:nth-child(2) {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    line-height: 30px;
    margin-left: 10px;
    margin-right: 15px;
}

.block-views-blockblock-new-list-block-1 .card-new .card-body .card-time span:nth-child(3),
.card-news-events-list .card-date-time span:nth-child(3) {
    padding-left: 15px;
    border-left: 1px solid #CCC;
    color: #525252;
    font-size: 18px;
}

.block-views-blockblock-upcoming-events-list-block-1 {
    margin-bottom: 100px;
    margin-top: 100px;
}

.card-events-list .card-date .icon {
    width: 14px;
    height: 2px;
    background: #BF175F;
    display: block;
    margin: 0 10px;
}

.card-events-list .card-time .icon {
    width: 6px;
    height: 2px;
    background-color: #525252;
    margin: 0 4px;
}

/* News list ***********/
.view-news-and-events-list-page .view-filters {}

.view-id-news_and_events_list_page .view-content .views-row:last-child .card-news-events-list,
.view-id-block_upcoming_events_list .view-content .views-row:last-child .card-news-events-list {
    border-bottom: 1px solid #CECECE !important;
}

.card-news-events-list {
    padding: 30px 0;
    border-top: 1px solid #CECECE !important;
    border-radius: unset;
}

.card-news-events-list .card-body {
    padding: 0;
    padding-right: 66px;
}

.card-news-events-list .card-college {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}

.card-news-events-list .card-title {
    color: #BF1860;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.card-news-events-list .card-summary {
    color: #525252;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-news-events-list .img-fluid>img {
    border: 1px solid #D9D9D9;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

/* news&&events Detail  ***********/
.page-node-type-news {
    background: #fff url(../image/common/detail-bg.jpg) top center no-repeat;
    background-size: cover;
}

.page-node-type-news .field--name-field-college-school- {
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size: 22px;
}

.page-node-type-news .block-field-blocknodenewstitle {
    color: #BF1860;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}

.page-node-type-news .block-field-blocknodenewsfield-thumbnail- img {
    max-width: 800px;
    display: block;
    margin: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.page-node-type-news .block-views-blockblock-news-and-events-detail-block-1 .views-field-nothing {
    justify-content: center;
    display: flex;
    margin: 100px 0;
}

.page-node-type-news .block-views-blockblock-news-and-events-detail-block-1 .views-field-nothing a {
    padding: 22px 110px;
    color: #FFF;
    font-size: 22px;
    font-weight: 500;
}

.page-node-type-news .block-views-blockblock-news-and-events-detail-block-1 .views-field-nothing a img {
    margin-left: 10px;
}

.page-node-type-news .section-information {
    width: 100%;
    max-width: 885px;
    margin-bottom: 100px;
}

.page-node-type-news .section-information .title {
    color: #BF1860;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 700;
}

.page-node-type-news .section-information .information-language,
.page-node-type-news .section-information .information-date,
.page-node-type-news .section-information .information-time,
.page-node-type-news .section-information .information-Venue,
.page-node-type-news .section-information .information-speakers,
.page-node-type-news .section-information .information .paragraph__column {
    padding: 20px 0;
    border-bottom: 1px solid #CECECE;
    display: flex;
}

.page-node-type-news .section-information .information p {
    margin-bottom: 0;
}

.page-node-type-news .section-information .on {
    border-bottom: unset;
}

.page-node-type-news .section-information .label,
.page-node-type-news .section-information .information .field--name-field-additional-name {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    width: 28%;
}

.page-node-type-news .section-information p {
    margin-bottom: 0;
}

.page-node-type-news .section-information span,
.page-node-type-news .section-information p,
.page-node-type-news .section-information {
    font-size: 18px;
}

[class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form .form--inline {
    display: flex;
    margin-bottom: 50px;
}

[class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form .js-form-item-field-department #edit-field-department,
[class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form .js-form-item-field-start-date #edit-field-start-date {
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    background-color: #F3F3F3;
    padding: 10px 20px;
}

[class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form .js-form-item-field-department {
    margin-right: 48px;
}

[class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form .js-form-item-field-start-date {
    margin-right: auto;
}

[class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form #edit-actions input,
[class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form #edit-reset input {
    display: inline-block;
    margin-top: 40px;
    border-radius: 4px;
}

[class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form label {
    color: #000;
    font-size: 18px;
    margin-bottom: 7px;
}

/* div table  ***********/
.div-table {
    border-left: #dee2e6 1px solid;
    border-top: #dee2e6 1px solid;
    display: flex;
    flex-wrap: wrap;
}

.div-table>div {
    border-right: #dee2e6 1px solid;
    border-bottom: #dee2e6 1px solid;
    font-weight: 600;
    text-align: center;
    flex: 0 0 auto;
    width: 16.667%;
    padding: 0.5rem 0.75rem;
}

.block-views-blocksearch-and-watch-block-1 .view-id-search_and_watch .view-content {
    display: none;
}

/* Application Period page ***********/
.block-views-blockblock-application-period-view-block-1 #view-field-non-jupas-year-1-date-table-column,
.block-views-blockblock-application-period-view-block-1 #view-field-non-jupas-senior-year-date-table-column,
.block-views-blockblock-application-period-view-block-1 #view-field-international-student-1st-table-column,
.block-views-blockblock-application-period-view-block-1 #view-field-international-student-adva-table-column,
.block-views-blockblock-application-period-view-block-1 #view-field-mainland-non-gaokao-1st-ye-table-column,
.block-views-blockblock-application-period-view-block-1 #view-field-mainland-non-gaokao-advanc-table-column {
    display: none;
}

.block-views-blockblock-application-period-view-block-1 form #edit-field-tags option[hidden] {
    height: 0;
    border: none;
}

.block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 #edit-actions,
.view-block-interview-arrangement #edit-actions {
    display: inline-block;
}

.block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 #edit-actions input,
.view-block-interview-arrangement #edit-actions input {
    padding: 17px 24px;
    margin-top: 34px;
}

.block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 select,
.view-block-interview-arrangement select {
    border-radius: unset;
    padding: 16px 20px;
}

.block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 .js-form-type-select {
    margin-right: 20px;
}

.block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 {
    margin-bottom: 50px;
}

.block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 label,
.view-block-interview-arrangement label {
    margin-bottom: 6px;
    font-weight: bold;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table th.views-field-nothing span {
    font-size: 16px;
    margin-left: 10px;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table {
    border-width: unset;
    border-color: unset;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table tr,
main .block-views-blockblock-application-period-view-block-1 .view-content table th,
main .block-views-blockblock-application-period-view-block-1 .view-content table td,
.view-block-interview-arrangement .view-content table tr,
.view-block-interview-arrangement .view-content table th,
.view-block-interview-arrangement .view-content table td {
    border-width: 0;
    background-color: unset;
}

.view-block-interview-arrangement .view-content table td.views-field-title {
    padding-right: 100px;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table thead,
.view-block-interview-arrangement .view-content table thead {
    border-bottom: 2px solid #000000;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table th,
.view-block-interview-arrangement .view-content table th {
    padding: 15px;
    font-size: 20px;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table thead th:nth-child(2) {
    max-width: 40%;
    width: 100%;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table td,
.view-block-interview-arrangement .view-content table td {
    padding: 15px;
    border-bottom: 1px solid #CDCDCD;
    position: relative;
    /* vertical-align: middle; */
    text-align: left;
}

.view-block-interview-arrangement .view-content table tr:nth-of-type(odd) td,
.view-block-interview-arrangement .view-content table tr:hover td {
    --bs-table-accent-bg: var(--bs-table-accent-bg);
}

main .block-views-blockblock-application-period-view-block-1 .view-content table td p,
.view-block-interview-arrangement .view-content table td p {
    text-align: left;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table td p {
    margin-bottom: 0;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table td span,
main .block-views-blockblock-application-period-view-block-1 .view-content table td a {
    font-size: 16px;
}

main .block-views-blockblock-application-period-view-block-1 .view-content table .late-button {
    background: #DFEBFD;
    padding: 8px 12px;
    position: absolute;
    right: 0px;
    top: calc(50% - 23px);
}

main .block-views-blockblock-application-period-view-block-1 .view-content table .late-button img {
    margin-right: 8px;
}

.block-views-blocktaxonomy-block-application-period-admission-block-1 {
    display: none;
}

.section-select {
    cursor: pointer;
    width: 467px
}

.section-select .dropdown-toggle::after {
    display: none;
}

.section-select>div {
    border-radius: unset;
    padding: 16px 20px;
}

.section-select ul.school-select {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: unset;
}

.section-select ul.school-select li {
    padding: 5px 10px;
}

.section-select ul.school-select li:hover,
.section-select ul.school-select li.on {
    background-color: #1967d2;
    color: #fff;
}



/* Interview Arrangements */
.view-block-interview-arrangement .view-content>table .views-field-field-admission-code,
.view-block-interview-arrangement .view-content>table .views-field-field-tags {
    display: none;
}

.view-block-interview-arrangement .view-filters {
    margin-bottom: 50px;
}

.view-block-interview-arrangement .view-content table thead tr th:nth-child(4) {
    max-width: 20%;
    width: 100%;
    text-align: left;
}

.view-block-interview-arrangement .view-content table thead tr th:nth-child(2),
.view-block-interview-arrangement .view-content table thead tr th:nth-child(3) {
    max-width: 40%;
    width: 100%;
    text-align: left;
}

/* cookie ********************/
.sticky-menu-fixed .cookiesjsr-layer--header {
    height: 3.5em;
}

.cookiesjsr-banner {
    background: rgba(176, 33, 99, 0.85);
    width: 100%;
    display: block;
}

.cookiesjsr-banner--text {
    font-size: 19px;
}

.cookiesjsr-banner .cookiesjsr-banner--action>button:nth-child(2),
.cookiesjsr-banner .cookiesjsr-banner--links,
.cookiesjsr-banner button.denyAll {
    display: none !important;
}

.cookiesjsr-btn {
    background-color: #BF1860;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 0;
}

.cookiesjsr-btn.important {
    color: #BF1860;
}

.cookiesjsr-banner--action {
    margin: auto;
}

.cookiesjsr-banner--info {
    padding: 0;
    margin: auto;
    overflow: unset;
}

.cookiesjsr-links.links--row {
    display: none;
}

.cookiesjsr-banner--text {
    margin-bottom: 20px;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-btn.important.invert {
    background-color: #BF1860;
}

.cookiesjsr-btn.invert {
    color: #BF1860;
}

.cookiesjsr-btn.invert,
.cookiesjsr-btn.important.invert {
    border-color: #BF1860;
}

/* Calculator */
footer .dse_subject_calc_in_local_jupas_wrapper {
    display: none;
}


/* other */
.navbar-brand a {
    background: unset;
}

body:not(.page-node-type-events) .fixnav .navbar-brand a {
    background: url(//template.cityu.edu.hk/template/logo/CityU/CityU_Mini_Logo.svg) left top no-repeat;
}

footer .footer-logo>img {
    width: 135px;
    height: auto;
}

.frontpagebanner-Swiper .swiper-slide {
    overflow: hidden;
}

/* Application Period Link ***********/
.page-node-type-admissions .block-field-blocknodeadmissionsfield-link {
    display: none;
}

.page-node-type-admissions .key-dates-section>section {
    text-align: center;
    position: relative;
    bottom: 85px;
    z-index: 99;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.page-node-type-admissions .key-dates-section>section>div {
    background: #BF1860;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    padding: 14px 44px;
    position: relative;
    max-width: 350px;
    width: 100%;
}

.page-node-type-admissions .key-dates-section>section>div::after {
    background: url(https://www.cityu.edu.hk/admo/themes/custom/admission_theme/image/icon/apply-btn-after-arrow.svg) center center no-repeat;
    content: '';
    flex: 0 0 auto;
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-left: 10px;
    margin-bottom: 2px;
    position: relative;
}

.page-node-type-admissions .key-dates-section>section>div:hover:after {
    color: #fff;
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/*----2024/8/19---*/
.page-node-type-programme .field--name-field-reduce-the-font-size {
    display: none;
}

.page-node-type-programme h1.reduce-text {
    font-size: var(--font-size-md);
}

/*-----------------------------------------------------------
    @media
-----------------------------------------------------------*/
@media (max-width: 1700px) {
    .admission-card-content .admissionCardswiper-button-next {
        right: 10px;
    }

    .admission-card-content .admissionCardswiper-button-prev {
        left: 10px;
    }
}

@media (min-width: 1400px) {

    /* Banner */
    .view-block-frontpage-banner .swiper-img .banner-title,
    .view-block-frontpage-banner .video-youtube .banner-title,
    .view-block-frontpage-banner .banner-video-html .banner-title,
    .page-banner .block-field-blocknodepagetitle,
    .page-banner .block-field-blocknodeadmissionstitle {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* index - A Leading Global University ***********/
    .index-leading {
        padding: 300px 0 150px;
    }

    /* News && events */
    .view-block-new-list .view-header-content .content h2,
    .view-block-upcoming-events-list .view-header-content .content h2,
    .page-node-37 .teachers-corner-content-2 .subcontent h2 {
        font-size: 36px;
    }

    .page-node-37 .paragraph--type--what-s-more h2,
    .admissions-office-content .admissions-office-suncontent h2,
    .page-node-40 .paragraph--id--26482 h2,
    .local-applicants-content .container-width h2,
    .applicationview-header-content h2,
    .page-node-type-news .block-field-blocknodenewstitle {
        font-size: 42px;
    }
}

@media (min-width: 1540px) {

    /* Banner */
    .view-block-frontpage-banner .swiper-img .banner-title,
    .view-block-frontpage-banner .video-youtube .banner-title,
    .view-block-frontpage-banner .banner-video-html .banner-title,
    .page-banner .block-field-blocknodepagetitle,
    .page-banner .block-field-blocknodeadmissionstitle {
        padding-left: calc((50% - 770px) + 30px);
        padding-right: calc((50% - 770px) + 30px);
    }
}

@media (max-width: 1200px) {
    .page-node-type-news .block-field-blocknodenewsfield-thumbnail- img {
        max-width: unset;
        width: 100%;
        aspect-ratio: unset;
    }

    .page-node-type-news .block-views-blockblock-news-and-events-detail-block-1 .views-field-nothing {
        margin: 30px 0;
    }
}

@media (max-width: 1399.98px) {

    /* index - Video ***********/
    .paragraph--id--17286 .layout--twocol-section .layout__region--first,
    .paragraph--id--17394 .layout--twocol-section .layout__region--first,
    .paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--first {
        padding-right: 20px;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--second,
    .paragraph--id--17394 .layout--twocol-section .layout__region--second,
    .paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second {
        padding-left: 20px;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view .swiper-button-next {
        right: 25px;
        bottom: 25px;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view .swiper-button-prev {
        left: auto;
        right: 89px;
        top: auto;
        bottom: 25px;
    }

    /* index - organ (programme) */
    .paragraph--type--organ-section .main-ul>div .layout__region--first {
        flex: 0 1 35%;
    }

    .find-section .search-button {
        width: 120px;
    }

    /*index - News and Events */
    .paragraph--id--17394::before {
        height: 28vw;
    }

    /* Why CityU ***********/
    .glance-card .card-body {
        padding: 20px;
    }

    .glance-card .card-ranking h3 {
        font-size: 48px;
    }

    .glance-card .card-ranking p {
        height: 66px;
        -webkit-line-clamp: 3;
    }

    /* Why CityU - Experiencing CityU ***********/
    .experiencing-img-wrap .container-xxl {
        padding-bottom: calc(18.5% + 30px);
    }

    .experiencing-video-title {
        font-size: 120px;
    }

    .experiencing-video-play {
        width: 130px;
        height: 130px;
        margin-top: 15px;
    }

    .experiencing-video-play span {
        font-size: 22px;
    }

    /* Why CityU - Student stories and U-Life@CityU ***********/
    .view--block-student-stories .view-content>div .card .card-img-overlay {
        padding: 25px;
    }

    .view--block-student-stories .view-content>div .card .card-img-overlay p {
        font-size: 20px;
    }

    .view--block-student-stories .view-content>div .card .card-img-overlay a::before {
        left: 55px;
        bottom: 55px;
    }

    .view--block-student-stories .view-content>div .card .card-img-overlay a::after {
        left: 55px;
        bottom: 55px;
    }

    /* Admissions Detail == Key Dates */
    .page-node-type-admissions .keySwiper-card::after {
        width: 25px;
        right: -25px;
    }


    /* Leaflets/Publications ***********/
    .view-block-leaflets-publications-list .view-content.row .views-row:nth-child(odd) {
        padding-right: 32px;
    }

    .view-block-leaflets-publications-list .view-content.row .views-row:nth-child(even) {
        padding-left: 20px;
    }

    /* .view-block-leaflets-publications-list .Leaflets-card>.row>div:nth-child(2)>div::after {
        display: none;
    }

    .view-block-leaflets-publications-list .Leaflets-card .col-md-7 .card-body {
        padding-left: 0;
        padding-right: 20px;
    }

    .view-block-leaflets-publications-list .view-content.row .views-row:nth-child(even) {
        padding-left: 20px;
    }    

    .block-views-blockblock-leaflets-publications-list-block-1 .view-content.row {
        margin-left: 0;
        margin-right: 0;
    }

    .view-block-leaflets-publications-list .Leaflets-card {
        padding: 20px;
    } */

    /* Contact Us ***********/
    .first-title-scction .swiper-section .contactSwiper .title {
        font-size: 22px;
    }
}

@media (max-width: 1199.98px) {

    /* index - A Leading Global University ***********/
    .index-leading-list>div {
        padding: 15px;
    }

    .index-leading-number {
        font-size: 50px;
    }

    .index-leading-number::before {
        font-size: 24px;
    }

    /* index - Video ***********/
    .paragraph--id--17286::before {
        width: 130%;
        left: -20%;
    }

    /* index - Student Sharing ***********/
    .view-block-student-sharing .StudentSharing-content .view-content {
        margin: 0;
    }

    /*index - useful link */
    .paragraph--id--17395 ul {
        margin-left: -10px;
        margin-right: -10px;
    }

    .paragraph--id--17395 ul li {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Why CityU - Experiencing CityU ***********/
    .experiencing-video-title {
        font-size: 100px;
    }

    .experiencing-video-wrap {
        margin-top: 30px;
    }

    .experiencing-video-play {
        background-size: 26px auto;
        width: 110px;
        height: 110px;
        margin-top: 20px;
    }

    .experiencing-video-play span {
        font-size: 20px;
    }

    .experiencing-video-box {
        font-size: 24px;
    }

    /* Admissions ***********/
    .page-node-3 .view-block-admission-list {
        padding-bottom: 20px;
    }

    .page-node-3 .view-block-admission-list .row {
        padding-left: 5px;
        padding-right: 5px;
    }

    .page-node-3 .view-block-admission-list .views-row {
        padding: 0 15px;
    }

    .page-node-3 .view-block-admission-list .views-row:nth-child(3n+2) {
        margin-top: 50px;
        margin-bottom: -20px;
    }

    /* progammes list ***********/
    #views-exposed-form-block-programmes-list-block-1 .filters-content .content {
        left: 0;
        right: 0;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul>div {
        width: 31%;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul>div:first-child {
        width: 38%;
    }

    /* programme detail ******/
    body.page-node-type-programme {
        background-size: calc(60% + 1210px);
    }

    .OtherProgrammesSwiper .other-programmes-card {
        min-height: auto;
        aspect-ratio: 20 / 17;
        padding: 20px;
    }

    /* Leaflets/Publications ***********/
    .view-block-leaflets-publications-list .Leaflets-card .card-title {
        font-size: 20px
    }

    /*  Apply Now ***********/
    .apply-now-content-2 ul>li>a>span {
        font-size: 28px;
        bottom: 36px;
        left: 28px;
    }

    .apply-now-content-2 ul {
        max-width: 100%;
    }

    /* application-period  ***********/
    main .block-views-blockblock-application-period-view-block-1 .view-content table .late-button {
        position: unset;
        display: inline-flex;
        margin-top: 10px;
    }

    main .block-views-blockblock-application-period-view-block-1 .view-content table th,
    .view-block-interview-arrangement .view-content table th {
        font-size: 16px;
        padding: 10px;
    }

    main .block-views-blockblock-application-period-view-block-1 .view-content table td a span {
        color: #000;
        font-size: 15px;
        display: block;
    }

    .swiper-banner .video-html video {
        width: unset;
    }
}

@media (max-width: 1179.98px) {

    /* index - organ (programme) */
    .paragraph--type--organ-section .main-ul>div .layout__region--first {
        display: none;
    }

    .paragraph--type--organ-section .main-ul>div .layout__region--second {
        padding: 0;
    }

    /* Admissions Office ***********/
    .paragraph--type--admissions-team {
        width: 33%;
    }
}

@media (min-width: 992px) {
    .navbar-brand img {
        height: 84px;
        transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        /* IE 9 */
        -moz-transition: all 0.3s ease;
        /* Firefox */
        -webkit-transition: all 0.3s ease;
        /* Safari 和 Chrome */
        -o-transition: all 0.3s ease;
        /* Opera */
    }

    .navbar .offcanvas {
        flex-grow: unset;
    }

    /* cookiesjsr */
    .cookiesjsr-banner {
        flex-direction: unset;
        display: block;
    }

    .cookiesjsr-banner--action,
    .cookiesjsr-banner--info {
        width: 80%;
    }

}

@media (max-width: 991.98px) {

    /* Application Period page ***********/
    .block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 #edit-actions,
    .view-block-interview-arrangement #edit-actions {
        display: block;
    }

    .block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 #edit-actions input,
    .view-block-interview-arrangement #edit-actions input {
        margin-top: 20px;
    }

    .block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 .js-form-type-select,
    .block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 .form-item-field-admissions-tags {
        width: 100%;
        margin-right: 0px;
    }

    /* index - banner ***********/
    .banner-title-fill,
    .banner-title-line {
        width: 80%;
    }

    .banner-main-img {
        width: 71.13%;
    }

    .view-block-frontpage-banner .banner .swiper-img,
    .default-banner {
        display: none;
    }

    .view-block-frontpage-banner .mobile-banner,
    .default-banner-mob {
        display: block;
    }

    .view-block-frontpage-banner .banner:not(.banner-youtube, .banner-video-html) {
        display: none;
    }

    /* index - Video ***********/
    .paragraph--id--17286::before {
        width: 160%;
        left: -24%;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view.view-display-id-block_1 {
        padding: 25px;
    }

    /* index - Student Sharing ***********/
    .view-block-student-sharing {
        padding: 120px 0;
    }

    .view-block-student-sharing::before {
        height: 104px;
    }

    .view-block-student-sharing .StudentSharing-content .view-header .view-header-content {
        padding-top: 0;
    }

    .view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiperSharing-button-next,
    .view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiperSharing-button-prev {
        width: 30px;
        height: 30px;
        top: 33%;
    }

    .view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiperSharing-button-next::after,
    .view-block-student-sharing .StudentSharing-content .StudentSharingThumbnail .swiperSharing-button-prev::after {
        width: 12px;
        height: 18px;
    }

    /*index - News and Events */
    .paragraph--id--17394::before {
        height: 32vw;
    }

    /* Why CityU - Experiencing CityU ***********/
    .experiencing-video-box {
        font-size: 20px;
    }

    /* Why CityU - Colleges, Schools and Departments ***********/
    .colleges-swiper-wrap {
        padding: 0 80px;
    }

    .colleges-swiper-wrap::after {
        right: 44px;
    }

    .Collegesswiper-button-next {
        right: 0;
    }

    .Collegesswiper-button-prev {
        left: 0;
    }

    /* Why CityU - Student stories and U-Life@CityU ***********/
    .view--block-student-stories .view-content {
        gap: 15px;
        padding: 0;
    }

    .view--block-student-stories .view-content>div .card .card-img-overlay p {
        font-size: 18px;
    }

    .view--block-student-stories .view-content>div .card .card-img-overlay a::before {
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-bottom: -30px;
        left: 45px;
        bottom: 45px;
    }

    .view--block-student-stories .view-content>div .card .card-img-overlay a::after {
        background-size: 10px auto;
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-bottom: -30px;
        left: 45px;
        bottom: 45px;
    }

    /* Admissions ***********/
    .page-node-3 .view-block-admission-list .views-row:nth-child(3n+2) {
        margin: 0;
    }

    .page-node-3 .view-block-admission-list .views-row:nth-child(2n+2) {
        margin-top: 50px;
        margin-bottom: -20px;
    }

    /* Admissions Detail == applicants */

    .page-node-type-admissions .applicants>div {
        background: url(../image/content/admission-group-mob-bg.jpg) center top no-repeat;
        background-size: cover;
        background-position-y: 88%;
        clip-path: polygon(0% 0%, 100% 0%, 100% 89%, 0% 100%);
        padding: 50px 0;
    }

    .page-node-type-admissions .applicants>div::before {
        background-image: linear-gradient(to bottom, #fff 50%, #ffffff00 100%);
        width: 100%;
        height: 50%;
        top: -1px;
    }

    /* admission  International ***********/
    body.page-node-type-admissions .view-international-country .view-content {
        width: 100%;
    }

    .page-node-type-admissions .international-select .content>p {
        text-align: left;
        padding-left: 20px;
    }

    /* progammes list ***********/
    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul>div,
    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul>div:first-child {
        width: 50%;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul>div:last-child ul {
        margin: 0 0 60px;
    }

    /* programme detail ******/
    body.page-node-type-programme .programme-detail {
        grid-template-columns: auto;
        grid-gap: 30px;
    }

    body.page-node-type-programme .programme-detail .layout__region--first {
        position: relative;
        top: 0;
    }

    .programmes-faq-desktop {
        padding: 0;
    }

    .programmes-faq-right {
        padding: 25px;
    }

    /* Fees and Scholarships ***********/
    /* Fees and Charges */
    .page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav {
        width: 83.33333333%;
    }

    .page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li>div {
        font-size: 20px;
    }

    .page-node-5 .fees-charges-tab-content {
        width: 100%;
    }

    .page-node-5 #tab-17894::after {
        left: 0;
        right: 0;
        bottom: 0;
    }

    /* Scholarships */
    .page-node-5 #tab-17961 ul.nav-tabs li {
        width: 33.33333333%;
        font-size: 20px;
        padding: 10px;
    }

    .page-node-5 #tab-17961 .tab-content {
        width: 100%;
    }

    /******Teachers' Corner && FAQ ****/
    .page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div,
    .page-node-37 #accordion-18451>.accordion>.card-header:nth-child(3)>.accordion-title>div,
    .page-node-37 #accordion-18451>.accordion>.card-header:nth-child(5)>.accordion-title>div,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div {
        padding: 185px 0 25px 60px;
    }

    .page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div::before,
    .page-node-37 #accordion-18451>.accordion>.card-header:nth-child(3)>.accordion-title>div::before,
    .page-node-37 #accordion-18451>.accordion>.card-header:nth-child(5)>.accordion-title>div::before,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div::before,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div::before,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div::before {
        background-position: center center;
        background-size: auto 100%;
        width: 100%;
        height: calc(100% - 75px);
    }

    /* LeafletsSwiper ***********/
    .view-block-leaflets-publications-list .Leaflets-card .card-title {
        font-size: 18px;
    }

    /* Teachers' Corner ***********/
    .page-node-37 .teachers-corner-content-2 {
        padding-top: calc(53.12vw - 104px);
        padding-bottom: 0;
    }

    .page-node-37 .teachers-corner-content-2::after {
        width: 100%;
        height: auto;
        aspect-ratio: 83 / 45;
    }

    /* Admissions Office ***********/
    .admissions-office-content .admissions-office-suncontent h2 {
        font-size: 30px;
    }

    .admissions-office-content .admissions-office-suncontent .author>div {
        font-size: 22px;
    }

    .page-node-39 .paragraph--id--34316 {
        padding: 40px 20px 120px 20px;
    }

    .admissions-office-content .row>div:nth-child(1) {
        padding: 0;
    }

    .paragraph--type--admissions-team {
        padding-left: 44px;
    }

    .paragraph--type--admissions-team::after {
        left: 24px;
    }

    /* Contact Us ***********/
    .page-node-40 .first-title-scction .button {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .page-node-40 .first-title-scction .button>a {
        padding: 10px 20px;
    }

    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first {
        padding: 0;
    }

    /****** News && events list****/
    [class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form .form--inline {
        display: block;
        margin-bottom: 40px;
    }

    [class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form #edit-actions input,
    [class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form #edit-reset input {
        margin-top: 20px;
    }

    [class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form .js-form-item-field-department,
    [class*='block-views-blocknews-and-events-list-page-block-'] form.views-exposed-form .js-form-item-field-start-date {
        width: 100%;
    }

    /* Apply Now */
    .local-applicants-content .container-width .application-button>a {
        font-size: 20px;
    }

    .application-ul li {
        width: calc((100% - 40px) * 0.333);
    }

    /* admissions content - General */
    .page-node-type-admissions .admissions-General table thead>tr {
        display: flex;
        width: 100%;
        flex-flow: wrap;
    }

    .page-node-type-admissions .admissions-General table thead>tr>th {
        width: 25%;
    }

    .page-node-type-admissions .admissions-General table thead>tr>th:nth-last-child(2),
    .page-node-type-admissions .admissions-General table thead>tr>th:nth-last-child(1) {
        width: 50%;
    }

    /* .page-node-type-admissions .admissions-General table thead>tr>th:nth-child(5)::after {
        content: '';
        height: 1px;
        width: 80%;
        background-color: #8D8D8D;
        left: 0;
        top:0;
    } */
    .page-node-type-admissions .admissions-General table thead>tr>th:nth-last-child(2)::before {
        height: 1px;
        width: 90%;
        background-color: #8D8D8D;
        left: unset;
        top: 0;
        right: 0;
    }

    .page-node-type-admissions .admissions-General table thead>tr>th:nth-last-child(1)::before {
        content: '';
        position: absolute;
        height: 1px;
        width: 90%;
        background-color: #8D8D8D;
        left: 0;
        top: 0;
    }

    /******admissions content date****/
    .page-node-type-admissions .admissions-key-dates .card-content {
        width: 130%;
        left: -15%;
    }

    /******admissions content admission card****/
    .admission-card-content .item {
        width: calc((100% - 40px) * 0.333);
    }

    .admission-card-content .item>a>p {
        font-size: 22px;
        left: 21px;
        bottom: 0;
        line-height: 26px;
    }

    .section-select {
        width: 100%;
    }

    /* admissions-table ***********/
    body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab>li,
    body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTab>li button {
        width: 100%;
    }

    body.page-node-type-admissions .admissions-csac table thead tr th {
        padding: 10px;
    }

    body.page-node-type-admissions .admissions-csac .admissions-table .admissionsTab-section #admissionsTabContent {
        margin-top: 20px;
    }

    /* div table  ***********/
    .div-table>div {
        width: 33.33%;
    }
}

@media (max-width: 767.98px) {

    /* CSS root */
    .detail-page main {
        margin-top: 30px;
        line-height: 28px;
    }

    /******programme detail****/
    .page-node-type-programme.detail-page main {
        margin-top: 120px;
    }

    main {
        padding-bottom: 150px;
    }

    .page-node-95 main,
    .page-node-6 main,
    .page-node-3 main {
        padding-bottom: 0px;
    }

    /* Button with arrow *******/
    .btn-read-more {
        max-width: none;
    }

    /* Breadcrumbs  ***************************************************/
    .block-system-breadcrumb-block {
        margin-bottom: 60px;
    }

    .page-node-type-programme .block-system-breadcrumb-block {
        margin-bottom: 40px;
    }

    /* Swiper ******/
    .swiper-button-next,
    .swiper-button-prev {
        width: 38px;
        height: 38px;
    }

    /* Banner */
    .page-banner .block-field-blocknodepagefield-banner img,
    .page-banner .block-field-blocknodeadmissionsfield-banner img {
        object-fit: cover;
        aspect-ratio: 4 / 3;
    }

    /* index - A Leading Global University ***********/
    .index-leading {
        background: #000 url(../image/frontpage/leading-bg-mob.jpg) center top no-repeat;
        background-size: 103%;
        padding-top: 330px;
        padding-bottom: 100px;
    }

    .index-leading::before {
        background-image: linear-gradient(to bottom, rgba(25, 23, 99, 0) 0%, rgba(25, 23, 99, .5) 50%);
    }

    .index-leading::after {
        clip-path: polygon(0% 450px, 100% 300px, 100% 100%, 0 100%);
        left: 0;
    }

    .index-leading-list {
        flex-direction: column;
        padding-right: 20px;
    }

    .index-leading-list>div {
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        height: 100px;
        padding: 20px;
    }

    .index-leading-list>div:nth-child(even) {
        margin: 15px 0 15px 20px;
    }

    .index-leading-number {
        padding: 0 20px;
    }

    .index-leading-list>div>p {
        width: 60%;
        text-align: left;
    }

    /* index - organ (programme) */
    .paragraph--type--organ-section .main-ul>div,
    .paragraph--type--organ-section .main-ul>div .title {
        display: none;
    }

    .paragraph--type--organ-section .main-ul>div.mobile-on {
        display: block;
        padding-left: 0;
        height: auto;
        float: unset;
        min-height: unset;
    }

    /* index - Video ***********/
    .paragraph--id--17286 {
        padding-top: 100px;
    }

    .paragraph--id--17286::before {
        width: 300%;
        left: -46%;
        opacity: .8;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--first {
        padding-right: 0;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--second {
        padding-left: 0;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view.view-display-id-block_1 {
        margin-top: 60px;
    }

    .frontpageImportantNews-Swiper .card .card-body .card-title {
        -webkit-line-clamp: 4;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view .swiper-button-next {
        width: 38px;
        height: 38px;
    }

    .paragraph--id--17286 .layout--twocol-section .layout__region--second .view-frontpage-news-and-events-view .swiper-button-prev {
        width: 38px;
        height: 38px;
        right: 78px;
    }

    /* index - Student Sharing ***********/
    .view-block-student-sharing {
        padding-top: 120px;
    }

    .view-block-student-sharing::before {
        height: 60px;
    }

    .view-block-student-sharing .StudentSharing-content .view-content {
        margin: 30px auto;
    }

    /*index - News and Events */
    .paragraph--id--17394 {
        padding-bottom: 646px;
    }

    .paragraph--id--17394::before {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 95%);
        height: 46%;
    }

    .paragraph--id--17394 .layout--twocol-section .layout__region--first,
    .paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--first {
        padding-right: 0;
    }

    .paragraph--id--17394 .layout--twocol-section .layout__region--second,
    .paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second {
        padding-left: 0;
    }

    .frontpageNewsEvents-Swiper,
    .frontpageHighlights-Swiper {
        padding-bottom: 30px;
        margin-bottom: 10px;
    }

    .view-id-frontpage_news_and_events_view.view-display-id-block_3 {
        margin-top: 50px;
    }

    .view-id-frontpage_news_and_events_view.view-display-id-block_2 .card-Important-News .card-body,
    .view-id-frontpage_news_and_events_view.view-display-id-block_3 .card-Important-News .card-body {
        padding: 15px 0 10px;
        margin-bottom: 0;
    }

    .view-id-frontpage_news_and_events_view.view-display-id-block_2 .swiper-button-next,
    .view-id-frontpage_news_and_events_view.view-display-id-block_3 .swiper-button-next {
        display: none;
        width: 38px;
        height: 38px;
        right: 12px;
        top: calc(50% - 50px);
    }

    .view-id-frontpage_news_and_events_view.view-display-id-block_2 .swiper-button-prev,
    .view-id-frontpage_news_and_events_view.view-display-id-block_3 .swiper-button-prev {
        display: none;
        width: 38px;
        height: 38px;
        left: 12px;
        top: calc(50% - 50px);
    }

    .view-id-frontpage_news_and_events_view.view-display-id-block_2 .swiper-pagination2,
    .view-id-frontpage_news_and_events_view.view-display-id-block_3 .swiper-pagination3 {
        line-height: 30px;
        right: auto;
        bottom: -22px;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -moz-transform: translateY(-50%);
        /* Firefox */
        -webkit-transform: translateY(-50%);
        /* Safari 和 Chrome */
        -o-transform: translateY(-50%);
        /* Opera */
    }

    .view-id-frontpage_news_and_events_view.view-display-id-block_2 .view-footer a {
        width: 100%;
        margin-top: 0;
    }

    /*index - useful link */
    .paragraph--id--17395 {
        margin-top: -566px;
        padding-bottom: 150px;
    }

    .paragraph--id--17395 ul {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }

    .paragraph--id--17395 ul li {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .paragraph--id--17395 ul li:not(:last-child) {
        margin-bottom: 20px;
    }

    /* first title section ***********/
    .first-title-scction {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Why CityU ***********/
    .glance-card .card-body {
        padding: 15px;
    }

    .glance-wrap {
        padding-bottom: 0;
    }

    .glance-swiper-wrap {
        position: relative;
        margin-top: -60px;
        padding: 0 20px;
    }

    .glance-card .card-ranking h3 {
        font-size: 46px;
    }

    .glanceSwiper-button-next {
        display: none;
        right: -10px;
    }

    .glanceSwiper-button-prev {
        display: none;
        left: -10px;
    }

    /* Why CityU - Experiencing CityU ***********/
    .experiencing-img-wrap .container-xxl {
        padding-bottom: 220px;
    }

    .experiencing-video-title {
        font-size: 56px;
    }

    .experiencing-video-list {
        transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        /* IE 9 */
        -moz-transform: translateY(-25%);
        /* Firefox */
        -webkit-transform: translateY(-25%);
        /* Safari 和 Chrome */
        -o-transform: translateY(-25%);
        /* Opera */
    }

    .experiencing-video-list .col-12:first-child .experiencing-video-box {
        margin-top: 0;
        margin-bottom: 30px;
    }

    /* Why CityU - Colleges, Schools and Departments ***********/
    .colleges-swiper-wrap {
        padding: 0 44px;
    }

    .colleges-swiper-wrap::after {
        right: 22px;
    }

    /* Why CityU - Colleges, Schools and Departments ***********/
    .paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--first {
        flex: 0 0 100%;
        padding-right: 0;
    }

    .paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second {
        flex: 0 0 100%;
        padding-left: 0;
    }

    .paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--first img {
        margin-bottom: 30px;
    }

    .paragraph--type--colleges-schools-departments .layout--twocol-section .layout__region--second .table-title {
        margin-left: 13px;
    }

    .block-field-blockparagraphcolleges-schools-and-departmentsfield-departments-paragraph {
        padding: 15px 20px 19px;
    }

    .paragraph--type--departments-under-section .layout--twocol-section .layout__region--first {
        padding-right: 20px;
    }

    .paragraph--type--departments-under-section .layout--twocol-section .layout__region--second {
        width: 110px;
    }

    /* Why CityU - Student stories and U-Life@CityU ***********/
    .block-views-block-block-student-stories-block-1::before {
        height: 40%;
    }

    .view--block-student-stories .view-content {
        display: block;
    }

    .view--block-student-stories .view-content>div:not(:last-child) {
        margin-bottom: 30px;
    }

    .view--block-student-stories .view-content>div .card {
        padding-top: 75% !important;
    }

    /* Apply Now */
    .local-applicants-content .container-width .application-button {
        flex-wrap: wrap;
        padding-left: 20px;
        padding-right: 20px;
    }

    .local-applicants-content .container-width .application-button>a {
        width: 100%;
        max-width: none;
        min-height: 84px;
        margin: 0;
    }

    .local-applicants-content .container-width .application-button>a:not(:last-child) {
        margin-bottom: 20px;
    }

    /* Admissions ***********/
    .page-node-3 .view-block-admission-list .views-row:nth-child(2n+2) {
        margin: 0;
    }

    .page-node-3 .view-block-admission-list .views-row:not(:last-child) {
        margin-bottom: 30px;
    }

    /* Admissions Detail == Key Dates */
    .page-node-type-admissions .keySwiper-card::after {
        width: 18px;
        right: -18px;
    }

    /* Admissions Detail == applicants */
    .page-node-type-admissions .applicants>div {
        background: url(../image/content/admission-group-mb-bg.png) center 85% no-repeat;
        background-size: cover;
        width: 100%;
        padding: 50px 20px;
    }

    /* admission  International ***********/
    body.page-node-type-admissions .view-international-country .view-content {
        margin: 30px auto 20px;
    }

    .page-node-type-admissions .international-select .content>p {
        text-align: left;
        padding-left: 20px;
    }

    /* progammes list ***********/
    #views-exposed-form-block-programmes-list-block-1 .form--inline {
        flex-direction: column;
        margin-bottom: 50px;
    }

    #views-exposed-form-block-programmes-list-block-1 .form--inline .form-item {
        margin-bottom: 15px;
    }

    #views-exposed-form-block-programmes-list-block-1 .form--inline .form-actions #edit-submit-block-programmes-list {
        width: 100%;
        margin: 0 auto;
    }

    #views-exposed-form-block-programmes-list-block-1 .form--inline .form-actions #edit-reset {
        margin-top: 30px;
        position: relative;
        bottom: 0;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .filters-button {
        padding: 0;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .filters-button .btn {
        width: 100%;
        margin: 0;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .filters-button .btn.btn-college {
        margin-bottom: 15px;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content {
        top: 140px;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div {
        padding: 80px 20px 40px;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul {
        width: 100%;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul .title {
        font-size: 18px;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul>div,
    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .section-ul>div:first-child {
        width: 100%;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul .title {
        /* margin-bottom: 60px; */
        margin-bottom: 40px;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul li:not(:first-child) {
        width: 100%;
        margin: 0 8px 15px;
        padding: 0;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div ul.alphabet-ul li:last-child {
        margin-bottom: 0;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div .btn-confirm {
        width: 100%;
        margin-left: 0;
    }

    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div div[data-bs-toggle="collapse"] {
        right: 20px;
    }

    .card-programmes .card-thumbnail {
        width: auto;
    }

    .card-programmes .card-body {
        padding-left: 0;
    }

    /* progammes section */
    .progammes-section {
        padding: 120px 0 0px;
        margin-bottom: 0px;
    }

    .progammes-section::before {
        height: 60px;
    }

    .progammes-section img {
        margin-bottom: 50px;
    }

    /* programme detail ******/
    body.page-node-type-programme {
        background-size: 400% auto;
    }

    body.page-node-type-programme .programme-detail .layout__region--second .layout__subregion--second {
        padding: 25px;
    }

    body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-academic-year,
    body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-indicative,
    body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-admission-code,
    body.page-node-type-programme .programme-detail .layout__region--second .block-field-blocknodeprogrammefield-normal {
        width: 100%;
    }

    body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader>div:nth-child(odd),
    body.page-node-type-programme .programme-detail .block-field-blocknodeprogrammefield-programme-leader>div:nth-child(even) {
        width: 100%;
        padding: 0;
        margin-bottom: 25px;
    }

    .block-block-contentef64a63a-cad7-4118-9ff6-84e45a1513ed {
        padding-top: 60px;
    }

    .programmes-faq-desktop .row .col-md-4 {
        margin-bottom: 50px;
    }

    .programmes-faq-desktop .row .col-md-8 {
        padding-left: 0;
    }

    .isProgrammesMedia .ProgrammesMediaSwiper {
        flex-direction: column;
    }

    .isProgrammesMedia .ProgrammesMediaSwiper .item {
        margin-bottom: 30px;
    }

    .isProgrammesMedia .ProgrammesMediaSwiper .item:last-child {
        margin-bottom: 0px;
    }

    .view-other-programmes .view-header {
        padding: 0 calc(8.335%);
    }

    .OtherProgrammesSwiper {
        width: 100%;
    }

    .OtherProgrammesSwiper .other-programmes-card {
        width: calc(100% - 50px);
        margin-left: 25px;
        margin-right: 25px;
    }

    .view-other-programmes .swiper-button-prev,
    .view-other-programmes .swiper-button-next {
        display: none;
    }

    /* Fees and Scholarships ***********/
    /* Fees and Charges */
    .page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav {
        width: 100%;
    }

    .page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li {
        width: calc(50% - 10px);
    }

    .page-node-5 .paragraph--type--bp-tabs#tab-17894>.paragraph__column>.nav>li>div {
        font-size: 18px;
        padding: 10px;
    }

    .page-node-5 .fees-charges-tab-content {
        padding-top: 50px;
    }

    /* Scholarships */
    .page-node-5 #tab-17961 ul.nav-tabs {
        flex-direction: column;
    }

    .page-node-5 #tab-17961 ul.nav-tabs li {
        width: 100%;
        margin: 0;
    }

    .page-node-5 #tab-17961 ul.nav-tabs li:first-child {
        margin-bottom: 20px;
    }

    .paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>.paragraph__column {
        padding: 20px 20px 5px 20px;
    }

    .page-node-5 #tab-17961 .paragraph__column>.field--name-bp-text {
        padding-left: 25px;
    }

    /******Teachers' Corner && FAQ ****/
    .page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div,
    .page-node-37 #accordion-18451>.accordion>.card-header:nth-child(3)>.accordion-title>div,
    .page-node-37 #accordion-18451>.accordion>.card-header:nth-child(5)>.accordion-title>div,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div {
        padding: 125px 0 25px 60px;
    }

    .page-node-37 #accordion-18451>.accordion>.card-header>.accordion-title>div::before,
    .page-node-37 #accordion-18451>.accordion>.card-header:nth-child(3)>.accordion-title>div::before,
    .page-node-37 #accordion-18451>.accordion>.card-header:nth-child(5)>.accordion-title>div::before,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(1)>.accordion-title>div::before,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(3)>.accordion-title>div::before,
    .page-node-6 #accordion-18641>.accordion>.card-header:nth-child(5)>.accordion-title>div::before {
        background-position: center center;
        background-size: auto 100%;
        width: 100%;
        height: calc(100% - 75px);
    }

    .page-node-37 #accordion-18451,
    .page-node-6 #accordion-18641>.accordion {
        width: 100%;
    }

    .page-node-37 #accordion-18451>.accordion>.accordion-collapse .paragraph__column>.card>.card-header .accordion-title>div,
    .page-node-37 #accordion-18451>.accordion>.accordion-collapse>.paragraph--type--bp-simple>.paragraph__column,
    .page-node-37 #accordion-18451>.accordion>.accordion-collapse .paragraph__column>.card>.accordion-collapse {
        padding-right: 42px
    }

    .page-node-37 #accordion-18451>.accordion>.accordion-collapse .paragraph__column>.card>.card-header .accordion-title>div:after {
        right: 2px;
    }

    .page-node-6 #accordion-18641 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div,
    .page-node-6 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show {
        padding-left: 50px;
        padding-right: 24px
    }

    .page-node-6 .paragraph--bp-accordion-container .paragraph--type--bp-accordion .card .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header>.accordion-title>div::before {
        left: 6px;
    }

    .page-node-6 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
    .page-node-6 #accordion-18641 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
        right: 2px;
    }

    .page-node-6 .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show::after {
        left: 18px;
    }

    /* Sidebar ***********/
    #sidebar-section {
        top: calc(15% + 110px);
    }

    /* Apply Now***********/
    #block-sidebarapplynow {
        top: 15%;
    }

    #block-sidebarapplynow a {
        width: 50px;
        height: 50px;
        font-size: 14px;
        padding-top: 6px;
    }

    #event_button a {
        width: 60px;
        height: 60px;
        font-size: 14px;
        padding-top: 10px;
    }

    #sidebar-list-title {
        width: 50px;
        height: 50px;
    }

    /******News && Events****/
    .view-block-new-list .view-header-content .content a,
    .view-block-upcoming-events-list .view-header-content .content a {
        padding: 2px 9px;
    }

    .view-block-new-list .view-header-content,
    .view-block-upcoming-events-list .view-header-content {
        margin-bottom: 30px;
    }

    .view-block-new-list .view-header-content .content h2,
    .view-block-upcoming-events-list .view-header-content .content h2 {
        font-size: 26px;
    }

    .card-news-events-list .card-body {
        padding-right: unset;
        margin-bottom: 20px;
    }

    .view-id-block_upcoming_events_list .card-events-list>div .col-md-8 {
        order: 2;
    }

    .view-id-block_upcoming_events_list .card-events-list>div .col-md-4 {
        order: 1;
    }

    /* Teachers' Corner ***********/
    .page-node-37 .teachers-corner-content-2 {
        padding-top: calc(53.12vw - 79px);
    }

    .page-node-37 .teachers-corner-content-2 .subcontent {
        padding: 20px;
    }

    .page-node-37 .first-title-scction,
    .page-node-40 .first-title-scction {
        padding-left: 0;
        padding-right: 0;
    }

    .page-node-37 .first-title-scction .swiper-section .contact-swiper-button-next,
    .page-node-37 .first-title-scction .swiper-section .contact-swiper-button-prev,
    .page-node-40 .first-title-scction .swiper-section .contact-swiper-button-next,
    .page-node-40 .first-title-scction .swiper-section .contact-swiper-button-prev {
        display: none;
    }

    /******collapse****/
    .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div {
        padding-left: 0;
        padding-right: 10px;
    }

    .paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>.paragraph__column {
        padding: 20px 0;
    }

    .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
    .accordion-collapse .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
        right: 6px;
    }

    /* Leaflets/Publications ***********/
    .LeafletsSwiper {
        max-width: calc(100% - 88px);
    }

    .view-block-leaflets-publications-list .view-content.row .views-row:nth-child(odd) {
        margin-bottom: 62px;
    }

    .view-block-leaflets-publications-list .view-content.row .views-row:nth-child(even) {
        margin-top: 0;
        margin-bottom: 62px;
    }

    .view-block-leaflets-publications-list .Leaflets-card {
        margin-bottom: 0;
        padding: 20px;
    }

    .view-block-leaflets-publications-list .Leaflets-card .col-md-5 {
        width: 60%;
        margin-left: auto;
    }

    .view-block-leaflets-publications-list .Leaflets-card .col-md-5>.img-fluid {
        margin-right: -32px;
        margin-bottom: -20px;
    }

    .view-block-leaflets-publications-list .Leaflets-card .col-md-5>.img-fluid::after {
        right: -20px;
        bottom: -32px;
    }

    .view-block-leaflets-publications-list .Leaflets-card .col-md-7 .card-body {
        padding: 0;
        padding-bottom: 20px;
    }

    /* Admissions Office ***********/
    .page-node-39 .paragraph--id--34316.paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph:last-of-type>.paragraph__column {
        padding: 0;
    }

    .page-node-39 .paragraph--id--34316 {
        padding: 40px 20px 150px 20px;
    }

    .admissions-office-content .row>div:nth-child(1) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .admissions-office-content .admissions-office-suncontent {
        margin-top: 30px;
    }

    .admissions-office-content .admissions-office-suncontent h2 {
        margin-top: 30px;
    }

    .admissions-office-content .admissions-office-suncontent .author>p {
        margin-bottom: 30px;
    }

    .paragraph--type--admissions-team {
        width: 100%;
    }

    /* Contact Us ***********/
    .first-title-scction .swiper-section .contactSwiper .title {
        font-size: 28px;
    }

    /* Programmes ***********/
    .card-programmes .card-body .card-title {
        margin-bottom: 15px;
    }

    .card-programmes {
        margin-bottom: 40px;
    }

    /* Apply Now ***********/
    .apply-now-content-2 ul {
        margin-bottom: 65px
    }

    .apply-now-content-2 ul>li {
        width: calc(50% - 10px);
    }

    .apply-now-content-2 ul>li>a>span {
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 3;
        transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        /* IE 9 */
        -moz-transition: all 0.5s ease;
        /* Firefox */
        -webkit-transition: all 0.5s ease;
        /* Safari 和 Chrome */
        -o-transition: all 0.5s ease;
        /* Opera */
    }

    .apply-now-content-3 .subcontent {
        padding: 20px;
    }

    .apply-now-content-3 .subcontent::before {
        top: -13px;
        left: -13px;
    }

    .apply-now-content-3 .subcontent::after {
        bottom: -13px;
        right: -13px
    }

    .application-ul {
        display: block
    }

    .application-ul li {
        width: 100%;
        height: 200px;
        margin: auto;
        background-position: center;
        background-size: cover;
        margin-bottom: 20px;
    }

    .application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header,
    .page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header,
    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header {
        padding: 24px 30px 24px 20px;
    }

    .application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
    .page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after {
        right: -10px;
        top: 50%;
    }

    .application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after,
    .page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after,
    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
        right: -10px;
        top: 50%;
    }

    .application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show,
    .page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show {
        padding: 0 20px 24px 40px;
    }

    .application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show::after,
    .page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show::after,
    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show::after {
        left: 22px;
    }

    /* admissions content - General*/
    .page-node-type-admissions .admissions-General table thead>tr>th {
        width: 50%;
    }

    .page-node-type-admissions .admissions-General table thead>tr>th:nth-child(3),
    .page-node-type-admissions .admissions-General table thead>tr>th:nth-child(4) {
        padding-top: 0;
    }

    .page-node-type-admissions .key-dates-section .keyswiper-button-next {
        right: 0;
        top: 28.5%;
    }

    .page-node-type-admissions .key-dates-section .keyswiper-button-prev {
        left: 0;
        top: 28.5%;
    }

    .page-node-type-admissions .keySwiper {
        padding: 30px 40px 250px 40px;
    }

    .page-node-type-admissions .admissions-key-dates .card-content {
        width: 120%;
        left: -10%;
    }

    /* admissions content - admissions csac*/
    body.page-node-type-admissions .admissions-csac .admissions-table {
        margin-bottom: 20px;
    }

    /* admissions content - admission schemes*/
    .admission-schemes .col-md-5 {
        display: none;
    }

    /******admissions content admission card****/
    .admission-card-subcontent {
        display: block;
    }

    .admission-card-content .item {
        width: 45%;
        margin-bottom: 12px;
    }

    /* page node type page ***********/
    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph.paragraph--type--bp-accordion .accordion-collapse .paragraph>.paragraph__column {
        padding: 0;
    }

    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.collapse.show {
        padding: 0 10px 24px 40px;
    }

    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
        right: -20px;
    }

    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column .paragraph__column>.card>.card-header .accordion-title>div:after,
    .page-node-type-page:not(.page-node-37, .page-node-39, .page-node-6) .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column .paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
        right: 0;
    }

    /* Contact Us ***********/
    .page-node-40 .paragraph--type--layout-container-column-two-sect::before {
        clip-path: polygon(0% 3%, 100% 0%, 72.66% 100%, 0% 96%);
    }

    /* div table  ***********/
    .div-table>div {
        width: 100%;
    }

    /* application-period  ***********/
    main .block-views-blockblock-application-period-view-block-1 .view-content table th.views-field-field-admission-code,
    main .block-views-blockblock-application-period-view-block-1 .view-content table td.views-field-field-admission-code {
        display: none;
    }

    .block-views-blockblock-application-period-view-block-1 #views-exposed-form-block-application-period-view-block-1 #edit-actions input,
    .view-block-interview-arrangement #edit-actions input {
        width: 100%;
    }

    main .block-views-blockblock-application-period-view-block-1 .view-content table td span,
    main .block-views-blockblock-application-period-view-block-1 .view-content table td a {
        font-size: 16px;
    }

    main .block-views-blockblock-application-period-view-block-1 .view-content table td {
        padding: 12px;
    }

    .view-block-interview-arrangement .view-content table td.views-field-title {
        padding-right: 15px;
    }
}

@media (max-width: 575.98px) {

    /*  application ***********/
    .application-procedures-item .paragraph.container-xxl {
        padding-left: 0;
        padding-right: 0;
    }

    .local-applicants-content .container-width .application-button {
        padding-left: 0;
        padding-right: 0;
    }

    /*  Apply Now ***********/
    .apply-now-content-2 ul {
        display: block;
    }

    .apply-now-content-2 ul>li {
        width: 100%;
        margin-bottom: 40px;
    }

    .block-views-blockblock-new-list-block-1 .card-new .card-body .card-time>img,
    .card-news-events-list .card-date-time>img {
        position: absolute;
    }

    .block-views-blockblock-new-list-block-1 .card-new .card-body .card-time>span:nth-child(2),
    .card-news-events-list .card-date-time>span:nth-child(2) {
        padding-left: 32px;
    }

    .card-news-events-list .card-date-time span:nth-child(3) {
        border-left: 0;
        margin-left: 24px;
        margin-top: 10px;
    }

    .card-news-list .card-date-time span:nth-child(3) {
        margin-top: 0;
    }

    .content-LeafletsSwiper {
        margin-bottom: 50px;
    }

    /* Leaflets/Publications ***********/
    .view-block-leaflets-publications-list .Leaflets-card .card-title {
        font-size: 22px;
        padding-bottom: 20px;
    }

    /* Contact Us ***********/
    .first-title-scction .swiper-section {
        width: 100%;
    }

    .first-title-scction .swiper-section .contact-swiper-button-prev {
        left: -30px;
    }

    .first-title-scction .swiper-section .contact-swiper-button-next {
        right: -30px;
    }

    .first-title-scction .swiper-section .contactSwiper .title {
        font-size: 22px;
    }

    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first,
    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second {
        padding: 0 20px;
        position: unset;
    }

    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second {
        margin-top: 10px;
    }

    .page-node-40 .paragraph--type--layout-container-column-two-sect {
        margin-top: 0;
    }

    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50>.layout__region--first,
    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second {
        padding: 0;
    }

    .page-node-40 .layout--twocol-section.layout--twocol-section--50-50 .layout__subregion--second .Information-content ul li:nth-child(4)>div>div:nth-child(1) {
        width: unset;
        max-width: unset;
        margin-right: 10px;
    }

    /* admissions content */
    .page-node-type-admissions .admissions-overview .col-12 {
        text-align: left !important;
    }

    /* admissions content - General*/
    .page-node-type-admissions .key-dates-section .keyswiper-button-next,
    .page-node-type-admissions .key-dates-section .keyswiper-button-prev {
        display: none;
    }

    .page-node-type-admissions .keySwiper {
        padding: 0;
        padding-bottom: 250px;
        padding-top: 30px;
    }

    .page-node-type-admissions .keySwiper .swiper-slide {
        width: 274px;
    }

    .admissions-key-dates-section .p-0 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .page-node-type-admissions .admissions-key-dates .card-content {
        left: 0;
    }

    .page-node-type-admissions .applicants {
        margin-top: 0px;
    }

    /* Admissions Detail == application */
    .applicationview-header-content .content {
        padding: 0;
        text-align: left !important;
    }

    .application-ul li {
        margin-bottom: 20px;
        height: 150px;
    }

    .application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
    .application-procedures-item .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after,
    .page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div:after,
    .page-node-type-admissions .paragraph--bp-accordion-container>.paragraph--type--bp-accordion>.paragraph__column>.card>.card-header .accordion-title>div[aria-expanded="true"]:after {
        right: -30px;
    }

    /******admissions content admission card****/
    .admission-card-content .item {
        width: 100%;
        margin-bottom: 12px;
    }

    .admission-card-content .item>a>p {
        font-size: 24px;
        bottom: 14px;
    }

    .admission-card-content .admissionCardswiper-button-next,
    .admission-card-content .admissionCardswiper-button-prev {
        display: none;
    }

    .application-ul li>div {
        font-size: 20px;
    }

    /******Why Cityu****/
    .glance-swiper-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .glance-card .card-ranking h3 {
        font-size: 36px;
    }

    /******Search****/
    .search-table {
        padding-right: 32px;
    }

    .block-views-blocksearch-and-watch-block-1 .views-exposed-form .form--inline>div:nth-child(1) {
        width: 100%;
    }

    .block-views-blocksearch-and-watch-block-1 .views-exposed-form .form--inline>div:nth-child(2) {
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }

    .block-views-blocksearch-and-watch-block-1 .views-exposed-form .form--inline>div:nth-child(2) input {
        width: 100%;
    }

    .search-table .title {
        font-size: 22px;
    }

    .search-table .date {
        font-size: 16px;
    }

    .search-table .title {
        font-size: 18px;
    }

    /******Programmes****/
    #views-exposed-form-block-programmes-list-block-1 .filters-content .content>div.show .btn-confirm {
        position: sticky;
        bottom: 30px;
    }

    /******Interview Arrangements****/
    .view-block-interview-arrangement #edit-actions {
        width: 100%;
    }

    /* banner video*/
    .swiper-banner .banner-video-html {
        position: relative;
    }

    .swiper-banner .banner-video-html .video-html {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100vh;
    }

    .swiper-banner .banner-video-html .video-html video {
        position: absolute;
        /* left: -50%; */
    }
}

header .navbar .navbar-nav>.dropdown>.nav-level-1>.nav-item>ul.dropdown-menu {
    display: none;
}

header .navbar .navbar-nav>.dropdown>.nav-level-1>.nav-item>ul.dropdown-menu.show {
    display: block;
}

header .navbar .navbar-nav>.dropdown>.nav-level-1>.nav-item {
    position: relative;
}

header .dropdown-show {
    display: block !important;
}