@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;700;900&display=swap');

/* CSS root  ***************************************************/
.container-xl,
.container-sp {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.row {
    margin-right: -20px;
    margin-left: -20px;
}

[class*='col-'] {
    padding-right: 20px;
    padding-left: 20px;
}

/* .detail-page [class*='col-'] {
    padding-right: 10px;
    padding-left: 10px;
}

.detail-page .row,
.detail-page .block-field-blocknodegalleryfield-paragraph-content .block-content>.row,
.detail-page .block-field-blocknodegalleryfield-paragraph-video .block-content>.row {
    margin-right: -10px;
    margin-left: -10px;
} */

@media (min-width: 768px) {
    .container-xl {
        padding-left: 30px;
        padding-right: 30px;
    }

    .container-sp {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .container-sp {
        padding-right: 15px;
    }

    .container-sp .col-lg-5 {
        flex: 0 0 404.16px;
        max-width: 404.16px;
    }

    .container-sp .col-lg-7 {
        flex: 0 0 calc(100% - 404.16px);
        max-width: calc(100% - 404.16px);
    }
}

@media (min-width: 1200px) and (max-width: 1659px) {
    .container-xl {
        max-width: calc(100% - 60px);
        width: calc(100% - 60px);
    }

    .container-sp {
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
        margin-left: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1660px) {
    .container-xl {
        max-width: 1600px;
        width: 100%;
    }

    .container-sp {
        margin-left: calc((100vw - 1600px) * 0.5);
    }

    .container-sp .col-lg-5 {
        flex: 0 0 666.66px;
        max-width: 666.66px;
    }

    .container-sp .col-lg-7 {
        flex: 0 0 calc(100% - 666.66px);
        max-width: calc(100% - 666.66px);
    }
}

/* CSS Document  ***************************************************/
body {
    color: #191919;
    font-size: var(--bs-body-font-size);
    font-family: 'Mulish', sans-serif;
    -webkit-overflow-scrolling: touch;
    line-height: var(--bs-body-line-height);
}

@media (min-width: 768px) {
    body.detail-page {
        overflow: visible !important;
    }
}

main>.container-fluid {
    --bs-gutter-x: 0px;
}

.main-margin-bottom {
    margin-bottom: 100px;
}

.section-padding-y {
    padding-top: 80px;
    padding-bottom: 80px;
}

ul li {
    list-style-type: none;
}

.paragraph ul li,
.gavias-builder--content ul li {
    padding-left: 30px;
    position: relative;
}

.paragraph ul li:not(:last-child),
.gavias-builder--content ul li:not(:last-child) {
    margin-bottom: 10px;
}

.paragraph ul li::before,
.gavias-builder--content ul li::before {
    background-color: #98272D;
    content: '';
    display: block;
    width: 10px;
    height: 3px;
    margin-top: -1px;
    position: absolute;
    left: 0;
    top: 50%;
}

/* .paragraph h2 {
    padding-top: 100px;
    padding-bottom: 20px;
} */
ol,
ul {
    padding-left: 0;
}

.container-xl .row .col-12 ol {
    padding-left: inherit;
}

table th,
table td {
    padding: 0.45em 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: #333;
}

a,
p {
    color: #212121;
    transition: color .35s;
    text-decoration: none;
    word-wrap: break-word;
}

a {
    color: var(--alink-hover-color);
}

#block-ssps-theme-content a:not(.btn) {
    text-decoration: underline;
}

/* a:hover {
    text-decoration: underline;
} */

.dropdown-item,
.dropdown-item.active,
.media-library-view--widget .view-header a.dropdown-item.is-active,
.dropdown-item:active {
    color: #212121;
    background-color: #fff;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #0055DB;
    background-color: #fff;
}

p {
    margin-bottom: 20px;
}

a:hover,
a:active,
a:focus {
    color: var(--alink-hover-color);
    text-decoration: none;
}

input[type=checkbox]:checked {
    background-color: #98272D !important;
    color: #ffffff !important;
    border: 1px solid #898989;
}

input[type='checkbox']:after {
    box-shadow: none !important;
}

.block_padding {
    padding: 80px 0;
}

.padding-bottom {
    padding-bottom: 60px;
}

.background-white {
    background-color: #fff;
    /* padding-top: 60px; */
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
    padding: 0;
}

fieldset.form-item>legend {
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.block-banner .carousel-caption .contact-h1 {
    color: #192347;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 20px;
}

h1,
.h1,
.block-banner .carousel-caption .contact-h1 {
    font-size: var(--bs-font-size-xxl);
    font-weight: 900;
}

h2,
.h2 {
    font-size: var(--bs-font-size-xl);
    font-weight: 900;
}

.contact-webform h2 {
    font-size: 28px;
    font-weight: 900;
}

h3,
.h3 {
    font-size: var(--bs-font-size-lg);
}

h3 strong,
.h3 strong {
    font-weight: 900;
}

h4,
.h4 {
    font-size: var(--bs-font-size-20px);
}

h5,
.h5,
h6,
.h6 {
    font-size: var(--bs-font-size-18px);
}

@media all and (min-width: 1200px) {

    /* h1 */
    .block-banner .carousel-caption .contact-h1 {
        font-size: 42px;
    }

    /* h2 */
    .path-frontpage .homepageSwiper .banner_content h2 {
        font-size: 38px;
    }

    #block-receiveournewsletter .footer_top_content h2 {
        font-size: 38px;
    }
}

@media all and (min-width: 992px) and (max-width: 1199.98px) {

    /* h1 */
    .block-banner .carousel-caption .contact-h1 {
        font-size: 38px;
    }

    /* h2 */
    #block-receiveournewsletter .footer_top_content h2,
    .contact-webform h2 {
        font-size: 32px;
    }
}

@media all and (min-width: 768px) and (max-width: 991.98px) {

    /* h1 */
    .block-banner .carousel-caption .contact-h1 {
        font-size: 38px;
    }

    /* h2 */
    #block-receiveournewsletter .footer_top_content h2,
    .contact-webform h2 {
        font-size: 28px;
    }
}

@media all and (max-width: 768px) {

    /* h1 */
    h1,
    .h1,
    .block-banner .carousel-caption .contact-h1 {
        /* font-size: 32px; */
        margin-bottom: 40px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    p {
        margin-bottom: 15px;
    }
}

.btn {
    background-color: #98272D;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 24px;
}

.btn:hover {
    background-color: #1C2E55;
    box-shadow: none;
}

.btn-arrow {
    background: url(../image/common/card-btn-arrow.svg) center center no-repeat;
    color: #fff;
    font-size: 0;
    display: block;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.card-btn-arrow {
    background: url(../image/common/card-btn-arrow-blue.svg) center center no-repeat;
    color: #192347;
    font-size: 0;
    display: block;
    width: 23px;
    height: 23px;
    transition: all 0.3s ease;
}

.card-arrow23-blue {
    background: url(../image/common/arrow23-blue.svg) center center no-repeat;
    background-size: cover;
    color: #192347;
    font-size: 0;
    display: block;
    width: 23px;
    height: 23px;
    transition: all 0.3s ease;
}

.card-arrow23-white {
    background: url(../image/common/arrow23-white.svg) center center no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 0;
    display: block;
    width: 23px;
    height: 23px;
    transition: all 0.3s ease;
}

.card-arrow23-blue,
.card-arrow23-white {
    position: absolute;
    right: 33px;
    top: 38px;
    z-index: 3;
}

.card-arrow23-blue:hover,
.card-arrow23-white:hover {
    transform: translateX(5px);
}

.icon-address {
    background: url(../image/common/address-icon.svg) left center no-repeat;
    padding-left: 24px;
}

/*  line height ******************************************/
.page-content-lineHeight {
    line-height: 1.8;
}

@media all and (max-width: 576px) {

    h1,
    .h1,
    .block-banner .carousel-caption .contact-h1 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .card-arrow23-blue,
    .card-arrow23-white {
        width: 14px;
        height: 14px;
        right: 25px;
        top: 25px;
    }
}

/* swiper ******************************************/
[class*='swiper-button-'] {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

[class*='swiper-button-prev']::before,
[class*='swiper-button-next']::before {
    content: '';
    position: absolute;
    background-image: url('/ssps/themes/custom/ssps_theme/image/common/swiper-prev.svg');
    width: 25px;
    height: 44px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

[class*='swiper-button-next']::before {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

[class*='swiper-button-prev']:after,
[class*='swiper-button-next']:after {
    display: none;
}

.galleryModalSwiper .swiper-button-prev,
.galleryModalSwiper .swiper-button-next {
    background-color: #98272D;
    width: 44px;
    height: 44px;
    transition: all 0.3s ease;
    top: 38%;
}

.galleryModalSwiper [class*='swiper-button-prev']::before {
    background: url(../image/common/swiper-prev.svg) no-repeat;
    background-size: auto 24px;
    background-position: center;
    width: 44px;
}

.galleryModalSwiper [class*='swiper-button-next']::before {
    background: url(../image/common/swiper-next.svg) no-repeat;
    background-size: auto 24px;
    background-position: center;
    width: 44px;
}

.galleryModalSwiper .swiper-button-prev:hover {
    transform: translateX(-5px);
}

.galleryModalSwiper .swiper-button-next:hover {
    transform: translateX(5px);
}

/* system ******************************************/
.body-page input[type="text"],
.body-page input[type="tel"],
.body-page input[type="password"],
.body-page input[type="email"],
.body-page textarea,
.body-page select {
    height: calc(2.43rem + 2px);
    width: 100%;
}

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

.block-local-tasks-block {
    z-index: 2;
}

.help {
    display: none !important;
}

.gbb-row .bb-inner {
    padding: 0;
}

.gbb-row .bb-inner .bb-container {
    padding-left: calc(8.33% + 3px);
    padding-right: calc(8.33% + 3px);
    margin-bottom: 100px;
}

.detail-page .gbb-row .bb-inner .bb-container::before {
    background-color: #CDCDCD;
    content: '';
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

/* .frontpage .breadcrumb-content-inner {
    display: none;
} */

/* paragraph **********/
.panel,
.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 .panel .card-header {
    border-bottom: unset;
    border-top: 2px solid #2c2c2c;
}

.paragraph .panel .card-header:first-child {
    border-radius: unset;
}

.paragraph .panel .panel-heading .panel-title>a {
    font-weight: 700;
    font-size: 22px;
    padding: 26px 0;
}

.paragraph.paragraph--type--bp-accordion {
    margin-bottom: 50px;
}

.paragraph.paragraph--type--bp-accordion .panel-collapse>.paragraph {
    padding-left: 0;
    padding-right: 0;
}

.panel .panel-heading .panel-title>a:after {
    content: "" !important;
    background: url(/ssps/themes/custom/ssps_theme/image/content/people/open.svg) center center no-repeat !important;
    background-size: contain !important;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    top: 50%;
    transition: all 0.2s ease;
}

.panel .panel-heading .panel-title>a[aria-expanded="true"]:after {
    content: "" !important;
    background: url(/ssps/themes/custom/ssps_theme/image/content/people/merge.svg) center center no-repeat !important;
    background-size: 100% auto;
    transform: rotate(180deg) translateY(50%);
    position: absolute;
    right: 20px;
    top: 50%;
    transition: all 0.2s ease;
}

.paragraph.paragraph--type--bp-accordion .panel-collapse>.paragraph>.paragraph__column {
    padding-bottom: 40px !important;
}

#block-ssps-theme-content .panel .panel-heading .panel-title>a {
    position: unset;
    text-decoration: none;
    color: #212121;
}

#block-ssps-theme-content .panel .panel-heading .panel-title>a:hover {
    color: var(--alink-hover-color);
}

.panel .panel-heading .panel-title {
    position: relative;
}

.paragraph .panel .panel-heading .panel-title>a {
    width: 96%;
}

.paragraph--bp-accordion-container .paragraph ol {
    padding-left: 20px;
}

/* table ******************************************/
table.table-details tr th {
    min-width: 200px;
    text-align: center;
    vertical-align: middle;
}

table.table-details tr td {
    padding: 0.75rem;
}

/* view custom ******************************************/
nav.pager {
    margin-top: 30px;
}

nav.pager ul.pager__items {
    margin: 0;
}

nav.pager ul.pager__items>li a {
    border: unset;
    font-size: 18px;
    border-radius: 0;
    line-height: 36px;
    border: 1px solid #fff;
}

nav.pager ul.pager__items>li.is-active a,
nav.pager ul.pager__items>li a:hover {
    background: #1C2E55;
    border-color: #1C2E55;
}

nav.pager ul.pager__items>li.pager__item--next a:hover,
nav.pager ul.pager__items>li.pager__item--previous a:hover {
    border: 1px solid #1C2E55;
    background-color: unset;
}

nav.pager ul.pager__items img.next_logo {
    margin-top: 10px;
}

nav.pager ul.pager__items img.Previous_logo {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    margin-top: 12px;
}

/* chatbot******************************************/
#sidebar-section>ul>li:first-child {
    visibility: hidden;
}

body.frontpage #sidebar-section>ul>li:first-child,
.page-node-40 #sidebar-section>ul>li:first-child,
.page-node-26 #sidebar-section>ul>li:first-child,
.page-node-30 #sidebar-section>ul>li:first-child,
.page-node-25 #sidebar-section>ul>li:first-child,
.node--type-programmes-courses #sidebar-section>ul>li:first-child,
.page-node-2 #sidebar-section>ul>li:first-child,
.page-node-7 #sidebar-section>ul>li:first-child {
    visibility: unset;
}

#sidebar-chatroom iframe {
    height: 430px;
}

/* banner ******************************************/
#block-ssps-theme-breadcrumbs {
    background-color: #1C2E55;
    margin-bottom: 100px;
    position: relative;
}

#block-ssps-theme-breadcrumbs::before {
    background-color: #fff;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

#block-ssps-theme-breadcrumbs::after {
    background: #1C2E55 url(../image/content/banner/banner_bg.jpg) left center no-repeat;
    background-size: auto 100%;
    content: '';
    position: absolute;
    top: 60px;
    bottom: 0;
    z-index: 1;
}

#block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner>img {
    display: none;
}

.breadcrumbs .breadcrumb-content-inner {
    margin-bottom: 0;
}

.breadcrumbs .breadcrumb-content-inner .main-banner {
    background-color: #98272D;
    margin-left: auto;
    padding-bottom: 14px;
    position: relative;
    z-index: 2;
}

.breadcrumbs .breadcrumb-content-inner .breadcrumb-content-main {
    max-width: none;
    padding: 40px 0 70px;
}

#block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner>img {
    max-width: none;
    aspect-ratio: 1212 / 430;
    object-fit: cover;
}

#block-ssps-theme-breadcrumbs .gva-parallax-background>img.banner-bg {
    padding-top: 60px;
}

.breadcrumb-content-inner .gva-block-breadcrumb .page-title {
    color: #fff;
    font-size: 46px;
    line-height: 1.25;
    margin-bottom: 10px;
}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li,
.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li a {
    color: #fff;
    font-size: 14px;
    font-family: 'Mulish', sans-serif;
}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li span {
    padding: 0 10px;
}

#block-ssps-theme-breadcrumbs .banner-breadcrumb .breadcrumb-links {
    background: none;
    display: block;
    padding: 0;
    position: relative;
}

/* header ******************************************/
header.fixnav {
    position: fixed;
    top: 0;
    width: 100%;
    animation: wrapper-gradient 0.3s linear;
    z-index: 101;
}

@keyframes wrapper-gradient {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%);
    }
}


header.header-default {
    box-shadow: none;

}

header.header-default .header-main-inner .row {
    margin-left: 0;
    margin-right: 0;
}

header.header-default .header-main-inner .content-inner {
    padding-left: 0;
    padding-right: 0;
}

header.header-default .header-main-inner .branding {
    margin-left: 30px;
}

header.header-default .header-main-inner .branding .site-branding-logo {
    display: block;
    width: 180px;
    padding: 12px 0 12px;
}

header.header-default .header-main-inner .branding .site-branding__text {
    display: none;
}

header.header-default .header-main-inner .header-inner {
    flex: 1 0 auto;
    padding: 0;
}

#block-headersearch,
#block-headertranslation {
    display: inline-block;
}

#block-headertranslation {
    cursor: pointer;
}

header#header #block-languageswitcher,
header#header #block-headertranslation li.is-active,
header#header #block-headertranslation .header-translation .dropdown-toggle::after {
    display: none;
}


#block-headersearch .header-search {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

#block-headersearch .header-search .header-search-header.dropdown-toggle::after {
    display: none;
}

#block-headersearch .header-search>.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;
}

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

#block-headersearch .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-headersearch .ld-search-form>span {
    position: absolute;
    left: 6px;
    top: 15px;
}

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

.header-translation .dropdown-toggle {
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    width: 24px;
}

.header-translation .dropdown-menu {
    border: none;
    border-radius: 0;
    min-width: auto;
    margin-top: 0;
    padding: 0;
}

.header-translation .dropdown-menu li {
    border-top: #9F9F9F 1px solid;
}

.header-translation .dropdown-menu li a {
    font-weight: 700;
    text-align: center;
    display: block;
    width: 90px;
    padding: 33px;
    white-space: nowrap;
    color: #212121;
}

.header-translation .dropdown-menu li a:hover {
    color: var(--alink-hover-color);
}

#header .navigation .gva_menu>li>a {
    color: #000;
    font-family: 'Mulish', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

#header.navigation .gva_menu>li:hover>a {
    color: #B4242C;
}

#header .navigation .gva_menu>li>a:hover,
#header .navigation .gva_menu>li>a:after,
#header .navigation .gva_menu>li>a:active {
    color: #B4242C;
    text-decoration: none;
}

.navigation .gva_menu .sub-menu>li>a:hover,
.navigation .gva_menu .sub-menu>li>a:focus,
.navigation .gva_menu .sub-menu>li>a:active {
    color: #B4242C;
}

.navigation .gva_menu>li>a.is-active {
    color: #B4242C;
}

#header .navigation .gva_menu>li:first-child>a {
    display: block;
    text-indent: -9999px;
}

#header .navigation .gva_menu>li:first-child>a::after {
    background: url(../image/header/home_icon.svg) center center no-repeat;
    content: '';
    display: block;
    width: 22px;
    height: 20px;
    float: right;
    transition: filter 0.3s ease;
}

#header .navigation .gva_menu>li:first-child:hover>a::after {
    filter: invert(28%) sepia(70%) saturate(1100%) hue-rotate(315deg) brightness(90%) contrast(100%);
}

#header .navigation .gva_menu .sub-menu>li>a {
    color: #000;
    font-family: 'Mulish', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

#block-headerend {
    margin-bottom: 0;
}

#block-headerend .header-end>div {
    justify-content: space-between;
    align-items: center;
    padding: 12px 30px;
}

#block-headerend .header-end>div>p {
    color: #020202;
    font-size: 20px;
    font-weight: 900;
}

#block-headerend .header-end>div>img {
    width: 282px;
    height: auto;
}

/* gva_menu******************************************/
#header .navigation .gva_menu>li.is-hover>ul.sub-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 100%;
    /* margin-top: -2px; */
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

#header .navigation .gva_menu>li.is-hover ul.sub-menu>li {
    visibility: visible;
    opacity: 1;
}

/* pager******************************************/
#block-ssps-theme-content nav.pager a {
    color: #212121;
    text-decoration: none;
}

#block-ssps-theme-content .pager ul.pager__items>li.is-active a {
    color: #fff;
}

#block-ssps-theme-content nav.pager a:hover {
    color: #fff;
}

@media (min-width: 576px) {

    .navigation .gva_menu>li:hover>ul.sub-menu,
    .navigation .gva_menu>li:hover div.sub-menu {
        margin-top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1023.98px) {
    .menu-bar.d-lg-none {
        display: block !important;
    }
}

@media (min-width: 1024px) {
    #header.header-default .header-main-inner .content-inner {
        display: flex;
        flex-wrap: wrap;
    }

    #header.header-default .header-main-inner .branding {
        float: none;
        height: 90px;
    }

    #header.header-default .header-main-inner .gva-offcanvas-mobile,
    #header.header-default .header-main-inner .gva-offcanvas-mobile .main-menu-inner {
        float: none;
    }

    #header.header-default .main-menu-inner>div {
        display: flex;

    }

    #block-mainnavigation {
        width: calc(100% - 182px);
        padding-right: 15px;
    }

    #header .navigation .gva_menu {
        float: right;
        /* min-width: 970px; */
        margin-right: 20px;
    }

    #header .navigation .gva_menu li a .icaret {
        display: none;
    }

    #header .navigation .gva_menu>li>a {
        padding: 35px 15px;
    }

    #header .navigation .gva_menu>li.menu-item--active-trail>a {
        color: #B4242C !important;
    }

    #header .navigation .gva_menu>li>a>span {
        display: none;
    }

    #header .navigation .gva_menu .sub-menu {
        box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07);
        padding: 16px 0;
    }

    #header .navigation .gva_menu .sub-menu>li {
        padding: 0;
        transform: translateY(0);
    }

    #header .navigation .gva_menu .sub-menu>li>a {
        color: #797b86;
        padding: 10px 40px;
    }

    #header .navigation .gva_menu .sub-menu>li:hover>a {
        background-color: #e7eaee;
        color: #181b31;
    }

    #header .navigation .gva_menu>li>.sub-menu:after {
        content: none;
    }

    #block-headersearch,
    #block-headertranslation {
        border-left: #9F9F9F 1px solid;

    }

    #block-headersearch .header-search .header-search-header {
        display: block;
        padding: 33px;
    }

    #block-headersearch .header-search .header-search-header img {
        width: 24px;
        max-width: none;
        height: auto;
    }

    .header-translation .dropdown-toggle {
        padding: 35px 33px;
        width: 90px;
        font-size: 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1426px) {
    header.header-default .header-main-inner .header-inner {
        width: 100%;
    }

    #block-mainnavigation {
        width: calc(100% - 110px);
        padding-right: 0;
    }

    #header .navigation .gva_menu {
        float: left;
        min-width: 975px;
        margin-left: 20px;
    }

    #header .navigation .gva_menu>li>a {
        padding: 20px 10px;
    }

    #block-headersearch,
    #block-headertranslation {
        border-color: #fff;
    }

    #block-headersearch .header-search .header-search-header {
        padding: 18px 10px;
    }

    .header-translation .dropdown-toggle {
        width: 50px;
        padding: 18px 10px;
    }

    .header-translation .dropdown-menu {
        width: 50px;
    }

    .header-translation .dropdown-menu li a {
        width: 50px;
        padding: 18px 10px;
    }
}

