body {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #333;
    background-color: white;
}

.content a {
    color: #705BE1;
}

.wrapper {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
}

html,
body,
.container {
    min-width: 300px;
}


/* HEADER */

.header-1 {
    background-color: #594BA6;
}

.header-1 .wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 0 11px 0;
}

.header-logos {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header-logo {
    height: 76px;
}

.header-logo+.header-logo {
    padding-left: 35px;
    border-left: 1px solid #ADAEB1;
    margin-left: 35px;
}

.header-logo img {
    display: block;
    width: auto;
    max-width: none;
    max-height: 100%;
}

.header-menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.header-menu a {
    color: white;
    font-size: 1.5rem;
    line-height: 1;
}

.header-2 .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

.header-2-2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    margin-left: 9%;
}

.header-search {
    width: 100%;
    max-width: 400px;
}

.content-search {
    max-width: 500px;
    margin-bottom: 50px;
}

.header-search form,
.content-search form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #818195;
}

.search-text {
    flex-grow: 1;
    padding: 0;
    border: 0;
    font-size: 1.6rem;
    color: #333;
}

.search-text::placeholder {
    color: #666690;
}

.search-submit {
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    font: 0/0 a;
    color: transparent;
    background-color: #333;
    background: url('images/icon-search.png') no-repeat center center;
    background-size: contain;
}

.main-menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.main-menu li {
    position: relative;
}

.main-menu li.menu-home {
    padding-right: 0;
}

.main-menu li.menu-home:after {
    display: none;
}

.main-menu>nav>ul>li {
    padding-right: 10px;
}

.main-menu>nav>ul>li.menu-item-has-children:after {
    display: block;
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 16px;
    height: 9px;
    background: url('images/menu-arrow-sprite.png') no-repeat 0 0;
    background-size: 100% auto;
}

.main-menu>nav>ul>li.menu-item-has-children:hover:after {
    background-position: 0 -25px;
}

.main-menu>nav>ul>li>ul>li.menu-item-has-children:after {
    display: block;
    position: absolute;
    content: '';
    right: 10px;
    top: 50%;
    margin-top: -8px;
    width: 9px;
    height: 16px;
    background: url('images/submenu-arrow-sprite.png') no-repeat 0 0;
    background-size: 100% auto;
}

.main-menu>nav>ul>li>ul>li.menu-item-has-children:hover:after {
    background-position: 0 -25px;
}

.main-menu>nav>ul>li>ul>li.menu-item-has-children {
    padding-right: 35px;
}

.main-menu a,
.main-menu span {
    display: block;
    padding: 15px;
    color: #000044;
    font-size: 2rem;
}

.main-menu span {
    cursor: pointer;
}

.main-menu li.menu-home a {
    display: block;
    width: 25px;
    height: 25px;
    padding: 0;
    font: 0/0 a;
    color: transparent;
    background: url('images/icon-menu-home.png') no-repeat center center;
    background-size: contain;
}

.main-menu ul ul {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 300px;
    background-color: white;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    pointer-events: none;
    z-index: 100;
    transition: opacity 0.3s ease-in-out;
}

.main-menu ul li:last-child ul {
    left: auto;
    right: 0;
}

@media screen and (min-width: 1221px) {
    .main-menu ul li:hover ul {
        opacity: 1;
        pointer-events: auto;
    }
}

.main-menu ul ul a,
.main-menu ul ul span {
    display: block;
    position: relative;
    padding: 15px;
    font-size: 1.8rem;
}

.main-menu ul ul a:after,
.main-menu ul ul span:after {
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
    content: '';
    width: calc(100% - 30px);
    height: 0.5px;
    background-color: #5A4BA6;
}

.main-menu ul ul li:hover {
    background-color: #5A4BA6;
}

.main-menu ul ul li:hover+li a:after,
.main-menu ul ul li:hover+li span:after {
    left: 0;
    width: 100%;
}

.main-menu ul ul ul {
    display: none;
    left: 100%;
    top: 0;
}

.main-menu ul ul li:hover ul {
    display: block;
}

.main-menu ul ul ul li:first-child>a:after,
.main-menu ul ul ul li:first-child>span:after {
    display: none;
}

.main-menu ul ul li:hover>a,
.main-menu ul ul li:hover>span {
    color: white;
}

.main-menu ul ul li:hover>ul>li>a,
.main-menu ul ul li:hover>ul>li>span {
    color: #000044;
}

.main-menu li:hover>a,
.main-menu li:hover>span,
.main-menu li.current-menu-ancestor>a,
.main-menu li.current-menu-ancestor>span,
.main-menu li.current-menu-parent>a,
.main-menu li.current-menu-parent>span,
.main-menu li.current-menu-item>a,
.main-menu li.current-menu-item>span,
.main-menu ul ul li:hover>ul>li.current-menu-item>a,
.main-menu ul ul li:hover>ul>li.current-menu-item>span {
    color: #5A4BA6;
}

.main-menu ul ul ul li:hover>a,
.main-menu ul ul ul li:hover>span,
.main-menu ul ul li:hover>ul>li:hover>a,
.main-menu ul ul li:hover>ul>li:hover>span,
.main-menu ul ul li:hover>ul>li.current-menu-item:hover>a,
.main-menu ul ul li:hover>ul>li.current-menu-item:hover>span {
    color: white;
}


