.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.video-accordion{margin-top:var(--container-padding-TB)}
.video-accordion+.video-accordion{margin-top:50px}
@media screen and (max-width:600px){.video-accordion{margin-top:80px}
.video-accordion+.video-accordion{margin-top:20px}
}
.video-accordion .media-accordion-wrapper{position:relative}
@media screen and (max-width:600px){.video-accordion .media-accordion-wrapper{margin:0 calc(var(--container-padding) * -1)}
}
.video-accordion .media-accordion-header{position:relative;cursor:pointer}
.video-accordion .media-accordion-header__image,.video-accordion .media-accordion-header__video{height:500px;position:relative;transition:all .3s ease-in-out}
@media screen and (max-width:1440px){.video-accordion .media-accordion-header__image,.video-accordion .media-accordion-header__video{height:400px}
}
.video-accordion .media-accordion-header__image::after,.video-accordion .media-accordion-header__video::after{content:"";inset:auto 0 0;position:absolute;background:rgba(0,0,0,0.4);height:100%;width:860px;max-width:50%;opacity:.8;background:linear-gradient(90deg,rgba(0,0,0,0.95) 39.9%,rgba(0,0,0,0) 100%)}
@media screen and (max-width:980px){.video-accordion .media-accordion-header__image::after,.video-accordion .media-accordion-header__video::after{opacity:.5;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);height:300px;max-width:100%}
}
.video-accordion .media-accordion-header__image img{height:100%;width:100%;object-fit:cover}
.video-accordion .media-accordion-header__video video,.video-accordion .media-accordion-header__video .video-js{height:100%;width:100%;object-fit:cover;transition:all .3s ease-in-out}
.video-accordion .media-accordion-header__content{position:absolute;inset:0;display:flex;flex-direction:column;padding:var(--common-inner-padding);color:white;max-width:640px;gap:20px;padding-top:var(--container-padding-TB)}
@media screen and (max-width:980px){.video-accordion .media-accordion-header__content{justify-content:flex-end;padding-bottom:var(--container-padding-TB)}
}
.video-accordion .media-accordion-header__content h2{font-size:var(--font-h2);line-height:1.3;margin-bottom:0;font-family:'Roboto-Bold'}
.video-accordion .media-accordion-header__content p{font-size:var(--font-body-large);line-height:1.44}
.video-accordion .media-accordion-header__button{position:absolute;top:var(--common-inner-padding);right:var(--common-inner-padding);border-radius:50px;background:#FFF;box-shadow:0 0 50px 0 rgba(0,0,0,0.25);width:50px;height:50px;border:0;display:flex;justify-content:center;align-items:center}
.video-accordion .media-accordion-header__button::after{content:"";display:inline-block;background-image:url("../../../../../etc.clientlibs/temasek-corporate/clientlibs/base/resources/images/icons/plus-thin.svg");background-size:cover;background-position:center;height:25px;width:25px}
.video-accordion .media-accordion-wrapper.is-open .media-accordion-header__image,.video-accordion .media-accordion-wrapper.is-open .media-accordion-header__video{height:700px}
@media screen and (max-width:1440px){.video-accordion .media-accordion-wrapper.is-open .media-accordion-header__image,.video-accordion .media-accordion-wrapper.is-open .media-accordion-header__video{height:600px}
}
@media screen and (max-width:600px){.video-accordion .media-accordion-wrapper.is-open .media-accordion-header__image,.video-accordion .media-accordion-wrapper.is-open .media-accordion-header__video{height:550px}
}
.video-accordion .media-accordion-wrapper.is-open .media-accordion-header__button::after{background-image:url("../../../../../etc.clientlibs/temasek-corporate/clientlibs/base/resources/images/icons/minus-thin.svg");height:2px}
.video-accordion .media-accordion-wrapper.is-open .content-par{position:relative;opacity:1;pointer-events:all;width:auto}
.video-accordion .content-par{position:absolute;opacity:0;pointer-events:none;width:100%}
.author-mode .video-accordion .content-par{position:relative;opacity:1;pointer-events:all;width:auto}
.video-accordion .colour-background{margin-bottom:80px}
.video-accordion .colour-background .colour-background-container{padding:var(--container-padding-TB) var(--common-inner-padding) calc(var(--container-padding-TB) - 30px)}
.video-accordion .colour-background .colour-background-container.bg-gray{background-color:#efefef}
.video-accordion .colour-background .column_2-c1>.text{padding:0 40px}
@media screen and (max-width:1440px){.video-accordion .colour-background .column_2-c1>.text{padding:0 20px}
}
@media screen and (max-width:600px){.video-accordion .colour-background .column_2-c1>.text{padding:0}
}
.video-accordion .text h3{font-size:var(--font-h3);font-family:'Roboto-Bold';margin-bottom:30px}
.video-accordion .content-par>.text{padding:0 var(--common-inner-padding)}
.dynamic-sticky-nav{position:fixed;inset:0 0 auto;background:rgba(0,0,0,0.2);backdrop-filter:blur(150px);z-index:20;opacity:0;transform:translateY(-100%);transition:all .4s cubic-bezier(0.4,0,0.2,1);pointer-events:none}
.dynamic-sticky-nav.sticky-nav-scrolling{z-index:999;padding-top:0 !important}
.dynamic-sticky-nav__wrapper{position:relative;display:flex;padding:25px calc(50px + var(--container-padding))}
@media screen and (max-width:1660px){.dynamic-sticky-nav__wrapper{padding:25px calc(30px + var(--container-padding))}
}
@media screen and (max-width:980px){.dynamic-sticky-nav__wrapper{padding:15px var(--container-padding)}
}
@media screen and (max-width:600px){.dynamic-sticky-nav__wrapper{padding:0}
.scroll-up .dynamic-sticky-nav__wrapper{padding:10px 0 0}
}
.dynamic-sticky-nav.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.dynamic-sticky-nav.is-open .dynamic-sticky-nav__list{display:flex}
.dynamic-sticky-nav.is-open .dynamic-sticky-nav__toggle-list:after{transform:rotate(180deg)}
.dynamic-sticky-nav__toggle-list{display:none;border:0;padding:15px var(--container-padding);width:100%;text-align:left;justify-content:space-between;align-items:center;background:#FFF;box-shadow:10px 10px 20px 0 #fff inset,10px 10px 50px 0 rgba(0,0,0,0.02) inset,10px 10px 50px 0 rgba(0,0,0,0.1);color:#212c2f}
@media screen and (max-width:600px){.dynamic-sticky-nav__toggle-list{display:flex}
}
.dynamic-sticky-nav__toggle-list:after{font-family:"Temasek-Icon";font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;line-height:1;font-size:16px;content:"\e901";color:#00af9b}
.dynamic-sticky-nav__list{padding:0;margin:0;display:flex;gap:30px;list-style:none}
@media screen and (max-width:980px){.dynamic-sticky-nav__list{gap:20px}
}
@media screen and (max-width:600px){.dynamic-sticky-nav__list{position:absolute;top:100%;left:0;width:100%;flex-direction:column;background-color:#efefef;gap:0;padding:20px 0;display:none;box-shadow:0 10px 10px 0 rgba(0,0,0,0.1)}
.dynamic-sticky-nav__list li{margin:0}
}
.dynamic-sticky-nav__list .sticky-btn{background:transparent;border:2px solid rgba(255,255,255,0.5);color:white;padding:10px 30px;cursor:pointer;font-size:var(--font-body);transition:.3s;border-radius:50px}
.dynamic-sticky-nav__list .sticky-btn:hover{background:white;color:#3c1053}
@media screen and (max-width:980px){.dynamic-sticky-nav__list .sticky-btn{padding:8px 20px}
}
@media screen and (max-width:768px){.dynamic-sticky-nav__list .sticky-btn{padding:8px 15px}
}
@media screen and (max-width:600px){.dynamic-sticky-nav__list .sticky-btn{width:100%;border:0;color:#212c2f;text-align:left;font-size:16px}
.dynamic-sticky-nav__list .sticky-btn:hover{background:0;color:#212c2f}
}