@media (min-width: 1024px) and (max-width: 1360px) {
    #header .navigation .gva_menu {
        min-width: auto;
    }
}

@media (max-width: 1023.98px) {
    header.header-default .header-main-inner .branding {
        margin-left: 30px;
    }

    .menu-bar {
        margin-right: 30px;
    }

    #block-headerend .header-end>div {
        padding: 12px 30px;
    }

    #block-headerend .header-end>div>p {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    header.header-default .header-main-inner .branding {
        margin-left: 20px;
    }

    .menu-bar {
        margin-right: 20px;
    }

    #block-headerend .header-end>div {
        justify-content: center;
        padding: 12px 15px;
    }

    #block-headerend .header-end>div p {
        display: none;
    }

    #block-headerend .header-end>div img {
        width: auto;
        height: 40px;
    }
}

/* footer ******************************************/
#footer {
    background-color: #252832;
    background-image: none;
    line-height: 1.5;
    padding-top: 93px;
    margin-top: 120px;
    position: relative;
    z-index: 100;
}

#footer h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}

#footer a {
    color: #B3B3B3;
}

#footer a:hover {
    color: #fff;
    text-decoration: none;
}

#footer .footer-center {
    padding: 0;
}

#footer .footer-content-left .enquiries {
    margin-top: 30px;
}

#footer .footer-content-left .email {
    margin-top: 45px;
}

#footer .footer-content-left ul,
#footer ul {
    padding-left: 0;
}

#footer .footer-content-left ul {
    flex-wrap: wrap;
}

#footer .footer-content-left .content>ul li a {
    background-color: #98272D;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;    
    margin-bottom: 15px;
    transition: all 0.3s ease;
}
#footer .footer-content-left .content>ul li:not(:last-child) a {
    margin-right: 15px;
}

#footer .footer-content-left .content>ul li a:hover {
    transform: translate(0, -5px);
}

#footer .footer-content-right .navigation .gva_menu>li:first-child {
    display: none;
}

#footer .footer-content-right .navigation .gva_menu>li:nth-child(2) {
    order: 1;
}

#footer .footer-content-right .navigation .gva_menu>li:nth-child(4) {
    order: 2;
}

#footer .footer-content-right .navigation .gva_menu>li:nth-child(6) {
    order: 3;
}

#footer .footer-content-right .navigation .gva_menu>li:nth-child(3) {
    order: 4;
}

#footer .footer-content-right .navigation .gva_menu>li:nth-child(5) {
    order: 5;
}
#footer .footer-content-right .navigation .gva_menu>li:nth-child(7) {
    order: 6;
}

#footer .footer-content-right .navigation .gva_menu>li>a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Mulish', sans-serif;
    line-height: 1.25;
    margin-bottom: 15px;
}

#footer .footer-content-right .navigation .gva_menu>li.menu-item--active-trail>a {
    color: #fff !important;
}

#footer .footer-content-right .navigation .gva_menu>li>a:hover {
    color: #cc1335;
    text-decoration: none;
}

#footer .footer-content-right .navigation .gva_menu li a .icaret {
    display: none;
}

#footer .footer-content-left .enquiries ul li,
#footer .footer-content-right .navigation .gva_menu>li>ul.sub-menu>li>a {
    color: #B3B3B3;
    font-family: 'Mulish', sans-serif;
}

#footer .footer-content-right .navigation .gva_menu>li>ul.sub-menu>li>a:hover {
    color: #fff;
}

#footer .footer-content-right .navigation .gva_menu .sub-menu>li>ul {
    display: none !important;
}

#footer .footer-content-right .navbar-nav .dropdown-menu {
    background: none;
    border: none;
    display: block;
    padding-top: 0;
}

#footer #block-footerend {
    border-top: 1px solid #fff;
}

.footer-end p {
    color: #fff;
    margin-bottom: 0;
}

#footer .footer-end .row [class *='col-md-'] {
    padding-top: 30px;
    padding-bottom: 30px;
}

#footer .footer-end ul li:nth-child(even) {
    padding: 0 18px;
}

#footer .footer-end ul li a {
    color: #fff;
    font-size: 14px;
}

#footer #block-footer-content {
    padding: 0 20px 50px;
}

#footer #block-footer-content p {
    color: #fff;
}

@media (min-width: 768px) {
    #footer .footer-content-right .navigation .gva_menu {
        float: none;
        display: flex;
        flex-wrap: wrap;
    }

    #footer .footer-content-right .navigation .gva_menu>li {
        padding-right: 30px;
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(4),
    #footer .footer-content-right .navigation .gva_menu>li:nth-child(3),
    #footer .footer-content-right .navigation .gva_menu>li:nth-child(7) {
        width: 48%;
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(2),
    #footer .footer-content-right .navigation .gva_menu>li:nth-child(6),
    #footer .footer-content-right .navigation .gva_menu>li:nth-child(5) {
        width: 52%;
        padding-right: 30px;
    }

    #footer .footer-content-right .navigation .gva_menu>li>a {
        padding: 0;
    }

    #footer .footer-content-right .navigation .gva_menu>li>ul.sub-menu {
        background: none;
        box-shadow: none;
        display: block;
        min-width: auto;
        visibility: visible;
        opacity: 1;
        padding: 0;
        position: relative;
        top: 0;
        transform: rotateX(0);
    }

    #footer .footer-content-right .navigation .gva_menu>li:hover>ul.sub-menu {
        margin-top: 0;
    }

    #footer .footer-content-right .navigation .gva_menu>li>.sub-menu:after {
        content: none;
    }

    #footer .footer-content-right .navigation .gva_menu>li>ul.sub-menu>li {
        border-bottom: none;
        padding: 0;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    #footer #block-footerend .col-lg-6:first-child {
        border-right: 1px solid #fff;
    }

    #footer .footer-end ul {
        float: right;
    }
}

@media (min-width: 1024px) {

    #footer .footer-content-left,
    #footer .footer-content-right {
        padding-bottom: 50px;
    }

    #footer .footer-content-right .navigation .gva_menu>li {
        padding-bottom: 25px;
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(6) {
        padding-right: 0;
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(2) {
        width: calc(45% - 115px);
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(4) {
        width: calc(55% - 115px);
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(6) {
        width: 230px;
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(3) {
        width: calc(45% - 115px);
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(5) {
        width: calc(55% - 115px);
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(7) {
        width: 230px;
    }
}

@media (min-width: 1200px) {
    #footer .footer-content-right .navigation .gva_menu>li:nth-child(2) {
        width: calc(43% - 120px);
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(4) {
        width: calc(57% - 120px);
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(6) {
        width: 240px;
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(3) {
        width: calc(43% - 120px);
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(5) {
        width: calc(57% - 120px);
    }

    #footer .footer-content-right .navigation .gva_menu>li:nth-child(7) {
        width: 240px;
    }
}

@media (max-width: 1023.98px) {
    #footer .footer-column:last-child {
        margin-bottom: 0;
    }

    #footer .footer-content-right .navigation .gva_menu>li:not(:first-child) {
        margin-bottom: 45px;
        margin-top: 45px;
    }
}

@media (max-width: 767.98px) {
    #footer .footer-end ul li:nth-child(even) {
        padding: 0 10px;
    }

    #footer .footer-end .row {
        flex-direction: column-reverse;
    }

    #footer #block-footerend .col-lg-6:first-child {
        padding-top: 0;
    }
}

/* Content******************************************/
.block-field-blocknodegallerytitle h2 {
    margin-bottom: 10px;
}

.block-field-blocknodegallerytitle h2 .field--name-title {
    color: #B4242C;
}

.block.block-field-blocknodegallerycreated {
    margin-bottom: 30px !important;
}

.content-main-inner>.row {
    margin: 0;
}

#page-main-content {
    padding: 0;
    min-height: 700px;
}

/* index ******************************************/
body.frontpage .gav-help-region,
body.frontpage #block-ssps-theme-page-title,
body.frontpage .header-title,
.frontpageSwiper .field--name-field-media-video-file {
    display: none !important;
}

body.frontpage #block-sidebarinherent {
    margin-bottom: 0;
}