/* FOOTER */

footer {
    color: white;
    background-color: #000144;
}

.footer-1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 40px 0 20px 0;
}

.footer-1-1 {
    width: 23%;
}

.footer-1-2 {
    width: 74%;
    padding-top: 5px;
}

.footer-2 .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #00002E;
}

.footer-heading,
.bottom-menu>nav>ul>li>a,
.bottom-menu>nav>ul>li>span {
    font-weight: 600;
    font-size: 2.6rem;
}

.footer-heading.footer-heading-follow {
    padding: 8px 0 20px 0;
    margin-top: 70px;
    margin-bottom: 0;
    border-top: 1px solid white;
}

.bottom-menu .menu-home {
    display: none;
}

.bottom-menu>nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.bottom-menu>nav>ul {
    width: 31%;
}

.bottom-menu>nav>ul>li {
    padding: 0 0 20px 0;
    border-top: 1px solid white;
}

.bottom-menu a,
.bottom-menu span {
    display: block;
    padding: 6px 0;
    color: white;
    font-size: 1.6rem;
}

.bottom-menu a:hover,
.bottom-menu span:hover {
    color: #9886fb;
}

.footer-2-3 {
    font-size: 1.3rem;
}

.footer-menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.footer-menu a {
    color: white;
    font-size: 1.3rem;
    line-height: 1;
}


/* HOME */

.home-section {
    padding: 2% 0;
}

.home-section-title {
    display: block;
    position: relative;
    margin-bottom: 0.5em;
    color: #705BE1;
    font-size: 3.6rem;
    font-weight: 700;
}

a.home-section-title h2,
a.home-section-title:after {
    display: inline-block;
    vertical-align: middle;
}

a.home-section-title:after {
    position: relative;
    content: '';
    width: 32px;
    height: 32px;
    margin-left: 20px;
    background: url('images/icon-section-link.png') no-repeat center center;
    background-size: contain;
    transition: transform 0.1s ease-in-out;
}

a.home-section-title:hover:after {
    transform: translateX(10px);
}

.home-section-1 {
    padding: 0;
}

.home-slide {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    height: 550px;
}

.home-slide-image {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* animation: slideImage 10s ease-in-out forwards;
  tranform: translateX(0); */
}


/*
@keyframes slideImage {
  0% {
      tranform: translateX(0);
  }
  100% {
      transform: translateX(5%);
  }
}
*/

.home-slide-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}


/* .home-slide-link:hover {
background: rgba(0,0,0,0.3);
} */

.home-slide:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 68, 0.35);
    z-index: 2;
}


/*
.home-slide-spacer {
display: block;
width: 10%;
height: 0;
padding-bottom: 30%;
}
*/

.home-slide .wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 90%;
    height: 100%;
    padding: 2% 0;
}

.home-slide-content {
    position: relative;
    max-width: 1000px;
    z-index: 3;
}

.home-slide-heading {
    margin-bottom: 0.2em;
    color: white;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.3;
}

.home-slide-text {
    margin-bottom: 1em;
    color: white;
    font-size: 2.1rem;
    line-height: 1.4;
}

.home-slide-text p,
.home-slide-text li,
.home-slide-text th,
.home-slide-text td,
.home-slide-text span {
    font-size: 1em;
    line-height: 1.4;
}

.home-slide-arrows {
    position: relative;
    width: 106px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
}

.home-slide-arrow {
    display: block;
    width: 40px;
    height: 43px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.home-slide-arrow:hover {
    background-color: rgba(0, 0, 68, 0.65);
}

.home-slide-arrow-prev {
    background-image: url('images/slide-arrow-prev.png');
}

.home-slide-arrow-next {
    background-image: url('images/slide-arrow-next.png');
}

.home-section-2 {
    background-color: #DBD0F7;
}

.home-section-2 .wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4%;
}

.home-section-2-1 {
    width: 60%;
}

.home-section-2-2 {
    width: 36%;
}

.hs2-blocks {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
}

