@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* root
————————————————————————————————————————————————————————— */
.cityu .container-max {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.cityu .container,
.cityu .container-fluid,
.cityu .container-max,
.cityu .container-xxl,
.cityu .container-xl,
.cityu .container-lg,
.cityu .container-md,
.cityu .container-sm {
    padding-left: 20px;
    padding-right: 20px;
}
.cityu .container-fluid,
.cityu .container.container-fluid {
    max-width: 2048px;
}
.cityu .navbar > .container-max {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 1499.98px) {
    .cityu .container-fluid:not(.px-0, .p-0) > div:not(.component-banner-1, .component-banner-3) .container-xxl {
        padding: 0;
    }
}

#sidebar-placeholder {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}

/* global
————————————————————————————————————————————————————————— */
.cityu body {
    font-family: 'Montserrat', Arial, '微软雅黑', 'Microsoft YaHei', sans-serif;
    background-color: #f2f2f2;
}
.cityu h6,
.cityu .h6,
.cityu h5,
.cityu .h5,
.cityu h4,
.cityu .h4,
.cityu h3,
.cityu .h3,
.cityu h2,
.cityu .h2,
.cityu h1,
.cityu .h1 {    
    margin-bottom: 20px;
}
.cityu h2,
.cityu h3,
.cityu h4 {
    color: #272727;    
}
.cityu h1,
.cityu .h1 {
    font-size: 42px;
    line-height: 52px;
    font-weight: 700;
}
.cityu h2,
.cityu .h2 {
    font-size: 42px;    
    font-weight: 700;
}
.cityu h3,
.cityu .h3 {
    font-size: 38px;
    font-weight: 700;
}
.cityu h4,
.cityu .h4 {
    font-size: 32px;
    font-weight: 700;
}
.cityu h5,
.cityu .h5 {
    font-size: 24px;    
    font-weight: 700;
}
.cityu h6,
.cityu .h6 {
    font-size: 20px;    
    font-weight: 700;
}
.cityu .text-white h2,
.cityu .text-white h3,
.cityu .text-white h4 {
    color: #fff;
}
.cityu p {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 40px;
}
.cityu .p-middle {
    font-size: 20px;    
    line-height: 34px;
}
.cityu .p-large {
    font-size: 24px;    
    line-height: 40px;
}
.cityu .heading-underline {
    font-size: clamp(32px, 3.75vw, 42px);
    padding-bottom: 28px;
    margin-bottom: 60px;
    position: relative;
}
/* theme color */
.cityu .theme-color-blue .section-wrap:not(.section-dark) .heading-underline {
    color: #271F80;
}
.cityu .theme-color-green .section-wrap:not(.section-dark) .heading-underline {
    color: #03555A;
}
.cityu .theme-color-lime .section-wrap:not(.section-dark) .heading-underline {
    color: #03555A;
}
.cityu .theme-color-purple .section-wrap:not(.section-dark) .heading-underline {
    color: #532676;
}
.cityu .theme-color-pink .section-wrap:not(.section-dark) .heading-underline {
    color: #9A154C;
}
/* theme color end */

/* default button */
.cityu .button {    
    background-image: linear-gradient(to right, #DF7433 0, #DA562B 35%, #CC103C 80%, #9F0D43 100%);
    border: none;
    border-radius: 6px;    
    color: #fff;
    font-size: 18px;
    font-weight: 700;    
    line-height: 22px;
    text-decoration: none;
    min-width: 155px;
    overflow: hidden;
    padding: 14px 20px;
    position: relative;
    z-index: 1;    
}
.cityu .button::before {
    background-image: linear-gradient(to right, #DA562B 0%, #CC103C 25%, #9F0D43 100%);
    content: '';
    inset: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
    transition: opacity 0.3s linear;
}
.cityu .button:hover,
.cityu .button:focus {
    color: #fff;    
}
.cityu .button:hover::before,
.cityu .button:focus::before {
    opacity: 1;
}
.cityu .button-light {
    background-color: #fff;    
    border: #DADADA 1px solid;
    border-radius: 6px;    
    color: #9F0D43;    
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    min-width: 155px;
    overflow: hidden;
    padding: 14px 20px;
    position: relative;
    z-index: 1;
    transition: all 0.2s linear;
}
.cityu .button-light span {
    background-image: linear-gradient(to right, #DF7433 0, #DA562B 35%, #CC103C 80%, #9F0D43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cityu .button-light:hover,
.cityu .button-light:focus {
    background-color: #DBDBDB;
}
.cityu .button.button-sm,
.cityu .button-light.button-sm {
    font-size: 16px;    
    line-height: 20px;
    min-width: 104px;
    padding: 10px 20px;
}
.cityu .button.button-lg,
.cityu .button-light.button-lg {
    font-size: 20px;    
    line-height: 24px;
    min-width: 192px;
    padding: 17px 20px;    
}
.cityu .button.button-xl,
.cityu .button-light.button-xl {
    font-size: 22px;    
    line-height: 26px;
    min-width: 192px;
    padding: 20px;    
}

/* button with arrow, read more button */
.cityu .btn-arrow,
.cityu .btn-read-more {    
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    position: relative;
    transition: all 0.2s ease;
}
.cityu .btn-arrow::after,
.cityu .btn-read-more::after {
    background: #fff url(../image/icon/btn-arrow-gradient.svg) center center no-repeat;
    border: #DBDBDB 1px solid;
    border-radius: 50%;
    content: '';
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 15px;
}

.cityu .section-light a.btn-arrow,
.cityu .section-light a.btn-read-more {
    color: #000;
}
.cityu .section-light a.btn-arrow:hover,
.cityu .section-light a.btn-arrow:focus,
.cityu .section-light a.btn-read-more:hover,
.cityu .section-light a.btn-read-more:focus {
    color: #CC103C;
}
.cityu .section-dark a.btn-arrow,
.cityu .section-dark a.btn-read-more {
    color: #fff;
}
.cityu .section-dark a.btn-arrow:hover,
.cityu .section-dark a.btn-arrow:focus,
.cityu .section-dark a.btn-read-more:hover,
.cityu .section-dark a.btn-read-more:focus {
    color: #FFB800;
}

/* cookies
————————————————————————————————————————————————————————— */
.cityu .cookies-popup {
    background-color: #fff;
    border-top: #f2f2f2 1px solid;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
}
.cityu .cookies-popup .row {
    row-gap: 40px;
}
.cityu .cookies-popup p {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 15px;
}

/* header
————————————————————————————————————————————————————————— */
.cityu header {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 30;
}
.cityu header .navbar > .container-max {
    position: relative;
}
.cityu .navbar-brand {
    padding: 0;    
}
.cityu .navbar-brand img {    
    width: auto;    
    transition: width 0.2s ease, height 0.2s ease, opacity 0.2s ease-in-out;
}
.cityu header:not(.department-header-logotext) .white-navbar .navbar-brand img.department-logo {
    height: 80px;
}
.cityu .department-header-logotext .navbar-brand img {        
    height: min(4vw, 65px);    
}

/* navbar top left menu and right menu */
.cityu header .navbar-nav-topright .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 3px 15px 15px;
    transition: all 0.2s ease;
}
.cityu header .navbar-nav-topright .nav-link:hover,
.cityu header .navbar-nav-topright .nav-link:focus {
    color: rgba(255, 255, 255, .8);
}
.cityu header .navbar-nav-topright {
    flex-direction: row;    
    position: absolute;
    right: 15px;
    top: -35px;
}
.cityu header .navbar-nav-topright .nav-quicklinks .dropdown-toggle::after,
.cityu header .navbar-nav-topright .nav-language .dropdown-toggle::after,
.cityu header .navbar-nav-topright .dropdown .dropdown-toggle::after {
    background: url(../image/icon/dropdown-arrow.svg) center center no-repeat;
    border: none;
    width: 13px;
    height: 7px;
    margin-left: 5px;
    vertical-align: 2px;
}
.cityu header .navbar-nav-topright .nav-search .dropdown-toggle::after {
    content: none;
}
.cityu header .navbar-nav-topright .dropdown-menu {
    border: none;
    border-radius: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    text-align: center;
    min-width: auto;
    /* top: calc(100% + 15px); */
    top: 100%;
}
.cityu header .menu-navbar .navbar-nav-topright .nav-item:not(.nav-language) .dropdown-menu {
    min-width: 250px;
    margin-top: 0;
    padding: 5px 20px;
    left: 50%;
    transform: translateX(-50%);
}
.cityu header .navbar-nav-topright .nav-quicklinks .dropdown-menu {
    min-width: 250px;
    margin-top: 0;
    padding: 5px 20px;
    left: 50%;
    transform: translateX(-50%);
}
.cityu header .navbar-nav-topright .nav-language .dropdown-menu {
    width: 100px;
    margin-top: 0;
    padding: 5px 20px;
    left: 50%;
    transform: translateX(-50%);
}
.cityu header .navbar-nav-topright .nav-search .dropdown-menu {    
    width: 200px;
    margin-top: 0;
    left: auto;
    right: 0;
}
.cityu header .navbar-nav-topleft .dropdown-menu li + li,
.cityu header .navbar-nav-topright .dropdown-menu li + li {
    border-top: #EDEDED 1px solid;
}
.cityu header .navbar-nav-topleft .dropdown-menu .dropdown-item,
.cityu header .navbar-nav-topright .dropdown-menu .dropdown-item {
    color: #272727;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
    padding: 12px;
}
.cityu header .navbar-nav-topright .nav-quicklinks .dropdown-menu .dropdown-item {
    text-align: left;
}
.cityu header .navbar-nav-topleft .dropdown-menu .dropdown-item:hover,
.cityu header .navbar-nav-topleft .dropdown-menu .dropdown-item:focus,
.cityu header .navbar-nav-topleft .dropdown-menu .dropdown-item.is-active,
.cityu header .navbar-nav-topright .dropdown-menu .dropdown-item:hover,
.cityu header .navbar-nav-topright .dropdown-menu .dropdown-item:focus,
.cityu header .navbar-nav-topright .dropdown-menu .dropdown-item.is-active {
    background: none;
    color: #9F0D43;
}

/* navbar toggler */
.navbar-toggler {
    border: none;
    border-radius: 4px;
    padding: 2px;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(204, 16, 60, 0.25);    
}
.navbar-toggler-icon {
    background: url(../image/global/navbar-toggler-close.svg) center center no-repeat;
    width: 26px;
    height: 26px;    
}
.collapsed .navbar-toggler-icon {
    background: url(../image/global/navbar-toggler.svg) center center no-repeat;
}
.cityu header .main-navbar #navbarContent {
    border-left: none;
    width: 100%;
}
.cityu header .menu-navbar #navbarContent .btn-close {
    background: url(../image/global/navbar-toggler-close.svg) center center no-repeat;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    opacity: 1;
    padding: 0;    
    position: absolute;
    right: 20px;
    top: 24px;
}

/*——————————————————————————————————————————————————————— */
/* Department Site Style
————————————————————————————————————————————————————————— */
/* department header
————————————————————————————————————————————————————————— */
.cityu header .white-navbar {
    background-color: #fff;
    height: 120px;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.2s ease;
}
.cityu header.department-header-logotext .white-navbar {
    height: 100px;
    padding-top: 17px;
    padding-bottom: 18px;
}
.cityu header .menu-navbar {    
    background-image: linear-gradient(to right, #DF7433 0, #DA562B 30%, #CC103C 75%, #9F0D43 100%);
    min-height: 4px;
    padding: 0 9px;
}
.cityu .scroll-fixed header .menu-navbar {
    border-bottom: #DF7433 1px solid;
}
/* theme color */
.cityu .theme-color-blue header .menu-navbar {
    background-image: linear-gradient(to right, #3F64C5 0, #3426CE 100%);    
}
.cityu .theme-color-blue.scroll-fixed header .menu-navbar {
    border-bottom: #547ce3 1px solid;
}
.cityu .theme-color-green header .menu-navbar {
    background-image: linear-gradient(to right, #37A699 0, #13858D 100%);    
}
.cityu .theme-color-green.scroll-fixed header .menu-navbar {
    border-bottom: #4ac0b2 1px solid;
}
.cityu .theme-color-lime header .menu-navbar {
    background-image: linear-gradient(to right, #7CA33E 0, #689B40 100%);    
}
.cityu .theme-color-lime.scroll-fixed header .menu-navbar {
    border-bottom: #94bd52 1px solid;
}
.cityu .theme-color-purple header .menu-navbar {
    background-image: linear-gradient(to right, #8A6DA1 0, #803FB2 100%);    
}
.cityu .theme-color-purple.scroll-fixed header .menu-navbar {
    border-bottom: #a98cc0 1px solid;
}
.cityu .theme-color-pink header .menu-navbar {
    background-image: linear-gradient(to right, #C63974 0, #AC286F 100%);    
}
.cityu .theme-color-pink.scroll-fixed header .menu-navbar {
    border-bottom: #e75b96 1px solid;
}
/* theme color end */
.cityu header .menu-navbar .navbar-nav-main .nav-item:not(:last-child) {
    margin-right: min(2.65vw, 50px);
}
.cityu header .menu-navbar .navbar-nav-main .nav-link {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 0;
    transition: all 0.3s ease;
}
.cityu header .menu-navbar .navbar-nav-main .nav-link-home {
    background: url(../image/icon/nav-link-home.svg) center center no-repeat;
    width: 24px;
    overflow: hidden;
    text-indent: -9999px;
}
.cityu header .menu-navbar .navbar-nav-topright {
    top: -75px;
}
.cityu .department-header-logotext .menu-navbar .navbar-nav-topright {
    top: -135px;
}
.cityu header .menu-navbar .navbar-nav-topright .nav-link {
    color: #272727;
    padding: 3px 15px 6px;
}
.cityu header .menu-navbar .navbar-nav-topright .dropdown .dropdown-toggle::after {
    background: url(../image/icon/dropdown-arrow-black.svg) center center no-repeat;
}
/* dropdown menu */
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu {
    background: none;
    border: 0;
    border-radius: 0;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));       
    padding: 0;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu .dropdown-menu {
    min-width: 230px;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu li {
    position: relative;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu li:not(:last-child)::before {
    background-color: #EDEDED;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu li .dropdown-item {
    /* background-color: #fff; */
    color: #272727;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
    display: flex;
    justify-content: space-between;
    max-width: 230px;
    padding: 15px;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu li .dropdown-item span {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu>.dropdown-submenu li~li:last-child .dropdown-item {
    border-bottom-left-radius: 15px;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu>.dropdown-submenu li:last-child .dropdown-item {
    border-bottom-right-radius: 15px;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu .dropdown-menu>li>.dropdown-item {
    background-color: #fff;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu>li:last-child>.dropdown-item {
    border-radius: 0 0 15px 15px;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu .dropdown-menu>li>.dropdown-item:hover {
    background-color: #FFF3EC;
}
.cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu li .dropdown-item.dropdown-toggle::after {
    background: url(../image/icon/menu-btn-arrow-gradient.svg) center center no-repeat;
    border: none;
    flex: 0 0 auto;
    width: 7px;
    height: 12px;
    margin-left: 10px;
    margin-top: 3px;
}
.cityu header .menu-navbar .nav-item:hover .dropdown>.dropdown-menu {
    border: none;
    border-radius: 0 15px 15px 15px;
    padding: 0;
}
.cityu header .menu-navbar .nav-item:hover .dropdown>.dropdown-menu .dropdown-item:hover {
    color: #9F0D43;
}
/* logo text wrap */
.cityu header:not(.department-header-logotext) .logo-text-wrap {
    display: none;
}
.cityu .department-header-logotext .logo-text-wrap {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
.cityu header .logo-text-wrap p,
.cityu .department-header-logotext .logo-text-wrap p {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
}

/* Media Query
————————————————————————————————————————————————————————— */
@media screen and (min-width: 992px) {
    /* scroll fixed */            
    .cityu body.scroll-fixed header .navbar-nav-topright {
        display: none;
    }

    /*——————————————————————————————————————————————————————— */
    /* Department Site Style
    ————————————————————————————————————————————————————————— */
    /* department header
    ————————————————————————————————————————————————————————— */
    .cityu .department-header,
    .cityu .department-header-logotext {
        position: relative;
    }
    /* dropdown menu */
    .cityu header .menu-navbar .navbar-nav-main .nav-item.dropdown {
        background: url(../image/icon/menu-navbar-dropdown-arrow.svg) right center no-repeat;
        padding-right: 20px;
    }
    .cityu header .menu-navbar .navbar-nav-main .nav-item .dropdown-menu {
        border: none;
        margin-top: 0;
        /* left: 100%; */
    }
    .cityu .body-desktop header .menu-navbar .navbar-nav-main .nav-item .dropdown-menu .dropdown-overview {
        display: none;
    }
    .cityu header .menu-navbar .navbar-nav-main .nav-item .dropdown-menu .dropdown-submenu {
        position: relative;
    }
    .cityu header .menu-navbar .navbar-nav-main .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;        
    }
    .cityu header .menu-navbar .nav-item:hover > .dropdown-mainmenu > .dropdown-menu,
    .cityu header .menu-navbar .nav-item:hover > .dropdown-mainmenu .dropdown-submenu:hover > .dropdown-menu {
        display: block;        
    }        
    /* scroll fixed */
    .cityu body.scroll-fixed header .menu-navbar {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
    }
}
@media screen and (min-width: 1200px) {
    /* root
    ————————————————————————————————————————————————————————— */
    .cityu .container,
    .cityu .container-fluid,
    .cityu .container-max,
    .cityu .container-xxl,
    .cityu .container-xl,
    .cityu .container-lg,
    .cityu .container-md,
    .cityu .container-sm {
        padding-left: 30px;
        padding-right: 30px;
    }    
}
@media screen and (min-width: 1500px) {
    /* global
    ————————————————————————————————————————————————————————— */
    /* quote container  */
    .cityu .quote-container {
        margin-left: 0;
    }    
}
@media screen and (min-width: 1700px) {
    /* root
    ————————————————————————————————————————————————————————— */
    .cityu .container-max {
        max-width: 1700px;
    }
}
@media screen and (max-width: 1399.98px) {
    /* header
    ————————————————————————————————————————————————————————— */    
    .cityu header .menu-navbar .navbar-nav-main .nav-link {
        font-size: 16px;        
    }
}
@media screen and (max-width: 1199.98px) {
    /* header
    ————————————————————————————————————————————————————————— */  
    /* navbar top left menu and right menu */        
    .cityu header .navbar-nav-topright {        
        right: 10px;
    }           
    .cityu header .navbar-nav-topright .nav-link {        
        font-size: 14px;
        padding: 3px 10px 15px;
    }    
    .cityu header .navbar-nav-topright .nav-search .dropdown-toggle img {
        width: 20px;
        height: 20px;
    }    
}
@media screen and (max-width: 991.98px) {
    /* global
    ————————————————————————————————————————————————————————— */        
    .cityu section:not(.section-banner) .section-content.mob-pb-0 {
        padding-bottom: 0;
    }
    /* quote container  */
    .cityu .quote-container {        
        margin-right: 90px;
    }
    /* header
    ————————————————————————————————————————————————————————— */
    .cityu .navbar-brand img,
    .cityu header:not(.department-header-logotext) .navbar-brand img,
    .cityu .department-header-logotext .navbar-brand img,
    .cityu body.scroll-fixed header .main-navbar .navbar-brand img {
        width: 210px;
        height: auto;
    }    
    .cityu header .menu-navbar .navbar-nav-main {
        background-image:url(../image/global/navbar-main-footer-mob.svg), linear-gradient(to right, #DF7433 0, #DA562B 30%, #CC103C 75%, #9F0D43 100%);
        background-repeat: no-repeat;
        background-size: 100% auto, auto auto;
        background-position: right 0 bottom -1px;        
        padding: 4px 20px 84px;
    }    
    .cityu header .menu-navbar .navbar-nav-main .nav-item:not(:last-child),
    .cityu body.scroll-fixed header .menu-navbar .navbar-nav-main .nav-item:not(:last-child) {
        margin-right: 0;
    }
    .cityu header .menu-navbar .navbar-nav-main .nav-link {
        font-weight: 700;
        line-height: 22px;
        padding: 15px 0;
        position: relative;
    }    
    .cityu header .menu-navbar .navbar-nav-main .dropdown .nav-link::after {
        background: url(../image/icon/dropdown-arrow-mob.svg) center center no-repeat;
        content: '';
        display: inline-block;
        width: 16px;
        height: 10px;
        margin-top: -5px;
        position: absolute;
        right: 6px;
        top: 50%;
        transition: all 0.2s ease;
    }
    .cityu header .menu-navbar .navbar-nav-main .nav-link.dropdown-expanded::after {
        transform: rotate(180deg);
    }
    .cityu header .main-navbar .navbar-nav-main>.nav-item>.dropdown-menu>.container-max>.row>.dropdown-overview>.dropdown-item {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        padding: 12px 20px;
    }

    /* navbar top left menu and right menu */
    .cityu header .navbar-nav-topright {
        flex-direction: column;        
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        right: auto;
        top: auto;
    }    
    .cityu header .menu-navbar .navbar-nav-topright,
    .cityu .department-header-logotext .menu-navbar .navbar-nav-topright {
        margin-top: 20px;
        top: auto;
    }    
    .cityu header .navbar-nav-topright .nav-item:not(:last-child) {
        border-bottom: #E8E8E8 1px solid;
    }    
    .cityu header .navbar-nav-topright .nav-search {
        order: 2;
    }
    .cityu header .navbar-nav-topright .nav-search .dropdown-toggle img,
    .cityu header .menu-navbar .navbar-nav-topright .nav-link img {
        display: none;
    }    
    .cityu header .navbar-nav-topright .nav-quicklinks .dropdown-toggle::after,
    .cityu header .navbar-nav-topright .nav-search .dropdown-toggle::after,
    .cityu header .menu-navbar .navbar-nav-topright .dropdown .dropdown-toggle::after {
        background: url(../image/icon/dropdown-menu-arrow.svg) center center no-repeat;
        border: none;
        content: '';
        display: block;
        float: right;
        margin: 6px;        
        width: 12px;
        height: 8px;
    }    
    .cityu header .navbar-nav-topright .nav-quicklinks .dropdown-toggle.show::after,
    .cityu header .navbar-nav-topright .nav-search .dropdown-toggle.show::after,
    .cityu header .menu-navbar .navbar-nav-topright .dropdown .dropdown-toggle.show::after {
        transform: rotate(180deg);
    }    
    .cityu header .navbar-nav-topright .nav-quicklinks .dropdown-menu,
    .cityu header .menu-navbar .navbar-nav-topright .nav-item:not(.nav-language) .dropdown-menu {
        transform: none;
    }    
    .cityu header .navbar-nav-topright .nav-quicklinks .dropdown-menu,
    .cityu header .navbar-nav-topright .nav-search .dropdown-menu,
    .cityu header .menu-navbar .navbar-nav-topright .dropdown:not(.nav-language) .dropdown-menu {
        background-color: #F3F3F3;
        border-radius: 0;
        filter: none;
        text-align: left;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        padding: 0;
    }
    .cityu header .navbar-nav-topleft .nav-item .dropdown-menu li:not(:last-child),
    .cityu header .navbar-nav-topright .nav-quicklinks .dropdown-menu li:not(:last-child),
    .cityu header .navbar-nav-topright .nav-search .dropdown-menu li:not(:last-child),
    .cityu header .menu-navbar .navbar-nav-topright .dropdown .dropdown-menu li:not(:last-child) {
        border-bottom: #E8E8E8 1px solid;
    }
    .cityu header .navbar-nav-topleft .nav-item.dropdown .dropdown-item,
    .cityu header .navbar-nav-topright .nav-quicklinks .dropdown-item,
    .cityu header .navbar-nav-topright .nav-search .dropdown-item,
    .cityu header .menu-navbar .navbar-nav-topright .dropdown .dropdown-item {
        font-size: 15px;
        padding: 16px 20px;
    }    
    .cityu header .navbar-nav-topleft .nav-link,        
    .cityu header .navbar-nav-topright .dropdown-toggle,
    .cityu header .menu-navbar .navbar-nav-topright .nav-link {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25;
        text-decoration: none;
        display: block;
        padding: 14px 0;
    }    
    .cityu header .navbar-nav-topright .dropdown-toggle:hover,
    .cityu header .navbar-nav-topright .dropdown-toggle:focus {
        color: #000;
    }
    .cityu header .navbar-nav-topright .dropdown-toggle:focus-visible {
        box-shadow: none;
        outline: none;
    }
    .cityu header .navbar-nav-topright .nav-language {
        order: 3;
    }
    .cityu header .navbar-nav-topright .nav-language .dropdown-toggle {
        display: none;
    }
    .cityu header .navbar-nav-topright .nav-language .dropdown-menu {
        border: #DC5D2D 1px solid;
        border-radius: 8px;
        display: flex;
        width: 100%;        
        margin: 20px auto 0;
        padding: 0;
        filter: none;
        position: relative;
        left: 0;
        transform: none;
    }    
    .cityu header .navbar-nav-topright .nav-language .dropdown-menu li {
        flex: 0 0 33.33%;
    }
    .cityu header .navbar-nav-topright .nav-language .dropdown-menu li + li {
        border-left: #DC5D2D 1px solid;
    }
    .cityu header .navbar-nav-topright .nav-language .dropdown-menu .dropdown-item {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25;
        padding: 14px;
    }
    .cityu header .navbar-nav-topright .nav-language .dropdown-menu .dropdown-item.is-active {
        background-image: linear-gradient(to right, #DF7433 38%, #DA562B 44%, #CC103C 55%, #9F0D43 62%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }    

    /*——————————————————————————————————————————————————————— */
    /* Department Site Style
    ————————————————————————————————————————————————————————— */
    /* department header
    ————————————————————————————————————————————————————————— */    
    .cityu header .white-navbar {
        align-items: flex-start;
        height: 70px;
        padding-top: 17px;
        padding-bottom: 0;
    }
    .cityu header.department-header-logotext .white-navbar {
        height: 70px;
        padding-top: 17px;
    }
    .cityu header .menu-navbar #navbarContent {
        background: #fff url(../image/mini_logo.svg) 20px 18px no-repeat;
        background-size: auto 38px;
        border-left: none;
        width: 100%;
    }
    .cityu header .menu-navbar #navbarContent .navbar-nav-wrap {        
        max-height: calc(100vh - 74px);
        overflow: scroll;
        margin-top: 74px;
        padding-bottom: 50px;
    }    
    /* dropdown menu */    
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu {
        margin-left: -20px;
        margin-right: -20px;
    }
    .cityu header .menu-navbar .nav-item>.dropdown-mainmenu.show>.dropdown-menu {
        display: block;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu {
        filter: none;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > li:not(:last-child) {
        border-bottom: #E8E8E8 1px solid;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu li:not(:last-child)::before {
        content: none;
    }
    .cityu header .menu-navbar .nav-item>.dropdown-mainmenu>.dropdown-menu li .dropdown-item {
        font-weight: 700;
        line-height: 26px;
        white-space: wrap;
        max-width: none;
        padding: 16px 20px;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > li > .dropdown-item:hover {
        background-color: #fff;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > li:last-child > .dropdown-item {
        border-radius: 0;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu li .dropdown-item.dropdown-toggle::after {
        background: url(../image/icon/dropdown-menu-arrow.svg) center center no-repeat;
        border: none;
        width: 12px;
        height: 8px;
        margin-top: 9px;
        margin-bottom: 9px;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu .dropdown-submenu .dropdown-submenu .dropdown-item.dropdown-toggle::after {
        margin-top: 5px;
        margin-bottom: 0;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu li .dropdown-item.dropdown-toggle.show::after {
        transform: rotate(180deg);
    }
    .cityu header .menu-navbar .nav-item .dropdown > .dropdown-menu,
    .cityu header .menu-navbar .nav-item:hover .dropdown > .dropdown-menu {
        background-color: #FFF3EC;
        border: none;              
        border-radius: 0;
        filter: none;
        margin-top: 0;
        padding: 0;
    }
    .cityu header .menu-navbar .nav-item .dropdown > .dropdown-menu li,
    .cityu header .menu-navbar .nav-item:hover .dropdown > .dropdown-menu li {
        border-bottom: none;        
    }
    .cityu header .menu-navbar .nav-item .dropdown > .dropdown-menu li::before,
    .cityu header .menu-navbar .nav-item:hover .dropdown > .dropdown-menu li::before {
        content: none;        
    }
    .cityu header .menu-navbar .nav-item:hover .dropdown > .dropdown-menu .dropdown-item:hover {
        color: #272727;
    }    
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu li .dropdown-menu li .dropdown-item {
        line-height: 1.2;
        background: none;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
        border-top: #E8E8E8 1px solid;
        margin-top: 0;
    }    
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-item,
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item {        
        border-left: #DF7433 8px solid;        
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > .dropdown-submenu .dropdown-submenu .dropdown-menu > li > .dropdown-item {
        border-left: #FFC4A3 8px solid;
        background-color: #FFE4D4;
    }
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > .dropdown-submenu li:last-child .dropdown-item,
    .cityu header .menu-navbar .nav-item > .dropdown-mainmenu > .dropdown-menu > .dropdown-submenu li ~ li:last-child .dropdown-item {
        border-radius: 0;
    }
    /* logo text wrap */
    .cityu header:not(.department-header-logotext) .logo-text-wrap {
        display: block;
    }
    .cityu header .logo-text-wrap,
    .cityu .department-header-logotext .logo-text-wrap {
        background-color: #9F0D43;
        background-image: linear-gradient(to right, #DF7433 0, #DA562B 30%, #CC103C 75%, #9F0D43 100%);
        padding-top: 13px;
        padding-bottom: 13px;
    }
    /* theme color */
    .cityu .theme-color-blue header .logo-text-wrap,
    .cityu .theme-color-blue .department-header-logotext .logo-text-wrap {
        background-color: #3426CE;
        background-image: linear-gradient(to right, #3F64C5 5%, #3426CE 100%);        
    }
    .cityu .theme-color-green header .logo-text-wrap,
    .cityu .theme-color-green .department-header-logotext .logo-text-wrap {
        background-color: #13858D;
        background-image: linear-gradient(to right, #37A699 13.5%, #13858D 86.5%);        
    }
    .cityu .theme-color-lime header .logo-text-wrap,
    .cityu .theme-color-lime .department-header-logotext .logo-text-wrap {
        background-color: #689B40;
        background-image: linear-gradient(to right, #7CA33E 13.5%, #689B40 86.5%);        
    }
    .cityu .theme-color-purple header .logo-text-wrap,
    .cityu .theme-color-purple .department-header-logotext .logo-text-wrap {
        background-color: #803FB2;
        background-image: linear-gradient(to right, #8A6DA1 13.5%, #803FB2 86.5%);        
    }
    .cityu .theme-color-pink header .logo-text-wrap,
    .cityu .theme-color-pink .department-header-logotext .logo-text-wrap {
        background-color: #AC286F;
        background-image: linear-gradient(to right, #C63974 13.5%, #AC286F 86.5%);        
    }    
    /* theme color end */
    .cityu header .logo-text-wrap p,
    .cityu .department-header-logotext .logo-text-wrap p {
        color: #fff;
        font-size: 18px;        
        line-height: 22px;        
    }
    .cityu header .menu-navbar {
        min-height: auto;
        padding: 0;
    }
    
    /* scroll fixed */
    .cityu body.scroll-fixed header .white-navbar {
        border-bottom: #f2f2f2 1px solid;
    }    
}
@media screen and (max-width: 767.98px) {
    /* global
    ————————————————————————————————————————————————————————— */
    /* button with arrow, read more button */    
    .cityu .btn-arrow::before {
        content: "";
        vertical-align: middle;
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-right: 10px;
        background: url(../image/icon/btn-arrow-orange.svg) center center no-repeat rgb(255, 255, 255);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(219, 219, 219);
        border-image: initial;
        border-radius: 50%;
    }
    .cityu .btn-arrow::after {        
        content: none;
    }
    .cityu .btn-read-more::after {
        width: 32px;
        height: 32px;
    }
    /* quote container  */
    .cityu .quote-container {
        margin-left: 0;
        margin-right: 0;
    }
    .cityu .quote-container::before {
        background-size: cover;
        width: 61px;
        height: 50px;
        left: 0;
        top: -20px;
        transform: translateY(-100%);
    }
    .cityu .quote-container::after {
        background-size: cover;
        width: 61px;
        height: 50px;
        right: 0;
        bottom: 0;
        transform: translateY(100%);
    }    
}