.frontpageSwiper .swiper-slide a {
    display: block;
    /* aspect-ratio: 192 / 108; */
    height: calc(100vh - 164px);
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.frontpageSwiper .swiper-slide a .swiper-img img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.frontpageSwiper .swiper-slide a video {
    object-fit: cover;
}

.frontpageSwiper .video-icon {
    bottom: 26px;
    position: absolute;
    right: 33px;
    z-index: 99;
    cursor: pointer;
    display: none;
}

.frontpageSwiper .video-icon .banner_play_btn {
    display: none;
}

.frontpageSwiper .swiper-slide a:not(.is-title):before {
    background: linear-gradient(90deg, rgba(0, 0, 0, .5) 10%, rgba(0, 0, 0, 0) 45%);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.frontpageSwiper .swiper-slide p {
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.2;
    width: 55%;
    max-width: 740px;
    margin-top: -28px;
    margin-bottom: 0;
    position: absolute;
    left: 9.5%;
    top: 50%;
    /* transform: translateY(-50%); */
    z-index: 2;
}

.frontpageSwiper .swiper-button-prev1 {
    left: 40px;
}

.frontpageSwiper .swiper-button-next1 {
    right: 40px;
    margin-top: -21px;
}

.frontpageSwiper .swiper-button-next1:after,
.swiper-button-prev:after {
    color: #fff;
}

.frontpageSwiper .swiper-pagination {
    bottom: 30px;
    padding-right: 55px;
    text-align: right;
}

.frontpageSwiper .swiper-pagination-bullet {
    background-color: #fff;
    border-radius: 0;
    width: 10px;
    height: 10px;
    opacity: 1;
    margin: 0 5px;
}

.frontpageSwiper .swiper-pagination-bullet-active {
    background-color: #9D2C42;
}

.block-views-blockfrontpage-banner-block-1 footer {
    position: relative;
}

.block-views-blockfrontpage-banner-block-1 footer .scroll-down {
    background: url(../image/content/index/scroll-down.svg) center bottom no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: block;
    width: 37px;
    height: 110px;
    padding-bottom: 22px;
    position: absolute;
    left: 30px;
    top: -150px;
    z-index: 10;
    animation: .8s ease-in-out infinite scroll-down;
}

@keyframes scroll-down {
    0% {
        transform: translateY(0);
    }

    35% {
        transform: translateY(8px);
    }

    60% {
        transform: translateY(8px);
    }

    100% {
        transform: translateY(0);
    }
}

/* index - Our Programmes & Courses */
.index-our-programmes {
    padding-top: 200px;
    padding-bottom: 130px;
}

.index-our-programmes .col-lg-5 h2 {
    max-width: 450px;
}

.index-our-programmes .col-lg-5 ul {
    border-bottom: #C7C7C7 1px solid;
    padding-left: 0;
}

.index-our-programmes .col-lg-5 ul li {
    border-top: #C7C7C7 1px solid;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.index-our-programmes .col-lg-5 ul li::before {
    content: none;
}

.index-our-programmes .col-lg-5 ul li a {
    background: url(../image/common/arrow-blue.svg) right 8px center no-repeat;
    color: #242F55;
    text-decoration: none !important;
    display: block;
    position: relative;
    font-size: 18px;
    padding: 18px 35px 18px 0;
    transition: all 0.3s ease;
}

.index-our-programmes .col-lg-5 ul li a:hover {
    background: url(../image/common/arrow-blue.svg) right center no-repeat;
    color: var(--alink-hover-color);
}

.index-our-programmes .col-lg-7 {
    padding-right: 0;
    position: relative;
}

.index-our-programmes .col-lg-7::before {
    background-color: #203460;
    content: '';
    position: absolute;
    left: 22%;
    right: 0;
    top: -200px;
    bottom: -180px;
    z-index: 1;
}

.index-programmes-swiper .indexProgrammesSwiper {
    margin-top: -30px;
    padding-top: 10px;
}

.index-programmes-swiper .swiper-slide {
    width: 350px;
    padding: 20px;
}

.index-programmes-swiper .swiper-slide a {
    font-size: 0;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    z-index: 2;
}

.index-programmes-swiper .card {
    background: none;
    border: none;
    border-radius: 0;
}

.index-programmes-swiper .card .card-body {
    background-color: #98272D;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .25);
    display: flex;
    align-items: end;
    height: 144px;
    margin-top: -108px;
    margin-left: 24px;
    padding: 25px;
    position: relative;
}

.index-programmes-swiper .swiper-slide:nth-child(even) {
    margin-top: -40px;
}

.index-programmes-swiper .swiper-slide:first-child .card .card-body,
.index-programmes-swiper .swiper-slide:nth-child(6) .card .card-body {
    border-bottom: #FF8340 4px solid;
}

.index-programmes-swiper .swiper-slide:nth-child(2) .card .card-body,
.index-programmes-swiper .swiper-slide:nth-child(7) .card .card-body {
    border-bottom: #FFC700 4px solid;
}

.index-programmes-swiper .swiper-slide:nth-child(3) .card .card-body,
.index-programmes-swiper .swiper-slide:nth-child(8) .card .card-body {
    border-bottom: #82AE26 4px solid;
}

.index-programmes-swiper .swiper-slide:nth-child(4) .card .card-body,
.index-programmes-swiper .swiper-slide:nth-child(9) .card .card-body {
    border-bottom: #7D94CF 4px solid;
}

.index-programmes-swiper .swiper-slide:nth-child(5) .card .card-body,
.index-programmes-swiper .swiper-slide:nth-child(10) .card .card-body {
    border-bottom: #CA6DC1 4px solid;
}

.index-programmes-swiper .card-title {
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 0;
}

.index-programmes-swiper .card-btn-more {
    position: absolute;
    right: 25px;
    top: 25px;
    transition: all 0.3s ease;
}

.index-programmes-swiper .swiper-slide:hover .card-btn-more {
    transform: translateX(5px);
}

.index-programmes-swiper .swiper-button-prev2 {
    border: #fff 1px solid;
    display: block;
    width: 44px;
    text-align: center;
    margin-right: 30px;
    padding: 9px 8px 9px 3px;
    left: auto;
    right: 79px;
    top: auto;
    bottom: -63px;
    transition: all 0.3s ease;
}

.index-programmes-swiper .swiper-button-next2 {
    border: #fff 1px solid;
    display: block;
    width: 44px;
    text-align: center;
    margin-right: 30px;
    padding: 9px 8px 9px 3px;
    top: auto;
    right: 15px;
    bottom: -63px;
    transition: all 0.3s ease;
}

.index-programmes-swiper .swiper-button-prev2::after,
.index-programmes-swiper .swiper-button-next2::after {
    color: #fff;
    font-size: 24px;
}

.index-programmes-swiper .swiper-button-prev2::before,
.index-programmes-swiper .swiper-button-next2::before,
.frontpageNews-Swiper .swiper-button-prev3::before,
.frontpageNews-Swiper .swiper-button-next3::before {
    width: 30px;
    height: 30px;
}

.index-programmes-swiper .swiper-button-prev2:hover,
.index-programmes-swiper .swiper-button-next2:hover {
    background-color: rgba(0, 0, 0, .2);
}

/* index - vision and missiom */
.index-vision-and-mission {
    background: url(../image/content/index/v&m_bg.jpg) 42% center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 50vw;
    max-height: 860px;
    padding: 100px 30px;
}

.index-vision-and-mission p {
    line-height: 26px;
    max-width: 946px;
    margin-left: auto;
    margin-right: auto;
}

/* index - index-research */
.index-research {
    background: #000 url(../image/content/index/research-bg.jpg) center top no-repeat;
    background-size: 100% auto;
    padding-top: 80px;
    padding-bottom: 60px;
}

.index-research .col-lg-5 {
    display: flex;
    align-items: center;
}

.index-research-content {
    max-width: 610px;
    margin-bottom: 13.5%;
    position: relative;
    z-index: 1;
}

.index-research-item-wrap {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}

.index-research-item {
    padding: 0 10px;
}

.index-research-item a {
    background-color: #263E72;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 500;
    text-decoration: none !important;
    display: block;
    height: 190px;
    width: 190px;
    padding: 20px;
    transition: all 0.3s ease;
}

.index-research-item a:hover {
    color: #fff;
    transform: translateY(-8px);
}

.index-research-item:first-child a {
    background-image: url(../image/content/index/research-item-icon1.svg);
    background-position: right 26px bottom 21px;
    border-bottom: #FF8340 4px solid;
}

.index-research-item:nth-child(2) a {
    background-image: url(../image/content/index/research-item-icon2.svg);
    background-position: right 26px bottom 21px;
    border-bottom: #FFC700 4px solid;
}

.index-research-item:nth-child(3) a {
    background-image: url(../image/content/index/research-item-icon3.svg);
    background-position: right 18px bottom 21px;
    border-bottom: #70A207 4px solid;
}

.index-research-img {
    background: url(../image/content/index/research-img-bg.svg) right 48px center no-repeat;
    background-size: auto 100%;
    margin-left: -38%;
    padding: 60px 0;
    position: relative;
}

.index-research-img-txt {
    width: auto;
    height: calc(100% - 80px);
    position: absolute;
    right: 86px;
    top: 35px;
}

/* index - Latest News */
.block-views-blockblock-latest-news-block-1 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.block-views-blockblock-latest-news-block-1 .block-content,
.block-views-blockblock-events-block-1 .block-content {
    position: relative;
}

.block-views-blockblock-latest-news-block-1 .section-title p,
.block-views-blockblock-events-block-1 .section-title p {
    max-width: 940px;
}

.block-views-blockblock-latest-news-block-1 .block-content footer .btn,
.block-views-blockblock-events-block-1 .block-content footer .btn {
    position: absolute;
    right: 0;
    top: 0;
}

.frontpageNews-Swiper {
    margin-top: 60px;
}

.frontpageNews-Swiper .swiper-button-prev3 {
    border: #fff 1px solid;
    display: block;
    width: 44px;
    text-align: center;
    padding: 9px 8px;
    left: auto;
    right: 100px;
    top: auto;
    bottom: 34px;
    transition: all 0.3s ease;
}

.frontpageNews-Swiper .swiper-button-next3 {
    border: #fff 1px solid;
    display: block;
    width: 44px;
    text-align: center;
    padding: 9px 8px;
    top: auto;
    right: 36px;
    bottom: 34px;
    transition: all 0.3s ease;
}

.frontpageNews-Swiper .swiper-button-prev3::after,
.frontpageNews-Swiper .swiper-button-next3::after {
    color: #fff;
    font-size: 24px;
}

.frontpageNews-Swiper .swiper-button-prev3:hover,
.frontpageNews-Swiper .swiper-button-next3:hover {
    background-color: rgba(0, 0, 0, .2);
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-img {
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-img img {
    width: 100%;
    aspect-ratio: var(--img-aspect-ratio);
    object-fit: cover;
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-content {
    margin-top: 60px;
    padding: 85px 85px 0 15px;
    position: relative;
    z-index: 1;
    min-width: 100%;
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-content::before {
    background-color: #1C2E55;
    content: '';
    width: 133.334%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

#block-ssps-theme-content .block-views-blockblock-latest-news-block-1 .index-latest-news-content a {
    text-decoration: none;
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-content a h3 {
    background-color: #1C2E55;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-content a p {
    background-color: #1C2E55;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-content a:hover h3 {
    color: var(--alink-hover-color);
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-content .btn-arrow {
    background-color: #1C2E55;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 30px;
}

.block-views-blockblock-latest-news-block-1 .index-latest-news-content .btn-arrow:hover {
    transform: translateX(5px);
}

/* index - Events */
.block-views-blockblock-events-block-1 {
    padding-top: 100px;
}

.block-views-blockblock-events-block-1 .view-content-wrap {
    margin-top: 60px;
}

.block-views-blockblock-events-block-1 .view-content-wrap>.col-4:nth-child(2) {
    padding-top: 40px;
}

.block-views-blockblock-events-block-1 .card {
    border: none;
    border-radius: 0;
}

.block-views-blockblock-events-block-1 .card-img-top {
    overflow: hidden;
}

.block-views-blockblock-events-block-1 .card-img-top img {
    width: 100%;
    aspect-ratio: var(--img-aspect-ratio);
    object-fit: cover;
    object-position: top;
    transition: all 0.3s ease;
}

.block-views-blockblock-events-block-1 .card:hover .card-img-top img {
    transform: scale(1.1);
}

.block-views-blockblock-events-block-1 .card a {
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.block-views-blockblock-events-block-1 h3 {
    color: #B4242C;
    font-size: var(--bs-font-size-20px);
    min-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.block-views-blockblock-events-block-1 .card-body {
    padding: 20px 10px;
}

/* About Us */
#heads-message .card {
    background: none;
    border: none;
    border-radius: 0;
}

#heads-message .card .card-img {
    border-radius: 0;
}

#heads-message .card .card-body {
    background-color: #B4242C;
    width: 76.4%;
    max-width: 440px;
    margin-top: -100px;
    margin-left: auto;
    margin-right: -24px;
    padding: 40px;
}

#heads-message .col-sm-7 {
    padding: 30px 20px 60px 65px;
    position: relative;
}

#heads-message .col-sm-7::before {
    background: url(../image/content/about-us/open-quote.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 81px;
    height: 65px;
    margin-left: -81px;
    position: absolute;
    left: 46px;
    top: 68px;
    z-index: 1;
}

#heads-message .col-sm-7::after {
    background: url(../image/content/about-us/close-quote.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 81px;
    height: 65px;
    position: absolute;
    right: -10px;
    bottom: 0;
    z-index: 1;
}

#vision-and-mission .card-mega-img .card-img {
    width: calc((1600px * 0.772) + ((100vw - 1570px) * 0.5));
    /* container col-11 + outside space */
}

#vision-and-mission .card-mega-img .card-body {
    background-color: #F5F8FF;
    width: calc(66.67% - 30px);
    padding: 65px 50px;
    position: absolute;
    top: 19.6%;
    right: 30px;
    z-index: 2;
}

#vision-and-mission .card-mega-img .card-body-bg {
    background: #203460;
    left: calc(62.13% - 30px);
    top: 13.8%;
    bottom: 17%;
}

/* About Us - map */
.section-map p,
.section-map span {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}

.section-map span.icon {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.section-map .section-map-content #googleMap {
    width: 100%;
    height: 550px;
    margin-bottom: 70px;
}

.section-map .section-map-content .section-map-word {
    background-color: #98272D;
    margin-left: -30.2%;
    padding: 11.8%;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
}

.section-map .section-map-content .section-map-word .title {
    color: #fff;
    font-weight: bold;
    font-size: var(--bs-font-size-lg);
    margin-bottom: 15px;
}

.section-map .section-map-content .section-map-word .section-map-subword:last-child div {
    display: flex;
}

/* content ******************************************/
/* Research & Community Engagement ******************************************/
/* News Listing */
[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form,
.block-views-block-block-programmes-block-1 form.views-exposed-form,
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form,
.block-views-blockblock-latest-news-block-3 form.views-exposed-form,
.block-views-blockblock-events-block-3 form.views-exposed-form {
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 75px;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 115px;*/
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div,
.block-views-block-block-programmes-block-1 form.views-exposed-form>div,
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div,
.block-views-blockblock-latest-news-block-3 form.views-exposed-form>div,
.block-views-blockblock-events-block-3 form.views-exposed-form>div {
    padding: 0 12px;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(1) {
    /* min-width: 274px; */
    width: 20%;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(2) {
    flex: 1 1 auto;
}

[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(1),
.block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(1),
.block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(2),
.block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(3),
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(1),
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(2),
.block-views-blockblock-gallery-block-1 form.views-exposed-form>div:nth-child(2),
.block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:nth-child(1),
.block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:nth-child(2),
.block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(1),
.block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(2),
.block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(3) {
    width: 25%;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div.js-form-wrapper,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div.js-form-wrapper,
.block-views-block-block-programmes-block-1 form.views-exposed-form>div.js-form-wrapper,
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div.js-form-wrapper,
.block-views-blockblock-latest-news-block-3 form.views-exposed-form>div.js-form-wrapper,
.block-views-blockblock-events-block-3 form.views-exposed-form>div.js-form-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div.js-form-wrapper,
.block-views-block-block-programmes-block-1 form.views-exposed-form>div.js-form-wrapper,
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div.js-form-wrapper,
.block-views-blockblock-latest-news-block-3 form.views-exposed-form>div.js-form-wrapper,
.block-views-blockblock-events-block-3 form.views-exposed-form>div.js-form-wrapper {
    margin-left: auto;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(3)>input:nth-child(1),
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(3)>input:nth-child(1),
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(3)>input:nth-child(1) {
    background: #98272D url(/ssps/themes/custom/ssps_theme/image/common/btn-icon-filter.svg) 40px center no-repeat;
    box-shadow: none !important;
    width: 160px;
    line-height: 45px;
    padding: 0 11px 0 24px;
    position: relative;
    order: 2;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div *,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div *,
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div * {
    margin: 0;
    box-shadow: none;
}

/* [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(3)>input:nth-child(1)::before {
    content: '';
    background-image: url('/ssps/themes/custom/ssps_theme/image/content/research-community-engagement/filter.svg');
    height: 18px;
    width: 19px;
    display: inline-block;
    background-size: cover;
    position: absolute;
} */
[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(3)>input:nth-child(2),
[class*='block-views-blockblock-gallery-block-']form.views-exposed-form>div:nth-child(3)>input:nth-child(2) {
    background: url(/ssps/themes/custom/ssps_theme/image/common/reset.svg) 40px center no-repeat;
    box-shadow: none !important;
    border: 1px solid #8D8D8D;
    color: #2C2C2C;
    width: 160px;
    line-height: 43px;
    margin-left: 10px;
    padding: 0 11px 0 24px;
    position: relative;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form .form-item label,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form .form-item label,
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form .form-item label {
    color: #242F55;
    font-size: 0;
    display: block;
    margin: 0;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(1) select.form-control:not([size]):not([multiple]),
[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(2) input,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(1) select.form-select:not([size]):not([multiple]),
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(1) select.form-select:not([size]):not([multiple]),
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(2) input,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(2) input {
    border: none;
    border-bottom: #9E9E9E 1px solid;
    border-radius: 0;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(1) select,
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(1) select,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(1) select {
    background: url(../image/common/select-arrow.svg) right 15px center no-repeat;
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    padding-right: 40px;
}

.block-views-blockblock-gallery-block-1 form.views-exposed-form>div:nth-child(1) select option:last-child {
    display: none;
}

[class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(2) input,
.block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(2) input,
[class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(2) input {
    background: url(../image/common/btn-icon-search.svg) right 15px center no-repeat;
    padding-right: 40px;
}

.card-filter img {
    margin-right: 5px;
}

.card-filter .btn span {
    padding-left: 0;
}

.card-filter .btn span:after {
    display: none;
}

.card-filter .card-filter-header>a {
    width: 100%;
    background-color: unset;
    color: #000000;
    border: 1px solid #8D8D8D;
}

.card-filter .card {
    border: unset;
    padding: unset;
}

.research-table .table {
    min-width: 900px;
}

.research-table .table thead th {
    font-size: 20px;
}

.research-table .table td {
    font-size: 16px;
}

.research-table .table thead th,
.research-table .table,
.research-table .table td {
    border: unset;
}

.research-table .table th,
.research-table .table td {
    padding: 15px;
}

.research-table .table td .policy-download {
    position: relative;
    height: 28px;
}

.research-table .table td .policy-download img {
    margin-top: -25px;
}

.research-table .table td .policy-download span {
    font-size: 0;
}

.research-table .table td .policy-download .field--name-field-media-document>.field__item>span>a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;

}

.research-table .table thead {
    border-bottom: 2px solid #000000;
}

.research-table .table tbody tr {
    border-bottom: 1px solid #CDCDCD;
}

/*programmes ssps-image ********/
#content .basic-banner-image .field--name-field-ssps-image .item-image img,
.breadcrumbs .breadcrumb-content-inner .gva-breadcrumb-content .back-to,
body.node--type-programmes-courses #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner::after,
body.detail-page #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner>img.banner,
body.page-node-2765 #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner>img.banner {
    display: none !important;
}

@media (min-width: 768px) {

    body.node--type-programmes-courses .breadcrumbs .breadcrumb-content-inner .gva-breadcrumb-content .back-to,
    body.detail-page .breadcrumbs .breadcrumb-content-inner .gva-breadcrumb-content .back-to {
        display: block !important;
    }
}

body.node--type-programmes-courses .breadcrumbs .breadcrumb-content-inner .gva-breadcrumb-content .back-to a,
body.detail-page .breadcrumbs .breadcrumb-content-inner .gva-breadcrumb-content .back-to a {
    position: absolute;
    top: 115px;
    z-index: 5;
}

body.node--type-programmes-courses #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner,
body.detail-page #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner,
body.page-node-2765 #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner {
    height: 338px;
    position: relative;
    z-index: 1;
}

body.node--type-programmes-courses .breadcrumbs .breadcrumb-content-inner .breadcrumb-content-main,
body.detail-page .breadcrumbs .breadcrumb-content-inner .breadcrumb-content-main,
body.page-node-2765 .breadcrumbs .breadcrumb-content-inner .breadcrumb-content-main {
    margin-top: -98px;
    padding: 0 0 50px;
}

body.node--type-programmes-courses .breadcrumb-content-inner .gva-block-breadcrumb .page-title,
body.detail-page .breadcrumb-content-inner .gva-block-breadcrumb .page-title {
    margin-bottom: 27px;
    text-transform: uppercase;
    color: #fff;
}

/* body.node--type-programmes-courses #block-ssps-theme-breadcrumbs .gva-parallax-background>img.banner-bg,
body.detail-page #block-ssps-theme-breadcrumbs .gva-parallax-background>img.banner-bg {
    position: relative;
    z-index: 2;
    height: 420px;
    width: 72%;
} */

/* programmes Title ********/
body.node--type-programmes-courses .block-field-blocknodeprogrammes-coursesfield-title-color- .field--name-field-title-color- {
    display: none;
}

/* People page ********/
/* People ******************************************/
.paragraph.paragraph--type--bp-accordion #accordion-37820 .panel-collapse>.paragraph>.paragraph__column {
    padding-top: 25px;
    padding-bottom: 50px;
}

.card.people-card {
    border: none;
    border-radius: 0;
    margin: 0 auto 30px;
    position: relative;
}

.card.people-card:not(.nobody) .card-body::after,
.card.people-card-1:not(.nobody) .card-body::after {
    background: url(../image/common/card-btn-arrow-blue.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 63px;
    transition: all 0.3s ease;
}

.card.people-card-3:not(.nobody) .card-body::after {
    background: url(../image/common/card-btn-arrow-blue.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 22px;
    transition: all 0.3s ease;
}

.card.people-card:not(.nobody):hover .card-body:after,
.card.people-card-1:not(.nobody):hover .card-body:after,
.card.people-card-3:not(.nobody):hover .card-body::after {
    transform: translateX(5px);
}

.card.people-card:before {
    border: 1px solid #CDCDCD;
    content: '';
    position: absolute;
    left: 8%;
    right: 0;
    top: 32px;
    bottom: 0;
}

.card.ssps-card-2 {
    border-radius: 0;
    width: 100%;
    min-height: 200px;
}

.card.ssps-card-2 .item-image img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    background-color: #ededed;
    margin-bottom: 28px;
    position: relative;
    z-index: 2;
}

.card.ssps-card-2.people-card .card-body {
    height: 100%;
    margin-top: 33px;
    padding: 80px 50px 30px;
}

.card.ssps-card-2 .card-title {
    color: #B4242C;
    font-weight: 900;
    font-size: var(--bs-font-size-lg);
    margin-bottom: 15px;
}

.card.ssps-card-2 .card-position {
    color: #2C2C2C;
    font-size: 18px;
}

.card.people-card-1 .card-position,
.card.people-card-3 .card-position {
    margin-bottom: 30px;
}

.card.ssps-card-2 .card-position::-webkit-scrollbar {
    background: #f7f7f9;
    width: 3px;
    height: 3px;
}

.card.ssps-card-2 .card-position::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #e5e5e5;
}

.card.ssps-card-2 .card-content {
    min-height: 10px;
}

.card.ssps-card-2 .card-content .card-subcontent {
    margin-bottom: 10px;
}

.card.ssps-card-2 .card-content .card-subcontent:not(:last-child) {
    margin-right: 30px;
}

.card.ssps-card-2 .card-content .card-subcontent img {
    margin-right: 6px;
}

.card.ssps-card-2 .card-content .card-subcontent-mail img {
    margin-top: 4px;
}

.block-people-academic .row .item,
.block-people-academic .row .item .views-field,
.block-people-academic .row .item .views-field .field-content,
.block-people .row .item,
.block-people .row .item .views-field,
.block-people .row .item .views-field .field-content {
    display: flex;
    width: 100%;
}

.people-card-1 {
    border: none;
    width: 100%;
    margin-bottom: 30px;
    padding-top: 33px;
}

.people-card-1::before {
    border: #CDCDCD 1px solid;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 33px;
    bottom: 0;
}

.card.ssps-card-2.people-card-1 .card-img-top {
    padding-left: 45px;
    padding-right: 80px;
}

.card.ssps-card-2.people-card-1 .card-img-top img {
    width: 100%;
    max-width: 290px;
    margin-top: -33px;
    margin-bottom: 0;
}

.card.ssps-card-2.people-card-1 .card-body {
    padding: 34px 45px 30px;
}

.people-card-3 {
    margin-bottom: 30px;
}

.card.ssps-card-2.people-card-3 .card-body {
    padding: 63px 20px 10px;
}

/* Programmes & Courses ******************************************/
/* #views-exposed-form--block-programmes-block-1>div.js-form-type-select {
    display: inline-block;
    min-width: 274px;
    margin-right: 25px;
} */
.block-views-block-block-programmes-block-1 {
    position: relative;
    z-index: 99;
}

.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags .dropdown .scheme-menu {
    min-width: 400px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    display: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 20px;
}

.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags .dropdown .scheme-menu label {
    font-size: 16px;
    margin-bottom: 10px;
}

.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags .dropdown .scheme-menu input[type="checkbox"] {
    margin-right: 10px;
}

.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags .dropdown .scheme-menu .scheme-menu-title {
    color: #B4242C;
    font-weight: 700;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 5px;
}

input[type="checkbox"]:checked {
    background: #98272D;
}

.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags>.dropdown>button {
    background-color: unset;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
    border: 1px solid #dee2e6;
    padding: 5px 10px;
    height: calc(2.43rem + 2px);
    width: 100%;
    border-radius: 0;
    color: #495057;
    font-size: 1rem;
    line-height: 1.68;
    background-clip: padding-box;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    text-align: left;
    width: 100%;
    position: relative;
}

.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags>.dropdown>button::after {
    content: '';
    background: url('/ssps/themes/custom/ssps_theme/image/common/select-button.svg') no-repeat;
    width: 16px;
    height: 10px;
    position: absolute;
    right: 22px;
    top: 17px;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags>.dropdown>p {
    color: #242F55;
    margin-bottom: 8px;
    font-size: 18px;
    color: #242F55;
    margin-bottom: 8px;
    font-size: 18px;
    margin-top: 6px;
}

#views-exposed-form--block-programmes-block-1>div.js-form-type-select.js-form-item-part-years-id {
    display: none;
}

/* #views-exposed-form--block-programmes-block-1 #edit-actions {
    display: inline-block;
} */

/* Gallery page ********/
.node--type-gallery .modal-backdrop.show {
    opacity: 0.8;
}

.node--type-gallery .ekko-lightbox .modal-body {
    padding: 0;
}

.node--type-gallery .ekko-lightbox .modal-content {
    border: unset;
}

.node--type-gallery .ekko-lightbox .modal-header>button {
    position: absolute;
}

.node--type-gallery .paragraph.paragraph--type--galley-image .paragraph__column .field--name-field-alt {
    display: none;
}

.node--type-gallery .block-field-blocknodegalleryfield-paragraph-content {
    /* display: none; */
}

.node--type-gallery .section-galleryImg>div {
    margin-bottom: 40px;
    cursor: pointer;
}

#galleryModal {
    padding-right: 0 !important;
}

.gallery-text {
    position: absolute;
    background-color: #F0F0F0;
    border-left: 6px solid #98272D;
    padding: 14px 15px;
    width: 90%;
    right: 0;
    bottom: 0;
    overflow-y: overlay;
    max-height: 66px;
    margin-bottom: 0;
}

#galleryModalvideo .gallery-text {
    bottom: -45px;
}

.gallery-text::-webkit-scrollbar {
    background: #d1d1d1;
    width: 3px;
    height: 3px;
}

.gallery-text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #1C2E55;
}

#galleryModal .modal-content,
#galleryModalvideo .modal-content {
    background-color: unset;
    border: unset;
}

#galleryModal .modal-header,
#galleryModalvideo .modal-header {
    border-bottom: unset;
}

#galleryModal .modal-header button,
#galleryModalvideo .modal-header button {
    position: absolute;
    z-index: 99;
    right: 0;
    opacity: unset;
    font-size: 44px;
    top: -14px;
    color: #fff;
}

#galleryModalvideo .modal-footer {
    padding: 0;
    border: unset;
}

#galleryModalvideo .modal-header button {
    top: -8px;
}

#galleryModal .modal-body,
#galleryModalvideo .modal-body {
    padding: unset;
}

#galleryModal .swiper-slide {
    text-align: center;
    padding-bottom: 25px;
}

#galleryModal .swiper-slide img {
    max-height: calc(100vh - 124px);
}

.detail-page .gallery-video-title {
    display: none;
}

.detail-page .paragraph--type--galley-image img,
.modalvideoData img,
.node--type-gallery .section-galleryImg>div img {
    object-fit: cover;
    aspect-ratio: 3 / 2;
    cursor: pointer;
}

.detail-page .paragraph--type--galley-media-video .modalvideoData {
    position: relative;
    cursor: pointer;
}

.detail-page .paragraph--type--galley-media-video .modalvideoData::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.4;
    display: block;
    z-index: 2;
}

.detail-page .paragraph--type--galley-media-video .modalvideoData::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    width: 64px;
    height: 64px;
    background-image: url(/ssps/themes/custom/ssps_theme/image/common/play.svg);
    background-size: 100% 100%;
    margin: auto;
}

.detail-page #galleryModalvideo .modal-body video,
.detail-page #galleryModalvideo .modal-body iframe {
    width: 100%;
}

#galleryModal .swiper-slide .swiper-text {
    background-color: #fff;
    border-left: #98272D 6px solid;
    color: #2C2C2C;
    font-size: 18px;
    margin-left: 64px;
    padding: 20px 30px;
    text-align: left;
    position: relative;
    transform: translateY(-42%);
}

/* Alumni Association */
.alumni-association-img {
    margin-top: 96px;
    margin-bottom: 54px;
}

.alumni-contact-wrap {
    display: flex;
    justify-content: space-between;
    width: 260px;
    height: 60px;
}

.alumni-contact-wrap a {
    border-radius: 50%;
    font-size: 0;
    width: 60px;
    height: 60px;
    transition: all 0.3s ease;
}

.alumni-contact-wrap a:not(.alumni-contact-wechat):hover {
    transform: translateY(-5px);
}

.alumni-contact-facebook {
    background: #34487B url(../image/content/alumni-assciation/facebook.svg) center center no-repeat;
    color: #fff;
}

.alumni-contact-email {
    background: #E8A745 url(../image/content/alumni-assciation/email.svg) center center no-repeat;
    color: #323232;
}

.alumni-contact-wechat {
    background: #66A548 url(../image/content/alumni-assciation/wechat.svg) center center no-repeat;
    color: #0A0A0A;
    position: relative;
}

.alumni-contact-wechat img {
    border:#fff 3px solid;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(60%);
    transition: all 0.3s ease;
}

.alumni-contact-wechat:hover img,
.alumni-contact-wechat:active img {
    opacity: 1;
    transform: translateY(110%);
}

#alumni-association-list {
    padding-top: 102px;
    padding-bottom: 172px;
    position: relative;
}

#alumni-association-list::after {
    background-color: #D7DEED;
    content: '';
    position: absolute;
    left: 16.67%;
    right: -30px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

#alumni-association-list .row .col-md-4 {
    padding-left: 12px;
    padding-right: 12px;
}

#alumni-association-list .row .col-md-4:nth-child(2) {
    padding-top: 40px;
}

#alumni-association-list .row .col-md-4 a {
    font-size: 0;
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    bottom: 0;
    z-index: 3;
}

#alumni-association-list .row .col-md-4 .card {
    background: none;
    border: none;
    border-radius: 0;
    z-index: 2;
}

#alumni-association-list .card .card-body {
    background-color: #98272D;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .25);
    display: flex;
    align-items: end;
    height: 120px;
    margin-top: -72px;
    margin-left: 18.86%;
    padding: 25px;
    position: relative;
}

#alumni-association-list .row .col-md-4:first-child .card .card-body {
    border-bottom: #FF8340 4px solid;
}

#alumni-association-list .row .col-md-4:nth-child(2) .card .card-body {
    border-bottom: #FFC700 4px solid;
}

#alumni-association-list .row .col-md-4:nth-child(3) .card .card-body {
    border-bottom: #82AE26 4px solid;
}

#alumni-association-list .row .col-md-4 .card-btn-more {
    position: absolute;
    right: 25px;
    top: 25px;
    transition: all 0.3s ease;
}

#alumni-association-list .row .col-md-4:hover .card-btn-more {
    transform: translateX(5px);
}

a.gallery-img img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.paragraph--type--galley-image {
    margin-bottom: 20px;
    cursor: pointer;
}

/* Executive Officers */
#executive-officers {
    padding-top: 56px;
}

#executive-officers .row .card {
    margin-right: 8%;
}

#executive-officers .row:not(:first-child) .card {
    margin-top: -76px;
}

#executive-officers .row .card .card-img-wrap {
    margin-left: 23px;
    margin-right: -9%;
    padding-bottom: 17px;
}

#executive-officers .row.justify-content-start .card .card-img-wrap {
    padding-left: 20px;
}

#executive-officers .row.justify-content-end .card .card-img-wrap {
    padding-right: 20px;
}

#executive-officers .row:nth-child(3n + 1) .card .card-img-wrap {
    background-color: #98272D;
}

#executive-officers .row:nth-child(3n + 2) .card .card-img-wrap {
    background-color: #1C2E55;
}

#executive-officers .row:nth-child(3n + 3) .card .card-img-wrap {
    background-color: #C4C7CF;
}

#executive-officers .row .card .card-img-wrap img {
    margin-top: -90px;
}

/* -Scholarships and Financial Assistance
   -Facilities */
.mega-card-list .card {
    margin-top: 65px;
    flex-direction: row;
}

.mega-card-list .card:not(:first-child) {
    margin-top: 215px;
}

.mega-card-list .card::after {
    border: #CDCDCD 1px solid;
    content: '';
    position: absolute;
    left: 33.33%;
    right: 0;
    top: 0;
    bottom: 0;
}

.mega-card-list .card .card-img-wrap {
    width: 50%;
    margin-right: 15px;
    position: relative;
    top: -65px;
    z-index: 3;
}

.mega-card-list .card:nth-child(6n + 1) .card-img-wrap {
    box-shadow: -18px 18px 0 #98272D;
}

.mega-card-list .card:nth-child(6n + 2) .card-img-wrap {
    box-shadow: 18px 18px 0 #1C2E55;
}

.mega-card-list .card:nth-child(6n + 3) .card-img-wrap {
    box-shadow: -18px 18px 0 #C4C7CF;
}

.mega-card-list .card:nth-child(6n + 4) .card-img-wrap {
    box-shadow: 18px 18px 0 #98272D;
}

