<style>
    .qlink-container li ul,
    .quick-container li ul {
        float: left;
        top: 35px;
        visibility: hidden;
        z-index: 3;
        opacity: 0;
        left: 0;
    }
    .qlink-container li:hover ul,
    .quick-container li:hover ul {
        opacity: 1;
        top: 55px;
        visibility: visible;
    }
    #section_intro h1 {
        position: relative;
        z-index: 2;
        color: #fff;
        top: 80px;
        padding-left: 20px;
        animation: 2s ease-out drop-Title;
    }
    @keyframes drop-Title {
        0% {
            opacity: 0;
            transform: translateY(80%);
        }
        20% {
            opacity: 0;
        }
        100%,
        50% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .landing-intro-text {
        margin-top: 100px;
        margin-bottom: 60px;
    }
    #bgimage-landing {
        height: 360px;
        color: #fff;
        margin-top: -166px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
        background-position: center;
        background-attachment: fixed;
    }
    #bgimage-landing::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 200%;
        height: 200%;
        background: #fff;
        transform-origin: 0 0;
        transform: rotate(0);
    }
    .bgimage-overlay {
        background: linear-gradient(90deg, #15122C 0%, #0C0637 30%, transparent);
        background: -moz-linear-gradient(90deg, #15122C 0%, #0C0637 30%, transparent);
        background: -webkit-linear-gradient(90deg, #15122C 0%, #0C0637 30%, transparent);
        background: linear-gradient(90deg, #15122C 0%, #0C0637 30%, transparent);
        width: 100%;
        height: 360px;
    }
    .grid .gridLayout ul li .subSleeve {
        background: #fff;
    }
    .grid .gridLayout.colour2 ul li .subSleeve {
        background: #f0f2f2;
    }
    .featuredText {
        margin-bottom: 0;
        margin-top: 16px;
    }
    .grid .sleeve-white .spinLayout .sleeve .subSleeve {
        padding: 20px 10px 0 0;
    }
    .grid .sleeve-white .sleeve .spinLayout .sleeve {
        background: #fff;
        padding-bottom: 0;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    }
    blockquote .quotesource {
        color: var(--accent-grey-dark-1);
        line-height: 1.2;
        font-weight: 700;
        text-align: right;
        margin-top: 20px;
    }
    .ff-lightblue blockquote,
    .grid .spinVideo.full-width-background.videoColour-1 .videoPreview-list,
    .grid .spinVideo.full-width-background.videoColour-2 .videoPreview-list,
    .grid .spinVideo.full-width-background.videoColour-3 .videoPreview-list,
    .grid .spinVideo.full-width-background.videoColour-4 .videoPreview-list,
    .grid .spinVideo.full-width-background.videoColour-5 .videoPreview-list,
    .grid .spinVideo.full-width-background.videoColour-6 .videoPreview-list {
        background: 0 0;
    }
    .quote-block-container {
        padding: 43px 0;
    }
    .quick-container {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .quick-container .quick-menu {
        width: 300px;
        border: 4px solid #fff;
        margin-top: -69px;
    }
    .quick-container li {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        list-style: none;
    }
    .quick-container a {
        background: #ddd;
        color: #000;
        display: block;
        padding: 18px 34px;
        line-height: 1.2;
        font-weight: 700;
        text-decoration: none;
        -webkit-transition: 0.25s;
        -moz-transition: 0.25s;
        -ms-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }
    .landing-menu-container .landing-btn,
    .qlink-wrapper li,
    .quick-container .quick-menu .quick-dropdown:hover {
        background-color: var(--pri-c-button-main-background-color);
    }
    .qlink-wrapper,
    .quick-container ul {
        margin: 0;
        padding: 0;
    }
    .quick-container .quick-menu .quick-dropdown {
        text-align: center;
        background-color: var(--secondary-color);
        padding: 18px 0;
        line-height: 1.2;
        font-weight: 700;
        font-size: 1.266rem;
        color: #fff;
        word-spacing: 1px;
        letter-spacing: 1px;
    }
    .quick-container .quick-dropdown:after {
        content: "\203A";
        margin-left: 5px;
    }
    .quick-container .quick-dropdown:hover:after {
        transform: rotate(90deg);
        display: inline-block;
        transition: 0.25s;
    }
    .quick-container li:hover a {
        background: #f1f1f1;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 4px;
    }
    .quick-container li ul {
        position: absolute;
        -webkit-transition: 0.25s;
        -moz-transition: 0.25s;
        -ms-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
        width: 100%;
    }
    .quick-container li ul li {
        float: none;
        width: 100%;
    }
    .quick-container li ul a:hover {
        background: #000;
        color: #fff;
    }
    .quick-menu:after {
        content: "";
        display: table;
        clear: both;
    }
    .qlink-wrapper {
        position: absolute;
        top: -63px;
        right: 0;
        border: 3px solid #fff;
		  border-radius: 20px;

    }
    .ongoing-title .picture,
    .openjoin-title .picture,
    .qlink-container,
    .upcoming-title .picture {
        position: relative;
    }
    .qlink-main-menu {
        font-size: 18px;
        margin-right: 4.5%;
    }
    .qlink-wrapper li {
        display: inline-block;
        width: 220px;
		  border-radius: 20px;
    }
    .qlink-main-menu,
    .qlink-wrapper li a {
        color: var(--primary-color);
        font-size: 16px;
        text-transform: inherit;
        text-decoration: none;
        font-weight: 700;
        display: block;
        position: relative;
        text-align: center;
    }
    .qlink-main-menu span,
    .qlink-wrapper li a span {
        display: block;
        padding: 15px 20px;
        word-spacing: 1px;
        letter-spacing: 1px;
    }
    .qlink-main-menu span:before,
    .qlink-wrapper li a span:before {
        content: attr(title);
        position: absolute;
        top: 0;
        left: 0;
        background: var(--primary-color);
        color: var(--primary-color);
        padding: 15px 20px;
        transform-style: preserve-3d;
        transition: 0.3s;
        transform: rotateX(90deg) translateY(50px);
        transform-origin: bottom;
        width: 100%;
    }
    .qlink-main-menu span:hover:before,
    .qlink-wrapper li a span:hover:before {
        transform: rotateX(0) translateY(0);
        width: 100%;
    }
    .qlink-container li ul {
        position: absolute;
        -webkit-transition: 0.25s;
        -moz-transition: 0.25s;
        -ms-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
        width: 220px;
        top: 35px;
        visibility: hidden;
        z-index: 3;
        float: left;
        left: 0;
        opacity: 0;
    }
    .qlink-container li ul li {
        float: none;
        width: 100%;
        background-color: #f2f2f2;
    }
    .qlink-container li:hover ul {
        padding-left: 0;
        text-align: center;
        background-color: #f2f2f2;
        box-shadow:
            5px 1px 15px 5px transparent,
            9px 5px 15px 3px rgba(0, 0, 0, 0.19);
			border-radius: 20px;
			margin-top: 10px;	
    }
    .grid .hero-spin .hero-spin__main__content .readmore:focus,
    .grid .hero-spin .hero-spin__main__content .readmore:hover,
    .grid .more:hover,
    .hb-main .hero-spin .hero-spin__main__content .readmore:focus,
    .hb-main .hero-spin .hero-spin__main__content .readmore:hover,
    .spin2scroller .more:hover {
        background: #000;
    }
    .ongoing-title .picture::before,
    .openjoin-title .picture::before,
    .upcoming-title .picture::before {
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 2;
        font-weight: 700;
    }
    .qlink-wrapper .qlink-sub-menu li a {
        color: #000;
        font-weight: 400;
        text-transform: none;
        padding: 20px 30px;
        line-height: 1.2;
        text-align: left;
    }
    #top .grid .threeColumns .spinBlock.tile-border-white .spinLayout.full.onecol .intro,
    #top .grid .twoColumns .spinBlock.tile-border-white .spinLayout.half.onecol .intro,
    .grid .tile-border-white .spinLayout.twocol .sleeve,
    .qlink-wrapper .qlink-sub-menu li a:hover,
    .tile-border-white .more a:link,
    .tile-border-white .more a:visited {
        color: #fff;
    }
    .qlink-main-menu:after {
        content: "\203A";
        margin-left: 5px;
        position: absolute;
        top: 27%;
        right: 0;
        padding-right: 20px;
    }
    .qlink-main-menu:hover::after {
        transform: rotate(90deg);
        display: inline-block;
        transition: 0.25s;
        padding-top: 20px;
    }
    .contact-box::before {
        animation: 3s infinite pulse-blue;
    }
    @keyframes pulse-blue {
        0% {
            transform: scale(0.95);
            box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
        }
        70% {
            transform: scale(1);
            box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
        }
        100% {
            transform: scale(0.95);
            box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
        }
    }
    li.module-m h2 {
        color: #0050a0;
    }
    .ao-container h2 span {
        color: #0050a0;
        border: 2px solid #0050a0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .ao-container li {
        flex: 1 1 190px;
        border: 2px solid #0050a0;
    }
    .ao-flex.ao-container li:hover h2 {
        background-color: orange;
        color: #0050a0;
    }
    .ao-flex.ao-container li:hover h2,
    .grid .spinVideo.videoColour-1 .videoPreview-list .thumbs li a:not(.nowPlaying):hover {
        background-color: var(--accent-orange);
    }
    .pri-flex-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pri-flex-item {
        width: calc(25% - 10px);
        margin-bottom: 20px;
    }
    .grid .column .removeGap-top,
    .spacer-bottom-45 {
        margin-bottom: -42px;
    }
    .pri-flex-item .subSleeve h2,
    .pri-flex-item .subSleeve h2 a,
    .pri-flex-item .subSleeve h3,
    .pri-flex-item .subSleeve h3 a {
        font-size: 1.266rem;
        line-height: 1.602rem;
    }
    .pri-flex-item .intro {
        font-size: 0.889rem;
        line-height: 1.266rem;
    }
    .pri-flex-item .picture {
        overflow: hidden;
        position: relative;
        display: block;
        margin-bottom: 14px;
        border: 1px solid #fff;
    }
    .pri-flex-item .picture a {
        transition: 0.3s;
        display: block;
        overflow: hidden;
        position: relative;
    }
    .grid .sleeve .picture a:hover,
    .pri-flex-item .picture a:hover {
        -ms-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    div.mastNavBar {
        z-index: 5;
    }
    .landing-menu-container {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: start;
        background-color: var(--accent-blue-dark-1);
        z-index: 4;
        cursor: pointer;
    }
    .landing-menu-container .landing-menu-wrapper {
        list-style: none;
        margin: 0;
        width: 0;
        padding: 0;
        overflow: hidden;
        transition: 0.3s ease-in-out;
    }
    .landing-menu-container li {
        font-weight: 700;
        line-height: 1.2;
        padding: 10px;
        color: #fff;
        opacity: 0;
        overflow: hidden;
        transition: 0.3s ease-in-out;
    }
    .landing-menu-container li a {
        color: #fff;
        text-decoration: none;
        max-height: 100px;
        display: inline-flex;
    }
    .landing-menu-container .landing-btn {
        position: fixed;
        right: 130px;
        bottom: 13px;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 4px solid var(--secondary-color);
        background-clip: content-box;
        padding: 3px;
        transform: translateY(20px);
        transition:
            opacity 0.3s ease-in-out,
            transform 0.3s ease-in-out;
        opacity: 0;
    }
    .landing-btn.show-btn {
        opacity: 1;
        transform: translateY(0);
    }
    .landing-list-icon.fa-solid.fa-list {
        color: #fff;
        font-size: 29px;
        border-radius: 50%;
        border: 4px solid #fff;
        padding: 10px;
    }
    .landing-menu-container:hover .landing-menu-wrapper {
        width: 250px;
        padding: 15px;
        transition: 0.3s ease-in-out;
        margin-top: 200px;
        overflow: auto;
        max-height: 46vh;
    }
    .landing-menu-container:hover .landing-btn {
        opacity: 0;
        transition: 0.3s ease-in-out;
    }
    .landing-menu-container:hover .landing-menu-wrapper li {
        opacity: 1;
        overflow: auto;
        transition: 0.3s ease-in-out;
    }
    .landing-menu-wrapper::-webkit-scrollbar {
        width: 5px;
    }
    .landing-menu-wrapper::-webkit-scrollbar-thumb {
        background-color: var(--primary-color);
    }
    .landing-menu-wrapper::-webkit-scrollbar-track {
        background-color: var(--secondary-color);
    }
    .landing-menu-wrapper {
        scrollbar-width: thin;
        scrollbar-color: var(--secondary-color) var(--accent-blue-dark-1);
        -ms-overflow-style: none;
    }
    .landing-menu-wrapper::-moz-scrollbar-thumb {
        background-color: var(--secondary-color);
        border-radius: 10px;
    }
    .landing-menu-wrapper::-ms-scrollbar {
        width: 5px;
    }
    .landing-menu-wrapper::-ms-thumb {
        background-color: var(--secondary-color);
        border-radius: 10px;
    }
    .landing-anchor {
        padding: 0 0.35em;
        transition: color 0.5s cubic-bezier(0.2, 1, 0.3, 1);
        position: relative;
        display: inline-block !important;
    }
    .landing-anchor::before {
        content: "";
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        transform: scale3d(0, 1, 1);
        transform-origin: 0% 50%;
        transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1);
        background-color: #fff;
    }
    .landing-anchor:focus::before,
    .landing-anchor:hover::before {
        transform: scale3d(1, 1, 1);
    }
    .jsBrightTALKEmbedWrapper {
        margin-top: 1.3%;
        border: 0 solid #000;
    }
    .removeGap-bottom {
        margin-top: -45px;
    }
    .playback-component {
        margin-top: 20px;
    }
    .grid .spinVideo,
    .grid .spinVideo.full-width-background.videoColour-1 .videoPreview-container .videoPreview-details::after,
    .grid .spinVideo.full-width-background.videoColour-2 .videoPreview-container .videoPreview-details::after,
    .grid .spinVideo.full-width-background.videoColour-3 .videoPreview-container .videoPreview-details::after,
    .grid .spinVideo.full-width-background.videoColour-4 .videoPreview-container .videoPreview-details::after,
    .grid .spinVideo.full-width-background.videoColour-5 .videoPreview-container .videoPreview-details::after,
    .grid .spinVideo.full-width-background.videoColour-6 .videoPreview-container .videoPreview-details::after {
        background-color: #fff;
    }
    .csspointerevents .grid .spinVideo .videoPreview-list.swiper-ready .thumbs .swiper-container::before {
        background-image: none;
    }
    .grid .spinVideo.full-width-background.videoColour-1 .videoPreview-container,
    .grid .spinVideo.full-width-background.videoColour-2 .videoPreview-container,
    .grid .spinVideo.full-width-background.videoColour-3 .videoPreview-container,
    .grid .spinVideo.full-width-background.videoColour-4 .videoPreview-container,
    .grid .spinVideo.full-width-background.videoColour-5 .videoPreview-container,
    .grid .spinVideo.full-width-background.videoColour-6 .videoPreview-container {
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    }
    #top .grid .oneColumn .spinBlock.col-1-full-width-border .spinLayout.half.onecol .picture,
    #top .grid .threeColumns .spinBlock.tile-border-white .spinLayout.full.onecol .picture,
    #top .grid .twoColumns .spinBlock.tile-border-white .spinLayout.half.onecol .picture,
    .grid .gridLayout.tile-border-white ul li,
    .grid .gridLayout.tile-border-white-picture ul li .picture,
    .grid .spinVideo.full-width-background.videoColour-5 .videoPreview-container,
    .grid .spinVideo.videoColour-5 .videoPreview-list .thumbs .nowPlaying .videoPreview-thumb img,
    .grid .spinVideo.videoColour-5 li img,
    .grid .tile-border-white .more,
    .grid .tile-border-white .spinLayout.twocol .sleeve .picture,
    .grid .tile-border-white-picture .spinLayout.full .picture,
    .grid .tile-border-white-sleeve .spinLayout.full .sleeve,
    .spin2scroller .tile-border-white .more {
        border: 1px solid #fff;
    }
    .container
        > .inner-sleeve:not(#colwrapper)
        .grid
        .oneColumn
        .spinVideo.full-width-background.image-background.videoColour-1
        .videoPreview-list
        .thumbs
        li
        a:not(.nowPlaying):hover,
    .container
        > .inner-sleeve:not(#colwrapper)
        .grid
        .oneColumn
        .spinVideo.full-width-background.image-background.videoColour-2
        .videoPreview-list
        .thumbs
        li
        a:not(.nowPlaying):hover,
    .container
        > .inner-sleeve:not(#colwrapper)
        .grid
        .oneColumn
        .spinVideo.full-width-background.image-background.videoColour-3
        .videoPreview-list
        .thumbs
        li
        a:not(.nowPlaying):hover,
    .container
        > .inner-sleeve:not(#colwrapper)
        .grid
        .oneColumn
        .spinVideo.full-width-background.image-background.videoColour-4
        .videoPreview-list
        .thumbs
        li
        a:not(.nowPlaying):hover,
    .container
        > .inner-sleeve:not(#colwrapper)
        .grid
        .oneColumn
        .spinVideo.full-width-background.image-background.videoColour-5
        .videoPreview-list
        .thumbs
        li
        a:not(.nowPlaying):hover,
    .container
        > .inner-sleeve:not(#colwrapper)
        .grid
        .oneColumn
        .spinVideo.full-width-background.image-background.videoColour-6
        .videoPreview-list
        .thumbs
        li
        a:not(.nowPlaying):hover {
        background-color: #008cc8;
        text-decoration: none;
    }
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-1,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-2,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-3,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-4,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-5,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-6 {
        padding-top: 45px;
        padding-bottom: 45px;
        margin-top: 45px;
    }
    .container #top.area .spinVideo.hastitle.full-width-background.videoColour-1 .sleeve .sectionhead h2,
    .container #top.area .spinVideo.hastitle.full-width-background.videoColour-2 .sleeve .sectionhead h2,
    .container #top.area .spinVideo.hastitle.full-width-background.videoColour-3 .sleeve .sectionhead h2,
    .container #top.area .spinVideo.hastitle.full-width-background.videoColour-4 .sleeve .sectionhead h2,
    .container #top.area .spinVideo.hastitle.full-width-background.videoColour-5 .sleeve .sectionhead h2,
    .container #top.area .spinVideo.hastitle.full-width-background.videoColour-6 .sleeve .sectionhead h2 {
        border-bottom: 0;
        font-size: 1.5625rem;
    }
    .grid .spinVideo.videoColour-4 .sectionhead h2,
    .grid .spinVideo.videoColour-6 .sectionhead h2 {
        color: var(--primary-color);
    }
    #top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        .spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-1
        ul.swiper-wrapper
        li.swiper-slide
        a
        h3,
    #top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        .spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-2
        ul.swiper-wrapper
        li.swiper-slide
        a
        h3,
    #top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        .spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-3
        ul.swiper-wrapper
        li.swiper-slide
        a
        h3,
    #top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        .spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-4
        ul.swiper-wrapper
        li.swiper-slide
        a
        h3,
    #top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        .spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-5
        ul.swiper-wrapper
        li.swiper-slide
        a
        h3,
    #top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        .spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-6
        ul.swiper-wrapper
        li.swiper-slide
        a
        h3,
    .grid .full-width-background.videoColour-1.spinVideo .videoPreview-list .thumbs li a h3,
    .grid .full-width-background.videoColour-2.spinVideo .videoPreview-list .thumbs li a h3,
    .grid .full-width-background.videoColour-3.spinVideo .videoPreview-list .thumbs li a h3,
    .grid .full-width-background.videoColour-4.spinVideo .videoPreview-list .thumbs li a h3,
    .grid .full-width-background.videoColour-5.spinVideo .videoPreview-list .thumbs li a h3,
    .grid .full-width-background.videoColour-6.spinVideo .videoPreview-list .thumbs li a h3 {
        color: var(--primary-color);
        padding: 10px;
        background: #fff;
        min-height: 130px;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    }
    .grid .spinVideo.full-width-background.videoColour-1 .videoPreview-list .thumbs,
    .grid .spinVideo.full-width-background.videoColour-2 .videoPreview-list .thumbs,
    .grid .spinVideo.full-width-background.videoColour-3 .videoPreview-list .thumbs,
    .grid .spinVideo.full-width-background.videoColour-4 .videoPreview-list .thumbs,
    .grid .spinVideo.full-width-background.videoColour-5 .videoPreview-list .thumbs,
    .grid .spinVideo.full-width-background.videoColour-6 .videoPreview-list .thumbs {
        max-height: none;
    }
    .full-width-background.bottom,
    .grid .spinVideo.videoColour-1 .videoPreview-list .thumbs li a .videoPreview-thumb,
    .grid .spinVideo.videoColour-2 .videoPreview-list .thumbs li a .videoPreview-thumb,
    .grid .spinVideo.videoColour-3 .videoPreview-list .thumbs li a .videoPreview-thumb,
    .grid .spinVideo.videoColour-4 .videoPreview-list .thumbs li a .videoPreview-thumb,
    .grid .spinVideo.videoColour-5 .videoPreview-list .thumbs li a .videoPreview-thumb,
    .grid .spinVideo.videoColour-6 .videoPreview-list .thumbs li a .videoPreview-thumb,
    .spin2scroller .scrollHead .sectionhead {
        margin-bottom: 0;
    }
    .grid .spinVideo.full-width-background.videoColour-1 .videoPreview-container .videoPreview-details .meta + p,
    .grid .spinVideo.full-width-background.videoColour-2 .videoPreview-container .videoPreview-details .meta + p,
    .grid .spinVideo.full-width-background.videoColour-3 .videoPreview-container .videoPreview-details .meta + p,
    .grid .spinVideo.full-width-background.videoColour-4 .videoPreview-container .videoPreview-details .meta + p,
    .grid .spinVideo.full-width-background.videoColour-5 .videoPreview-container .videoPreview-details .meta + p,
    .grid .spinVideo.full-width-background.videoColour-6 .videoPreview-container .videoPreview-details .meta + p {
        font-weight: 700;
        color: #6c6c6c;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
    .grid .spinVideo.full-width-background.videoColour-1 .videoPreview-container .videoPreview-details .meta,
    .grid .spinVideo.full-width-background.videoColour-2 .videoPreview-container .videoPreview-details .meta,
    .grid .spinVideo.full-width-background.videoColour-3 .videoPreview-container .videoPreview-details .meta,
    .grid .spinVideo.full-width-background.videoColour-4 .videoPreview-container .videoPreview-details .meta,
    .grid .spinVideo.full-width-background.videoColour-5 .videoPreview-container .videoPreview-details .meta,
    .grid .spinVideo.full-width-background.videoColour-6 .videoPreview-container .videoPreview-details .meta {
        color: #6d6e71;
        font-weight: 700;
    }
    .grid .spinVideo.videoColour-1 .videoPreview-container .videoPreview-details h2 a,
    .grid .spinVideo.videoColour-2 .videoPreview-container .videoPreview-details h2 a,
    .grid .spinVideo.videoColour-3 .videoPreview-container .videoPreview-details h2 a,
    .grid .spinVideo.videoColour-4 .videoPreview-container .videoPreview-details h2 a,
    .grid .spinVideo.videoColour-5 .videoPreview-container .videoPreview-details h2 a,
    .grid .spinVideo.videoColour-6 .videoPreview-container .videoPreview-details h2 a,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-1
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        h2
        a,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-2
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        h2
        a,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-3
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        h2
        a,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-4
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        h2
        a,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-5
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        h2
        a,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-6
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        h2
        a {
        color: var(--primary-color);
        font-size: 1.802rem;
        line-height: 2.281rem;
    }
    .full-width-background.videoColour-1 .videoPreview-container p,
    .full-width-background.videoColour-2 .videoPreview-container p,
    .full-width-background.videoColour-3 .videoPreview-container p,
    .full-width-background.videoColour-4 .videoPreview-container p,
    .full-width-background.videoColour-5 .videoPreview-container p,
    .full-width-background.videoColour-6 .videoPreview-container p,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-1
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        + p,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-2
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        + p,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-3
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        + p,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-4
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        + p,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-5
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        + p,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-6
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        + p {
        color: #6c6c6c;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-1
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        .date,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-2
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        .date,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-3
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        .date,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-4
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        .date,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-5
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        .date,
    div#top.area
        div.grid
        div.oneColumn
        div.columnContainer
        div.column.columnOne
        div.spinBlock.spinVideo.colour1.hasnotitle.full-width-background.videoColour-6
        div.sleeve
        div.spinLayout
        div.videoPreview-container
        div.videoPreview-details
        .meta
        .date {
        color: #6c6c6c;
    }
    .bg-1,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-1,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.site-width-background.videoColour-1,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.full-width-background.gradient,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.site-width-background.gradient {
        background: var(--primary-color);
    }
    .bg-2,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-2,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.site-width-background.videoColour-2,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.full-width-background.gradient,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.site-width-background.gradient,
    .grid .more,
    .spin2scroller .more {
        background: var(--secondary-color);
    }
    div.grid .more::first-letter {
        text-transform: capitalize;
    }
    .grid .spinVideo.videoColour-2 .videoPreview-list .thumbs li a:not(.nowPlaying):hover {
        background-color: var(--accent-blue-light-1);
    }
    .grid .hero-carousel.bg-brand-colour4 .swiper-container,
    .grid .hero-carousel.bg-brand-colour4 .swiper-wrapper,
    .grid .spinVideo.videoColour-3 .videoPreview-list .thumbs li a:not(.nowPlaying):hover,
    .grid .spinVideo.videoColour-4 .videoPreview-list .thumbs li a:not(.nowPlaying):hover,
    .grid .spinVideo.videoColour-6 .videoPreview-list .thumbs li a:not(.nowPlaying):hover {
        background-color: var(--primary-color);
    }
    .grid .spinVideo.videoColour-5 .videoPreview-list .thumbs li a:not(.nowPlaying):hover {
        background-color: var(--third-color);
    }
    .bg-3,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-3,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.site-width-background.videoColour-3,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.full-width-background.gradient,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.site-width-background.gradient {
        background: var(--third-color);
    }
    .bg-4,
    .bg-6,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-4,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.site-width-background.videoColour-4,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.full-width-background.gradient,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.site-width-background.gradient {
        background: var(--accent-grey-light-1);
    }
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-5,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.site-width-background.videoColour-5,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.full-width-background.gradient,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.site-width-background.gradient {
        background: var(--accent-blue-dark-1);
    }
    .bg-5,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-6,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.site-width-background.videoColour-6,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.full-width-background.gradient,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn div.site-width-background.gradient {
        background: var(--accent-blue-pale);
    }
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-1 .sleeve,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-2 .sleeve,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-3 .sleeve,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-4 .sleeve,
    .container > .inner-sleeve:not(#colwrapper) .grid .oneColumn .spinVideo.full-width-background.videoColour-5 .sleeve,
    .container
        > .inner-sleeve:not(#colwrapper)
        .grid
        .oneColumn
        .spinVideo.full-width-background.videoColour-6
        .sleeve {
        padding: 50px 35px;
    }
    .spacer-bottom-45 {
        padding-bottom: 45px;
    }
    .spacer-bottom-100 {
        padding-bottom: 100px;
    }
    .spacer-top-10 {
        padding-top: 10px;
    }
    .spacer-top-25 {
        padding-top: 25px;
    }
    .spacer-top-45,
    h2.lp-title-main {
        padding-top: 45px;
    }
    .spacer-top-75 {
        padding-top: 75px;
    }
    .spacer-top-100 {
        padding-top: 100px;
    }
    .more-btn-arrow,
    .more-btn-arrow-right,
    .pri-btn-arrow,
    .pri-btn-arrow-right,
    .pri-btn-back,
    .pri-btn-download,
    .pri-btn-download-right,
    .pri-btn-excel,
    .pri-btn-excel-right,
    .pri-btn-mail,
    .pri-btn-pdf,
    .pri-btn-pdf-right,
    .pri-btn-word,
    .pri-btn-word-right {
        position: relative;
        padding-right: 32px;
        margin-bottom: 10px;
        padding-top: 12px;
        padding-bottom: 11px;
        margin-left: 0;
    }
    .more-btn-arrow-right,
    .pri-btn-arrow-right,
    .pri-btn-download-right,
    .pri-btn-excel-right,
    .pri-btn-mail-right,
    .pri-btn-pdf-right,
    .pri-btn-word-right {
        float: right;
    }
    .more-btn-arrow a,
    .more-btn-arrow-right a,
    .pri-btn a,
    .pri-btn-arrow a,
    .pri-btn-arrow-right a,
    .pri-btn-back a,
    .pri-btn-download a,
    .pri-btn-download-right a,
    .pri-btn-excel a,
    .pri-btn-excel-right a,
    .pri-btn-mail a,
    .pri-btn-mail-right a,
    .pri-btn-pdf a,
    .pri-btn-pdf-right a,
    .pri-btn-word a,
    .pri-btn-word-right a {
        color: #fff;
        font-weight: 700;
        text-transform: initial;
        margin-bottom: 43px;
        text-decoration: none;
        font-family: alrightsans-regular, sans-serif;
    }
    .pri-btn {
        position: relative;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 11px;
    }
    div .pri-btn-back {
        padding-right: 16px;
    }
    .pri-btn-back a {
        padding-left: 15px;
    }
    div .pri-btn-back::before {
        left: 18px;
        transform: translateY(-50%) rotate(225deg);
    }
    div .pri-btn-back::after {
        left: 11px;
        transform: translateY(-50%) rotate(225deg);
    }
    div .pri-btn-back:hover::before {
        color: #fff;
        left: 16px;
    }
    div .pri-btn-back:hover::after {
        color: #fff;
        left: 9px;
    }
    .pri-btn-download-right::before,
    .pri-btn-download::before,
    .pri-btn-excel-right::before,
    .pri-btn-excel::before,
    .pri-btn-mail-right::before,
    .pri-btn-mail::before,
    .pri-btn-pdf-right::before,
    .pri-btn-pdf::before,
    .pri-btn-word-right::before,
    .pri-btn-word::before {
        position: absolute;
        right: 0;
        font-family: fontawesome;
        padding-right: 10px;
        font-size: 20px;
        top: 7px;
    }
    .pri-btn-download-right::before,
    .pri-btn-download::before {
        content: "\f15b";
    }
    .pri-btn-pdf-right::before,
    .pri-btn-pdf::before {
        content: "\f1c1";
    }
    .pri-btn-word-right::before,
    .pri-btn-word::before {
        content: "\f1c2";
    }
    .pri-btn-excel-right::before,
    .pri-btn-excel::before {
        content: "\f1c3";
    }
    .pri-btn-mail-right::before,
    .pri-btn-mail::before {
        content: "\f0e0";
        right: -3px;
    }
    .grid .more a,
    .more-btn a,
    .spin2scroller .more a {
        color: #fff;
        text-transform: lowercase;
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 43px;
    }
    .grid .more,
    .spin2scroller .more {
        border-bottom: 0;
        display: inline-block;
        padding: 12px 27px 10px 12px;
        margin-top: 20px;
        position: relative;
    }
    .grid .more::after,
    .grid .more::before,
    .more-btn-arrow-right::after,
    .more-btn-arrow-right::before,
    .more-btn-arrow::after,
    .more-btn-arrow::before,
    .pri-btn-arrow-right::after,
    .pri-btn-arrow-right::before,
    .pri-btn-arrow::after,
    .pri-btn-arrow::before,
    .pri-btn-back::after,
    .pri-btn-back::before,
    .spin2scroller .more::after,
    .spin2scroller .more::before {
        border-style: solid;
        border-width: 0.18em 0.18em 0 0;
        content: "";
        display: inline-block;
        height: 0.5em;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        vertical-align: top;
        width: 0.5em;
        color: #fff;
    }
    .grid .more::before,
    .more-btn-arrow-right::before,
    .more-btn-arrow::before,
    .pri-btn-arrow-right::before,
    .pri-btn-arrow::before,
    .spin2scroller .more::before {
        left: auto;
        right: 18px;
    }
    .grid .more::after,
    .more-btn-arrow-right::after,
    .more-btn-arrow::after,
    .pri-btn-arrow-right::after,
    .pri-btn-arrow::after,
    .spin2scroller .more::after {
        left: auto;
        right: 11px;
    }
    .grid .more:hover::before,
    .more-btn-arrow-right:hover::before,
    .more-btn-arrow:hover::before,
    .pri-btn-arrow-right:hover::before,
    .pri-btn-arrow:hover::before,
    .spin2scroller .more:hover::before {
        color: #fff;
        right: 16px;
    }
    .grid .more:hover::after,
    .more-btn-arrow-right:hover::after,
    .more-btn-arrow:hover::after,
    .pri-btn-arrow-right:hover::after,
    .pri-btn-arrow:hover::after,
    .spin2scroller .more:hover::after {
        color: #fff;
        right: 9px;
    }
    .factfile.ff-lightblue button a:link,
    .factfile.ff-lightblue button a:visited,
    .factfile.ff-lightblue2 button a:link,
    .factfile.ff-lightblue2 button a:visited {
        color: #fff;
        text-decoration: none;
    }
    .ff-white-1 {
        background-color: #fff !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    }
    .ff-grey-2 {
        border: 1px solid #000;
        color: #000;
        background: #e7e7e7;
    }
    .landing-intro-text H2,
    .landing-intro-text p.landing-intro,
    .landing-intro-text p.main {
        font-size: 1.802rem;
        line-height: 1.2;
        font-weight: 500;
        color: var(--primary-color);
    }
    .landing-intro-text p,
    .landing-intro-text p strong {
        color: var(--accent-grey-dark-1);
    }
    .landing-intro-text p {
        font-size: 1.125rem;
        line-height: 1.502rem;
    }
    .landing-intro-text ol li,
    .landing-intro-text ul li {
        font-size: 1.125rem;
        color: #6d6e71;
        line-height: 1.502rem;
    }
    .landing-lead h2 {
        font-size: 1.802rem;
        line-height: 1.2;
    }
    h2.lp-title-main {
        text-align: center;
    }
    h2.lp-title-main-colour2 {
        padding-top: 45px;
        text-align: center;
        color: #fff;
    }
    .grid .sectionhead h2 {
        text-transform: initial;
        color: var(--primary-color);
        margin-bottom: 0;
        display: inline-block;
        border-bottom: 0 solid var(--primary-color);
        padding-bottom: 10px;
    }
    .grid .sectionhead {
        margin-bottom: 11px;
    }
    .spinLayout.thumb.onecol.left.item-first.item-last {
        padding-top: 40px;
        margin-bottom: -40px;
    }
    .grid .tab-list .sectionhead {
        margin-bottom: 30px;
    }
    .grid .spin2scroller .scrollHead .sectionhead h2 a,
    .grid .tab-list .sectionhead h2 a {
        padding: 0 10px;
        color: var(--primary-color);
        position: relative;
        z-index: 2;
    }
    .grid .spin2scroller .scrollHead .sectionhead h2 a::after,
    .grid .spin2scroller .scrollHead .sectionhead h2 a::before,
    .grid .tab-list .sectionhead h2 a::after,
    .grid .tab-list .sectionhead h2 a::before {
        border-style: solid;
        border-width: 0.12em 0.12em 0 0;
        content: "";
        display: inline-block;
        height: 0.5em;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        vertical-align: top;
        width: 0.5em;
        color: var(--primary-color);
    }
    .grid .spin2scroller .scrollHead .sectionhead h2 a::before,
    .grid .tab-list .sectionhead h2 a::before {
        left: auto;
        right: 0;
    }
    .grid .spin2scroller .scrollHead .sectionhead h2 a::after,
    .grid .tab-list .sectionhead h2 a::after {
        left: auto;
        right: -7px;
    }
    .grid .spin2scroller .scrollHead .sectionhead h2 a:hover::before,
    .grid .tab-list .sectionhead h2 a:hover::before {
        color: #222;
        right: -2px;
    }
    .grid .spin2scroller .scrollHead .sectionhead h2 a:hover::after,
    .grid .tab-list .sectionhead h2 a:hover::after {
        color: #222;
        right: -9px;
    }
    .grid .tab-list-line-blue .spinLayout.list ul li {
        border-top: 1px solid #0050a0;
    }
    .grid .tab-list-line-blue .spinLayout.list ul li:first-child {
        border-top: 0;
    }
    .grid .columnTwo .tab-list .sectionhead h2 a::after,
    .grid .columnTwo .tab-list .sectionhead h2 a::before,
    .grid .spin2scroller .scrollHead .sectionhead h2 a::after,
    .grid .spin2scroller .scrollHead .sectionhead h2 a::before {
        left: auto;
    }
    .grid .columnTwo .tab-list .sectionhead h2 a:hover::after,
    .grid .columnTwo .tab-list .sectionhead h2 a:hover::before,
    .grid .spin2scroller .scrollHead .sectionhead h2 a:hover::after,
    .grid .spin2scroller .scrollHead .sectionhead h2 a:hover::before {
        color: #222;
    }
    .grid .spin2scroller .scrollHead .sectionhead h2 a:hover,
    .grid .tab-list .sectionhead h2 a:hover {
        color: #222;
        text-decoration: none;
    }
    .grid .spin2scroller .scrollHead .sectionhead h2 a::after,
    .grid .tab-list .sectionhead h2 a::after,
    .i-arrow-off {
        background-position: unset;
    }
    .grid .tab-list .more {
        border-bottom: 0 solid #f0f2f2;
        text-transform: inherit;
        margin-top: -20px;
    }
    .grid .tab-list .more a {
        color: #fff;
        padding: 10px;
    }
    .grid .tab-list .more a:active,
    .grid .tab-list .more a:hover {
        background: #000;
        text-decoration: none;
    }
    .col-list .list ul li h2 a {
        background: #fff;
        padding: 20px;
        line-height: 1.2;
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    }
    .col-list .list ul li h2 a:hover {
        background: var(--primary-color);
        color: #fff;
        text-decoration: none;
    }
    .grid .col-list .spinLayout.list ul li {
        border-top: 0 solid #f0f2f2;
    }
    .grid .col-list .spinLayout.list ul,
    .grid .tab-list .spinLayout.list ul {
        padding-bottom: 40px;
    }
    #top .grid .oneColumn .full-width-background.bg-1.col-list .sleeve div.sectionhead h2 {
        color: #fff;
        background: var(--primary-color);
    }
    #top .grid .oneColumn .full-width-background.bg-2.col-list .sleeve div.sectionhead h2 {
        color: #fff;
        background: var(--secondary-color);
    }
    #top .grid .oneColumn .full-width-background.bg-3.col-list .sleeve div.sectionhead h2 {
        color: #fff;
        background: var(--third-color);
    }
    #top .grid .oneColumn .full-width-background.bg-4.col-list .sleeve div.sectionhead h2 {
        color: var(--primary-color);
        background: #e6e7e8;
    }
    #top .grid .oneColumn .full-width-background.bg-5.col-list .sleeve div.sectionhead h2 {
        color: var(--primary-color);
        background: #e6eef9;
    }
    #top .grid .oneColumn .full-width-background.bg-1.col-list .sleeve div.sectionhead h2,
    #top .grid .oneColumn .full-width-background.bg-2.col-list .sleeve div.sectionhead h2,
    #top .grid .oneColumn .full-width-background.bg-3.col-list .sleeve div.sectionhead h2,
    #top .grid .oneColumn .full-width-background.bg-4.col-list .sleeve div.sectionhead h2,
    #top .grid .oneColumn .full-width-background.bg-5.col-list .sleeve div.sectionhead h2 {
        border-bottom: 0;
        margin-bottom: 0;
        font-size: 1.125rem;
        line-height: 1.266rem;
    }
    #top .grid .oneColumn .full-width-background.bg-1.col-list .sleeve div.sectionhead,
    #top .grid .oneColumn .full-width-background.bg-2.col-list .sleeve div.sectionhead,
    #top .grid .oneColumn .full-width-background.bg-3.col-list .sleeve div.sectionhead,
    #top .grid .oneColumn .full-width-background.bg-4.col-list .sleeve div.sectionhead,
    #top .grid .oneColumn .full-width-background.bg-5.col-list .sleeve div.sectionhead {
        text-align: left;
        font-size: 1.125rem;
        line-height: 1.266rem;
    }
    .grid .column-thumbnail .spinLayout .sleeve {
        padding-bottom: 0;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    }
    #top .grid .twoColumns .column-thumbnail .spinLayout.thumb.onecol .sleeve h2 {
        margin-top: 10px;
        margin-right: 10px;
    }
    .grid .col-2-half-width .spinLayout .sleeve {
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        padding-bottom: 0;
    }
    .grid .col-2-half-width .spinLayout .sleeve .subSleeve {
        padding: 15px 13px 0 0;
    }
    .spin2scroller .thumbs li .heading {
        font-size: 1.125rem;
        line-height: 1.2;
    }
    .spin2scroller .thumbs li .sleeve .sleeve-wrapper {
        height: 100%;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        border: 1px solid #dcdcdc;
        border-bottom-width: 2px;
        background: #fff;
    }
    .ao-container p,
    .spin2scroller .sleeve-inner-text {
        padding: 10px;
    }
    .grid .spinLayout,
    .spin2scroller {
        border-bottom: 0 solid #f0f2f2;
    }
    .spin2scroller .scrollHead .scrollerControls {
        position: relative;
        z-index: 2;
    }
    .spin2scroller .scrollHead .sectionhead h2 {
        position: relative;
        bottom: 0;
        z-index: 2;
    }
    .spin2scroller .scrollerControls li {
        border: 1px solid #fff;
        border-radius: 50px;
    }
    .openjoin-title .picture::before {
        content: "Open to Join";
        position: absolute;
        padding: 10px;
        color: #fff;
        bottom: 0;
    }
    .upcoming-title .picture::before {
        content: "Upcoming";
        position: absolute;
        padding: 10px;
        color: #fff;
        bottom: 0;
    }
    .ongoing-title .picture::before {
        content: "Ongoing";
        position: absolute;
        padding: 10px;
        color: #fff;
        bottom: 0;
    }
    .grid .hero-carousel.bg-brand-colour5 .swiper-container,
    .grid .hero-carousel.bg-brand-colour5 .swiper-wrapper {
        background-color: var(--accent-blue-dark-1);
    }
    .grid .hero-carousel.bg-brand-colour6 .swiper-container,
    .grid .hero-carousel.bg-brand-colour6 .swiper-wrapper {
        background-color: var(--accent-grey-dark-1);
    }
    .grid .hero-carousel.bg-brand-colour7 .swiper-container,
    .grid .hero-carousel.bg-brand-colour7 .swiper-wrapper {
        background-color: var(--accent-blue-pale);
    }
    .picCarousel .carouselPaging .next,
    .picCarousel .carouselPaging .previous {
        width: 53px;
        height: 53px;
        border: 2px solid #fff;
        border-radius: 50px;
        margin: 0 5px;
        z-index: 1;
    }
    .hero-spin.animated .hero-spin__main .hero-spin__main__content {
        padding: 40px 30px 20px;
    }
    .spinBlock .hero-spin.animated .hero-spin__main__content > div {
        text-shadow: none;
    }
    .grid .spinBlock.colour2 .hero-spin .hero-spin__main__content {
        background: #e6e7e8;
        color: #000;
    }
    .hb-main .hero-spin__main__content,
    .spinBlock.colour1 .hero-spin__main__content {
        background: #fff;
        color: #000;
    }
    .spinBlock.colour1 .hero-spin.animated .hero-spin__main__content p.intro,
    .spinBlock.colour2 .hero-spin.animated .hero-spin__main__content p.intro {
        font-size: 1.125rem;
        line-height: 1.602rem;
    }
    .gridLayout.tile-border-white a:link,
    .gridLayout.tile-border-white a:visited,
    .spinBlock.colour1 .hero-spin.animated .hero-spin__main__content h2 a {
        color: var(--secondary-color);
    }
    .hb-hide-main .hero-spin.animated .hero-spin__main__content {
        display: none;
    }
    .hb-hide-main .hero-spin .hero-spin__extra {
        padding-top: 0;
    }
    .grid .gridLayout ul li,
    .hb-hide-main .hero-spin__extra__list li {
        box-shadow: 0 15px 20px 5px rgba(0, 0, 0, 0.05);
    }
    .hb-hide-main .hero-spin,
    .hb-main .hero-spin {
        z-index: 0;
    }
    .spinBlock.colour2.hb-main .hero-spin__main__content {
        background: #dbdbdb;
        color: #000;
    }
    .hb-main .hero-spin__main__content .intro,
    .hero-spin__main__content div p,
    .spinBlock.colour2.hb-main .hero-spin__main__content .intro {
        text-shadow: none;
    }
    .hb-main .hero-spin__main__content h2 a,
    .spinBlock.colour2.hb-main .hero-spin .hero-spin__main__content h2 a {
        color: var(--secondary-color);
        text-shadow: none;
    }
    .grid .hero-spin .hero-spin__main__content .readmore,
    .hb-main .hero-spin .hero-spin__main__content .readmore {
        border: 0;
        border-radius: 0;
        font-size: 0.889rem;
        text-transform: inherit;
        text-align: center;
        color: #fff;
        background-color: var(--secondary-color);
        transition: background-color 0.25s ease-in;
        text-shadow: none;
        margin-bottom: 20px;
        cursor: pointer;
        display: inline-block;
        padding: 12px 16px;
        box-shadow: none;
        font-weight: 700;
    }
    .ao-wrapper {
        margin: 0 auto;
        width: 100%;
    }
    .ao-container {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .ao-info {
        padding: 20px;
    }
    .ao-info ul {
        padding: 0;
        margin-left: 20px;
    }
    .ao-info ul li {
        margin: 0;
        box-shadow: none;
        list-style: disc;
        font-size: 0.889rem;
        line-height: 1.266rem;
        border: 0;
    }
    .ao-flex li:hover {
        transition: 0.3s ease-in;
        box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .ao-flex .module-m:hover,
    li .ao-info ul li:hover {
        box-shadow: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .ao-flex .module-m {
        pointer-events: none;
    }
    .ao-flex {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }
    .ao-flex li {
        flex: 1 1 200px;
        margin: 10px;
    }
    li.module-m h2 {
        background-color: #dbdbdb;
        color: var(--primary-color);
        text-align: center;
    }
    .ao-container h2 {
        background-color: #0050a0;
        background-color: var(--primary-color);
        margin: 0;
        padding: 10px;
        color: #fff;
        text-align: center;
    }
    .ao-container h2 span {
        background: #fff;
        border-radius: 100px;
        color: var(--primary-color);
        border: 2px solid var(--primary-color);
        text-align: center;
        display: inline-flex;
        width: 50px;
        height: 50px;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
    }
    .ao-container li {
        list-style-type: none;
        background-color: #fff;
        color: #000;
        flex: 1 1 190px;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        border: 2px solid var(--primary-color);
        transition: 0.2s ease-out;
    }
    .grid .sleeve .picture a,
    .pri_vox img,
    .tab button {
        transition: 0.3s;
    }
    .ao-flex.ao-container li:hover h2 {
        color: var(--primary-color);
    }
    .ao-container li a:active,
    .ao-container li a:hover {
        text-decoration: none;
    }
    .spin2scroller.tab-scroller .scrollHead .sectionhead,
    .tabcontent .sectionhead h2 {
        text-align: center;
    }
    .tablinks.active::after {
        content: "";
    }
    .column .tab {
        overflow: hidden;
        text-align: center;
        margin-bottom: -43px;
        position: relative;
        z-index: 3;
    }
    .column .tab button {
        border: none;
        outline: 0;
        cursor: pointer;
        padding: 12px 34px;
        background-color: #e0f1fe;
        text-transform: none;
        font-size: 1.125rem;
        line-height: 1.266rem;
        color: #000;
        margin-top: 20px;
    }
    .tab button:hover {
        background-color: #ddd;
        color: #000;
    }
    .tab button.active {
        background-color: var(--primary-color);
        color: #fff;
    }
    .tabframe {
        height: 0;
        overflow: hidden;
        margin: -42px;
    }
    .tabcontent {
        padding: 6px 12px;
        -webkit-animation: 1s fadeEffect;
        animation: 1s fadeEffect;
    }
    .tab-list .list ul li h2 a {
        background: #fff;
        padding: 20px;
        line-height: 1.2;
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        border: 1px solid transparent;
    }
    .grid .tab-list .spinLayout.list ul li {
        border-top: 0 solid #f0f2f2;
        padding-bottom: 8px;
    }
    .grid .tab-list .spinLayout .sleeve {
        background: #fff;
        padding: 10px;
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    }
    .tab-list .list ul li h2 a:hover {
        background: var(--primary-color);
        color: #fff;
        text-decoration: none;
        border: 1px solid #fff;
    }
    @-webkit-keyframes fadeEffect {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes fadeEffect {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    .all-active {
        display: block;
    }
    .spin2scroller.scroller-bg .thumbs li .heading,
    .spin2scroller.tab-scroller .thumbs li .heading {
        line-height: 1.2;
        font-size: 1.125rem;
        padding: 10px;
    }
    .tab-scroller.spin2scroller {
        border-bottom: 0 solid #fff;
    }
    .grid .tab-scroller .sectionhead h2 {
        border-bottom: 1px solid #dcdcdc;
        margin-top: 20px;
    }
    #top.area div.grid .columnOne .scroller-bg.full-width-background .sleeve-wrapper,
    .spin2scroller.tab-scroller .thumbs li .sleeve .sleeve-wrapper {
        border: 1px solid #dcdcdc;
        border-bottom-width: 2px;
    }
    #top.area .grid .oneColumn .columnContainer .full-width-background.tab-list .sleeve .sectionhead h2,
    #top.area .grid .oneColumn .columnContainer .full-width-background.tab-scroller .sleeve .sectionhead h2 {
        font-size: 1.802rem;
        line-height: 2.281rem;
        border-bottom: 0 solid #888;
        text-transform: inherit;
    }
    .grid .thumblist-icon-number .sleeve div:nth-child(2n) h2 a:hover:before,
    .grid .thumblist-icon-number .sleeve div:nth-child(3n) h2 a:hover:before,
    .grid .thumblist-icon-number .sleeve div:nth-child(4n) h2 a:hover:before {
        background-color: #000;
        border-bottom: 10px solid #dbdbdb;
    }
    .grid .thumblist-icon-number .sleeve div:nth-child(2n) h2 a::before {
        width: 65px;
        height: 65px;
        background-color: #008cc8;
        content: "1";
        position: absolute;
        color: #fff;
        font-size: 30px;
        padding: 19px 25px;
        border-bottom: 10px solid orange;
        margin-left: -80px;
    }
    .grid .thumblist-icon-number .sleeve div:nth-child(3n) h2 a::before {
        width: 65px;
        height: 65px;
        background-color: #008cc8;
        content: "2";
        position: absolute;
        color: #fff;
        font-size: 30px;
        padding: 19px 22px;
        border-bottom: 10px solid orange;
        margin-left: -80px;
    }
    .grid .thumblist-icon-number .sleeve div:nth-child(4n) h2 a::before,
    .grid .thumblist-icon-number .sleeve div:nth-child(5n) h2 a::before {
        width: 65px;
        height: 65px;
        background-color: #008cc8;
        position: absolute;
        font-size: 30px;
        padding: 16px 22px;
        border-bottom: 10px solid orange;
        margin-left: -80px;
        color: #fff;
    }
    .grid .thumblist-icon-number .sleeve div:nth-child(4n) h2 a::before {
        content: "3";
    }
    .grid .thumblist-icon-number .sleeve div:nth-child(5n) h2 a::before {
        content: "4";
    }
    .grid .thumblist-icon-number .spinLayout .subSleeve {
        padding-left: 80px;
    }
    .thumblist-icon-number .thumb.onecol {
        height: 90px;
    }
    .tile-border-white a:active,
    .tile-border-white a:hover {
        color: #fff;
        text-decoration: underline;
    }
    .tile-border-white a:link,
    .tile-border-white a:visited {
        color: var(--third-color);
    }
    .grid .tile-border-white .sectionhead h2,
    .grid .tile-border-white-picture .sectionhead h2,
    .grid .tile-border-white-sleeve .sectionhead h2 {
        color: var(--accent-blue-pale);
    }
    .grid .sleeve p.picture,
    .spin2scroller .thumbs li .picture {
        overflow: hidden;
        position: relative;
    }
    @media screen and (min-width: 1600px) {
        .bgimage-overlay {
            height: 500px;
        }
    }
    @media screen and (min-width: 1400px) {
        .column #bgimage-landing {
            background-position: 0 -100px;
            margin-top: -170px;
        }
        .inner-sleeve #section_intro h1 {
            top: 80px;
        }
    }
    @media screen and (min-width: 1280px) {
        .hero-spin .hero-spin__main__content h2 {
            font-size: 2.027rem;
            line-height: 2.281rem;
        }
    }
    @media screen and (min-width: 1180px) {
        .grid .hero-carousel.bg-brand-colour4 .swiper-box {
            background-color: var(--primary-color);
        }
        .grid .hero-carousel.bg-brand-colour5 .swiper-box {
            background-color: var(--accent-blue-dark-1);
        }
        .grid .hero-carousel.bg-brand-colour6 .swiper-box {
            background-color: var(--accent-grey-dark-1);
        }
        .grid .hero-carousel.bg-brand-colour7 .swiper-box {
            background-color: var(--accent-blue-pale);
        }
    }
    @media (min-width: 1024px) {
        #foot .grid .oneColumn .spinBlock.colour3 .spinLayout.full.twocol.hasPicture .subSleeve,
        #foot .grid .twoColumns .spinBlock.colour3 .spinLayout.full.onecol.hasPicture .subSleeve,
        #top .grid .oneColumn .spinBlock.colour3 .spinLayout.full.twocol.hasPicture .subSleeve,
        #top .grid .twoColumns .spinBlock.colour3 .spinLayout.full.onecol.hasPicture .subSleeve,
        .tile-text-overlay .spinLayout .subSleeve {
            background: linear-gradient(180deg, transparent 0, var(--accent-blue-dark-1));
        }
        .tile-text-overlay .spinLayout .sleeve {
            position: relative;
        }
        .tile-text-overlay .spinLayout .subSleeve {
            position: absolute;
            bottom: 34px;
            left: 0;
            right: 0;
            padding: 50px 20px 20px;
            text-align: center;
        }
        .col-1-full-width-border2 .subSleeve h2 a:active,
        .col-1-full-width-border2 .subSleeve h2 a:hover,
        .full-width-background.col-box-1.bg-1 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-1 .sleeve .sleeve .subSleeve p.intro,
        .full-width-background.col-box-1.bg-2 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-2 .sleeve .sleeve .subSleeve p.intro,
        .tile-text-overlay .spinLayout .meta,
        .tile-text-overlay .subSleeve h2 a {
            color: #fff;
        }
        #top .grid .oneColumn .tile-text-overlay-small .spinLayout.full.twocol .sleeve h2 {
            font-size: 1.266rem;
        }
        #top .grid .oneColumn .spinBlock.colour3.tile-text-overlay-small .spinLayout.full.twocol.hasPicture .subSleeve {
            bottom: 23px;
            padding: 50px 20px 20px;
        }
        .grid .spinBlock.tile-text-overlay {
            margin-bottom: 15px;
        }
        div#bgimage-landing {
            margin-top: -277px;
        }
        div.bgimage-overlay {
            height: 400px;
        }
        #section_intro h1 {
            top: 45px;
        }
        .picCarousel.carousel-small .caption {
            text-align: left;
            padding-right: 0;
            padding-left: 0;
            min-height: unset;
            background-color: #fff;
        }
        #top .picCarousel.carousel-small .caption {
            background: #fff;
            padding: 24px 10px 20px;
            max-height: 105px;
        }
        #top .picCarousel.carousel-small .thumbs {
            background: #fff;
        }
        .picCarousel.carousel-small .thumbs li {
            border: 2px solid #0050a0;
            background-color: transparent;
        }
        .picCarousel.carousel-small .thumbs .selected {
            border: 0;
            background-color: #0050a0;
        }
        .picCarousel.carousel-small .caption .heading a {
            color: #008cc8;
        }
        .picCarousel.carousel-small .swiper-container,
        .picCarousel.carousel-small .swiper-wrapper,
        .picCarousel.carousel-small .thumbs {
            background-color: #fff;
        }
        .flexbox #top .oneColumn .hero-carousel.bg-brand-colour6.hero-carousel-multi .caption,
        .flexbox #top .oneColumn .hero-carousel.bg-brand-colour6.hero-carousel-single .caption,
        .flexbox #top .oneColumn .hero-carousel.bg-brand-colour7.hero-carousel-multi .caption,
        .flexbox #top .oneColumn .hero-carousel.bg-brand-colour7.hero-carousel-single .caption {
            width: 500px;
        }
        .hero-carousel.bg-brand-colour6 .display img,
        .hero-carousel.bg-brand-colour7 .display img {
            margin-left: 550px;
        }
        .picCarousel.bg-brand-colour7 .caption .heading a {
            color: var(--secondary-color);
            text-shadow: none;
        }
        .grid .hero-carousel.bg-brand-colour7 .display .intro,
        .hero-carousel.bg-brand-colour7 .caption .meta {
            text-shadow: none;
            color: #000;
        }
        #foot .grid .twoColumns .spinLayout.full.onecol .sleeve h2,
        #top .grid .oneColumn .spinLayout.full.twocol .sleeve h2,
        #top .grid .twoColumns .spinLayout.full.onecol .sleeve h2 {
            font-size: 1.424rem;
            line-height: 1.2;
        }
        .col-1-full-width .textImageBlock.right,
        .col-1-full-width .textImageBlock.left,
        .grid .col-1-full-width .spinLayout div.sleeve,
        .grid .col-1-full-width-border .spinLayout div.sleeve,
        .grid
            .colour1.hasnotitle.col-1-full-width
            .sleeve
            .spinLayout.half.onecol.left.item-first.item-last.hasPicture
            div.sleeve {
            background: #fff;
            padding-bottom: 0;
            box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        }
        .grid .col-1-full-width .spinLayout div.sleeve .subSleeve,
        .grid .col-1-full-width-border .spinLayout div.sleeve .subSleeve,
        .grid
            .colour1.hasnotitle.col-1-full-width
            .sleeve
            .spinLayout.half.onecol.left.item-first.item-last.hasPicture
            div.sleeve
            .subSleeve,
        .grid
            .colour1.hasnotitle.col-1-full-width-border
            .sleeve
            .spinLayout.half.onecol.left.item-first.item-last.hasPicture
            div.sleeve
            .subSleeve,
        .grid
            .colour1.hasnotitle.col-1-full-width-border2
            .sleeve
            .spinLayout.half.onecol.left.item-first.item-last.hasPicture
            div.sleeve
            .subSleeve {
            padding: 30px 20px 0;
        }
        .grid .spinBlock.colour2.box-shadow-grey {
            box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        }
        .grid
            .colour1.hasnotitle.col-1-full-width-border2
            .sleeve
            .spinLayout.half.onecol.left.item-first.item-last.hasPicture
            div.sleeve {
            background: var(--accent-blue-dark-1);
            padding-bottom: 0;
            box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
            border: 1px solid #fff;
            color: #fff;
        }
        #top.area .grid .oneColumn .spinBlock.full-width-background.col-box-1 .subSleeve {
            text-align: left;
            padding: 80px 60px 0 0;
            background: 0 0;
        }
        .col-1-full-width-border2 .subSleeve h2 a:link,
        .col-1-full-width-border2 .subSleeve h2 a:visited {
            color: var(--third-color);
            text-decoration: none;
        }
        #top.area .grid .oneColumn .spinBlock.full-width-background.col-box-1 .spinLayout.half.onecol .picture {
            float: right;
            margin: 0;
        }
        #top.area .grid .oneColumn .spinBlock.full-width-background.col-box-1 .sleeve .spinLayout.half.onecol .sleeve {
            background: 0 0;
            padding: 0;
            box-shadow: none;
        }
        #top.area .grid .oneColumn .spinBlock.full-width-background.col-box-1 > .sleeve {
            padding: 0 0 0 40px;
        }
        .full-width-background.col-box-1.bg-1 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-3 .sleeve .sleeve .subSleeve .meta {
            color: var(--accent-grey-light-1);
        }
        .full-width-background.col-box-1.bg-2 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-3 .sleeve .sleeve .subSleeve .meta,
        .full-width-background.col-box-1.bg-3 .sleeve .sleeve .subSleeve h2 a {
            color: var(--accent-blue-dark-1);
        }
        .full-width-background.col-box-1.bg-3 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-3 .sleeve .sleeve .subSleeve p.intro {
            color: #000;
        }
        .grid .full-width-background.col-box-1 .spinLayout .picture a {
            margin-right: -100%;
            background: 0 0;
        }
        .grid .full-width-background.col-box-1 .spinLayout .picture img {
            width: 47vw;
        }
        .column .tab {
            border-bottom: 2px solid var(--primary-color);
        }
        .grid .gridLayout.grid-4-col ul li {
            width: 23.7615656%;
            margin-top: 0;
            margin-right: 1.576516%;
            margin-bottom: 20px;
        }
        #top .grid .oneColumn .story-4-col .twocol:nth-child(4),
        .grid .gridLayout.grid-4-col ul li:nth-child(4n) {
            margin-right: 0;
        }
        #top .grid .oneColumn .story-4-col .twocol {
            width: 23.2206742%;
            margin-right: 1.9576516%;
        }
        .grid .story-4-col .twocol.left {
            clear: none;
        }
        #top .grid .oneColumn .story-4-col .spinLayout.full.twocol .sleeve h2 {
            font-size: 1.266rem;
            line-height: 1.602rem;
        }
        .grid .hero-carousel.bg-brand-colour4 .picture .image::before {
            background: linear-gradient(90deg, var(--primary-color), rgba(0, 108, 184, 0) 150px, rgba(0, 108, 184, 0));
        }
        .grid .hero-carousel.bg-brand-colour4 .picture .image::after {
            background: linear-gradient(270deg, var(--primary-color), rgba(0, 108, 184, 0) 150px, rgba(0, 108, 184, 0));
        }
        .grid .hero-carousel.bg-brand-colour5 .picture .image::before {
            background: linear-gradient(
                90deg,
                var(--accent-blue-dark-1),
                rgba(0, 108, 184, 0) 150px,
                rgba(0, 108, 184, 0)
            );
        }
        .grid .hero-carousel.bg-brand-colour5 .picture .image::after {
            background: linear-gradient(
                270deg,
                var(--accent-blue-dark-1),
                rgba(0, 108, 184, 0) 150px,
                rgba(0, 108, 184, 0)
            );
        }
        .grid .hero-carousel.bg-brand-colour6 .picture .image::before {
            background: linear-gradient(
                90deg,
                var(--accent-grey-dark-1),
                rgba(0, 108, 184, 0) 150px,
                rgba(0, 108, 184, 0)
            );
            display: none;
        }
        .grid .hero-carousel.bg-brand-colour6 .picture .image::after {
            background: linear-gradient(
                270deg,
                var(--accent-grey-dark-1),
                rgba(0, 108, 184, 0) 150px,
                rgba(0, 108, 184, 0)
            );
            display: none;
        }
        .grid .hero-carousel.bg-brand-colour7 .picture .image::before {
            background: linear-gradient(
                90deg,
                var(--accent-blue-pale),
                rgba(0, 108, 184, 0) 250px,
                rgba(0, 108, 184, 0)
            );
            display: none;
        }
        .grid .hero-carousel.bg-brand-colour7 .picture .image::after {
            background: linear-gradient(
                270deg,
                var(--accent-blue-pale),
                rgba(0, 108, 184, 0) 50px,
                rgba(0, 108, 184, 0)
            );
            display: none;
        }
    }
    .pri_vox img:hover {
        transform: scale(1.3);
    }
    @media (max-width: 1024px) {
        .tile-text-overlay-small {
            width: 100%;
            margin-bottom: 45px;
        }
        .grid .gridLayout.grid-4-col ul li {
            width: 48.8211742%;
        }
        .grid .gridLayout.grid-4-col ul li:first-child + li {
            margin-right: 0;
        }
        .grid .gridLayout.grid-4-col ul li.last {
            margin-left: 2.3576516%;
        }
        .grid .gridLayout.grid-4-col ul li.first {
            margin-right: 2.3576516%;
        }
        .grid .gridLayout.grid-4-col ul li,
        .grid .gridLayout.grid-4-col ul li:first-child + li + li,
        .gridLayout.grid-4-col ul li:first-child + li {
            margin-top: 24px;
        }
        #top .grid .oneColumn .spinBlock.col-1-full-width-border .spinLayout.half.onecol .intro,
        #top .grid .oneColumn .spinBlock.col-1-full-width-border2 .spinLayout.half.onecol .intro,
        .col-1-full-width-border .subSleeve h2 a:active,
        .col-1-full-width-border .subSleeve h2 a:hover,
        .col-1-full-width-border2 .subSleeve h2 a:active,
        .col-1-full-width-border2 .subSleeve h2 a:hover,
        .grid .tile-border-white .spinLayout.full.onecol.item-first.item-last.hasPicture .subSleeve {
            color: #fff;
        }
        .grid .tile-border-white .spinLayout.full.onecol.item-first.item-last.hasPicture .picture {
            border: 1px solid #fff;
        }
        div.grid .tile-border-white .spinLayout.full.onecol.item-first.item-last.hasPicture {
            border: 0 solid #fff;
        }
        div#bgimage-landing {
            background-position: 0 30%;
        }
        .landing-menu-container {
            display: none;
        }
        .col-1-full-width-border .subSleeve h2 a:link,
        .col-1-full-width-border .subSleeve h2 a:visited,
        .col-1-full-width-border2 .subSleeve h2 a:link,
        .col-1-full-width-border2 .subSleeve h2 a:visited {
            color: var(--third-color);
            text-decoration: none;
        }
    }
    @media screen and (max-width: 1028px) {
        div.grid .column-thumbnail .spinLayout.thumb .picture {
            width: 150px;
        }
    }
    @media (max-width: 768px) {
        .pri-flex-item {
            width: calc(50% - 10px);
        }
        #top.area .grid .oneColumn .spinBlock.full-width-background.col-box-1 .subSleeve,
        .grid .hb-hide-main .gridLayout ul li .subSleeve {
            background: 0 0;
        }
        .picCarousel.carousel-small {
            min-width: unset;
        }
        #top.area .grid .oneColumn .spinBlock.full-width-background.col-box-1 .sleeve .spinLayout.half.onecol .sleeve {
            background: 0 0;
            padding: 0;
            box-shadow: none;
        }
        #top .grid .oneColumn .spinBlock.col-1-full-width-border .spinLayout.half.onecol .intro,
        #top .grid .oneColumn .spinBlock.col-1-full-width-border2 .spinLayout.half.onecol .intro,
        .col-1-full-width-border .subSleeve h2 a:active,
        .col-1-full-width-border .subSleeve h2 a:hover,
        .col-1-full-width-border2 .subSleeve h2 a:active,
        .col-1-full-width-border2 .subSleeve h2 a:hover,
        .full-width-background.col-box-1.bg-1 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-1 .sleeve .sleeve .subSleeve p.intro,
        .full-width-background.col-box-1.bg-2 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-2 .sleeve .sleeve .subSleeve p.intro {
            color: #fff;
        }
        .full-width-background.col-box-1.bg-3 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-3 .sleeve .sleeve .subSleeve p.intro {
            color: #000;
        }
        .hb-main .hero-spin__main__content {
            width: 80%;
            margin: 0 auto;
        }
        div.column .tab button {
            width: 90%;
            border: 2px solid var(--primary-color);
            margin: 0 auto 10px;
        }
        .col-1-full-width-border .subSleeve h2 a:link,
        .col-1-full-width-border .subSleeve h2 a:visited,
        .col-1-full-width-border2 .subSleeve h2 a:link,
        .col-1-full-width-border2 .subSleeve h2 a:visited {
            color: var(--third-color);
            text-decoration: none;
        }
    }
    @media (min-width: 768px) {
        .tile-text-overlay-small {
            width: 70%;
            margin: 0 auto -45px;
        }
        #top .grid .oneColumn .tile-text-overlay-small .twocol {
            margin-right: 7.1296516%;
            width: 42.8211742%;
        }
    }
    @media screen and (max-width: 700px) {
        div .qlink-wrapper li {
            text-align: center;
            width: 220px;
        }
    }
    @media (max-width: 500px) {
        div#top.area div#bgimage-landing {
            margin-top: -184px;
        }
    }
    @media (max-width: 480px) {
        .quick-container .quick-menu,
        div#wrapper_sleeve {
            margin-top: 0;
        }
        #section_intro h1 {
            top: 50px;
        }
        .pri-flex-item,
        div.grid .gridLayout.grid-4-col ul li {
            width: 100%;
        }
        div#top.area .grid div#bgimage-landing {
            background-position: center;
            height: 200px;
            margin-top: -100px;
        }
        div.landing-intro-text H2 {
            font-size: 1.424rem;
            line-height: 1.2;
        }
        .col-box-1.bg-1,
        .col-box-1.bg-2,
        .col-box-1.bg-3,
        .col-box-1.bg-4,
        .col-box-1.bg-5,
        .col-box-1.bg-6 {
            background: 0 0;
        }
        .full-width-background.col-box-1.bg-1 .sleeve .sleeve .subSleeve h2 a,
        .full-width-background.col-box-1.bg-1 .sleeve .sleeve .subSleeve p.intro {
            color: inherit;
        }
        .grid .col-2-half-width .spinLayout .sleeve .subSleeve {
            padding: 15px 13px 32px;
        }
    }
    @media screen and (min-width: 480px) {
        .picCarousel.carousel-small .caption,
        .picCarousel.carousel-small .thumbs {
            background-color: var(--accent-blue-dark-1);
        }
        .grid .column-thumbnail .spinLayout.thumb .picture {
            width: 110px;
        }
        .grid .spinLayout.full .sleeve h2 {
            font-size: 1.266rem;
            line-height: 1.602rem;
        }
        .hero-spin.animated .hero-spin__main .hero-spin__main__content {
            width: 80%;
            margin: 0 auto;
            box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
        }
        #academic-network-conference-2023_23743 {
            display: none;
        }
    }
</style>