.hs2-block {
    display: block;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.home-section-2-1 .hs2-block {
    width: 20%;
}

.home-section-2-2 .hs2-block {
    width: 33.3333%;
}

.home-section-2-2 .hs2-blocks-new .hs2-block {
    width: 50%;
}

.hs2-block:before {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.hs2-blocks-new .hs2-block:before {
    padding-bottom: 67%;
}

.hs2-block-mask,
.hs2-block-mask:before,
.hs2-block-mask:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.hs2-block-mask:before,
.hs2-block-mask:after {
    content: '';
    transition: 0.3s opacity ease-in-out;
}

.hs2-block-mask:before {
    background: rgb(0, 0, 68, 0.65);
    opacity: 1;
}

.hs2-block-mask:after {
    background: linear-gradient(0deg, rgba(0, 0, 68, 0.65) 0%, rgba(0, 0, 68, 0) 100%);
    opacity: 0;
}

.hs2-block:hover .hs2-block-mask:before,
.hs2-block.active .hs2-block-mask:before {
    opacity: 0;
}

.hs2-block:hover .hs2-block-mask:after,
.hs2-block.active .hs2-block-mask {
    opacity: 1;
}


/*
.home-section-2 .home-section-title {
color: #000044;
}
*/

.hs2-block-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hs2-block-inner-title {
    position: relative;
    width: 100%;
    top: 0;
    color: white;
    font-weight: 700;
    text-align: center;
    transition-property: top;
}

.hs2-block-inner-title-short {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 3.2rem;
}

.hs2-block-inner-title-short-2 {
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
}

.hs2-block-inner-title-long {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    opacity: 0;
    transform: translateY(-50%);
}

.hs2-block:hover .hs2-block-inner-title {
    top: -25px;
}

.hs2-block:hover .hs2-block-inner-title-short {
    opacity: 0;
}

.hs2-block:hover .hs2-block-inner-title-long {
    opacity: 1;
}

.hs2-block-inner-title:after {
    /* position: absolute; */
    content: '';
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    top: 30px;
    margin: 10px auto 0;
    text-align: center;
    background: url('images/icon-programme-link.png') no-repeat center center;
    background-size: contain;
    opacity: 0;
    transition-property: opacity, top;
}

.hs2-block:hover .hs2-block-inner-title:after {
    opacity: 1;
    top: 70px;
}

.hs2-block:after,
.hs2-block-mask:before,
.hs2-block-mask:after,
.hs2-block-inner span,
.hs2-block-inner span:after {
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.hs2-block-inner-new {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    /* transition: opacity 0.3s ease-in-out; */
}

.hs2-block-new .hs2-block-mask {
    opacity: 1;
    pointer-events: auto;
    transition: none;
}

.hs2-block-new .hs2-block-inner {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s ease-in-out;
}

.hs2-block-new:hover .hs2-block-mask,
.hs2-block-new:hover .hs2-block-inner {
    opacity: 0;
    pointer-events: none;
    transition: none;
}

.hs2-block-new:hover .hs2-block-inner-new {
    background: none !important;
}

.new-entries {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.new-entry {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 33.33%;
    opacity: 0;
    background: brown;
    transition: none;
    padding: 10px;
}

.new-entry-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 68, 0.65);
    opacity: 1;
    z-index: 3;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.new-entry:hover .new-entry-mask {
    opacity: 0;
}

.new-entry-title {
    position: relative;
    text-align: left;
    font-size: 1.5rem;
    color: white;
    font-weight: 700;
    z-index: 2;
}

.hs2-block:hover .new-entry {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-section-3 {
    position: relative;
    min-height: 1000px;
    /* temp */
    overflow: hidden;
}

.home-section-3:before {
    content: '';
    display: block;
    position: absolute;
    right: -10%;
    top: -5%;
    width: 110%;
    height: 105%;
    background: url('images/bg-calli.png') no-repeat right center;
    background-size: contain;
}

.home-section-3 .wrapper {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: flex-start;
}

.home-section-3-1,
.home-section-3-2 {
    width: 48%;
}

.list-entry {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.list-entries.with-bg .list-entry {
    align-items: stretch;
}

.le-image {
    display: block;
    width: 44%;
}

.le-image img {
    display: block;
}

.le-text {
    display: block;
    width: 56%;
    padding: 0 20px;
}

.list-entries.with-bg .le-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.le-category {
    display: inline-block;
    padding: 10px 15px;
    margin-bottom: 15px;
    color: #705BE1!important;
    font-size: 1.6rem;
    font-weight: 700;
    border: 1px solid #705BE1;
    text-transform: uppercase;
}

.le-title {
    margin-bottom: 15px;
    color: #000044;
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 700;
}

.le-date {
    color: #666690;
    font-size: 1.8rem;
}

.list-entries.with-bg .list-entry {
    background-color: #E5E5EC;
}

.home-section-4 {
    padding-bottom: 0;
}

.home-section-4:after {
    display: block;
    content: '';
    width: 100%;
    height: 0;
    padding-bottom: 16.8%;
    margin-top: -9.1%;
    background: url('images/tree-ground.png') no-repeat center center;
    background-size: cover;
}

.home-areas-outer {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.home-areas-lists {
    width: 25%;
}

.home-areas-container {
    width: 50%;
    margin-top: -30px;
}

.home-areas {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 115.8667%;
}

.home-areas:after {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('images/tree-of-life-v4@2x.png') no-repeat center center;
    background-size: contain;
    z-index: 2;
    pointer-events: none;
}

.home-area-title {
    position: absolute;
    font-size: 2.2rem;
    font-weight: 700;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.home-area-title-1 {
    left: 0;
    top: 5%;
    transform: translate(-60%, 0);
}

.home-area-title-2 {
    left: 0;
    top: 44%;
    transform: translate(-120%, -50%);
}

.home-area-title-3 {
    left: 0;
    top: 70%;
    transform: translate(-70%, 0);
}

.home-area-title-4 {
    right: 0;
    top: 70%;
    transform: translate(70%, 0);
}

.home-area-title-5 {
    right: 0;
    top: 44%;
    transform: translate(120%, -50%);
}

.home-area-title-6 {
    right: 0;
    top: 5%;
    transform: translate(75%, 0);
}

.home-area-icon {
    display: block;
    position: absolute;
    width: 12.6667%;
    height: 0;
    padding-bottom: 12.6667%;
    z-index: 3;
    transition: transform 0.3s ease-in-out;
    pointer-events: none;
}

.home-area-icon span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: contain;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.3);
    transform: translateY(0px);
    transition: transform 0.3s ease-in-out;
}

@keyframes areaIcon {
    0% {
        box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow: 0 20px 10px 0px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.3);
    }
}

@keyframes areaIcon1 {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(-5px, -10px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes areaIcon2 {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(-10px, -20px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes areaIcon3 {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(8px, -20px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes areaIcon4 {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(12px, -20px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes areaIcon5 {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(-5px, -20px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes areaIcon6 {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(12px, -20px);
    }
    100% {
        transform: translateY(0px);
    }
}

.home-area-icon-1 {
    left: 20.8046%;
    top: 8.7206%;
    border-radius: 50%;
}

.home-area-icon-1 span {
    background-color: #FFF5C7;
    background-image: url('images/tree-icon-transparent-1@2x.png');
    animation: areaIcon 3s ease-in-out infinite, areaIcon1 3s ease-in-out infinite;
}

.home-area-icon-2 {
    left: 2.8326%;
    top: 38.0985%;
}

.home-area-icon-2 span {
    background-color: #FED8EF;
    background-image: url('images/tree-icon-transparent-2@2x.png');
    animation: areaIcon 3s 0.4s ease-in-out infinite, areaIcon2 3s 0.4s ease-in-out infinite;
}

.home-area-icon-3 {
    left: 21.3081%;
    top: 67.6305%;
}

.home-area-icon-3 span {
    background-color: #FEDAD4;
    background-image: url('images/tree-icon-transparent-3@2x.png');
    animation: areaIcon 3s 0.3s ease-in-out infinite, areaIcon3 3s 0.3s ease-in-out infinite;
}

.home-area-icon-4 {
    left: 63.6874%;
    top: 67.6305%;
}

.home-area-icon-4 span {
    background-color: #C4FAD9;
    background-image: url('images/tree-icon-transparent-4@2x.png');
    animation: areaIcon 3s 0.6s ease-in-out infinite, areaIcon4 3s 0.6s ease-in-out infinite;
}

.home-area-icon-5 {
    left: 84.7160%;
    top: 38.0985%;
}

.home-area-icon-5 span {
    background-color: #E1C0FF;
    background-image: url('images/tree-icon-transparent-5@2x.png');
    animation: areaIcon 3s 0.7s ease-in-out infinite, areaIcon5 3s 0.7s ease-in-out infinite;
}

.home-area-icon-6 {
    left: 63.6874%;
    top: 8.7206%;
}

.home-area-icon-6 span {
    background-color: #D2E9FF;
    background-image: url('images/tree-icon-transparent-6@2x.png');
    animation: areaIcon 3s 0.5s ease-in-out infinite, areaIcon6 3s 0.5s ease-in-out infinite;
}

.home-area-leaf {
    display: block;
    position: absolute;
    width: 27.3412%;
    height: 0;
    padding-bottom: 37.3652%;
    background: no-repeat center center;
    background-size: contain;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.home-area-leaf-2,
.home-area-leaf-5 {
    width: 41.0083%;
    padding-bottom: 27.3805%;
}

.home-area-leaf-1 {
    left: 22.6599%;
    top: 10.9556%;
    background-image: url('images/tree-leaf-1@2x.png');
}

.home-area-leaf-2 {
    left: 8.9617%;
    top: 31.4835%;
    background-image: url('images/tree-leaf-2@2x.png');
}

.home-area-leaf-3 {
    left: 22.5512%;
    top: 43.3531%;
    background-image: url('images/tree-leaf-3@2x.png');
}

.home-area-leaf-4 {
    left: 49.9989%;
    top: 43.3531%;
    background-image: url('images/tree-leaf-4@2x.png');
}

.home-area-leaf-5 {
    left: 50%;
    top: 31.4835%;
    background-image: url('images/tree-leaf-5@2x.png');
}

.home-area-leaf-6 {
    left: 50.0010%;
    top: 10.9556%;
    background-image: url('images/tree-leaf-6@2x.png');
}

.home-area-leaf:hover {
    opacity: 1;
}

@media screen and (min-width: 1025px) {
    .home-areas.active .home-area-title {
        opacity: 0;
        transform: translateY(-10px);
    }
    .home-area.active .home-area-icon-1 {
        transform: translate(70%, 70%);
    }
    .home-area.active .home-area-icon-2 {
        transform: translate(90%);
    }
    .home-area.active .home-area-icon-3 {
        transform: translate(70%, -70%);
    }
    .home-area.active .home-area-icon-4 {
        transform: translate(-70%, -70%);
    }
    .home-area.active .home-area-icon-5 {
        transform: translate(-90%);
    }
    .home-area.active .home-area-icon-6 {
        transform: translate(-70%, 70%);
    }
}

.home-areas-lists-inner {
    position: relative;
}

.home-areas-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 30px;
    background: #F5F3FD;
    opacity: 0;
    pointer-events: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    transform: translateY(60px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.home-areas-list.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.home-areas-list-title {
    display: block;
    position: relative;
    padding-right: 45px;
    margin-bottom: 1em;
    color: #000044;
    font-size: 2.2rem;
    font-weight: 700;
}

.home-areas-list-title:hover {
    color: #705BE1;
}

.home-areas-list-title:after {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    content: '';
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: url('images/icon-section-link.png') no-repeat center center;
    background-size: contain;
    transition: transform 0.1s ease-in-out;
}

.home-areas-list-title:hover:after {
    transform: translateX(10px);
}

.home-areas-list-title br {
    display: none;
}

.home-areas-list-people {
    display: flex;
    justify-content: center;
}

.home-areas-list-people.two-col .home-areas-list-people-inner {
    display: flex;
    flex-wrap: wrap;
}

.home-areas-list-person {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    margin-bottom: 8px;
    color: #000044;
    border-radius: 5px;
}

.home-areas-list-people.two-col .home-areas-list-person {
    width: 50%;
}

.home-areas-list-person:hover {
    color: white;
    background-color: #705BE1;
}

.home-areas-list-person-image {
    display: block;
}

.home-areas-list-person-image img {
    display: block;
    width: 50px;
    max-width: none;
    height: 50px;
    object-fit: cover;
    object-position: center -2px;
    border-radius: 50%;
}

.home-areas-list-person-name {
    font-size: 1.4rem;
}

.home-section-5 {
    padding-top: 0;
    padding-bottom: 2.5%;
    background-color: #E5E5EC;
}

.hs5-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.hs5-top .home-section-title {
    margin-bottom: 0;
}

.home-social-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.home-social-text {
    color: #000044;
    font-size: 2.2rem;
    line-height: 1;
}

.home-social-link {
    width: 40px;
    background-color: #705BE1;
}

.home-social-link:hover {
    background-color: #000044;
}

.column-entries {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
}
#sb_instagram #sbi_images {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	flex-wrap: wrap;
	gap: 0;
}

.column-entry {
    width: 20%;
}

.ce-image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 16px;
}

.ce-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.ce-title,
.content h3.ce-title {
    margin-bottom: 16px;
    color: #000044;
    font-size: 2.1rem;
    font-weight: 700;
	word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

.ce-date {
    color: #666690!important;
    font-size: 1.8rem;
}

.footer-2 {
    padding: 30px 0;
    background-color: #00002E;
}

.footer-2 .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7%;
}

.footer-2-1 {
    width: 38%;
}

.footer-2-1 img {
    width: 100%;
    max-width: 100%;
}

.footer-2-2 {
    width: 20%;
}

.footer-2-3 {
    width: 35%;
    color: white;
    font-size: 1.6rem;
}

.copyright {
    margin-bottom: 1em;
}

.footer-menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.footer-menu a {
    color: white;
    font-size: 1.6rem;
    line-height: 1;
}

.footer-menu a:hover {
    color: #CFCFDC;
}

body.fancybox-active {
    overflow: hidden;
}

.footer-heading {
    font-weight: 600;
    font-size: 2.8rem;
    margin-bottom: 30px;
}

.footer-text {
    font-size: 1.6rem;
    margin-bottom: 40px;
    font-weight: 500;
    color: #fff!important;
}

.footer-text a {
    color: white;
}

.footer-text a:hover {
    color: #9886fb;
}

.footer-text-label {
    display: inline-block;
    width: 3.5em;
    margin-bottom: 5px;
}

.footer-button {
    display: inline-block;
    width: 100%;
    max-width: 250px;
    padding: 10px 15px;
    border: 1px solid white;
    color: white;
    font-size: 2rem;
    text-align: center;
}

.footer-button:hover {
    background-color: #705BE1;
}

.footer-social-links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.footer-social-link {
    width: 40px;
    background-color: #000044;
}

.footer-social-link:hover {
    background-color: #705BE1;
}

.hs2-block-new .hs2-block-inner-title-long {
    font-size: 1.6rem;
    padding: 0 10px;
}

.mobile {
    display: none;
}

.home-popup {
    display: none;
}

.sec-padding {
    padding: 60px;
}

.cr-video {
    margin: 40px 0;
}

.cr-text p a {
    color: #705BE1;
}

header {
    border-bottom: 1px solid #ddd;
}

body.home header {
    border-bottom: 0;
}

.content {
    padding: 0 0 100px 0;
}

.content-wrapper {
    max-width: 1200px;
}

.content h1 {
    margin-bottom: 0.8em;
    color: #594BA6;
    font-size: 4rem;
    font-weight: 700;
}

.content h2 {
    margin-bottom: 1em;
    color: #594BA6;
    font-size: 3.2rem;
    font-weight: 700;
}

.content-row:first-child h2 {
    margin-top: 2em;
}

.content h3 {
    margin-bottom: 1.5em;
    color: #594BA6;
    font-size: 2.6rem;
    font-weight: 700;
}

.content h4 {
    margin-bottom: 1em;
    color: #594BA6;
    font-size: 2rem;
    font-weight: 700;
}

.content p {
    margin-bottom: 1.5em;
    line-height: 1.6;
    text-align: left;
}

.content th {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 0 10px 10px 0;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}

.content td {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 10px 0;
    text-align: left;
}

.content table {
    margin: 1em 0;
}

.content h2+table {
    margin-top: 4em;
}

.content table+h3 {
    margin-top: 3em;
}

.content-2col {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.content-2col-text {
    width: calc(100% - 300px);
}

.content-2col-image {
    width: 250px;
    padding-right: 30px;
    text-align: center;
}

.content-2col-image p {
    text-align: center;
}

.breadcrumbs {
    margin: 20px 0 40px 0;
}

.breadcrumbs a,
.breadcrumbs span {
    display: inline-block;
    color: #888;
    font-size: 1.6rem;
}

.breadcrumbs a:hover {
    color: #705BE1;
}

.breadcrumbs span.delimiter {
    position: relative;
    top: -1px;
    padding: 0 15px;
}

.accordion-row {
    border-bottom: 1px solid #ccc;
}

.accordion-details {
    display: none;
    padding: 0 40px 40px 0;
}

.content a.accordion-topic-link {
    color: #333;
}

.accordion-topic,
.accordion-topic-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 40px 40px 0;
    font-size: 2.6rem;
    font-weight: 700;
    cursor: pointer;
}

.accordion-topic:after,
.accordion-topic-link:after {
    display: block;
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 16px;
    height: 9px;
    background: url('images/menu-arrow-sprite.png') no-repeat 0 0;
    background-size: 100% auto;
}

.accordion-topic:after {
    transition: transform 0.2s ease-in-out;
}

.accordion-topic-link:after {
    transform: rotate(-90deg);
}

.accordion-topic:hover,
.accordion-topic-link:hover,
.accordion-topic:hover span,
.accordion-topic-link:hover span,
.content a.accordion-topic-link:hover,
.content a.accordion-topic-link:hover span {
    color: #705BE1;
}

.accordion-topic:hover:after,
.accordion-topic-link:hover:after {
    background-position: 0 -25px;
}

.accordion-topic.active:after {
    transform: rotate(180deg);
}

.area-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 30px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.area-icon-1 {
    background-color: #FFF5C7;
    background-image: url('images/tree-icon-transparent-1@2x.png');
}

.area-icon-2 {
    background-color: #FED8EF;
    background-image: url('images/tree-icon-transparent-2@2x.png');
}

.area-icon-3 {
    background-color: #FEDAD4;
    background-image: url('images/tree-icon-transparent-3@2x.png');
}

.area-icon-4 {
    background-color: #C4FAD9;
    background-image: url('images/tree-icon-transparent-4@2x.png');
}

.area-icon-5 {
    background-color: #E1C0FF;
    background-image: url('images/tree-icon-transparent-5@2x.png');
}

.area-icon-6 {
    background-color: #D2E9FF;
    background-image: url('images/tree-icon-transparent-6@2x.png');
}

.profile-entries {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding-bottom: 80px;
    border-bottom: 1px solid #705BE1;
    margin-bottom: 60px;
}

.profile-entries:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

h2.pe-heading {
    margin-top: 2em;
    margin-bottom: 1em;
}

.profile-entry {
    display: flex;
    width: 45%;
    marggin-bottom: 40px;
    padding: 20px;
    border: 2px solid #eee;
    transition: box-shadow 0.2s ease-in-out;
}

a.profile-entry:hover {
    border: 2px solid #705BE1;
    box-shadow: rgba(112, 91, 225, 0.2) 0px 7px 29px 0px;
}

.profile-entry span {
    display: block;
}

.pe-image {
    flex-grow: 0;
    flex-shrink: 0;
    width: 225px;
    margin-bottom: 15px;
}

.pe-image img {
    display: block;
    width: 200px;
    height: 267px;
    object-fit: cover;
}

.pe-name,
.pe-chinese-name {
    color: #333;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: left;
}

.pe-chinese-name {
    padding-top: 5px;
}

.pe-text {
    padding-top: 15px;
}

.pe-introduction {
    margin-top: 1.5em;
    color: #666;
    font-size: 1.5rem;
    line-height: 1.3;
}

a.profile-entry:hover .pe-name,
a.profile-entry:hover .pe-chinese-name,
a.profile-entry:hover .pe-introduction {
    color: #705BE1;
}

.cr-image {
    margin-bottom: 30px;
}


/* PROFILE */

h2.profile-heading {
    margin-top: 2em;
}

.single-profile .content-2col-image {
    padding-right: 0;
    text-align: right;
}

.content .profile-table th,
.content .profile-table td {
    vertical-align: top;
}

.content .profile-table th {
    width: 150px;
    padding: 10px 10px 10px 0;
    text-transform: none;
}

.content .profile-table tr:last-child th {
    border-bottom: 0;
}

.content .profile-section ol {
    list-style: outside decimal;
    /* lower roman */
}

.content .profile-section ul {
    list-style: none;
    margin-left: 0;
}

.content .profile-section ol ul {
    margin: 0;
}

.content .profile-section ol li,
.content .profile-section ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.content .profile-section ol ul li {
    list-style: outside disc;
    border-bottom: 0;
    margin: 0 0 0 2em;
}

.content .profile-section li p:last-child {
    margin-bottom: 0;
}

.content .profile-table tr:last-child th,
.content .profile-table tr:last-child td,
.content .profile-section tr:last-child th,
.content .profile-section tr:last-child td,
.content .profile-section ul li:last-child {
    border-bottom: 0;
}

.content table ol {
    margin-bottom: 0;
}

.content li,
.content th,
.content td {
    font-size: 1.8rem;
    line-height: 1.4;
}

.content-school {
    padding: 40px;
    background-color: #DBD0F7;
    margin-bottom: 40px;
}

.content-school .content-2col-text {
    width: 55%;
    padding-right: 30px;
}

.content-school .content-2col-image {
    width: 45%;
}

.content-school .cr-video {
    margin: 0;
}

.accordion-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5%;
}

.accordion-image {
    width: 30%;
    padding: 12px;
    margin-bottom: 5%;
    border: 3px solid transparent;
}

.accordion-image[href]:hover {
    border: 3px solid #DBD0F7;
}

.accordion-image img {
    display: block;
    margin: 0 auto;
}

.accordion-caption {
    display: block;
    padding: 10px 10px 0 10px;
    color: black;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
}

.pp-block {
    padding-bottom: 20px;
    border-bottom: 1px solid #705BE1;
}

.pp-block:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.pp-block h2 {
    margin-top: 2em;
    margin-bottom: 1em;
}

a.pp-entry {
    display: block;
    color: #333;
    margin-bottom: 30px;
}

.pp-name {
    display: block;
    margin-bottom: 10px;
    font-size: 2.2rem;
    font-weight: 700;
}

.pp-chinese-name {
    display: inline-block;
    padding-left: 10px;
}

.pp-description {
    display: block;
    font-size: 1.6rem;
}

.profile-education {
    font-size: 1.8rem;
}

.profile-education td:first-child {
    width: 150px !important;
}

.profile-education td:last-child {
    width: auto !important;
}


/* P */

.footer-2-1 {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 3%;
}

.footer-logo {
    height: 70px;
}

.footer-logo img {
    display: block;
    width: auto;
    height: 100%;
    max-width: unset;
}

.home-section-3-2 .le-image,
.home-section-3-3 .le-image {
    width: 41.6%;
}

.hide-footer {
    display: none;
}

.custom-table-2 {
    width: 100%;
    overflow: auto;
}

.custom-table-2 table {
    min-width: 700px;
}

.event-block {
    display: flex;
    align-items: center;
    padding: 40px 40px 40px 0;
    justify-content: space-between;
    align-items: center;
}

.eb-date {
    font-size: 2em;
    margin-right: 20px;
    width: 164px;
    display: inline-block;
    border: 1px solid #705BE1;
    padding: 10px 5px;
    color: #705BE1;
    text-align: center;
	flex-shrink: 0;
}

.eb-heading {
    flex-grow: 1;
    font-size: 2.6rem;
    font-weight: 700;
}

.seminar-entry {
    padding-bottom: 35px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}


/* K */

.pp-chinese-name {
    padding-left: 8px;
}

a.pp-entry[href] .pp-name {
    color: #705BE1;
}

.profile-image img {
    min-width: 200px;
}

.home-slider {
    visibility: hidden;
}

.event-entry {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.ev-date {
    flex-shrink: 0;
    flex-grow: 0;
    width: 200px;
    padding-top: 4px;
    font-size: 1.8rem;
    font-weight: 700;
}

.ev-area {
    font-size: 1.6rem;
    margin: 0 0 3em 0;
}

.content h2.ev-title {
    font-size: 2.4rem;
    margin-bottom: 1em;
}

.ev-intro,
.ev-more {
    font-size: 1.6rem;
}

.ev-intro {
    margin-bottom: 1.5em;
}

.excellence-entries .ev-intro {
    margin-bottom: 2em;
}

.ed-date,
.ed-time,
.ed-datetime,
.ed-location,
.ed-contact {
    margin-bottom: 30px;
}

.content .ed-date h2,
.content .ed-time h2,
.content .ed-datetime h2,
.content .ed-location h2,
.content .ed-contact h2 {
    color: #333;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom: 0;
}

.ed-date-inner,
.ed-time-inner,
.ed-datetime-inner,
.ed-location-inner,
.ed-contact-inner {
    font-size: 1.8rem;
}

.content .ed-description th,
.content .ed-description td {
    border: 0;
}

.ev-image {
    width: 300px;
    margin-right: 50px;
}

.content-intro {
    margin-bottom: 60px;
}

.content .seminar-title a:hover {
    color: #9886FB;
}

h1.page-title+.event-entries,
h1.page-title+.seminar-entries {
    margin-top: 60px;
}

.page-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.content .page-title-container h1.page-title {
    margin-bottom: 0;
}

.page-title-container+.event-entries {
    margin-top: 92px;
}

.title-link {
    font-size: 1.8rem;
    line-height: 1;
}

.excellence-entries .ev-image a {
    display: block;
}

.excellence-entries .ev-image img {
    display: block;
    width: 300px;
    max-width: none;
}

.excellence-entries .ev-date {
    padding-top: 0;
    margin-bottom: 1.5em;
    font-weight: 400;
}

.entry-filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 60px 0;
    gap: 10px;
}

.entry-filter-label {
    font-size: 1.8rem;
}

.entry-filter select {
    font-size: 1.8rem;
    padding: 10px 30px;
    cursor: pointer;
    border: 1px solid #888;
    border-radius: 5px;
}

.awards-table {
    max-width: 600px;
}

.ev-emails {
    font-size: 1.6rem;
    margin-top: 3em;
    line-height: 1.4;
}

.ev-more {
    padding: 9px 15px 10px 15px;
    border: 1px solid #705BE1;
    line-height: 1;
    border-radius: 8px;
}


/*
.content a.ev-more:hover {
    color: #9886FB;
}
*/

.content a.ev-more:hover,
.ev-title:hover+.ev-date+.ev-area+.ev-more,
.ev-title:hover+.ev-date+.ev-more,
.ev-title:hover+.ev-area+.ev-more,
.ev-title:hover+.ev-more,
.ev-image:hover+.ev-text .ev-more {
    color: white;
    background-color: #705BE1;
}

.content .ev-title a:hover,
.ev-ele:has(+*+*+.ev-more:hover) a,
.ev-ele:has(+*+.ev-more:hover) a,
.ev-ele:has(+.ev-more:hover) a,
.ev-image:hover+.ev-text .ev-title a {
    color: #9886FB;
}


/*
.accordion-areas-details {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.accordion-areas-details .accordion-text {
    width: calc(100% - 450px);
}
.accordion-areas-details .accordion-images {
    display: block;
    width: 400px;
    padding-top: 8px;
}
.accordion-areas-details .accordion-image {
    padding: 0;
    border: 0;
}
.accordion-areas-details .accordion-image[href]:hover {
    border: 0;
}
*/

@media (max-width:1200px) {
    .accordion-areas-details .accordion-text {
        width: calc(100% - 350px);
    }
    .accordion-areas-details .accordion-images {
        width: 300px;
    }
}

@media (max-width:960px) {
    .accordion-areas-details {
        display: block;
    }
    .accordion-areas-details .accordion-text {
        width: 100%;
    }
    .accordion-areas-details .accordion-images {
        width: 100%;
        max-width: 400px;
        padding: 20px 0;
        margin: 0 auto;
    }
}

.main-menu span.dropdown-btn {
    display: none;
}

.profile-section h3 {
    margin: 1.5em 0 0.5em 0;
}

.content p+h3,
.content table+h3 {
    margin-top: 1.5em;
}

.content h3+ul,
.content h3+ol {
    margin-top: 0em;
    margin-bottom: 4em;
}

.vertical-table th {
    padding: 10px 10px 10px 0;
}

.content table th ul:last-child,
.content table td ul:last-child,
.content table th ol:last-child,
.content table td ol:last-child {
    margin-bottom: 0;
}

.content p+h4 {
    margin-top: 2em;
}

.profile-table p:last-child {
    margin-bottom: 0;
}

.gallery-photos {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    justify-content: flex-start;
    align-items: flex-start;
}

.gallery-photo {
    position: relative;
    width: 19.2%;
    height: 0;
    padding-bottom: 14.4%;
    border: 3px solid transparent;
    margin-bottom: 1%;
    /* box-shadow: 0 4px 8px rgba(0,0,0,0.1); */
}

.gallery-photo:hover {
    border: 3px solid #DBD0F7;
}

.gallery-photo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/*
.content a.ev-more:hover {
    color: #9886FB;
}
*/

.eb-link {
    color: white;
    background-color: #705BE1;
    padding: 9px 15px 10px 15px;
    border: 1px solid #705BE1;
    line-height: 1;
    border-radius: 8px;
    font-size: 1.6rem;
    font-weight: 700;
}

.eb-link:hover {
    background-color: #614cd3;
}

.eb-link span {
    color: white;
}

.back-button {
    display: inline-block;
    padding: 9px 15px 10px 15px;
    border: 1px solid #705BE1;
    margin-bottom: 30px;
    color: #705BE1;
    font-size: 1.6rem;
    line-height: 1;
    border-radius: 8px;
    cursor: pointer;
}

.back-button:hover {
    color: white;
    background-color: #705BE1;
}

.accordion-areas-details {
    flex-wrap: wrap;
}

.slider-container {
    position: relative;
    flex-basis: 100%;
    margin: 2em 0 0;
    background-color: #f2f0fe;
    padding: 3em 2em;
}

.slider-container .event-entries {
    padding: 0 50px;
}

.slide .event-entry {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.accordion-areas-details .bx-wrapper .bx-controls-direction a {
    position: absolute;
    display: block;
    top: 143px;
    width: 40px;
    height: 43px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-color: rgba(0, 0, 68, 0.65);
}

.accordion-areas-details .bx-wrapper .bx-controls-direction a:hover {
    background-color: rgba(0, 0, 68, 0.8);
}

.accordion-areas-details .bx-wrapper .bx-controls-direction a.bx-prev {
    background-image: url(images/slide-arrow-prev.png);
    left: 15px;
}

.accordion-areas-details .bx-wrapper .bx-controls-direction a.bx-next {
    background-image: url(images/slide-arrow-next.png);
    right: 15px;
}

.accordion-row {
    position: relative;
}

.accordion-areas-details .ev-image a {
    display: block;
    width: 300px;
    height: 225px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/*
.accordion-details {
    position: absolute;
    display: block;
    width: 100%;
    opacity: 0;
    transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    z-index: -1;
}

.active.accordion-details {
    position: relative;
    opacity: 1;
    transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    z-index: 1;
}*/

.ann-event-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
.ann-event-text {
    flex-grow: 1;
}
.ann-event-image {
    flex-shrink: 0;
    max-width: 400px;
}
.ed-poster {
    display: block;
}

.ann-block {
    align-items: flex-start;
    gap: 40px;
}
.ann-block .eb-heading {
    display: block;
    margin-bottom: 1em;
}
.eb-middle {
    flex-grow: 1;
}
.ann-block .eb-link {
    display: inline-block;
}
.ann-block .eb-image {
    display: block;
    width: 250px;
}
.ann-block .eb-heading h2 {
    margin-top: 0;
}

.sbi_caption_date {
	display: block;
}