.mega-card-list .card:nth-child(6n + 5) .card-img-wrap {
    box-shadow: -18px 18px 0 #1C2E55;
}

.mega-card-list .card:nth-child(6n + 6) .card-img-wrap {
    box-shadow: 18px 18px 0 #C4C7CF;
}

.mega-card-list .card .card-body {
    width: 50%;
    padding: 100px 30px 30px;
    position: relative;
    z-index: 2;
}

#block-ssps-theme-content .mega-card-list .card .card-body h2 a {
    text-decoration: none;
}

.mega-card-list .card .card-body h2:not(.text-red) a {
    color: #192347;
}

.mega-card-list .card .card-body h2:not(.text-red) a:hover {
    color: #98272D;
}

.mega-card-list .card .card-body.card-body-top-sm {
    padding: 66px 30px 30px;
}

.mega-card-list .card .card-body .card-btn-arrow {
    position: absolute;
    right: 30px;
    top: 38px;
    z-index: 3;
}

.mega-card-list .card .card-body .card-btn-arrow:hover {
    transform: translateX(5px);
}

.mega-card-list .card:nth-child(even)::after {
    border: #CDCDCD 1px solid;
    content: '';
    position: absolute;
    left: 0;
    right: 33.33%;
    top: 0;
    bottom: 0;
}

.mega-card-list .card:nth-child(even) .card-img-wrap {
    order: 2;
    margin-left: 15px;
    margin-right: 0;
}

.mega-card-list .card:nth-child(even) .card-body {
    order: 1;
}

.mega-card-list .card:nth-child(even) .card-body.card-body-top-sm {
    padding: 66px 30px 30px 55px;
}

.mega-card-list .card:nth-child(even) .card-body .card-btn-arrow {
    right: 21px;
}

.card-tr {
    display: flex;
    margin-bottom: 15px;
}

.card-tr:last-child {
    margin-bottom: 0;
}

.card-tr .card-th {
    flex: 0 0 198px;
}

.card-tr .card-td a {
    color: #98272D;
    text-decoration: underline;
}

.card-tr .card-td a:hover {
    color: #192347;
}

/* News Listing */
.card.news-card,
.card.card-related {
    border: none;
    border-radius: 0;
    position: relative;
}

.card.news-card:before,
.card.card-related:before {
    border: 1px solid #CDCDCD;
    box-shadow: 20px 20px 0 #F5F8FF;
    content: '';
    position: absolute;
    left: 8%;
    right: 20px;
    top: 35px;
    bottom: 20px;
}

.card.news-card.red-shadow:before,
.card.card-related.red-shadow:before {
    box-shadow: 20px 20px 0 #F6E7E8;
}

.card.ssps-card-2.news-card .item-image img,
.card.card-related .item-image img {
    width: 100%;
    margin-bottom: 60px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.card.ssps-card-2.news-card .card-body,
.card.card-related .card-body {
    margin-top: 36px;
    padding: 80px 10% 60px 40px;
}

.card.news-card .card-body::after,
.card.card-related .card-body::after,
.card.card-stories .card-body::after {
    background: url(../image/common/card-btn-arrow-blue.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 50px;
    top: 65px;
    transition: all 0.3s ease;
}

.card.news-card:hover .card-body::after,
.card.card-related:hover .card-body::after {
    transform: translateX(5px);
}

.card.ssps-card-2.news-card .card-tags {
    line-height: 1.25;
}

.card.ssps-card-2.event-card .card-title {
    margin-bottom: 30px;
}

.card.ssps-card-2.news-card .card-date {
    font-size: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card.ssps-card-2.event-card .card-date,
.card.ssps-card-2.event-card .card-time,
.card.ssps-card-2.event-card .card-address {
    font-size: 16px;
    color: #393939;
}

.card.ssps-card-2.event-card .card-date span:nth-child(1),
.card.ssps-card-2.event-card .card-time span:nth-child(1),
.card.ssps-card-2.event-card .card-address span:nth-child(1) {
    margin-right: 5px;
}

.card.ssps-card-2.event-card .card-date {
    margin-right: 40px;
}

.card.ssps-card-2.news-card .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card.ssps-card-2.event-card .card-address {
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Detail******************************************/
body.detail-page.node--type-story #block-ssps-theme-content>div>article .field--name-field-tags {
    margin-bottom: 10px;
}

body.detail-page.node--type-story #block-ssps-theme-content>div>article .field--name-field-tags>.field__item {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    display: inline-block;
    padding-left: 20px;
    position: relative;
}

body.detail-page.node--type-story #block-ssps-theme-content>div>article .field--name-field-tags>.field__item:first-child {
    padding-left: 0px;
}

body.detail-page.node--type-story #block-ssps-theme-content>div>article .field--name-field-tags>.field__item::before {
    content: ",";
    position: absolute;
    font-size: 30px;
    color: #000;
    left: 4px;
    bottom: -4px;
}

body.detail-page.node--type-story #block-ssps-theme-content>div>article .field--name-field-tags>.field__item:first-child::before {
    content: unset;
}

body.detail-page #block-ssps-theme-content>div>article>.node__content h2 .field--name-title {
    font-weight: 900;
    font-size: var(--bs-font-size-xl);
    color: #B4242C;
    margin-bottom: 40px;
}

body.detail-page #block-ssps-theme-content>div>article>.node__content .block-field-blocknode-latest-newscreated span {
    color: #000;
    font-size: 16px;
}

body.detail-page #block-ssps-theme-content>div>article>.node__content .block-field-blocknode-latest-newscreated {
    margin-bottom: 50px !important;
}

body.detail-page #block-ssps-theme-content>div>article>.node__content>.layout:nth-child(1),
body.detail-page #block-ssps-theme-content>div>article>.node__content>.layout--threecol-section,
body.detail-page .gbb-row-wrapper .bb-container {
    position: relative;
}

body.detail-page .content-main {
    padding-bottom: 230px;
}

#block-detailshare {
    margin-bottom: 0 !important;
    position: sticky;
    top: 114px;
    z-index: 10;
}

@media (max-width: 1426.98px) and (min-width: 1024px) {
    #block-detailshare {
        top: 174px;
    }
}

body.detail-page section.detail-share {
    width: 31px;
    position: absolute;
    right: 43px;
}

body.detail-page section.detail-share p {
    margin-bottom: 0;
    writing-mode: vertical-rl;
    font-size: 21px;
    font-weight: bold;
    color: #2C2C2C;
    margin: 0;
}

body.detail-page section.detail-share .detail-share-line {
    font-size: 0;
    height: 150px;
    width: 2px;
    background-color: #2C2C2C;
    margin: 20px 0 20px 13px;
}

body.detail-page section.detail-share ul {
    padding: 0;
}

body.detail-page section.detail-share li {
    cursor: pointer;
    padding-bottom: 20px;
}

body.detail-page section.detail-share li img {
    display: block;
    margin: auto;
}

/* People Detail */
body.detail-page .detail-col.container-xl {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

body.detail-page .layout--fourcol-section {
    padding-bottom: 50px;
}

body.detail-page .layout--fourcol-section::before,
body.detail-page .layout--threecol-section::before {
    background-color: #CDCDCD;
    content: '';
    width: 1px;
    position: absolute;
    left: 0;
    top: -150px;
    bottom: 0;
}

body.detail-page .layout--fourcol-section [class*='layout__region--'],
body.detail-page .layout--threecol-section [class*='layout__region--'] {
    padding-left: 20px;
    padding-right: 20px;
}

body.detail-page .layout--fourcol-section .layout__region--first,
body.detail-page .layout--fourcol-section .layout__region--fourth,
body.detail-page .layout--threecol-section .layout__region--first,
body.detail-page .layout--threecol-section .layout__region--third {
    flex: 0 0 auto;
    width: 8.33333333%;
    position: relative;
}

body.detail-page .layout--fourcol-section .layout__region--second {
    flex: 0 0 auto;
    width: 33.33333333%;
}

body.detail-page .layout--fourcol-section .layout__region--third {
    flex: 0 0 auto;
    width: 50%;
}

body.detail-page .layout--fourcol-section.layout-noimg .layout__region--second {
    display: none;
}

body.detail-page .layout--fourcol-section.layout-noimg .layout__region--third {
    width: 83.33333333%;
}

body.detail-page .layout--threecol-section .layout__region--second {
    flex: 0 0 auto;
    width: 83.33333333%;
}

/* body.detail-page .layout--fourcol-section .layout__region--first .block,
body.detail-page .layout--threecol-section .layout__region--first .block {
    position: sticky;
    top: 20px;
} */
body.detail-page .layout--fourcol-section .layout__region--second .block-field-blocknodepeoplefield-ssps-image img {
    object-fit: cover;
    aspect-ratio: 4 / 5;
}

body.detail-page .layout--fourcol-section .layout__region--third h2 {
    margin-bottom: 10px;
}

body.detail-page #block-ssps-theme-content>div>article>.node__content .layout--fourcol-section .layout__region--third h2 .field--name-title {
    font-size: var(--bs-font-size-lg);
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-ssps-position {
    border-bottom: #CDCDCD 1px solid;
    margin-bottom: 33px;
    padding-bottom: 20px;
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-phone,
body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-e-mail,
body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-fax,
body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-address {
    display: flex;
    float: left;
    line-height: 24px;
    margin-right: 40px;
    margin-bottom: 10px;
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-address::after {
    content: '';
    clear: both;
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-phone .field__label {
    background: url(../image/content/people/phone.svg) center no-repeat;
    text-indent: -999px;
    width: 24px;
    margin-right: 5px;
    overflow: hidden;
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-e-mail .field__label {
    background: url(../image/content/people/e_mail.svg) center no-repeat;
    text-indent: -999px;
    width: 24px;
    margin-right: 5px;
    overflow: hidden;
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-fax .field__label {
    background: url(../image/content/people/fax.svg) center no-repeat;
    text-indent: -999px;
    width: 24px;
    margin-right: 5px;
    overflow: hidden;
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-address .field__label {
    background: url(../image/content/people/address.svg) center no-repeat;
    text-indent: -999px;
    width: 24px;
    margin-right: 5px;
    overflow: hidden;
}

body.detail-page .layout--fourcol-section .layout__region--third .block-field-blocknodepeoplebody {
    border-top: #CDCDCD 1px solid;
    margin-top: 24px;
    padding-top: 30px;
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-link a {
    border: #98272D 1px solid;
    color: #98272D;
    text-align: center;
    display: block;
    max-width: 216px;
    height: 55px;
    overflow: hidden;
    line-height: 25px;
    margin-top: 50px;
}

body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-link a::before {
    background: url(../image/common/external-link.svg) left center no-repeat;
    content: 'More Detail';
    font-size: 20px;
    display: inline-block;
    padding: 15px 15px 15px 29px;
    text-align: center;
    transition: all 0.2s ease;
}
body.detail-page.page-zh-hans .layout--fourcol-section .layout__region--third .field--name-field-link a::before {
    background: url(../image/common/external-link.svg) left center no-repeat;
    content: '更多详情';
    font-size: 20px;
    display: inline-block;
    padding: 15px 15px 15px 29px;
    text-align: center;
    transition: all 0.2s ease;
}
body.detail-page.page-zh-hant .layout--fourcol-section .layout__region--third .field--name-field-link a::before {
    background: url(../image/common/external-link.svg) left center no-repeat;
    content: '更多詳情';
    font-size: 20px;
    display: inline-block;
    padding: 15px 15px 15px 29px;
    text-align: center;
    transition: all 0.2s ease;
}
body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-link a:hover::before {
    background: url(../image/common/external-link.svg) left 40% no-repeat;
}

body.detail-page .gavias-builder--content .container-xl .row .col-12 ol {
    padding-left: 18px;
}

/* News & Events Detail */
body.detail-page .block-field-blocknodeeventsfield-tags .field__item {
    font-size: 18px;
    font-weight: 700;
}

body.detail-page .block-field-blocknode-latest-newstitle h2,
body.detail-page .block-field-blocknodeeventstitle h2 {
    margin-bottom: 10px;
}

body.detail-page .block-field-blocknodeeventscreated .block-content {
    margin-bottom: 50px;
}

body.detail-page .block-field-blocknodeeventsfield-image,
body.detail-page .block-field-blocknodeeventsfield-image-1,
body.detail-page .block-field-blocknodeprogrammes-coursesfield-ssps-image {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -120px !important;
    padding-top: 62px;
    padding-left: calc(10% + 20px);
    padding-right: calc(10% + 20px);
    padding-bottom: 40px;
    position: relative;
}

body.detail-page .block-field-blocknode-latest-newsfield-ssps-image,
body.detail-page .block-field-blocknodestoryfield-ssps-image {
    margin-bottom: 50px !important;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 62px;
    padding-left: calc(10% + 20px);
    padding-right: calc(10% + 20px);
    padding-bottom: 40px;
    position: relative;
}

body.detail-page .block-field-blocknodeeventsfield-image::before,
body.detail-page .block-field-blocknodeeventsfield-image-1::before,
body.detail-page .block-field-blocknodeprogrammes-coursesfield-ssps-image::before,
body.detail-page .block-field-blocknode-latest-newsfield-ssps-image::before,
body.detail-page .block-field-blocknodestoryfield-ssps-image::before {
    background-color: #C4C7CF;
    content: '';
    position: absolute;
    left: calc(20% + 32px);
    right: 20px;
    top: 62px;
    bottom: 0;
    z-index: 1;
}

body.detail-page .block-field-blocknodeeventsfield-image .field--name-field-image img,
body.detail-page .block-field-blocknodeeventsfield-image-1 .field--name-field-image-1 img,
body.detail-page .block-field-blocknodeprogrammes-coursesfield-ssps-image .field--name-field-ssps-image img,
body.detail-page .block-field-blocknode-latest-newsfield-ssps-image .field--name-field-ssps-image img,
body.detail-page .block-field-blocknodestoryfield-ssps-image .field--name-field-ssps-image img {
    width: 100%;
    margin-top: -62px;
    position: relative;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    z-index: 2;
}

body.detail-page .layout--threecol-section.detail-info .layout__region--second {
    background-color: #F5F8FF;
    display: flex;
    flex-wrap: wrap;
    width: calc(66.67% - 40px);
    margin-bottom: 50px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 40px 50px 10px;
    position: relative;
    z-index: 9;
}

body.detail-page .layout--threecol-section.detail-info .layout__region--second .block-layout-builder {
    width: 50%;
    margin-bottom: 30px !important;
}

body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(1) {
    width: 100%;
}

body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(4),
body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(5),
body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(6),
body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(7),
body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(8),
body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(9) {
    width: 33.3333%;
    border-top: 1px solid #000000;
    padding-top: 20px;
}

body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(4) .field--name-field-tags>.field__items>div.field__item:nth-child(2),
body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(7) .field--name-field-tags>.field__items>div.field__item:nth-child(1) {
    display: none;
}

body.detail-page .layout--threecol-section.detail-info .layout__region--second .field__label {
    color: #192347;
    font-size: 20px;
    font-weight: 900;
}

body.detail-page .field--name-field-download-poster {
    text-align: center;
    width: fit-content;
    margin: 0 auto 50px;
    position: relative;
}

body.detail-page .field--name-field-download-poster .field__label {
    border: #B4242C 1px solid;
    color: #B4242C;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding: 15px 35px;

}

body.detail-page .field--name-field-download-poster .field__label::before {
    background: url(../image/common/btn-icon-download.svg) center no-repeat;
    display: block;
    float: left;
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 5px;
    transition: all 0.2s ease;
}

body.detail-page .field--name-field-download-poster:hover .field__label::before {
    transform: translateY(-4px);
}

body.detail-page .field--name-field-download-poster .field__item a {
    text-indent: -999px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

body.detail-page .field--name-field-download-poster .field__item span:not(.file--image, .file--application-pdf) {
    display: none;
}

body.detail-page [class*='block-views-blockblock-gallery-news-block-'] {
    margin-bottom: 50px;
}

body.detail-page .block-views-blockblock-news-programmes-block-1 {
    margin-bottom: 0;
}

body.detail-page [class*='block-views-blockblock-programmes-related-block-'] .container-xl,
body.detail-page [class*='block-views-blockblock-gallery-related-block-'] .container-xl,
body.detail-page [class*='block-views-blockblock-gallery-news-block-'] .container-xl,
body.detail-page .block-views-blockblock-news-programmes-block-1 .container-xl,
body.detail-page .block-views-blockblock-student-story-block-2 .container-xl,
body.detail-page .block-views-blockblock-events-programmes-block-1 .container-xl {
    padding-left: calc(8.33% + 3px);
    padding-right: calc(8.33% + 3px);
}

body.detail-page .block-views-blockblock-events-programmes-block-1 .container-xl header .related-title p,
body.detail-page .block-views-blockblock-student-story-block-2 .container-xl header .related-title p,
body.detail-page [class*='block-views-blockblock-gallery-news-block-'] .container-xl header .related-title p,
body.detail-page .block-views-blockblock-news-programmes-block-1 .container-xl header .related-title p {
    color: #192347;
    font-size: var(--bs-font-size-xl);
    font-weight: 900;
    line-height: 1.26;
}

.card.card-related .card-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
    color: #192347;
    line-height: 28px;
}

.card.card-related .card-tags {
    font-size: 16px;
    color: #B4242C;
}

body.detail-page .block-views-blockblock-news-people-block-1,
body.detail-page .block-views-blockblock-events-people-block-1 {
    margin-bottom: 50px !important;
}

.block-views-blockblock-news-people-block-1 header .tutor-title,
.block-views-blockblock-events-people-block-1 header .tutor-title {
    font-size: var(--bs-font-size-lg);
    font-weight: 900;
}

.block-views-blockblock-news-people-block-1 .view-content-wrap,
.block-views-blockblock-events-people-block-1 .view-content-wrap {
    border-top: #CDCDCD 1px solid;
    display: flex;
    flex-wrap: wrap;
}

.block-views-blockblock-news-people-block-1 .view-content-wrap .item,
.block-views-blockblock-events-people-block-1 .view-content-wrap .item {
    display: flex;
    flex: 0 0 auto;
    width: 50%;
}

.block-views-blockblock-news-people-block-1 .view-content-wrap .item .views-field,
.block-views-blockblock-news-people-block-1 .view-content-wrap .item .views-field .field-content,
.block-views-blockblock-events-people-block-1 .view-content-wrap .item .views-field,
.block-views-blockblock-events-people-block-1 .view-content-wrap .item .views-field .field-content {
    display: flex;
    width: 100%;
}

.block-views-blockblock-news-people-block-1 .view-content-wrap .item:nth-child(odd) .card.card-tutor,
.block-views-blockblock-events-people-block-1 .view-content-wrap .item:nth-child(odd) .card.card-tutor {
    border-left: none;
}

.card.card-tutor {
    border-color: #CDCDCD;
    border-top: none;
    border-right: none;
    border-radius: 0;
    width: 100%;
    position: relative;
}

.card.card-tutor .card-body {
    padding: 76px 38px 32px;
}

.card.card-tutor .card-body::after {
    background: url(../image/common/card-btn-arrow-blue.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 27px;
    top: 36px;
    transition: all 0.3s ease;
}

.card.card-tutor:hover .card-body::after {
    transform: translateX(5px);
}

.card.card-tutor .card-body .card-title {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.25;
    margin-bottom: 5px;
}

.card.card-tutor .card-body .card-text {
    font-size: 18px;
}

/* paragraph Detail */
.paragraph .paragraph-iframe {
    position: relative;
    overflow: hidden;
}

.paragraph iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* programmes-courses Detail */
body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content .paragraph .layout__region--content {
    padding: 0;
}

body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content>div>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content {
    border-top: 1px solid #CDCDCD;
}

body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content .paragraph {
    width: 50%;
    display: inline-block;
    padding: 30px 12px;
}

body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content .paragraph .field__label {
    display: none;
}

body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content .paragraph:nth-child(odd) {
    border: none;
    border-bottom: 1px solid #CDCDCD;
}

body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content .paragraph:nth-child(even) {
    border: 1px solid #CDCDCD;
    border-top: none;
    border-right: none;
}

body.detail-page .detail-programmes-leader .field--name-field-leader-position .field__item {
    font-weight: bold;
    font-size: 18px;
    color: #2C2C2C;
    margin-bottom: 18px;
}

body.detail-page .detail-programmes-leader .field--name-field-leader-name .field__item {
    font-weight: 900;
    font-size: 22px;
    color: #B4242C;
}

body.detail-page .detail-programmes-leader .field--name-field-leader-email-url,
body.detail-page .detail-programmes-leader .field--name-field-leader-telephone,
body.detail-page .detail-programmes-leader .field--name-field-leader-url {
    position: relative;
    padding-left: 30px;
}

body.detail-page .detail-programmes-leader .field--name-field-leader-email-word {
    display: none;
}

body.detail-page .detail-programmes-leader .block-field-blockparagraphprogrammes-leaderfield-leader-url,
body.detail-page .detail-programmes-leader .block-field-blockparagraphprogrammes-leaderfield-leader-email-url,
body.detail-page .detail-programmes-leader .block-field-blockparagraphprogrammes-leaderfield-leader-telephone {
    width: 50%;
    display: inline-block;
    float: left;
    margin: 10px 0;
}

body.detail-page .detail-programmes-leader .field--name-field-leader-email-url::before {
    content: '';
    background-image: url(/ssps/themes/custom/ssps_theme/image/content/people/e_mail.svg);
    width: 22px;
    height: 16px;
    left: 0;
    top: 7px;
    position: absolute;
    background-repeat: no-repeat;
}

body.detail-page .detail-programmes-leader .field--name-field-leader-telephone::before {
    content: '';
    background-image: url(/ssps/themes/custom/ssps_theme/image/content/people/phone.svg);
    width: 16px;
    height: 22px;
    left: 6px;
    top: 4px;
    position: absolute;
    background-repeat: no-repeat;
}

body.detail-page .detail-programmes-leader .field--name-field-leader-url::before {
    content: "\f13c";
    font-family: Flaticon;
    font-style: normal;
    font-size: 24px;
    position: absolute;
    background-repeat: no-repeat;
    left: 0px;
    top: -6px;
    color: #FFC700;
    font-weight: 550;
}

/* #block-views-blockblock-programmes-download-block-1 {
    margin-top: 100px;
    margin-bottom: 150px !important;
} */
#block-views-blockblock-programmes-download-block-1 .has-buton {
    margin-top: 50px;
    margin-bottom: 50px !important;
}

#block-views-blockblock-programmes-download-block-1 .download-section a {
    text-decoration: none;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button>div,
#block-views-blockblock-programmes-download-block-1 .download-section .download-button>a {
    margin: 0 10px;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button a.Website {
    border: 1px solid #98272D;
    padding-left: 55px;
    padding-right: 55px;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet {
    position: relative;
    border: 1px solid #8D8D8D;
    padding-left: 55px;
    padding-right: 55px;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet>span {
    font-weight: 500;
    font-size: 20px;
    color: #2C2C2C;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet>img {
    margin-right: 5px;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet .file--application-pdf>a {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    z-index: 10;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet-sub {
    height: 0;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet-sub>span {
    font-size: 0;
    text-indent: -9999px;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button a.Website img {
    margin-right: 5px;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button a.Website span {
    color: #98272D;
    font-weight: 500;
    font-size: 20px;
}

#block-views-blockblock-programmes-download-block-1 .download-section .download-button a.apply span {
    display: block;
    background-color: #98272D;
    padding: 15px 55px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}

/* Research & Community Engagement */
.card-large-img,
.card-mega-img {
    border: none;
    border-radius: 0;
}

.card-large-img .card-img {
    border-radius: 0;
    width: 83.33%;
    margin-right: 16.67%;
}

.card-large-img .card-body {
    background-color: #F3F3F3;
    margin-left: 41.67%;
    margin-top: -170px;
    padding: 88px 60px 40px;
    position: relative;
}

.card-large-img.card-reverse .card-img {
    margin-left: 16.67%;
    margin-right: 0;
}

.card-large-img.card-reverse .card-body {
    margin-left: 0;
    margin-right: 41.67%;
}

.card-large-img .card-body p {
    line-height: 1.625em;
}

.card-large-img .card-body.card-body-blue {
    background-color: #1C2E55;
}

.card-large-img .card-body.card-body-blue .cover-link {
    color: #fff;
}

.card-large-img .card-body.card-body-blue a:hover,
.card-large-img .card-body:not(.card-body-nolink):hover h2.text-white {
    color: #B4242C !important;
}

.card-mega-img {
    margin-left: -30px;
    margin-right: -30px;
}

.card-mega-img .card-img {
    border-radius: 0;
    width: calc((1600px * 0.8333) + ((100vw - 1570px) * 0.5));
    /* container col-11 + outside space */
    margin-left: calc((100vw - 1600px) * -0.5);
}

.card-mega-img .card-body {
    background-color: #98272D;
    width: calc(50% - 30px);
    padding: 88px 60px 40px;
    position: absolute;
    top: 130px;
    right: 30px;
    z-index: 2;
}

.card-mega-img .card-body .cover-link {
    color: #fff;
}

.card-mega-img .card-body.card-body-gray {
    background-color: #F3F3F3;
}

.card-mega-img .card-body.card-body-gray p {
    color: #2C2C2C;
}

.card-large-img .card-body.card-body-nolink,
.card-mega-img .card-body.card-body-nolink {
    padding: 40px 60px;
}

.card-large-img .card-body h2,
.card-mega-img .card-body h2 {
    transition: all 0.2s ease;
}

.card-large-img .card-body:not(.card-body-nolink):hover h2.text-red {
    color: #192347 !important;
}

.card-mega-img .card-body:not(.card-body-nolink):hover h2.text-white {
    color: #C7C7C7 !important;
}

/* Student Learning Resources */
#resources .resources-list-wrap {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: -12px;
    margin-left: -12px;
}

#resources .resources-list-wrap .col-4 {
    min-width: 286px;
    padding-left: 12px;
    padding-right: 12px;
}

.resources-item {
    background-color: #192347;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.resources-item img {
    transition: all 0.3s ease;
}

.resources-item:hover img {
    transform: scale(1.1);
}

.resources-item h3 {
    margin-bottom: 0;
    position: absolute;
    left: 44px;
    right: 44px;
    bottom: 44px;
    z-index: 2;
}

.resources-item a {
    background: url(../image/common/minus.svg) right 44px bottom 44px no-repeat;
    color: #fff !important;
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    cursor: pointer;
}

.resources-item a.collapsed {
    background: url(../image/common/plus.svg) right 44px bottom 44px no-repeat;
}

#resources .card {
    border: 0;
    border-radius: 0;
    padding: 0 120px 100px;
}

#resources .card::before {
    background-color: #F5F8FF;
    content: '';
    position: absolute;
    top: -150px;
    bottom: 0;
    left: calc(((100vw - 1540px) * -0.5));
    right: calc(((100vw - 1540px) * -0.5));
}

#resources .card .card-body {
    padding: 60px 0 0;
    position: relative;
    z-index: 1;
}

#resources .card .card-body ul li {
    padding-left: 30px;
    position: relative;
}

#resources .card .card-body ul li::before {
    background-color: #98272D;
    content: '';
    display: block;
    width: 10px;
    height: 3px;
    margin-top: -1px;
    position: absolute;
    left: 0;
    top: 50%;
}

#resources .card .card-body a {
    color: #98272D;
    text-decoration: underline;
}

#resources .card .card-body a:hover {
    color: #192347;
}

#resources .card .card-body .closed {
    background: none;
    border: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 75px;
    right: 0;
}

#resources .card .card-body p {
    color: #192347;
}

/* sidebar-section******************************************/
#sidebar-section {
    position: fixed;
    top: 37%;
    z-index: 101;
    right: 0;
}

#sidebar-section>ul>li {
    width: 54px;
    height: 54px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

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

#sidebar-section>ul>li#sidebar-chatroom {
    background-color: #1C315F;
    position: relative;
}

#sidebar-section>ul>li#sidebar-back-to-top {
    background-color: #747474;
}

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

#sidebar-list-title #list-sidebar {
    position: absolute;
    top: 0px;
    right: -300px;
    background: #fff;
    z-index: 9999;
    border: 1px solid #9F9F9F;
    display: none;
    width: 300px;
}

#sidebar-section>ul>li#sidebar-chatroom .chatroom-content {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fff;
    z-index: 9999;
    border: 1px solid #9F9F9F;
    display: none;
}

#sidebar-list-title #list-sidebar .list-sidebar-finish {
    height: 54px;
    margin-bottom: 26px;
}

#sidebar-list-title #list-sidebar .list-sidebar-finish>div {
    background-color: #AC2C33;
    display: inline-block;
}

#sidebar-section>ul>li#sidebar-chatroom .chatroom-content>span {
    background-color: rgb(28, 46, 85);
    display: inline-block;
    z-index: 11;
    right: 0;
    top: 3px;
    position: absolute;
}

#sidebar-list-title #list-sidebar .list-sidebar-finish>div>img,
#sidebar-section>ul>li#sidebar-chatroom .chatroom-content>span>img {
    padding: 15px;
}

#sidebar-list-title #list-sidebar .list-group-item {
    border: unset;
    border-radius: unset;
    width: 300px;
    color: #000;
    font-weight: bold;
    padding: 10px 30px;
}

#sidebar-list-title #list-sidebar .list-group-item.active {
    background-color: #fff;
    font-size: 16px;
    color: #AC2C33;
    background-color: rgb(233, 236, 239);
}

#sidebar-list-title #list-sidebar .sidebar-back {
    padding: 15px 30px;
    border-top: 1px solid #9F9F9F;
    margin-top: 22px;
    width: 100%;
}

#sidebar-list-title #list-sidebar .sidebar-back span {
    font-weight: 700;
    font-size: 16px;
    color: #B4242C;
}

#sidebar-list-title #list-sidebar .sidebar-back img {
    margin-right: 10px;
}


.chat-wrapper[opened="true"] .df-chips-wrapper a {
    width: 90% !important;
}

/* Student & Alumni Sharing */
.block-views-blockblock-student-story-block-1,
.block-views-blockblock-latest-news-block-2 {
    position: relative;
}

.block-views-blockblock-student-story-block-1 .block-content,
.block-views-blockblock-latest-news-block-2 .block-content {
    margin-left: calc((100% - 1540px) * 0.5);
}

.block-views-blockblock-student-story-block-1 .block-content footer,
.block-views-blockblock-latest-news-block-2 .block-content footer {
    margin-bottom: 150px;
}

.StoriesList-Swiper::before,
.news-eventsNews-Swiper::before {
    background-color: #D7DEED;
    content: '';
    position: absolute;
    left: 16.67%;
    right: 0;
    top: 190px;
    bottom: 0;
    z-index: -1;
}

.StoriesList-Swiper .swiper-wrapper,
.news-eventsNews-Swiper .swiper-wrapper {
    margin-left: -20px;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide {
    width: 538px;
    margin-bottom: 214px;
    padding: 0 20px;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card {
    background: none;
    border: none;
    border-radius: 0;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card a,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card a {
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-img-top,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-img-top {
    background-color: #98272D;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-img-top .item-image,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-img-top .item-image {
    width: 100%;
    height: 100%;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-img-top .item-image img,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-img-top .item-image img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card:hover .card-img-top .item-image img,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card:hover .card-img-top .item-image img {
    transform: scale(1.1);
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body {
    background-color: #fff;
    border-bottom: #98272D 4px solid;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    min-height: 243px;
    margin-left: 26px;
    margin-top: -23px;
    padding: 70px 30px 30px;
    position: relative;
}

.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body {
    min-height: 300px;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide:first-child .card .card-body,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide:first-child .card .card-body {
    border-bottom: #FFC700 4px solid;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body::before,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body::before {
    background: url(../image/common/card-btn-arrow-blue.svg) no-repeat;
    background-size: cover;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 30px;
    transition: all 0.3s ease;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card:hover .card-body::before,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card:hover .card-body::before {
    transform: translateX(5px);
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body .card-title,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card:hover .card-body .card-title,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card:hover .card-body .card-title {
    color: #B4242C;
}

.StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body .card-text,
.news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.StoriesList-Swiper .swiper-button-prev1,
.news-eventsNews-Swiper .swiper-button-prev {
    border: #000 1px solid;
    width: 44px;
    height: 44px;
    margin-right: 66px;
    left: auto;
    right: calc((100vw - 1558px) * 0.5);
    top: auto;
    bottom: 120px;
    transition: all 0.3s ease;
}

.StoriesList-Swiper .swiper-button-prev1::before,
.news-eventsNews-Swiper .swiper-button-prev::before {
    background: url(../image/common/swiper-prev-black.svg) center center no-repeat;
    display: block;
    width: 44px;
    height: 44px;
}

.StoriesList-Swiper .swiper-button-next1,
.news-eventsNews-Swiper .swiper-button-next {
    border: #000 1px solid;
    width: 44px;
    height: 44px;
    right: calc((100vw - 1558px) * 0.5);
    top: auto;
    bottom: 120px;
    transition: all 0.3s ease;
}

.StoriesList-Swiper .swiper-button-next1::before,
.news-eventsNews-Swiper .swiper-button-next::before {
    background: url(../image/common/swiper-next-black.svg) center center no-repeat;
    display: block;
    width: 44px;
    height: 44px;
    transform: none;
}

.StoriesList-Swiper .swiper-button-prev1:hover,
.StoriesList-Swiper .swiper-button-next1:hover,
.news-eventsNews-Swiper .swiper-button-prev:hover,
.news-eventsNews-Swiper .swiper-button-next:hover {
    background-color: rgba(255, 255, 255, .6);
}

.block-views-blockblock-student-story-block-1 .block-content footer .btn,
.block-views-blockblock-latest-news-block-2 .block-content footer .btn {
    position: absolute;
    right: calc((100% - 1540px) * 0.5);
    top: 0;
}

/* Student & Alumni Sharing - section2 */
.card-mega-img .card-body-bg {
    background: url(../image/content/students-alumni-sharing/life-in-hong-kong-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center 40%;
    position: absolute;
    left: calc((50% - 30px) * 1.435);
    right: calc((100vw - 1600px) * -0.5);
    top: 210px;
    bottom: 100px;
    z-index: 1;
}

/* Student & Alumni Sharing - gallery */
.block-views-blockblock-studentsstorieslist-gallery-block-1 .view-content {
    position: relative;
}

.block-views-blockblock-studentsstorieslist-gallery-block-1 .view-content::after {
    background-color: #E0E0E0;
    content: '';
    position: absolute;
    left: calc((100vw - 1558px) * -0.5);
    right: calc((100vw - 1558px) * -0.5);
    top: 50%;
    bottom: -200px;
}

.StudentsStoriesListGallery-Swiper {
    margin-top: 60px;
}

.StudentsStoriesListGallery-Swiper .swiper-slide {
    width: 66.67%;
}

.StudentsStoriesListGallery-Swiper .swiper-slide .item-image a {
    background-color: #fff;
    background-image: none;
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.StudentsStoriesListGallery-Swiper .swiper-slide .item-image a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}

.StudentsStoriesListGallery-Swiper .swiper-slide:not(.swiper-slide-active) .item-image a img {
    opacity: .6;
}

.StudentsStoriesListGallery-Swiper .swiper-slide .item-image a:hover img {
    transform: scale(1.05);
}

.StudentsStoriesListGallery-Swiper .swiper-button-prev2 {
    background-color: #98272D;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    left: 16.67%;
    transition: all 0.3s ease;
}

.StudentsStoriesListGallery-Swiper .swiper-button-prev2::before {
    background: url(../image/common/swiper-prev.svg) no-repeat;
    background-size: auto 24px;
    background-position: center;
    width: 44px;
}

.StudentsStoriesListGallery-Swiper .swiper-button-prev2:hover {
    transform: translateX(-5px);
}

.StudentsStoriesListGallery-Swiper .swiper-button-next2 {
    background-color: #98272D;
    width: 44px;
    height: 44px;
    margin-right: -22px;
    right: 16.67%;
    transition: all 0.3s ease;
}

.StudentsStoriesListGallery-Swiper .swiper-button-next2::before {
    background: url(../image/common/swiper-next.svg) no-repeat;
    background-size: auto 24px;
    background-position: center;
    width: 44px;
}

.StudentsStoriesListGallery-Swiper .swiper-button-next2:hover {
    transform: translateX(5px);
}

/* Student & Alumni Sharing List */
.block-views-block-block-student-story-page-list-block-1 .students-story-list-img {
    aspect-ratio: 3 / 2;
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-img img {
    width: 100%;
    aspect-ratio: var(--img-aspect-ratio);
    object-fit: cover;
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-content {
    margin-top: 60px;
    padding: 85px 85px 0 15px;
    position: relative;
    z-index: 1;
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-content::before {
    background-color: #98272D;
    content: '';
    width: 133.334%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-content a {
    text-decoration: none !important;
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-content a h3 {
    background-color: #98272D;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-content a p {
    background-color: #98272D;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-content a:hover h3 {
    color: var(--alink-hover-color-2);
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-content .btn-arrow {
    background-color: #98272D;
    position: absolute;
    right: 30px;
    top: 30px;
}

.block-views-block-block-student-story-page-list-block-1 .students-story-list-content .btn-arrow:hover {
    transform: translateX(5px);
}

.block-views-blockstudent-story-page-list-2-block-1 .card,
.gallery-card {
    background: none;
    border: none;
    border-radius: 0;
}

.gallery-card .gallery-card-years {
    display: none;
}

.block-views-blockstudent-story-page-list-2-block-1 .card-img-top,
.gallery-card .card-img-top {
    overflow: hidden;
    border-radius: 0;
}

.block-views-blockstudent-story-page-list-2-block-1 .card-img-top img,
.gallery-card .card-img-top img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: top;
    transition: all 0.3s ease;
}

.block-views-blockstudent-story-page-list-2-block-1 .card:hover .card-img-top img,
.gallery-card.card:hover .card-img-top img {
    transform: scale(1.1);
}

.block-views-blockstudent-story-page-list-2-block-1 .card .card-body,
.gallery-card.card .card-body {
    padding: 20px 10px;
}

.block-views-blockstudent-story-page-list-2-block-1 .card .card-body .card-title {
    color: #192347;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.gallery-card.card .card-body .card-title {
    color: #192347;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.block-views-blockstudent-story-page-list-2-block-1 .card:hover .card-body .card-title,
.gallery-card.card:hover .card-body .card-title {
    color: var(--alink-hover-color);
}

/* News & Events */
.block-views-blockblock-events-block-2 {
    position: relative;
}

.block-views-blockblock-events-block-2 .block-content {
    margin-bottom: -60px;
}

.block-views-blockblock-events-block-2 .card {
    background: none;
    border: none;
    border-radius: 0;
}

.block-views-blockblock-events-block-2 .card-img-top {
    aspect-ratio: 3 / 2;
    background-color: #B4242C;
    border-radius: 0;
    overflow: hidden;
}

.block-views-blockblock-events-block-2 .card-img-top .item-image {
    width: 100%;
    height: 100%;
}

.block-views-blockblock-events-block-2 .card-img-top .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: all 0.3s ease;
}

.block-views-blockblock-events-block-2 .card:hover .card-img-top .item-image img {
    transform: scale(1.1);
}

.block-views-blockblock-events-block-2 .card .card-body {
    padding: 20px 10px;
}

.block-views-blockblock-events-block-2 .card .card-body p {
    color: #393939;
}

.block-views-blockblock-events-block-2 .card .card-body .card-title {
    color: #192347;
    display: -webkit-box;
    min-height: 58px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-views-blockblock-events-block-2 .card:hover .card-body .card-title {
    color: var(--alink-hover-color);
}

.block-views-blockblock-events-block-2 .card-address {
    line-height: 24px;
}

.block-views-blockblock-events-block-2 .card-address span:first-child {
    background: url(../image/common/address-icon.svg) no-repeat;
    background-size: contain;
    float: left;
    text-indent: -999px;
    width: 18px;
    margin-right: 6px;
    overflow: hidden;
}

.block-views-blockblock-events-block-2 .block-content footer .btn {
    position: absolute;
    right: 0;
    top: 0;
}

/* Programmes & Courses ******************************************/
/* #collapseResearch {
    margin-bottom: 50px;
} */
#collapseResearch>.card>form>.js-form-item>label,
.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags>.dropdown>p {
    display: none;
}

#collapseResearch>.card>form>div:last-child input:nth-child(1) {
    background: #98272D url(/ssps/themes/custom/ssps_theme/image/common/btn-icon-filter.svg) 36px center no-repeat;
    box-shadow: none !important;
    width: 160px;
    line-height: 45px;
    padding: 0 11px 2px 24px;
    position: relative;
    order: 2;
}

#collapseResearch>.card>form>div:last-child input:nth-child(2) {
    background: url(/ssps/themes/custom/ssps_theme/image/common/reset.svg) 40px center no-repeat;
    box-shadow: none !important;
    border: 1px solid #8D8D8D;
    color: #2C2C2C;
    width: 160px;
    line-height: 43px;
    margin-left: 10px;
    padding: 0 11px 0 24px;
    position: relative;
}

.block-views-block-block-programmes-block-1 .js-form-item-scheme-tags>.dropdown>button,
#collapseResearch>.card>form>.js-form-item>select {
    border: 0;
    border-bottom: #9E9E9E 1px solid;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 40px;
    -webkit-box-shadow: unset;
    padding: 5px 10px;
    color: #495057;
    font-size: 1rem;
    line-height: 1.68;
    height: calc(2.43rem + 2px);
    color: #242F55;
    font-size: 1rem;
    line-height: 1.68;
    background-clip: padding-box;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    text-align: left;
    width: 100%;
    position: relative;
    font-weight: 500;
    font-family: "gilmer";
}

#collapseResearch>.card>form>.js-form-item>select {
    background: url(../image/common/select-arrow.svg) right 15px center no-repeat;
}

[class*='block-views-blockblock-second-majors-minors-block-'] {
    display: none;
}

.card-programme,
.card-programme-1 {
    border-radius: unset;
    position: relative;
    margin-bottom: 50px;
    background: #fff;
    border: unset;
    padding-top: 20px;
}

.card-programme-1 .card-img-top img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3 / 2;
}

.card-programme>.row>div:nth-child(2) {
    position: inherit;
    background-color: #fff;
}

.card-programme>.row>div:nth-child(2)::before {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 25px 20px 0 #F5F8FF;
    content: '';
    width: calc(91.67% - 25px);
    position: absolute;
    top: 20px;
    bottom: 20px;
}

.card-programme>.row>div:nth-child(2) .card-body {
    padding: 50px 20px 50px 54px;
    z-index: 9;
    position: relative;
}

.card-programme .card-tags {
    color: #B4242C;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

#block-ssps-theme-content .card-programme .card-title a {
    color: #192347;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 22px;
    text-decoration: none;
}

#block-ssps-theme-content .card-programme .card-title a:hover {
    color: #B4242C;
    text-decoration: underline;
}

.card-programme .card-body>.card-collapse>a.btn {
    background-color: unset;
    color: #767676;
    padding-left: 30px;
    position: relative;
    text-align: left;
    width: 100%;
    font-weight: 400;
}

.card-programme .card-body>.card-collapse>a.btn:focus {
    box-shadow: unset;
    -webkit-box-shadow: unset;
}

.card-programme .card-body>.card-collapse>a::before {
    content: "" !important;
    background: url(/ssps/themes/custom/ssps_theme/image/common/programmes-plus.svg) center center no-repeat !important;
    background-size: contain !important;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    position: absolute;
    left: 4px;
    top: 50%;
    transition: all 0.2s ease;
}

.card-programme .card-body>.card-collapse>a[aria-expanded*="true"]::before {
    background: url(/ssps/themes/custom/ssps_theme/image/common/programmes-show.svg) center center no-repeat !important;
    background-size: contain !important;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    position: absolute;
    left: 4px;
    top: 50%;
    transition: all 0.2s ease;
}

.card-programme .card-img img {
    aspect-ratio: 3/2;
    width: 100%;
    object-fit: cover;
    margin-top: -20px;
    margin-bottom: 46px;
    position: relative;
    z-index: 22;
}

.card-programme .card-collapse-body {
    border-top: 1px solid #CDCDCD;
    padding-top: 20px;
    position: relative;
    z-index: 3;
    margin-top: 10px;
}

.card-programme .card-collapse-body .subcontent {
    margin-bottom: 20px;
}

.card-programme .card-collapse-body .subcontent>div:nth-child(1) {
    color: #192347;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 6px;
}

.card-programme .card-collapse-body>div:nth-child(2) {
    margin-top: 20px;
}

.card-programme .card-collapse-body .subcontent>div:nth-child(2) {
    color: #393939;
    font-weight: 500;
    font-size: 16px;
}

.card-programme .card-collapse-body a.poster {
    font-size: 18px;
    padding: 15px 30px;
    border: 1px solid #8D8D8D;
    margin-right: 25px;
    font-size: 18px;
    color: #2C2C2C;
}

.card-programme .card-collapse-body a.poster img {
    height: 23px;
    margin-right: 8px;
}

.card-programme .card-collapse-body a.read {
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none !important;
    padding: 15px 30px;
    background: #98272D;
}

ul[data-drupal-views-infinite-scroll-pager].pager a.button {
    background-color: #98272D;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none !important;
    width: 170px;
    padding: 12px 24px;
}

ul[data-drupal-views-infinite-scroll-pager].pager a.button:hover {
    background-color: #1C2E55;
}

/* form ******************************************/
.form-container,
.form-registration-container {
    max-width: 936px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 2;
}

.form-subcontainer {
    border: 1px solid #CDCDCD;
    padding: 45px 50px;
    background-color: #fff;
    position: relative;
    z-index: 3;
}

.form-container::before {
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: 100%;
    bottom: -20px;
    left: 20px;
    z-index: 0;
    background-color: #F5F8FF;
}

.form-container #edit-actions {
    margin-top: 140px;
}

.form-container #edit-actions>input,
.form-registration-container #edit-actions>input {
    display: block;
    margin: auto;
    background-color: #98272D;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 30px;
}

.form-container .form-item {
    margin-bottom: 30px;
}

.form-container .form-item label {
    color: #192347;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px;
}

.form-container .form-item input,
.form-registration-container .form-item input {
    border: unset;
    border-bottom: 1px solid #8D8D8D;
    color: #8D8D8D;
    font-size: 16px;
}

.form-container .form-item textarea {
    height: auto;
}

.form-registration-container #edit-introduction {
    padding: 50px;
    position: relative;
    width: calc(100% - 20px);
    z-index: 9;
    margin-bottom: 60px;
}

.form-registration-container #edit-introduction::before {
    content: '';
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    top: 0;

}

.form-registration-container #edit-introduction::after {
    content: '';
    position: absolute;
    width: calc(100% + 20px);
    height: 100%;
    bottom: -20px;
    left: 0px;
    z-index: -2;
    background-color: #F5F8FF;
}

.form-registration-container #edit-event-details {
    background: #F5F8FF;
    padding: 50px;
    margin-bottom: 50px;
}

.form-registration-container #edit-event-details p {
    margin-bottom: 0;
}

.form-registration-container #edit-salutation,
.form-registration-container #edit-categories-radios {
    flex-direction: unset
}

.form-registration-container #edit-salutation--wrapper-legend>span,
.form-registration-container #edit-categories-legend>span {
    color: #192347;
    font-weight: bold;
    font-size: 20px;
}

.form-registration-container fieldset#edit-salutation--wrapper #edit-salutation div.webform-options-display-buttons-wrapper,
.form-registration-container fieldset#edit-salutation--wrapper #edit-salutation div.webform-options-display-buttons-wrapper>div,
.form-registration-container #edit-categories-radios div.webform-options-display-buttons-wrapper,
.form-registration-container #edit-categories-radios div.webform-options-display-buttons-wrapper>div {
    flex: unset;
    display: inline-block;
}

.form-registration-container fieldset#edit-salutation--wrapper #edit-salutation div.webform-options-display-buttons-wrapper>div,
.form-registration-container #edit-categories-radios div.webform-options-display-buttons-wrapper>div {
    margin-bottom: 0;
    margin-right: 10px;
}

.form-registration-container .webform-submission-form .form-item>label {
    color: #192347;
    font-size: 20px;
    font-weight: bold;
}

.form-registration-container .webform-options-display-buttons label.webform-options-display-buttons-label {
    border: 1px solid #CDCDCD;
    border-radius: 4px;
    color: #2C2C2C;
    font-size: 16px;
    padding: 12px 20px;
    cursor: pointer;
}

.form-registration-container .webform-options-display-buttons label.webform-options-display-buttons-label:focus-visible {
    outline: #B4242C auto 2px;
}

.form-registration-container .webform-options-display-buttons input:checked+label.webform-options-display-buttons-label,
.form-registration-container .webform-options-display-buttons label.webform-options-display-buttons-label:hover {
    color: #B4242C;
    border-color: #B4242C;
    border: 2px solid #B4242C;
}


.form-registration-container .webform-submission-form .form-item {
    margin-bottom: 30px;
}

.form-registration-container #edit-actions {
    margin-top: 50px;
}

.webform-submission-form .form-type-webform-terms-of-service input {
    width: auto;
    vertical-align: top;
    margin-top: 14px;
    margin-right: 5px;
}

.webform-submission-form .form-type-webform-terms-of-service label {
    width: calc(100% - 23px);
}

/* search ******************************************/
.search-table {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 26px;
}

.search-table .title {
    margin-bottom: 10px;
}

.search-table span {
    margin-right: 20px;
}

.search-table .summary {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 20px;
}

.search-table .summary img {
    display: none;
}

.search-table .summary h2 {
    font-size: 20px;
    margin-bottom: 0px;
}

.block-views-blockblock-search-view-block-1 form {
    display: flex;
}

.block-views-blockblock-search-view-block-1 form>div:first-child {
    flex: 1 1 auto;
    padding-right: 20px;
}

.block-views-blockblock-search-view-block-1 form>div:last-child input {
    background: #98272D url(/ssps/themes/custom/ssps_theme/image/common/btn-icon-filter.svg) 40px center no-repeat;
    box-shadow: none !important;
    width: 160px;
    line-height: 45px;
    padding: 0 11px 0 24px;
    position: relative;
    order: 2;
}

.block-views-blockblock-search-view-block-1 form {
    margin-bottom: 75px;
}

.block-views-blockblock-search-view-block-1 form .form-item label {
    display: none;
}

.block-views-blockblock-search-view-block-1 form .form-item input {
    background: url(../image/common/btn-icon-search.svg) right 15px center no-repeat;
    border: none;
    border-bottom: #9E9E9E 1px solid;
    border-radius: 0;
    box-shadow: none;
    padding-right: 40px;
    margin-top: 0;
}

#block-ssps-theme-content .block-views-blockblock-search-view-block-1 .view-content-wrap .item .title a {
    font-weight: 900;
    line-height: 1.2em;
    font-size: 32px;
    color: #181b31;
    text-decoration: none;
}

#block-ssps-theme-content .block-views-blockblock-search-view-block-1 .view-content-wrap .item a:hover {
    color: var(--alink-hover-color);
    text-decoration: underline;
}

.block-views-blockblock-search-view-block-1 .view-content-wrap .item {
    margin: 1em 0 1.5em;
}

/* Mobile Menu */
@media (max-width: 1023.98px) {
    .gva-offcanvas-mobile {
        background: #1f345f url(../image/header/mobile-menu-bg.jpg) center bottom no-repeat;
        background-size: cover;
        box-shadow: none;
        max-width: none;
    }

    .gva-offcanvas-mobile .close-offcanvas {
        background: url(../image/header/mobile-menu-close.png) center center no-repeat;
        background-size: 25px auto;
        border-bottom: none;
        width: 68px;
        height: 74px;
        margin-left: auto;
        padding: 0;
    }

    .gva-offcanvas-mobile .close-offcanvas i {
        border-bottom: none;
        display: none;
    }

    .main-menu .area-main-menu .area-inner .navigation {
        border-bottom: none;
        padding: 0 20px;
        width: 100%;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu {
        padding-top: 15px;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu>li {
        border-bottom: none;
        margin-bottom: 30px !important;
        padding: 0 !important;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu>li:first-child {
        margin-bottom: 50px !important;
    }

    #header .navigation .gva_menu>li>a {
        color: #fff !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        line-height: 25px !important;
        padding-right: 24px !important;
    }

    #header .navigation .gva_menu>li:first-child>a {
        line-height: 40px !important;
        width: 40px;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret {
        background: url(../image/header/mobile-menu-red-arrow.svg) center center no-repeat;
        width: 14px;
        height: 14px;
        top: 5px;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus {
        background: url(../image/header/mobile-menu-white-arrow.svg) center center no-repeat;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before,
    .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus:before {
        content: '';
    }

    #header .navigation .gva_menu>li:first-child>a::after {
        background: url(../image/header/home_icon_mob.svg) no-repeat !important;
        float: none !important;
        width: 40px !important;
        height: 40px !important;
        position: absolute;
        left: 0;
        top: 0;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu>li>ul.menu.sub-menu {
        background-color: #152750;
        width: auto;
        margin-top: 30px;
        margin-left: -20px;
        margin-right: -20px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        padding-right: 20px !important;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu ul.sub-menu {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu ul.sub-menu::before {
        background-color: #49629A;
        content: '';
        width: 2px;
        position: absolute;
        left: 0;
        top: 6px;
        bottom: 6px;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu li {
        padding-top: 10px;
    }

    .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu li a {
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 23px !important;
        padding: 0 !important;
    }

    header.header-default .main-menu-inner {
        display: flex;
        height: calc(100% - 76px);
    }

    header.header-default .main-menu-inner>div {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        width: 100%;
    }

    #block-headersearch {
        border-bottom: none;
        flex: 1 1 auto;
        padding-bottom: 0;
        padding-right: 0;
    }

    #block-headertranslation {
        border-bottom: none;
        padding-bottom: 0;
        padding-left: 0;
    }

    #block-headersearch .block-content,
    #block-headertranslation .block-content {
        border-top: #C7C7C7 1px solid;
    }

    .header-translation .dropdown-toggle {
        color: #fff;
        font-size: 20px;
        float: left;
        line-height: 25px !important;
        width: auto !important;
        padding: 30px 10px;
        position: relative;
    }

    .header-translation .dropdown-toggle::before {
        background-color: #98272D;
        content: '';
        height: 4px;
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 25px;
    }

    .header-translation .dropdown-menu {
        background: none;
        display: block;
        position: relative;
    }

    .header-translation .dropdown-menu li {
        border-top: none !important;
        float: left;
    }

    .header-translation .dropdown-menu li a {
        color: #fff !important;
        font-size: 20px;
        line-height: 25px;
        width: auto !important;
        padding: 30px 10px !important;
    }

    #block-headersearch .header-search {
        padding: 30px 8px;
    }

    #block-headersearch .header-search .header-search-header {
        background: url(../image/header/search-white.svg) no-repeat !important;
        display: block;
        height: 24px;
    }

    #block-headersearch .header-search .header-search-header img {
        opacity: 0;
    }

    #block-headersearch .header-search>.dropdown-menu {
        left: 0px;
        top: -100px;
    }
}

/* Web Accessibility 2A */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.frontpageSwiper .swiper-slide {
    background-color: #000;
}

#block-sidebar {
    margin-bottom: 0;
}

/* Student & Alumni Sharing Detail */
body.detail-page .block-views-blockblock-student-story-block-2 .container-xl header {
    border-top: #2C2C2C 1px solid;
    padding-top: 50px;
}

body.detail-page .block-views-blockblock-student-story-block-2 .container-xl header .related-title p {
    margin-bottom: 40px;
}

.card.card-stories {
    border-radius: 0;
    border-color: #B3B3B3;
    border-top: none;
    border-right: none;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 35px 30px;
    position: relative;
}

.card.card-stories .item-image {
    flex: 0 0 auto;
    width: 300px;
}

.card.card-stories .item-image img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.card.card-stories .card-body {
    width: calc(100% - 300px);
    padding: 50px 60px 25px 40px;
}

.card.card-stories .card-body .card-title {
    color: #192347;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.45;
}

.card.card-stories .card-body .card-summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* node--type--latest-news ******************************************/
.node--type--latest-news .detail-col .field--name-body img {
    margin: 20px 0;
}

/* loader ******************************************/
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 200;
}

/* loader style1 ******************************************/
.spinner {
    animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation:
        dash 1.4s ease-in-out infinite,
        colors 6.4s ease-in-out infinite;
}

@keyframes colors {
    0% {
        stroke: #B4242C;
    }

    50% {
        stroke: #192347;
    }

    100% {
        stroke: #192347;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

.center .spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* cookies ******************************************/
#block-cookiesui h2 {
    display: none;
}

.cookiesjsr-banner {
    background-color: #DCE4F8;
    width: 100%;
}

.cookiesjsr-banner--info {
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
}

.cookiesjsr-banner--info a {
    color: #98272D !important;
    text-decoration: underline !important;
}

.cookiesjsr-banner--action {
    justify-content: space-between;
    padding: 0;
    flex-direction: row;
}

.cookiesjsr-btn.important {
    background-color: #98272D;
    border: none;
    color: #fff;
    font-size: 18px;
    text-transform: inherit;
    width: 145px;
    min-height: 45px;
    margin: 0;
}

.cookiesjsr-btn.important:hover {
    background-color: #1C2E55;
    transform: none;
}

.cookiesjsr-btn.important.denyAll {
    background-color: #FFF;
    border: #8D8D8D 1px solid;
    color: #2C2C2C;
}

.cookiesjsr-links,
.cookiesjsr-btn.cookiesjsr-settings {
    display: none;
}

@media (min-width: 768px) {
    .cookiesjsr-banner {
        padding: 0;
    }

    .cookiesjsr-banner--action,
    .cookiesjsr-banner--info {
        width: auto;
        padding: 20px 30px;
        margin-bottom: 0;
    }

    .cookiesjsr-banner--action {
        justify-content: flex-end;
        width: auto;
        padding: 20px;
    }

    .cookiesjsr-btn.important {
        margin: 0 10px;
    }
}

@media (min-width: 1660px) {
    .cookiesjsr-banner {
        padding: 0 calc(50% - 800px);
    }
}

@media (min-width: 1200px) and (max-width: 1659px) {
    .cookiesjsr-banner {
        padding: 0 30px;
    }
}

/* 404 page ******************************************/
.page-node-3605 #block-ssps-theme-breadcrumbs,
.page-node-3605 #block-sidebarinherent,
.page-node-3605 #block-views-block-block-gallery-related-block-3 {
    display: none;
}

.page-node-3605 .gbb-row .bb-inner .bb-container {
    margin-bottom: 0;
}

.page-node-3605 #footer {
    margin-top: 0;
}

.section-404 {
    background: #DCE4F8 url(../image/common/404-bg.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.25;
    width: 100%;
    min-height: 700px;
    padding: 170px 20px;
}

.title-404 {
    color: #192347;
    font-size: 200px;
    font-weight: 700;
    margin-bottom: 0;
}

.p-404 {
    font-size: 22px;
}

.btn-404 {
    background-color: #98272D;
    color: #fff;
    display: inline-block;
    margin-bottom: 80px;
    padding: 11px 25px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.btn-404:hover {
    background-color: #1C2E55;
    color: #fff;
}

/* login page ******************************************/
.page-user-login.gva-body-page.body-page #block-ssps-theme-primary-local-tasks,
.page-user-login.gva-body-page.body-page #block-ssps-theme-content .js-form-item-name,
.page-user-login.gva-body-page.body-page #block-ssps-theme-content .js-form-item-pass,
.page-user-login.gva-body-page.body-page #edit-actions {
    display: none;
}

.page-user-login.gva-body-page.body-page .site-branding__name a {
    font-size: 36px;
    font-weight: bold;
    color: #000;

}

.page-user-login.gva-body-page.body-page .site-branding__text {
    padding: 20px 0;
}

.page-user-login.gva-body-page.body-page .simplesamlphp-auth-login-link {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    padding: 20px 45px 20px 45px;
    line-height: 20px;
    position: relative;
    z-index: 9;
    display: inline-block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border: none;
    border-radius: 0;
    font-family: "gilmer";
    text-transform: none;
    background-color: #152C49;
    text-align: center;
    width: 100%;
}

.page-user-login.gva-body-page.body-page .simplesamlphp-auth-login-link:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    color: #fff;
    background: #0051ee;
}

.page-user-login.gva-body-page.body-page.show #block-ssps-theme-primary-local-tasks,
.page-user-login.gva-body-page.body-page.show #block-ssps-theme-content .js-form-item-name,
.page-user-login.gva-body-page.body-page.show #block-ssps-theme-content .js-form-item-pass,
.page-user-login.gva-body-page.body-page.show #edit-actions {
    display: block;
}

.page-user-login.gva-body-page.body-page.show .simplesamlphp-auth-login-link {
    display: none;
}


/* @media  ******************************************/
@media (min-width: 1660px) {

    /* index */
    .index-our-programmes .col-lg-7::before {
        right: calc((100vw - 1660px) * -0.5);
    }

    .index-programmes-swiper .swiper-button-prev2 {
        right: calc((100vw - 1600px + 128px) * 0.5);
    }

    .index-programmes-swiper .swiper-button-next2 {
        right: calc((100vw - 1600px) * 0.5);
    }

    /* banner */
    #block-ssps-theme-breadcrumbs::after {
        width: calc((1600px * 0.9167) + ((100vw - 1600px) * 0.5));
        /* container col-11 + outside space */
    }

    .breadcrumbs .breadcrumb-content-inner .main-banner {
        width: calc((1600px * 0.5833) + ((100vw - 1600px) * 0.5));
        /* container col-7 + outside space */
    }

    #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner>img {
        width: calc(100% + 266.72px);
        margin-left: calc((1600px * 0.1667) * -1);
    }

    /* About Us */
    #vision-and-mission .card-mega-img .card-img {
        width: calc((1600px * 0.60) + ((100vw - 1570px) * 0.5));
        /* container col-11 + outside space */
    }

    #vision-and-mission .card-mega-img .card-body-bg {
        left: calc(50% - 30px);
    }

    /* Alumni Association */
    #alumni-association-list::after {
        right: calc((100vw - 1540px) * -0.5);
    }
}

@media (min-width: 1200px) and (max-width: 1659px) {

    /* index */
    .index-programmes-swiper .swiper-button-prev2 {
        right: 94px;
    }

    .index-programmes-swiper .swiper-button-next2 {
        right: 30px;
    }

    /* banner */
    #block-ssps-theme-breadcrumbs::after {
        width: calc((100% * 0.9167) + 30px);
        /* container col-11 + outside space */
    }

    .breadcrumbs .breadcrumb-content-inner .main-banner {
        width: calc((100% * 0.5833) + 30px);
        /* container col-7 + outside space */
    }

    #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner>img {
        width: calc(100% + ((100% - 60px) * 0.1667));
        margin-left: calc((100% - 60px) * -0.1667);
    }

    /* Alumni Association */
    #alumni-association-list {
        padding-top: 102px;
        padding-bottom: 172px;
    }

    #alumni-association-list::after {
        right: -60px;
    }

    /* Research & Community Engagement */
    .card-mega-img .card-img {
        width: calc((100% * 0.8333) + 60px);
        /* container col-11 + outside space */
        aspect-ratio: 5 / 3;
        object-fit: cover;
        margin-left: -60px;
    }

    .card-mega-img .card-body {
        top: 8vw;
    }

    /* Student Learning Resources */
    #resources .card::before {
        left: -60px;
        right: -60px;
    }

    /* Student & Alumni Sharing */
    .block-views-blockblock-student-story-block-1 .block-content,
    .block-views-blockblock-latest-news-block-2 .block-content {
        margin-left: 60px;
        position: relative;
    }

    .block-views-blockblock-student-story-block-1 .block-content footer .btn,
    .block-views-blockblock-latest-news-block-2 .block-content footer .btn,
    .StoriesList-Swiper .swiper-button-prev1,
    .StoriesList-Swiper .swiper-button-next1,
    .news-eventsNews-Swiper .swiper-button-prev,
    .news-eventsNews-Swiper .swiper-button-next {
        right: 60px;
    }

    .card-mega-img .card-body-bg {
        right: -30px;
    }

    .block-views-blockblock-studentsstorieslist-gallery-block-1 .view-content::after {
        left: -60px;
        right: -60px;
    }
}

@media (max-width: 1659.98px) {

    /* system */
    .gbb-row .bb-inner .bb-container {
        padding-left: calc(8.33% + 23px);
        padding-right: calc(8.33% + 23px);
        max-width: none;
    }

    /* index */
    .frontpageNews-Swiper .swiper-button-prev3 {
        right: 89px;
        bottom: 20px;
    }

    .frontpageNews-Swiper .swiper-button-next3 {
        right: 25px;
        bottom: 20px;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content {
        padding-top: 8%;
    }

    /* About Us */
    #vision-and-mission .card-mega-img .card-img {
        aspect-ratio: 50 / 35;
    }

    #vision-and-mission .card-mega-img .card-body {
        padding: 35px;
        top: 14%;
    }

    #vision-and-mission .card-mega-img .card-body-bg {
        top: 10%;
        bottom: 24%;
    }

    /* Student & Alumni Sharing List */
    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content {
        padding-top: 8%;
    }

    /* News & Events Detail */
    body.detail-page [class*='block-views-blockblock-gallery-news-block-'] .container-xl,
    body.detail-page .block-views-blockblock-news-programmes-block-1 .container-xl,
    body.detail-page .block-views-blockblock-student-story-block-2 .container-xl {
        padding-left: calc(8.33% + 23px);
        padding-right: calc(8.33% + 23px);
        max-width: none;
    }
}

@media (max-width: 1440px) {

    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(4),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(5),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(6),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(7),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(8),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(9) {
        width: 50%;
    }
}

@media (min-width: 1024px) and (max-width: 1426px) {
    /* index */
    .frontpageSwiper .swiper-slide a {
        height: calc(100vh - 225px);
    }
}

@media (max-width: 1399.98px) {

    /* About Us */
    #vision-and-mission .card-mega-img .card-img {
        aspect-ratio: 50 / 35;
    }

    #vision-and-mission .card-mega-img .card-body {
        width: calc(75% - 30px);
        top: 8%;
    }

    #vision-and-mission .card-mega-img .card-body-bg {
        top: 4%;
    }
}

@media (max-width: 1199.98px) {

    /* system */
    .gbb-row .bb-inner .bb-container {
        padding-left: calc(8.33% + 28px);
        padding-right: calc(8.33% + 28px);
        max-width: none;
    }

    .detail-page .gbb-row .bb-inner .bb-container::before {
        content: none;
    }

    /* index */

    .frontpageSwiper .swiper-slide p {
        width: 65%;
    }

    .index-programmes-swiper .swiper-button-prev2 {
        right: 64px;
    }

    .index-programmes-swiper .swiper-button-next2 {
        right: 0;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-img {
        padding-bottom: 100px;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content {
        padding: 50px 60px 0 0;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content .btn-arrow {
        right: 25px;
        top: 25px;
    }

    /* banner */
    #block-ssps-theme-breadcrumbs::after {
        width: calc(100% * 0.9167);
        /* container col-11 + outside space */
    }

    .breadcrumbs .breadcrumb-content-inner .main-banner {
        width: calc(100% * 0.5833);
        /* container col-7 + outside space */
    }

    #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner>img {
        width: calc(100% + (100% * 0.1667));
        margin-left: calc(100% * -0.1667);
    }

    /* About Us */
    #heads-message .card .card-body {
        width: 82%;
        padding: 25px;
    }

    #heads-message .col-sm-7 {
        padding: 15px 35px 45px 50px;
    }

    #heads-message .col-sm-7::before {
        width: 60px;
        height: 48px;
        margin-left: -75px;
        top: 50px;
    }

    #heads-message .col-sm-7::after {
        width: 60px;
        height: 48px;
        right: 20px;
    }

    #vision-and-mission .card-mega-img .card-img {
        aspect-ratio: 5 / 4;
    }

    #vision-and-mission .card-mega-img .card-body {
        width: calc(83.33% - 30px);
    }

    /* Alumni Association */
    #alumni-association-list {
        padding-top: 6.8vw;
        padding-bottom: 11.47vw;
    }

    /* -Scholarships and Financial Assistance
       -Facilities */
    .mega-card-list .card {
        align-items: flex-start;
        margin-top: 35px;
    }

    .mega-card-list .card:not(:first-child) {
        margin-top: 185px;
    }

    .mega-card-list .card .card-body,
    .mega-card-list .card .card-body.card-body-top-sm {
        padding: 60px 25px 40px;
    }

    .mega-card-list .card:nth-child(even) .card-body.card-body-top-sm {
        padding: 60px 25px 40px 40px;
    }

    .mega-card-list .card .card-img-wrap {
        top: -35px;
    }

    .mega-card-list .card .card-body .card-btn-arrow {
        top: 25px;
    }

    .card-tr {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .card-tr .card-th {
        flex: auto;
    }

    /* Research & Community Engagement */
    .card-large-img .card-body {
        padding: 88px 40px 40px;
    }

    .card-mega-img .card-img {
        width: calc(100% * 0.8333);
        /* container col-11 + outside space */
        aspect-ratio: 5 / 3;
        object-fit: cover;
        margin-left: 0;
    }

    .card-mega-img .card-body {
        top: 4vw;
        padding: 88px 40px 40px;
    }

    .card-large-img .card-body.card-body-nolink,
    .card-mega-img .card-body.card-body-nolink {
        padding: 40px;
    }

    /* Student Learning Resources */
    .resources-item h3 {
        left: 25px;
        right: 25px;
        bottom: 25px;

    }

    .resources-item a {
        background: url(../image/common/minus.svg) right 25px bottom 28px no-repeat;
        background-size: 22px;
    }

    .resources-item a.collapsed {
        background: url(../image/common/plus.svg) right 25px bottom 28px no-repeat;
        background-size: 22px;
    }

    #resources .card {
        padding: 0 60px 100px;
    }

    #resources .card::before {
        left: -30px;
        right: -30px;
    }

    #resources .card .card-body .closed {
        top: 72px;
    }

    /* Student & Alumni Sharing */
    .block-views-blockblock-student-story-block-1 .block-content,
    .block-views-blockblock-latest-news-block-2 .block-content {
        margin-left: 30px;
        position: relative;
    }

    .StoriesList-Swiper .swiper-wrapper .swiper-slide,
    .news-eventsNews-Swiper .swiper-wrapper .swiper-slide {
        width: 418px;
    }

    .StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body {
        min-height: 270px;
    }

    .StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body .card-title,
    .news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body .card-title {
        -webkit-line-clamp: 3;
    }

    .block-views-blockblock-student-story-block-1 .block-content footer .btn,
    .block-views-blockblock-latest-news-block-2 .block-content footer .btn,
    .StoriesList-Swiper .swiper-button-prev1,
    .StoriesList-Swiper .swiper-button-next1,
    .news-eventsNews-Swiper .swiper-button-prev,
    .news-eventsNews-Swiper .swiper-button-next {
        right: 30px;
    }

    .card-mega-img .card-body-bg {
        right: 0;
        bottom: 4vw;
    }

    .block-views-blockblock-studentsstorieslist-gallery-block-1 .view-content::after {
        left: -30px;
        right: -30px;
    }

    /* Student & Alumni Sharing List */
    .block-views-block-block-student-story-page-list-block-1 .students-story-list-img {
        padding-bottom: 100px;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content {
        padding: 50px 60px 0 0;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content .btn-arrow {
        right: 25px;
        top: 25px;
    }

    /* People Detail */
    body.detail-page .layout--fourcol-section::before,
    body.detail-page .layout--threecol-section::before {
        content: none;
    }

    /* News & Events Detail */
    body.detail-page [class*='block-views-blockblock-gallery-news-block-'] .container-xl,
    body.detail-page .block-views-blockblock-news-programmes-block-1 .container-xl,
    body.detail-page .block-views-blockblock-student-story-block-2 .container-xl {
        padding-left: calc(8.33% + 28px);
        padding-right: calc(8.33% + 28px);
    }

    /* programmes Detail */
    body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content .paragraph {
        width: 100%;
    }

    body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content .paragraph:nth-child(odd),
    body.detail-page .detail-programmes-leader .block-field-blocknodeprogrammes-coursesfield-paragraph-content .paragraph:nth-child(even) {
        border: unset;
        border-bottom: 1px solid #CDCDCD;
    }
}

@media (max-width: 1135.98px) {
    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div {
        margin-bottom: 20px;
    }
}

@media (max-width: 991.98px) {

    /* index */
    .frontpageSwiper .swiper-slide a {
        aspect-ratio: 192 / 108;
        height: auto;
    }

    .frontpageSwiper .swiper-slide p {
        font-size: 42px;
    }

    .frontpageSwiper .swiper-button-prev1 {
        left: 20px;
        width: 23px;
    }

    .frontpageSwiper .swiper-button-next1 {
        right: 20px;
        width: 23px;
    }

    .block-views-blockfrontpage-banner-block-1 footer .scroll-down {
        display: none;
    }

    .index-our-programmes {
        padding-top: 50px;
        padding-bottom: 0;
    }

    .index-our-programmes .col-lg-5 h2 {
        max-width: none;
    }

    .index-our-programmes .col-lg-7 {
        padding-left: 0;
        padding-top: 80px;
        padding-bottom: 120px;
    }

    .index-our-programmes .col-lg-7::before {
        left: -15px;
        right: -15px;
        top: 22%;
        bottom: 0;
    }

    .index-programmes-swiper .indexProgrammesSwiper {
        margin-right: -15px;
    }

    .index-programmes-swiper .swiper-button-prev2 {
        left: 0;
        margin-left: 15px;
        margin-right: 0;
        right: auto;
        bottom: 50px;
    }

    .index-programmes-swiper .swiper-button-next2 {
        left: 64px;
        margin-left: 15px;
        margin-right: 0;
        right: auto;
        bottom: 50px;
    }

    .index-programmes-swiper .swiper-slide {
        width: 275px;
        padding: 20px;
    }

    .index-programmes-swiper .swiper-slide a {
        left: 15px;
        right: 15px;
        top: 15px;
        bottom: 15px;
    }

    .index-programmes-swiper .card .card-body {
        padding: 20px;
    }

    .index-programmes-swiper .card-title {
        font-size: 20px;
    }

    .index-programmes-swiper .card-btn-more {
        right: 20px;
        top: 20px;
        width: 14px;
    }

    .index-vision-and-mission {
        height: auto;
    }

    .index-research {
        /* background-size: auto calc(100% - 140px); */
        background-size: auto calc(200% - 280px);
        padding-bottom: 50px;
    }

    .index-research .col-lg-7 {
        order: 1;
    }

    .index-research-img {
        background-position: right center;
        margin-left: 0;
        margin-right: -30px;
        padding: 30px 0;
    }

    .index-research-img-txt {
        height: calc(100% - 20px);
        right: 30px;
        top: 10px;
    }

    .index-research .col-lg-5 {
        order: 2;
    }

    .index-research-content {
        max-width: none;
        margin-top: 60px;
        margin-bottom: 0;
    }

    .index-research-item-wrap {
        flex-wrap: wrap;
    }

    .frontpageNews-Swiper {
        margin-right: -30px;
        margin-top: 30px;
    }

    .frontpageNews-Swiper .swiper-button-prev3 {
        right: auto;
        left: 25px;
        bottom: 25px;
    }

    .frontpageNews-Swiper .swiper-button-next3 {
        right: auto;
        left: 89px;
        bottom: 25px;
    }

    .block-views-blockblock-latest-news-block-1,
    .block-views-blockblock-events-block-1 {
        padding-top: 50px;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-img {
        padding-right: 30px;
        padding-bottom: 0;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content {
        background-color: #1C2E55;
        height: 400px;
        margin-top: -60px;
        padding: 120px 40px 25px 25px;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content::before {
        content: none;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content .btn-arrow {
        right: 30px;
        top: 85px;
    }

    /* banner */
    .breadcrumb-content-inner .gva-block-breadcrumb .page-title {
        font-size: 32px;
        padding-right: 15px;
    }

    /* About Us */
    #vision-and-mission .card-mega-img .card-img {
        width: 100%;
        aspect-ratio: 14 / 9;
    }

    #vision-and-mission .card-mega-img .card-body {
        width: auto;
        margin-top: -24px;
        margin-left: 30px;
        margin-right: 30px;
        padding: 25px;
        position: relative;
        top: auto;
        right: auto;
    }

    #vision-and-mission .card-mega-img .card-body-bg {
        top: -48px;
        bottom: 45.5%;
        left: 80px;
    }

    /* People */
    .card.people-card:before {
        left: 30px;
    }

    .card.ssps-card-2 .row {
        flex-direction: column;
    }

    .card.ssps-card-2 .item-image img {
        margin-bottom: 0;
    }

    .card.ssps-card-2.people-card .col-lg-8 {
        position: inherit;
    }

    .card.ssps-card-2.people-card .card-body {
        margin-top: 0;
        margin-left: 30px;
        padding: 60px 50px 30px;
    }

    /* Alumni Association */
    .alumni-association-img {
        margin-top: 0;
    }

    .alumni-contact-wrap {
        margin: 0 auto;
    }

    #alumni-association-list .card .card-body {
        padding: 20px;
    }

    #alumni-association-list .row .col-md-4 .card-btn-more {
        right: 20px;
        top: 20px;
        width: 14px;
    }

    /* Research Publications */
    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div {
        display: block;
    }

    /* Research & Community Engagement */
    .card-large-img {
        margin-left: -30px;
        margin-right: -30px;
    }

    .card-large-img .card-img,
    .card-large-img.card-reverse .card-img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .card-large-img .card-body,
    .card-large-img.card-reverse .card-body {
        margin-top: -24px;
        margin-left: 30px;
        margin-right: 30px;

    }

    .card-mega-img .card-img {
        width: 100%;
        aspect-ratio: auto;
    }

    .card-mega-img .card-body {
        width: auto;
        margin-top: -24px;
        margin-left: 30px;
        margin-right: 30px;
        position: relative;
        top: 0;
        right: auto;
    }

    /* Student Learning Resources */
    .resources-item h3 {
        left: 25px;
        right: 25px;
        bottom: 25px;
    }

    .resources-item a {
        background: url(../image/common/minus.svg) right 18px bottom 32px no-repeat;
        background-size: 14px auto;
    }

    .resources-item a.collapsed {
        background: url(../image/common/plus.svg) right 18px bottom 32px no-repeat;
        background-size: 14px auto;
    }

    #resources .card {
        padding: 0 30px 100px;
    }

    /* Student & Alumni Sharing */
    .card-body-wrap {
        position: relative;
    }

    .card-mega-img .card-body-bg {
        left: 94px;
        top: -48px;
        bottom: 25px;
    }

    /* Student & Alumni Sharing List */
    .block-views-block-block-student-story-page-list-block-1 {
        padding-top: 50px;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-img {
        margin-right: -30px;
        padding-right: 30px;
        padding-bottom: 0;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content {
        background-color: #98272D;
        height: 400px;
        margin-top: -60px;
        margin-right: -30px;
        padding: 105px 55px 25px 25px;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content::before {
        content: none;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content .btn-arrow {
        right: 55px;
        top: 60px;
    }

    /* News Listing */
    .card.news-card::before,
    .card.card-related::before {
        left: 30px;
    }

    .card.ssps-card-2.news-card .item-image img,
    .card.card-related .item-image img {
        margin-bottom: 0;
    }

    .card.ssps-card-2.news-card .col-lg-8,
    .card.card-related .col-lg-8 {
        position: inherit;
    }

    .card.ssps-card-2.news-card .card-body,
    .card.card-related .card-body {
        margin-top: 0;
        margin-left: 30px;
        padding: 60px 60px 60px 40px;
    }

    /* Programmes & Courses */
    .card-programme>.row>div:first-child {
        margin-left: auto;
    }

    .card-programme .card-img img {
        margin-bottom: 0;
    }

    .card-programme>.row>div:nth-child(2) .card-body {
        width: calc(91.67% - 25px);
    }

    /* News & Events Detail */
    .block-views-blockblock-news-people-block-1 .view-content-wrap .item,
    .block-views-blockblock-events-people-block-1 .view-content-wrap .item {
        width: 100%;
    }

    .block-views-blockblock-news-people-block-1 .view-content-wrap .item .card.card-tutor,
    .block-views-blockblock-events-people-block-1 .view-content-wrap .item .card.card-tutor {
        border-left: none;
    }

    /* programmes Detail */
    body.detail-page .detail-programmes-leader .block-field-blockparagraphprogrammes-leaderfield-leader-url,
    body.detail-page .detail-programmes-leader .block-field-blockparagraphprogrammes-leaderfield-leader-email-url,
    body.detail-page .detail-programmes-leader .block-field-blockparagraphprogrammes-leaderfield-leader-telephone {
        width: 100%;
    }

    #block-views-blockblock-programmes-download-block-1 .download-section .download-button a.apply span,
    #block-views-blockblock-programmes-download-block-1 .download-section .download-button a.Website,
    #block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet {
        padding: 10px 25px;
    }

    /* #block-views-blockblock-programmes-download-block-1 {
        margin-top: 50px;
        margin-bottom: 80px !important;
    } */

    #block-views-blockblock-programmes-download-block-1 .download-section .download-button a.apply span {
        text-align: center;
    }

    /* Student & Alumni Sharing Detail */
    .card.card-stories .card-body {
        width: 100%;
    }
}

@media (max-width: 767.98px) {

    /* system */
    .gbb-row .bb-inner .bb-container {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 80px;
    }

    /* view custom */
    nav.pager {
        margin-top: 0;
    }

    /* footer */
    #footer {
        margin-top: 150px;
    }

    /* index */
    .frontpageSwiper .swiper-slide a:not(.is-title):before {
        background: linear-gradient(90deg, rgba(0, 0, 0, .5) 10%, rgba(0, 0, 0, 0) 70%);
    }

    .frontpageSwiper .swiper-slide p {
        left: 14%;
        font-size: 22px;
        width: 65%;
    }

    .frontpageSwiper .swiper-button-prev1 {
        left: 15px;
        width: 15px;
    }

    .frontpageSwiper .swiper-button-next1 {
        right: 15px;
        width: 15px;
    }

    .frontpageSwiper .swiper-button-next1:after,
    .frontpageSwiper .swiper-button-prev1:after {
        font-size: 24px;
    }

    .frontpageSwiper .swiper-pagination {
        bottom: 15px;
        padding-right: 15px;
    }

    .index-programmes-swiper .indexProgrammesSwiper {
        margin-right: 0;
    }

    .index-research {
        /* background-size: auto calc(100% - 125px); */
        background-size: auto calc(200% - 250px);
        background-position-x: 42%;
        padding-bottom: 60px;
    }

    .index-research-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .index-research-item a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 90px;
        padding-right: 80px;
    }

    .frontpageNews-Swiper {
        margin-right: -20px;
    }

    .block-views-blockblock-latest-news-block-1,
    .block-views-blockblock-events-block-1 {
        padding-top: 0;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-img {
        padding-right: 20px;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content {
        height: 440px;
        padding: 110px 25px 25px;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content a p {
        -webkit-line-clamp: 5;
    }

    .block-views-blockblock-latest-news-block-1 .index-latest-news-content .btn-arrow {
        background-size: contain;
        width: 14px;
        height: 14px;
        right: 40px;
    }

    .block-views-blockblock-latest-news-block-1 footer,
    .block-views-blockblock-events-block-1 footer {
        text-align: center;
    }

    .block-views-blockblock-latest-news-block-1 .block-content footer .btn {
        margin: 40px auto 30px;
        position: relative;
    }

    /* index - Events */
    .block-views-blockblock-events-block-1 {
        padding-bottom: 150px;
    }

    .block-views-blockblock-events-block-1 .view-content-wrap {
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-top: 30px;
    }

    .block-views-blockblock-events-block-1 .view-content-wrap .item {
        flex: 0 0 auto;
        max-width: 325px;
    }

    .block-views-blockblock-events-block-1 .view-content-wrap .col-4 {
        max-width: calc(100% - 60px);
    }

    .block-views-blockblock-events-block-1 .view-content-wrap>.col-4:nth-child(2) {
        padding-top: 0;
    }

    .block-views-blockblock-events-block-1 .card-body {
        padding: 15px 7px;
    }

    .block-views-blockblock-events-block-1 .block-content footer .btn {
        margin: 25px auto 0;
        position: relative;
    }

    /* About Us */
    #heads-message .card .card-body {
        width: auto;
        margin-top: -60px;
        margin-left: 74px;
        margin-right: 0;
    }

    #heads-message .col-sm-7 {
        padding: 50px 20px 48px;
    }

    #heads-message .col-sm-7 h2 {
        margin-bottom: 78px;
    }

    #heads-message .col-sm-7::before {
        margin-left: 0;
        left: 20px;
        top: 100px;
    }

    #heads-message .col-sm-7::after {
        right: 20px;
    }

    #vision-and-mission .card-mega-img .card-body {
        margin-left: 20px;
        margin-right: 20px;
    }

    /* About Us - map */
    .section-map p,
    .section-map span {
        margin-bottom: 10px;
    }

    .section-map .section-map-content #googleMap {
        width: calc(100% + 40px);
        height: auto;
        aspect-ratio: 1;
        margin-left: -20px;
        margin-bottom: 0;
    }

    .section-map .section-map-content .section-map-word {
        padding: 25px;
        margin-left: 0;
        margin-top: -70px;
        position: relative;
        left: auto;
        right: auto;
    }

    /* People */
    .paragraph.paragraph--type--bp-accordion #accordion-37820 .panel-collapse>.paragraph>.paragraph__column {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .paragraph .panel .panel-heading .panel-title>a {
        font-size: 20px;
        padding: 20px 0;
    }

    .panel .panel-heading .panel-title>a:after {
        right: 0;
        width: 20px;
        height: 20px;
    }

    .panel .panel-heading .panel-title>a[aria-expanded="true"]:after {
        right: 0;
    }

    .card.people-card:before,
    .card.people-card-1:before {
        left: 20px;
    }

    .card.ssps-card-2.people-card .card-body,
    .card.ssps-card-2.people-card-1 .card-body {
        margin-left: 20px;
        padding: 60px 24px 14px;
        position: relative;
    }

    .card.people-card:not(.nobody) .card-body::after,
    .card.people-card-1:not(.nobody) .card-body::after,
    .card.people-card-3:not(.nobody) .card-body::after {
        width: 14px;
        height: 14px;
        right: 24px;
        top: 24px;
    }

    .card.ssps-card-2 .card-title {
        margin-bottom: 10px;
    }

    .card.ssps-card-2 .card-content .card-subcontent {
        margin-right: 0;
    }

    .card.ssps-card-2.people-card-1 .card-img-top {
        padding: 0;
    }

    .card.ssps-card-2.people-card-1 .card-img-top img {
        max-width: none;
    }

    .card.ssps-card-2.people-card-3 .card-body {
        padding: 60px 25px 15px;
    }

    /*programmes ssps-image */
    body.node--type-programmes-courses #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner,
    body.detail-page #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner,
    body.page-node-2765 #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner {
        width: calc(100% - 15px);
        height: 146px;
    }

    body.node--type-programmes-courses .breadcrumbs .breadcrumb-content-inner .breadcrumb-content-main,
    body.detail-page .breadcrumbs .breadcrumb-content-inner .breadcrumb-content-main,
    body.page-node-2765 .breadcrumbs .breadcrumb-content-inner .breadcrumb-content-main {
        margin-top: -36px;
        padding: 0 0 40px;
    }

    /* banner */
    #block-ssps-theme-breadcrumbs {
        margin-bottom: 50px;
    }

    #block-ssps-theme-breadcrumbs::after {
        width: calc(100% - 20px);
        /* container col-11 + outside space */
        top: 30px;
    }

    .breadcrumbs .breadcrumb-content-inner .main-banner {
        width: 70.77%;
        /* container col-7 + outside space */
        padding-bottom: 6px;
    }

    #block-ssps-theme-breadcrumbs .gva-parallax-background .main-banner>img {
        width: calc(100vw - 20px);
        aspect-ratio: 399 / 148;
        margin-left: calc((100vw - 100% - 20px) * -1);
    }

    .breadcrumbs .breadcrumb-content-inner .breadcrumb-content-main {
        padding-bottom: 40px;
    }

    /* Alumni Association */
    #alumni-association-list {
        margin-bottom: -200px;
        padding-top: 0;
        padding-bottom: 128px;
    }

    #alumni-association-list::after {
        left: -20px;
        right: -20px;
        top: 140px;
    }

    #alumni-association-list .row .col-md-4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    #alumni-association-list .row .col-md-4:nth-child(3) {
        padding-top: 40px;
    }

    #alumni-association-list .card .card-body {
        height: 93px;
        margin-top: -46px;
        margin-left: 67px;
    }

    /* Executive Officers */
    #executive-officers .row .card {
        margin-right: 0;
    }

    #executive-officers .row:not(:first-child) .card {
        margin-top: 90px;
    }

    #executive-officers .row .card .card-img-wrap {
        margin-left: 20px;
    }

    #executive-officers .row.justify-content-start .card .card-img-wrap,
    #executive-officers .row.justify-content-end .card .card-img-wrap {
        margin-right: -21px;
        padding-left: 0;
        padding-right: 20px;
    }

    #executive-officers .row .card .card-img-wrap img {
        margin-top: -50px;
    }

    /* -Scholarships and Financial Assistance
       -Facilities */
    .mega-card-list .card {
        flex-direction: column;
        margin-top: 0;
    }

    .mega-card-list .card:not(:first-child) {
        margin-top: 40px;
    }

    .mega-card-list .card::after {
        left: 0;
    }

    .mega-card-list .card .card-body {
        width: 100%;
        padding: 75px 25px 25px;
    }

    .mega-card-list .card .card-body.card-body-top-sm,
    .mega-card-list .card:nth-child(even) .card-body.card-body-top-sm {
        padding: 40px 25px 25px;
    }

    .mega-card-list .card .card-img-wrap {
        width: 100%;
        top: 0;
    }

    .mega-card-list .card:nth-child(6n + 1) .card-img-wrap {
        box-shadow: 20px 20px 0 #98272D;
    }

    .mega-card-list .card:nth-child(6n + 2) .card-img-wrap {
        box-shadow: 20px 20px 0 #1C2E55;
    }

    .mega-card-list .card:nth-child(6n + 3) .card-img-wrap {
        box-shadow: 20px 20px 0 #C4C7CF;
    }

    .mega-card-list .card:nth-child(6n + 4) .card-img-wrap {
        box-shadow: 20px 20px 0 #98272D;
    }

    .mega-card-list .card:nth-child(6n + 5) .card-img-wrap {
        box-shadow: 20px 20px 0 #1C2E55;
    }

    .mega-card-list .card:nth-child(6n + 6) .card-img-wrap {
        box-shadow: 20px 20px 0 #C4C7CF;
    }

    .mega-card-list .card .card-body .card-btn-arrow {
        top: 40px;
        right: 25px;
    }

    .mega-card-list .card:nth-child(even)::after {
        right: 0;
    }

    .mega-card-list .card:nth-child(even) .card-img-wrap {
        order: 1;
        margin-left: 0;
    }

    .mega-card-list .card:nth-child(even) .card-body {
        order: 2;
    }

    /* Research & Community Engagement */
    .card-large-img {
        margin-left: -20px;
        margin-right: -20px;
    }

    .card-large-img .card-body {
        padding: 59px 25px 25px;
    }

    .card-large-img .card-body,
    .card-large-img.card-reverse .card-body {
        margin-left: 20px;
        margin-right: 20px;
    }

    .card-mega-img {
        margin-left: -20px;
        margin-right: -20px;
    }

    .card-mega-img .card-body {
        padding: 59px 25px 25px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .card-large-img .card-body.card-body-nolink,
    .card-mega-img .card-body.card-body-nolink {
        padding: 25px;
    }

    /* Student Learning Resources */
    #resources.container-xl {
        padding-left: 0;
        padding-right: 0;
    }

    #resources .resources-list-wrap .col-4 {
        flex: 0 0 286px;
        max-width: 286px;
    }

    .resources-item a {
        background: url(../image/common/minus.svg) right 25px bottom 32px no-repeat;
        background-size: 14px auto;
    }

    .resources-item a.collapsed {
        background: url(../image/common/plus.svg) right 25px bottom 32px no-repeat;
        background-size: 14px auto;
    }

    #resources .card {
        padding: 0 0 50px;
    }

    #resources .card::before {
        top: -95px;
        left: -20px;
        right: -20px;
    }

    #resources .card .card-body {
        padding: 50px 0 0;
    }

    #resources .card .card-body p.fs-xl {
        padding-right: 30px;
    }

    #resources .card .card-body .closed {
        top: 58px;
        right: -5px;
    }

    /* Student & Alumni Sharing */
    .block-views-blockblock-student-story-block-1 .block-content,
    .block-views-blockblock-latest-news-block-2 .block-content {
        margin-left: 0;
    }

    .block-views-blockblock-student-story-block-1 .block-content footer,
    .block-views-blockblock-latest-news-block-2 .block-content footer {
        margin-top: 40px;
        margin-bottom: 80px;
        text-align: center;
    }

    .block-views-blockblock-student-story-block-1 .block-content footer .btn,
    .block-views-blockblock-latest-news-block-2 .block-content footer .btn {
        position: relative;
        right: auto;
    }

    .block-views-blockblock-student-story-block-1 .block-content .section-title,
    .block-views-blockblock-latest-news-block-2 .block-content .section-title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .StoriesList-Swiper,
    .news-eventsNews-Swiper {
        padding-left: 5px;
        padding-right: 5px;
    }

    .StoriesList-Swiper::before,
    .news-eventsNews-Swiper::before {
        top: 85px;
        left: 0;
    }

    .StoriesList-Swiper .swiper-wrapper,
    .news-eventsNews-Swiper .swiper-wrapper {
        margin-left: 0;
    }

    .StoriesList-Swiper .swiper-wrapper .swiper-slide,
    .news-eventsNews-Swiper .swiper-wrapper .swiper-slide {
        width: 315px;
        margin-bottom: 124px;
        padding: 0 15px;
    }

    .StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body {
        min-height: 268px;
        margin-left: 14px;
        padding: 55px 25px 25px;
    }

    .news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body {
        margin-left: 14px;
        padding: 55px 25px 25px;
    }

    .StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body::before,
    .news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body::before {
        width: 13px;
        height: 13px;
        right: 25px;
        top: 25px;
    }

    .StoriesList-Swiper .swiper-wrapper .swiper-slide .card .card-body .card-title,
    .news-eventsNews-Swiper .swiper-wrapper .swiper-slide .card .card-body .card-title {
        -webkit-line-clamp: 4;
    }

    .StoriesList-Swiper .swiper-button-prev1,
    .news-eventsNews-Swiper .swiper-button-prev {
        margin-right: 0;
        bottom: 50px;
        left: 34px;
        right: auto;
    }

    .StoriesList-Swiper .swiper-button-next1,
    .news-eventsNews-Swiper .swiper-button-next {
        margin-left: 66px;
        bottom: 50px;
        left: 34px;
        right: auto;
    }

    .card-mega-img .card-body-bg {
        left: 84px;
    }

    .block-views-blockblock-studentsstorieslist-gallery-block-1 .view-content::after {
        left: -20px;
        right: -20px;
        bottom: -150px;
    }

    .StudentsStoriesListGallery-Swiper {
        margin-top: 30px;
        margin-left: -20px;
        margin-right: -20px;
    }

    .StudentsStoriesListGallery-Swiper .swiper-slide {
        width: calc(100% - 46px);
    }

    .StudentsStoriesListGallery-Swiper .swiper-button-prev2 {
        margin-left: 0;
        left: 0;
    }

    .StudentsStoriesListGallery-Swiper .swiper-button-next2 {
        margin-right: 0;
        right: 0;
    }

    /* Student & Alumni Sharing List */
    .block-views-block-block-student-story-page-list-block-1 {
        padding-top: 0;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-img {
        margin-right: -20px;
        padding-right: 20px;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content {
        height: auto;
        margin-right: -20px;
        padding: 90px 45px 25px 25px;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content a p {
        -webkit-line-clamp: 7;
    }

    .block-views-block-block-student-story-page-list-block-1 .students-story-list-content .btn-arrow {
        background-size: contain;
        width: 14px;
        height: 14px;
        right: 45px;
        top: 70px;
    }

    .block-views-blockstudent-story-page-list-2-block-1 .card .card-body {
        padding: 15px 0 10px;
    }

    /* News & Events */
    .block-views-blockblock-events-block-2 .block-content {
        margin-bottom: 0;
    }

    .block-views-blockblock-events-block-2 .block-content footer {
        text-align: center;
    }

    .block-views-blockblock-events-block-2 .block-content footer .btn {
        position: relative;
        right: auto;
    }

    /* sidebar-section */
    #sidebar-section {
        top: calc(100% - 400px);
    }

    #sidebar-chatroom iframe {
        height: 300px !important;
    }

    /* Detail */
    #block-detailshare {
        position: inherit;
        top: auto;
    }

    body.detail-page .content-main {
        padding-bottom: 0;
    }

    body.detail-page section.detail-share {
        width: auto;
        left: 0;
        margin-bottom: 50px;
        position: relative;
    }

    body.detail-page section.detail-share .content {
        display: flex;
    }

    body.detail-page section.detail-share p {
        font-size: 18px;
        writing-mode: inherit;
    }

    body.detail-page section.detail-share .detail-share-line {
        flex: 1 1 auto;
        width: auto;
        height: 2px;
        margin: 12px 0px 12px 20px;
    }

    body.detail-page section.detail-share ul {
        display: flex;
    }

    body.detail-page section.detail-share ul li {
        display: flex;
        width: 24px;
        margin: 0 8px;
        padding-bottom: 0;
    }

    /* People Detail */
    body.detail-page .detail-col.container-xl {
        padding-left: 0;
        padding-right: 0;
    }

    body.detail-page .layout--fourcol-section .layout__region--second,
    body.detail-page .layout--fourcol-section .layout__region--third,
    body.detail-page .layout--fourcol-section.layout-noimg .layout__region--third,
    body.detail-page .layout--threecol-section .layout__region--second {
        width: 100%;
    }

    body.detail-page .layout--fourcol-section .layout__region--first,
    body.detail-page .layout--fourcol-section .layout__region--fourth,
    body.detail-page .layout--threecol-section .layout__region--first,
    body.detail-page .layout--threecol-section .layout__region--third {
        display: none;
    }

    body.detail-page .layout--fourcol-section .layout__region--second .block-field-blocknodepeoplefield-ssps-image {
        margin-bottom: 30px !important;
    }

    body.detail-page .layout--fourcol-section .layout__region--third h2 {
        margin-bottom: 15px;
    }

    body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-phone,
    body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-e-mail,
    body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-fax,
    body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-address {
        float: none;
    }

    body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-ssps-position {
        padding-bottom: 30px;
    }

    body.detail-page .layout--fourcol-section .layout__region--third .field--name-field-link a {
        max-width: none;
    }

    /* Gallery page */
    #galleryModal .swiper-slide .swiper-text {
        margin-left: 32px;
        padding: 10px 15px;
    }

    /* Programmes & Courses */
    .card-programme {
        margin-bottom: 60px;
    }

    .card-programme .card-img img {
        position: unset;
        max-width: unset;
    }

    /* .card-programme>.row>div:nth-child(2)::before {
        width: 100%;
        background: #F5F8FF;
        bottom: -20px;
        border: unset;
        width: 96%;
    } */

    .card-programme::before {
        display: none;
    }

    .card-programme>.row>div:nth-child(2) {
        position: relative;
    }

    .card-programme>.row>div:nth-child(2)::before {
        box-shadow: -20px 20px 0 #F5F8FF;
        width: auto;
        left: 20px;
        right: 0;
        top: 0;
    }

    .card-programme>.row>div:nth-child(2) .card-body {
        border-left: #fff 20px solid;
        width: auto;
        padding: 25px 25px 45px;
    }

    .card-programme .card-collapse-body a.poster,
    .card-programme .card-collapse-body a.read {
        padding: 10px;
    }

    /* form */
    .form-registration-container #edit-introduction,
    .form-registration-container #edit-event-details,
    .form-subcontainer {
        padding: 20px;
    }

    /* News Listing */
    .card.news-card::before,
    .card.card-related::before {
        box-shadow: -20px 20px 0 #F5F8FF;
        left: 20px;
        right: 0;
    }

    .card.news-card.red-shadow:before,
    .card.card-related.red-shadow:before {
        box-shadow: -20px 20px 0 #F6E7E8;
        left: 20px;
        right: 0;
    }

    .card.ssps-card-2.news-card .card-body,
    .card.card-related .card-body {
        border-left: #fff 20px solid;
        margin-left: 0;
        position: relative;
    }

    .card.news-card .card-body::after,
    .card.card-related .card-body::after,
    .card.card-stories .card-body::after {
        width: 14px;
        height: 14px;
        right: 24px;
        top: 24px;
    }

    .card.ssps-card-2.news-card .card-title {
        font-size: 20px;
    }

    /* News & Events Detail */
    body.detail-page .block-field-blocknodeeventscreated .block-content {
        margin-bottom: 30px;
    }

    body.detail-page .block-field-blocknodeeventsfield-image,
    body.detail-page .block-field-blocknodeeventsfield-image-1,
    body.detail-page .block-field-blocknodeprogrammes-coursesfield-ssps-image {
        padding: 55px 20px 90px;
    }

    body.detail-page .block-field-blocknode-latest-newsfield-ssps-image,
    body.detail-page .block-field-blocknodestoryfield-ssps-image {
        padding: 55px 20px 20px;
    }

    body.detail-page .block-field-blocknodeeventsfield-image::before,
    body.detail-page .block-field-blocknodeeventsfield-image-1::before,
    body.detail-page .block-field-blocknodeprogrammes-coursesfield-ssps-image::before,
    body.detail-page .block-field-blocknode-latest-newsfield-ssps-image::before,
    body.detail-page .block-field-blocknodestoryfield-ssps-image::before {
        top: 55px;
        left: 40px;
        right: -1px;
    }

    body.detail-page .layout--threecol-section.detail-info .layout__region--second {
        width: calc(100% - 60px);
        margin-left: 40px;
        padding: 25px 25px 5px;
    }

    body.detail-page .layout--threecol-section.detail-info .layout__region--second .block-layout-builder {
        margin-bottom: 20px !important;
    }

    body.detail-page .layout--threecol-section.detail-info .layout__region--second .field__label {
        font-size: 18px;
    }

    body.detail-page [class*='block-views-blockblock-gallery-news-block-'] .container-xl,
    body.detail-page .block-views-blockblock-news-programmes-block-1 .container-xl,
    body.detail-page .block-views-blockblock-student-story-block-2 .container-xl {
        padding-left: 20px;
        padding-right: 20px;
    }

    .card.card-related .card-title {
        font-size: 20px;
    }

    body.detail-page .block-views-blockblock-news-people-block-1,
    body.detail-page .block-views-blockblock-events-people-block-1 {
        margin-bottom: 70px !important;
    }

    .card.card-tutor .card-body {
        padding: 64px 0 30px;
        position: relative;
    }

    .card.card-tutor .card-body::after {
        width: 14px;
        height: 14px;
        right: 0;
        top: 24px;
    }

    .card.card-tutor .card-body .card-title {
        font-size: 20px;
    }

    /* programmes Detail */
    body.detail-page .layout--threecol-section.detail-info .layout__region--second .block-layout-builder,
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(4),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(5),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(6),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(7),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(8),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(9) {
        width: 100%;
    }

    body.detail-page .layout--threecol-section.detail-info .layout__region--second .block-layout-builder {
        padding-bottom: 20px;
    }

    body.detail-page .layout--threecol-section.detail-info .layout__region--second .block-layout-builder.block-field-blocknodeprogrammes-coursesfield-abbreviated-programme-titl,
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(1) {
        border-bottom: unset;
    }

    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(4),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(5),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(6),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(7),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(8),
    body.detail-page .layout--threecol-section.detail-info.detail-programmes-info .layout__region--second .block-layout-builder:nth-child(9) {
        border-top: unset;
    }

    #block-views-blockblock-programmes-download-block-1 .download-section .download-button a.apply span,
    #block-views-blockblock-programmes-download-block-1 .download-section .download-button a.Website,
    #block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet {
        margin: 0;
    }

    #block-views-blockblock-programmes-download-block-1 .download-section .download-button .leaflet,
    #block-views-blockblock-programmes-download-block-1 .download-section .download-button a.Website {
        width: 47%;
    }

    #block-views-blockblock-programmes-download-block-1 .download-section {
        position: relative;
    }

    #block-views-blockblock-programmes-download-block-1 .download-section .download-button a.Website {
        /* position: absolute;
        right: 0;
        top: 0; */
    }

    /* Student & Alumni Sharing Detail */
    body.detail-page .block-views-blockblock-student-story-block-2 .container-xl header {
        margin-top: 80px;
        padding-top: 80px;
    }

    .card.card-stories {
        padding: 0;
    }

    .card.card-stories .item-image {
        flex: 1 1 auto;
        margin-left: -1px;
    }

    .card.card-stories .card-body {
        padding: 50px 60px 0 25px;
        position: relative;
    }

    .card.card-stories .card-body .card-title {
        font-size: 20px;
    }

    /* index banner */
    .frontpageSwiper .swiper-pagination {
        bottom: 15px;
        padding-right: 35px;
    }

    .frontpageSwiper .video-icon {
        right: 10px;
        bottom: 14px;
    }

    /* 404 page */
    .page-node-3605 #page-main-content {
        min-height: auto;
    }

    .section-404 {
        min-height: auto;
        padding: 100px 20px;
    }

    .title-404 {
        font-size: 120px;
    }
}

@media (max-width: 575.98px) {

    /* Research Publications */
    .pager ul.pager__items>li {
        margin-right: 6px;
    }

    .card-filter {
        margin-bottom: 50px;
    }

    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form,
    [class*='block-views-blockblock-gallery-block-'] form.views-exposed-form,
    .block-views-block-block-programmes-block-1 form.views-exposed-form,
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form,
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form,
    .block-views-blockblock-events-block-3 form.views-exposed-form {
        flex-direction: column;
        margin-bottom: 0;
    }

    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div,
    [class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div,
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div,
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div,
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div,
    .block-views-blockblock-events-block-3 form.views-exposed-form>div {
        margin-top: 30px;
        margin-bottom: 0;
    }

    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:not(:first-child),
    [class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:not(:first-child),
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div:not(:first-child),
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:not(:first-child),
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:not(:first-child),
    .block-views-blockblock-events-block-3 form.views-exposed-form>div:not(:first-child) {
        margin-left: 0;
    }

    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(1),
    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(2),
    [class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(1),
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(1),
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(2),
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(3),
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(1),
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(2),
    .block-views-blockblock-gallery-block-1 form.views-exposed-form>div:nth-child(2),
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:nth-child(1),
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:nth-child(2),
    .block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(1),
    .block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(2),
    .block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(3) {
        width: 100%;
    }

    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(1),
    [class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(1),
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(1),
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(1),
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:nth-child(1),
    .block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(1) {
        order: 2;
    }

    /* [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form .form-item label {
        font-weight: 900;
        font-size: 20px;
        color: #B4242C;
    } */
    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div.js-form-wrapper,
    [class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div.js-form-wrapper,
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(3),
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div.js-form-wrapper,
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div.js-form-wrapper,
    .block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(3) {
        order: 3;
    }

    .block-views-block-block-programmes-block-1 form.views-exposed-form>div.js-form-wrapper,
    .block-views-blockblock-events-block-3 form.views-exposed-form>div.js-form-wrapper {
        order: 4;
    }

    /* [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(3) {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    } */

    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(3)>input,
    [class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(3)>input,
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(5)>input,
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(3)>input,
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:nth-child(3)>input,
    .block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(4)>input {
        width: 48% !important;
    }

    /* [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(3)>input:nth-child(1),
    .block-views-blockblock-gallery-block-1 form.views-exposed-form>div:nth-child(3)>input:nth-child(1),
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:nth-child(3)>input:nth-child(1) {
        order: 1;
    } */

    [class*='block-views-blockblock-research-publications-block-'] form.views-exposed-form>div:nth-child(3)>input:nth-child(2),
    [class*='block-views-blockblock-gallery-block-'] form.views-exposed-form>div:nth-child(3)>input:nth-child(2),
    .block-views-block-block-programmes-block-1 form.views-exposed-form>div:nth-child(5)>input:nth-child(2),
    .block-views-blockstudent-story-page-list-2-block-1 form.views-exposed-form>div:nth-child(3)>input:nth-child(2),
    .block-views-blockblock-latest-news-block-3 form.views-exposed-form>div:nth-child(3)>input:nth-child(2),
    .block-views-blockblock-events-block-3 form.views-exposed-form>div:nth-child(4)>input:nth-child(2) {
        order: 2;
    }

    #collapseResearch>.card>form>div:last-child input:nth-child(2) {
        margin-left: 0 !important;
    }

    /* Gallery */
    .gallery-text {
        position: unset;
        width: 100%;
        padding: 4px;
    }

    /* chatbot******************************************/
    .block-views-blockblock-events-block-1 {
        padding-bottom: 0;
    }

    #sidebar-section>ul>li {
        width: 45px;
        height: 45px;
    }

    #sidebar-list-title #list-sidebar .list-sidebar-finish {
        height: 45px;
    }

    #sidebar-list-title #list-sidebar .list-sidebar-finish>div>img,
    #sidebar-section>ul>li#sidebar-chatroom .chatroom-content>span>img {
        padding: 10px;
    }

    /* #sidebar-list-title #list-sidebar .list-group-item {
        padding: 4px 10px;
    } */
    #sidebar-list-title #list-sidebar .sidebar-back {
        margin-top: 10px;
    }
}