/* Font Family */
@font-face {
 font-family: 'Glyphicons Halflings';
 src: url('https://ch-api.healthhub.sg/api/public/content/63be3a2e55804887b04e493c76254090?v=8a57990b') format('woff2'),
   url('https://ch-api.healthhub.sg/api/public/content/7e93a252d42d48cc904f6b0897076d60?v=064fd835') format('svg'),
   url('https://ch-api.healthhub.sg/api/public/content/4bfa48ad243440f597c4d5d8855acaf5?v=ff273c4d') format('ttf'),
   url('https://ch-api.healthhub.sg/api/public/content/24302885d89141d4a7be1e22f60bd2dd?v=bb7906b3') format('woff'),
   url('https://ch-api.healthhub.sg/api/public/content/ef8b477aee4a44d08708beb507681b0a?v=c3fa2d7c') format('woff2');
}
@font-face {
 font-family: 'AvenirNextLTPro-BoldCn';
 src: url('https://ch-api.healthhub.sg/api/public/content/689c69cbfcb34cb0b222e48a97b786ae?v=382ac0fd');
 src: url('https://ch-api.healthhub.sg/api/public/content/689c69cbfcb34cb0b222e48a97b786ae?v=382ac0fd?#iefix')
     format('embedded-opentype'),
   url('https://ch-api.healthhub.sg/api/public/content/613294fc34874fe28c3439d0b46a08d2?v=2a2218eb#AvenirNextLTPro-BoldCn')
     format('svg'),
   url('https://ch-api.healthhub.sg/api/public/content/a8a422f220d546bf859d06ed6ed7c6ee?v=02c4c32d') format('truetype'),
   url('https://ch-api.healthhub.sg/api/public/content/274b885873c844888c01225be0729a67?v=578fdfb3') format('woff'),
   url('https://ch-api.healthhub.sg/api/public/content/1ca7236e822a4ea5b6812e88d8c8e809?v=aecf842a') format('woff2');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'AvenirNextLTPro-Bold';
 src: url('https://ch-api.healthhub.sg/api/public/content/c9e89d73ca814434a6319fe89d314923?v=9513500a');
 src: url('https://ch-api.healthhub.sg/api/public/content/c9e89d73ca814434a6319fe89d314923?v=9513500a?#iefix')
     format('embedded-opentype'),
   url('https://ch-api.healthhub.sg/api/public/content/9833a26a981f4443be047f5327bb4ac6?v=f7e2abbb#AvenirNextLTPro-Bold') format('svg'),
   url('https://ch-api.healthhub.sg/api/public/content/7eb9ecda26fc4eb69f4feac4d035d619?v=a8eb910f') format('truetype'),
   url('https://ch-api.healthhub.sg/api/public/content/78db4a7aa5a9457ab98229e2da862596?v=dec0c6b3') format('woff'),
   url('https://ch-api.healthhub.sg/api/public/content/83b4590c05084b4e91c9d75786097395?v=aa072e96') format('woff2');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Avenir-Roman';
 src: url('https://ch-api.healthhub.sg/api/public/content/e636f5a7a8914246a2bfca68ca6c9614?v=649d4b98');
 src: url('https://ch-api.healthhub.sg/api/public/content/e636f5a7a8914246a2bfca68ca6c9614?v=649d4b98?#iefix') format('embedded-opentype'),
   url('https://ch-api.healthhub.sg/api/public/content/4b55952afb9d46e3adb6e43a8ae2143b?v=1d838551#Avenir-Roman') format('svg'),
   url('https://ch-api.healthhub.sg/api/public/content/87d4cc3e844a4a8e9175ecc6bbd184d7?v=c1c8d7de') format('truetype'),
   url('https://ch-api.healthhub.sg/api/public/content/2067e8e1a76d4b7ebce54e1a21200338?v=b6ff40d9') format('woff'),
   url('https://ch-api.healthhub.sg/api/public/content/d176f3dd2de1480a840eb84481c1c12e?v=b16cf1ee') format('woff2');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Avenir-Roman';
 src: url('https://ch-api.healthhub.sg/api/public/content/7561466bed174bc3b60dbb52d8fa8ce1?v=2aef1d46');
 src: url('https://ch-api.healthhub.sg/api/public/content/7561466bed174bc3b60dbb52d8fa8ce1?v=2aef1d46?#iefix') format('embedded-opentype'),
   url('https://ch-api.healthhub.sg/api/public/content/aaacc050285a4bb2b88bf4b02c3ab01d?v=d1e5c644#Avenir-Oblique') format('svg'),
   url('https://ch-api.healthhub.sg/api/public/content/46fc3ba28dcf40129bdb173ad3785af0?v=71e53de4') format('truetype'),
   url('https://ch-api.healthhub.sg/api/public/content/31f40290ad134e24a7d2d2e5d91e7e60?v=4a3a56e7') format('woff'),
   url('https://ch-api.healthhub.sg/api/public/content/7f3749a639ed454da8e652b521516c6e?v=c7db96c6') format('woff2');
 font-weight: normal;
 font-style: italic;
}
@font-face {
 font-family: 'Avenir-Heavy';
 src: url('https://ch-api.healthhub.sg/api/public/content/edcb57268aa04f6daffdfe1cfb9ecdf6?v=c8cf75bd');
 src: url('https://ch-api.healthhub.sg/api/public/content/edcb57268aa04f6daffdfe1cfb9ecdf6?v=c8cf75bd?#iefix') format('embedded-opentype'),
   url('https://ch-api.healthhub.sg/api/public/content/9f9dc9f9fd3644ae857ca47e6fb19000?v=2224e27c#Avenir-Heavy') format('svg'),
   url('https://ch-api.healthhub.sg/api/public/content/5b1a16ea27d54c1aa6af506d0d83b815?v=d63e13bc') format('truetype'),
   url('https://ch-api.healthhub.sg/api/public/content/5bd5be636824461aa788303d200e7a84?v=53a4165e') format('woff'),
   url('https://ch-api.healthhub.sg/api/public/content/c14ce126573946e2be56981ec8f3b60d?v=5db905d2') format('woff2');
 font-weight: 500;
 font-style: normal;
}
@font-face {
 font-family: 'Avenir-Heavy';
 src: url('https://ch-api.healthhub.sg/api/public/content/d4caf76c46714b758428d5cdae4f01e4?v=496182cc');
 src: url('https://ch-api.healthhub.sg/api/public/content/d4caf76c46714b758428d5cdae4f01e4?v=496182cc?#iefix') format('embedded-opentype'),
   url('https://ch-api.healthhub.sg/api/public/content/8fbe79ba1d7c49cf8ae14cc05becaad4?v=e6462c6e#Avenir-HeavyOblique') format('svg'),
   url('https://ch-api.healthhub.sg/api/public/content/ad6f7b49de1d4b54a1746d3591789f6b?v=04d5e2b0') format('truetype'),
   url('https://ch-api.healthhub.sg/api/public/content/4fd7ee5c1afc4ff9b7a902f9dff815f3?v=d955f1e5') format('woff'),
   url('https://ch-api.healthhub.sg/api/public/content/37650d8511e3475aa49acbe07ba85daf?v=0b963882') format('woff2');
 font-weight: 500;
 font-style: italic;
}

.bdr-blue {
 border: 2px solid #0080d0 !important;
}
.bdr-blue-xl {
 border: 7px solid #009edd !important;
}
.bdr-yellow-xl {
 border: 7px solid #fbd702 !important;
}

.bdr-yellow {
 border: 2px solid #fbd702 !important;
}

.advisory-content-wrapper {
 background-color: #CC5836;
 padding: 15px;
 z-index: 99999;
 color: #ffffff;
 visibility:hidden !important;
 display: none;
}

.advisory-content-wrapper.yellow {
  background-color: #fde927;
}

.advisory-content-wrapper a {
 color: #ffffff;
 text-decoration: underline;
}

.advisory-content-wrapper ul {
 padding-inline-start: 20px;
}

.f-condensed {
 font-family: 'AvenirNextLTPro-BoldCn', Arial, Helvetica, sans-serif;
 font-weight: 500;
 letter-spacing: 1px;
 margin-bottom: -4px;
}

.f-next-bold {
 font-family: 'AvenirNextLTPro-Bold', Arial, Helvetica, sans-serif;
 font-weight: 500;
}

.f-next-medium {
 font-family: 'AvenirNextLTPro-Bold', Arial, Helvetica, sans-serif;
 font-weight: 500;
}

.f-bold {
 font-family: 'Avenir-Heavy', Arial, Helvetica, sans-serif;
 font-weight: 700;
}

.f-medium {
 font-family: 'Avenir-Roman', Arial, Helvetica, sans-serif;
 font-weight: normal;
}

.f-medium strong {
 font-family: 'Avenir-Heavy', Arial, Helvetica, sans-serif;
 font-weight: 700;
}

.f-italic {
 font-style: italic;
}

/* Font Sizes */
.f-xl {
 font-size: 65px;
}
.f1 {
 font-size: 32px;
}

.f2 {
 font-size: 26px;
}

.f3 {
 font-size: 22px;
}

.f4 {
 font-size: 20px;
}

.advisory-content-wrapper .f4,
.f5 {
 font-size: 18px;
}

.f6 {
 font-size: 14px;
}

.advisory-content-wrapper .f4 {
 line-height: normal;
 font-size: 16px;
 margin-bottom: 0;
}

/* Font Colors */
.f-blue {
 color: #0093d1;
}

.f-darkblue {
 color: #1d75bc;
}

.f-white {
 color: #ffffff;
}

.f-black {
 color: #000000;
}

.f-nightblue {
 color: #0c699d;
}

.f-darkgreen {
 color: #0b384f;
}

.f-red {
 color: #ec1c23;
}

/* Background Color */
.bg-white {
 background: #ffffff;
}

.bg-lightblue {
 background: #e5f5fc;
}

.bg-gradient-blue {
 background: #0053ae;
 background: -webkit-gradient(
   linear,
   left top,
   right top,
   from(#0053ae),
   to(#00bafe)
 );
 background: linear-gradient(90deg, #0053ae 0%, #00bafe 100%);
}

.bg-yellow {
 background: #fbd702;
}

.bg-darkyellow {
 background: #fcd700;
}

.bg-lightyellow {
 background: #fef3b2;
}

.bg-brightyellow {
 background: #f9e04e;
}

.bg-vlightyellow {
 background: #fffde5;
}

.bg-blue {
 background: #1b75bc;
}

.bg-nightblue {
 background: #009edd;
}

.bg-gradient-yellow-orange {
 background-color: #fbd905;
 background-image: linear-gradient(
   to right,
   #fbd905,
   #fff000,
   #fbd107,
   #fcb016
 );
 padding: 30px 15px;
 border-radius: 15px;
}

.bg-gray {
 background: #ebebeb;
}
/**end **/

.nowrap {
 white-space: nowrap;
}
.d-nowrap {
 white-space: nowrap;
}

/** Margin Padding **/
.margin-auto {
 margin-left: auto;
 margin-right: auto;
}

.marginTop20 {
 margin-top: 20px;
}

.marginTop30 {
 margin-top: 30px;
}

.marginTop50 {
 margin-top: 50px;
}

.marginBottom10 {
 margin-bottom: 10px;
}

.marginBottom20 {
 margin-bottom: 20px;
}

.marginBottom30 {
 margin-bottom: 30px;
}

.marginBottom145 {
 margin-bottom: 145px;
}
.marginBottom120 {
 margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
 .marginBottom10-m {
   margin-bottom: 10px !important;
 }

  .marginBottom30-m {
   margin-bottom: 30px;
 }

  .padding15-m {
   padding: 15px !important;
 }
}

.marginBottom50 {
 margin-bottom: 50px;
}

.paddingZero {
 padding: 0;
}

.padding40 {
 padding: 40px;
}

.padding20 {
 padding: 20px;
}

.padding10 {
 padding: 10px;
}

.padding4 {
 padding: 4px;
}

.paddingTop10 {
 padding-top: 10px;
}

.paddingTop20 {
 padding-top: 20px;
}

.paddingTopBottom15 {
 padding-top: 15px;
 padding-bottom: 15px;
}

.paddingTopBottom18 {
 padding-top: 15px;
 padding-bottom: 12px;
}

.paddingTopBottom30 {
 padding-top: 30px;
 padding-bottom: 25px;
}

.paddingTop30 {
 padding-top: 30px;
}

.paddingTop50 {
 padding-top: 50px;
}

.paddingBottom20 {
 padding-bottom: 20px;
}

.paddingBottom30 {
 padding-bottom: 30px;
}

.paddingBottom50 {
 padding-bottom: 50px;
}

.paddingBottom0 {
 padding-bottom: 0px !important;
}

/* Start */
.temp-template {
 margin: 0 auto;
 padding: 0;
 clear: both;
 padding-right: 0;
 padding-left: 0;
}

.hpb-container {
 max-width: 100%;
 width: 100%;
 margin: 0 auto;
}

.main-project {
 position: relative;
 clear: both;
}

.main-project sup {
 font-size: 58% !important;
 top: -0.6896551724em !important;
}

.flexbox,
.flexbox-btn {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}

.flexbox-btn {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 max-width: 890px;
 width: 100%;
 margin: 0 auto;
 align-items: center;
 justify-content: center;
 /* align-content: space-between; */
}

@media (max-width: 767px) {
  .flexbox-btn.m-vertical-btn {
    flex-direction: column;
  }
}

.row.flex-row {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.row.flex-row > * {
 clear: none;
 float: none;
}

.flex-center {
 align-items: center;
 justify-content: center;
}

.flex-start {
 align-items: flex-start;
 justify-content: flex-start;
}

.flex-space-between {
 justify-content: space-between;
}
.flex-space-around {
 justify-content: space-around;
}
.flex-item-equal {
 flex: 1 1 0;
}

.flex-column {
 flex-flow: column;
}

.d-inline-block {
 display: inline-block !important;
}

.d-inline-flex {
 display: -webkit-inline-box !important;
 display: -ms-inline-flexbox !important;
 display: inline-flex !important;
}

.main-project h1 {
 margin-top: 5px;
 margin-bottom: 0px;
}

.main-project .modal h1 {
 margin-top: 0.67em;
}

@media screen and (max-width: 767px) {
 .main-project .modal h1 {
   margin-top: inherit;
 }
 .main-project .how-to-sign-up-carousel-wrapper img {
   margin-bottom: 20px;
 }
}

.main-project ul {
 padding-inline-start: 0;
}
.main-project ul:not(.outside) {
 list-style-position: inside;
}
@media screen and (max-width: 767px) {
 .main-project ul {
   list-style-position: outside;
   padding-inline-start: 20px;
 }
}

.main-project ul.style-none {
 list-style-type: none;
}

.main-project ul.text-alignment {
 text-align: center;
}
@media screen and (max-width: 767px) {
 .main-project ul.text-alignment {
   text-align: left;
 }
}

.main-project .section-masthead .carousel-indicators {
 bottom: 0;
 margin-bottom: 1.1%;
}

.main-project .custom-carousel {
 margin-left: 50px;
 margin-right: 50px;
}

.main-project .custom-carousel .item.active,
.main-project .custom-carousel .item.next,
.main-project .custom-carousel .item.prev {
 line-height: normal;
 top: 0;
}

.main-project .custom-carousel .carousel-control.left {
 margin-left: -25px;
}

.main-project .custom-carousel .carousel-control.right {
 margin-right: -25px;
}

.main-project .custom-carousel .carousel-control .glyphicon-chevron-left {
 left: 0;
}

.main-project .custom-carousel .carousel-control .glyphicon-chevron-right {
 right: 0;
}
.main-project .carousel-indicators li, .main-project .carousel-indicators a {
 background-color: #231f20;
 border: 1px solid #231f20;
 width: 20px;
 height: 20px;
 margin: 0 2px;
 display: inline-block;
 border-radius: 50px;
}
.main-project .very-important-note.red {
 border: 2px solid #ec1c23;
 padding: 30px 45px;
}
.main-project .very-important-note.blue {
 border: 2px solid #0093d1;
 padding: 15px;
 width: 75%;
 margin: 0 auto;
}
@media screen and (max-width: 767px) {
 .main-project .carousel-indicators li {
   width: 15px;
   height: 15px;
 }
 .main-project .very-important-note {
   padding: 15px;
 }
}

.main-project .carousel-indicators .active {
 background-color: #fff;
 border: 1px solid #fff;
}

.main-project .carousel .glyphicon {
 font-family: 'Glyphicons Halflings';
 color: #0093d1;
}

.main-project .nscMastheadCarousel.carousel .glyphicon {
 font-family: 'Avenir-Roman';
 color: #0093d1;
 font-weight: 900;
 font-size: 25px;
}

.main-project .carousel .item.next {
 width: 100%;
 height: auto;
 border-radius: 0;
 border: solid 0 transparent;
 color: transparent;
 display: inline-block;
 line-height: normal;
 cursor: pointer;
}

.main-project .carousel .carousel-control {
 text-shadow: 0 0 0 rgb(0 0 0 / 0%);
}

.main-project .carousel .carousel-control.left,
.main-project .carousel .carousel-control.right {
 background-image: none;
 opacity: 1;
 display: flex;
 justify-content: center;
 align-items: center;
}

.main-project .section_inner {
 padding: 0 50px;
}

.main-project .section-title {
 padding: 0px 22px;
 min-height: 80px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.main-project .section-title-space {
 margin-top: 80px;
 margin-bottom: 50px;
}

.main-project .title-img {
 margin-right: 35px;
 margin-top: -5px;
}

.main-project .title-img.right {
 margin-left: 35px;
 margin-top: -5px;
}
@media screen and (max-width: 767px) {
 .main-project .title-img.right {
 margin-right: 0;
}
}
.main-project .title-text {
 display: flex;
}
@media screen and (max-width: 767px) {
 .main-project .section_inner {
   padding: 0 15px;
 }

  .main-project .section-title {
   padding: 18px;
 }
 .main-project.nsc6 .carousel .carousel-control.left {
   left: -4%;
 }
 .main-project.nsc6 .carousel .carousel-control.right {
   right: -4%;
 }
}

.main-project .section-second-title {
 margin-bottom: 10px;
}

.main-project .gradient .title-img {
 width: 50px;
}

.main-project .gradient .title-img-auto {
 width: 33px !important;
}

.main-project .early-bird-title {
 background-color: #0093d1;
 color: #fff;
 width: 50%;
 margin-left: auto;
 padding: 20px 20px 15px 20px;
 margin-right: auto;
 margin-top: -80px;
 margin-bottom: 30px;
}
.main-project .early-bird-title.w-80 {
 width: 80%;
}
@media screen and (max-width: 767px) {
 .main-project .early-bird-title {
   margin-top: -65px;
   width: 90%;
 }
 .main-project .very-important-note.blue {
   width: 100%;
 }
}
.main-project .nsc-button-wrapper {
 width: 30%;
 margin: 0 auto;
}
.main-project .nsc-button {
 background-color: #fcd700;
 text-align: center;
 padding: 0px 5px;
 height: 77px;
 -webkit-box-shadow: 5px 5px 0px 0px #1b75bc;
 box-shadow: 5px 5px 0px 0px #1b75bc;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 15px;
}

/** Footer **/
.main-project .section-footer {
 /* background-color: #fef3b2; */
 padding-top: 15px;
}

.main-project .section-footer .health-advisory {
 padding: 30px 50px;
}

.main-project .section-footer .health-advisory-wrapper {
 background-color: white;
 padding: 30px 50px;
 border: 6px solid #0093d0;
}

.main-project .section-footer .health-ad-img {
 text-align: center;
 margin-top: 5px;
 width: 200px;
}
.main-project .section-footer .health-ad-text {
 margin-left: 50px;
}

.main-project .section-footer .btn-footer {
 background-color: #fcd700;
 text-align: center;
 padding: 0 5px;
 height: 77px;
 -webkit-box-shadow: 5px 5px 0 0 #1b75bc;
 box-shadow: 5px 5px 0 0 #1b75bc;
}

.main-project .section-footer .btn-footer a {
  text-decoration: underline;
}

.main-project .section-footer .flexbox-btn > div .flexbox-btn > * {
 flex: 1 1 50%;
}

.main-project .section-footer .flexbox-btn > div {
 width: 49%;
 padding-top: 20px;
}

.main-project .section-footer .flexbox-btn > div.first,
.main-project .section-footer .flexbox-btn > div.third {
 padding-right: 10px;
}

.main-project .section-footer .flexbox-btn > div.fourth,
.main-project .section-footer .flexbox-btn > div.second {
 padding-left: 10px;
}

@media (max-width: 767px) {
  .main-project .section-footer .flexbox-btn.m-vertical-btn>div {
    padding: 0 0 15px 0;
    width: 100%;
  }

  .main-project .section-footer .flexbox-btn.m-vertical-btn .btn-footer {
    height: 58px;
  }

  .main-project .section-footer .flexbox-btn.m-vertical-btn .faq-dropdown.btn-footer {
    height: auto;
  }

}

.main-project .footer-steps-wrapper {
 padding: 0 0 30px;
}
.main-project .hwe-leaderboard.carousel-control {
 width: 65%;
}
.main-project .hwe-leaderboard.carousel-control .glyphicon {
 color: #fbd702 !important;
 top: 30% !important;
}

@media screen and (max-width: 767px) {
 .main-project .hwe-leaderboard.carousel-control {
   width: 15%;
 }
 .main-project .nsc-button-wrapper {
   width: 70%;
   margin: 0 auto;
 }
 .main-project .section-footer .flexbox-btn > div {
   padding-top: 0px;
 }
 .main-project .section-footer .health-ad-img {
   text-align: center;
   margin-top: 0;
   width: 20%;
   margin: 0 auto 20px;
 }
 .main-project .section-footer .health-ad-img img {
   height: 107px;
   width: 58.5;
 }
 .main-project .section-footer .health-ad-text {
   margin: 0;
 }

  .main-project .section-footer .health-advisory {
   padding: 20px;
 }

  .main-project .section-footer .health-advisory-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 20px;
 }

  .main-project .section-footer a.btn-footer span.f3 {
   font-size: 13px;
 }

  .main-project .footer-steps-wrapper {
   padding: 0 0 15px;
 }
}

.main-project .footer > div {
 border-top: 7px solid #fdf035;
}

.main-project .section-footer .footer-wrapper__inner {
 position: relative;
 padding-left: 15px;
 padding-right: 15px;
}

.main-project .contact-footer .footer-img__inner {
 max-width: 1014px;
 width: 100%;
 margin: 0 auto;
}

.hidden640 {
 display: block;
}

.visible640 {
 display: none;
}

.pos-relative {
 position: relative;
}

.pos-absolute {
 position: absolute;
}

.o-h {
 overflow: hidden;
}

.blockDiv {
 display: block;
}

/** accordion and tabs **/
.main-project .panel {
 box-shadow: unset;
 margin-bottom: 32px;
}

.main-project .panel.blue,
.main-project .panel.bright-yellow,
.main-project .panel.gradient {
 margin-bottom: 10px;
}
.main-project .panel.gradient:last-child {
 margin-bottom: 0px;
}

.main-project .panel.blue:last-child,
.main-project .panel.bright-yellow:last-child {
 margin-bottom: 0;
}

.main-project .panel .img-wrap {
 margin-top: -44px;
 margin-bottom: -18px;
 display: table-cell;
 vertical-align: middle;
 width: 15%;
}

.main-project .tab-pane .panel .img-wrap {
 margin-top: unset !important;
 margin-bottom: unset !important;
 width: unset !important;
}

.main-project .panel-group {
 width: 100%;
 margin-bottom: 0;
 z-index: 1;
}

.main-project .panel-heading {
 padding: 0;
 border: 0;
}

.main-project .tab-pane .panel-title > a {
 padding: 9px 16px;
}

.main-project .panel-title > a {
 padding: 22px;
}

.main-project .panel-title > a,
.main-project .panel-title > a:active {
 display: block;
 color: #555;
 font-size: 16px;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 1px;
 word-spacing: 3px;
 text-decoration: none;
}

.main-project .panel-heading a > .tab-wrapper:after {
 background-image: url('https://ch-api.healthhub.sg/api/public/content/b187fc1cc07a437aad82811d85a9c588?v=71ac8b76');
 background-size: 100% 100%;
 display: inline-block;
 width: 43px;
 height: 40px;
 content: '';
 float: right;
 transition: all 0.5s;
}

.main-project .panel-heading.active a > .tab-wrapper:after {
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 transform: rotate(180deg);
}

.main-project .panel-heading.plus-minus-icon a > .tab-wrapper:after {
 background-image: url('https://ch-api.healthhub.sg/api/public/content/6f0b1d3b0bda460795467ddb50e91bd2?v=5f13e422');
 width: 40px;
 height: 37px;
}

.main-project .panel-heading.plus-minus-icon.active a > .tab-wrapper:after {
 background-image: url('https://ch-api.healthhub.sg/api/public/content/39269051a074403d89f521a80cdf156b?v=240b1dfc');
}

.main-project .panel-default > .panel-heading {
 border-color: transparent;
 border-bottom: 0 solid transparent;
 border-top: 0 solid transparent;
}

.main-project .panel-default .panel-body {
 padding: 0;
}
.main-project .panel-default .panel-body.blue {
 background-color: #e5f5fc;
}

.main-project .panel-default.blue > .panel-heading {
 background-color: #038bcb;
 border: 2px solid #0c699d;
}

.main-project .panel-default.bright-yellow > .panel-heading {
 background-color: #fcd700;
 border: 2px solid #fcd700;
}

.main-project .panel-default.yellow > .panel-heading {
 -webkit-box-shadow: 7px 7px 0 0 #038bcb;
 box-shadow: 7px 7px 0 0 #038bcb;
 background: #fcd700;
}

.main-project .panel-default.yellow > .panel-heading.active {
 -webkit-box-shadow: 7px 7px 0 0 #038bcb;
 box-shadow: 7px 7px 0 0 #038bcb;
}

.main-project .panel-default.yellow > .panel-collapse {
 border-top: double 7px transparent;
 background-image: linear-gradient(white, white),
   linear-gradient(to right, #009edd, #038bcb);
 background-clip: padding-box, border-box;
 background-origin: border-box;
 border-left-width: 7px;
 border-left-style: solid;
 border-image: linear-gradient(to bottom, #009edd, rgba(0, 0, 0, 0)) 1 100%;
 border-bottom: 7px solid #038bcb;
 box-shadow: 7px 0 0 0 #038bcb;
 margin-left: 7px;
}

.main-project .panel-default.yellow.inverted > .panel-heading {
 -webkit-box-shadow: 7px 7px 0 0 #07384e;
 box-shadow: 7px 7px 0 0 #07384e;
 background: #07384e;
}

.main-project .panel-default.yellow.inverted > .panel-heading.active {
 -webkit-box-shadow: 7px 7px 0 0 #07384e;
 box-shadow: 7px 7px 0 0 #07384e;
}

.main-project .panel-default.yellow.inverted > .panel-collapse {
 background-image: none;
 background-color: #fff;
 border-image: none;
 border-color: #07384e;
 border-bottom: 7px solid #07384e;
 box-shadow: 7px 0 0 0 #07384e;
}

.main-project .panel-default.gradient > .panel-heading {
 background: #0053ae;
 background: -webkit-gradient(
   linear,
   left top,
   right top,
   from(#0053ae),
   to(#00bafe)
 );
 background: linear-gradient(90deg, #0053ae 0%, #00bafe 100%);
}

.main-project .panel-default.gradient.inverted > .panel-heading.active {
 /* -webkit-box-shadow: 7px 0px 0px 0px #00bafe;
   box-shadow: 7px 0px 0px 0px #00bafe; */
}

.main-project .panel-default.gradient.inverted > .panel-collapse {
 /* border-left: 7px solid #fbd703;
   border-bottom: 7px solid #fbd703;
   box-shadow: 7px 0px 0px 0px #fbd703; */
}

.main-project .panel-default.gradient.inverted > .panel-heading {
 background: #fcd700;
}

.main-project .panel-default > .panel-heading + .panel-collapse > .panel-body {
 border-top-color: transparent;
}

.main-project .panel-group .panel-heading + .panel-collapse > .list-group,
.main-project .panel-group .panel-heading + .panel-collapse > .panel-body {
 border-top: 0 solid transparent;
}

.main-project .panel-default .width100 {
 width: 100%;
}

.main-project .panel-default .width100.paddingLeft {
 padding-left: 35px;
}

@media screen and (max-width: 767px) {
 .main-project .panel,
 .main-project .panel.yellow:first-child {
   margin-bottom: 23px;
 }

  .main-project .panel-title > a {
   padding: 18px 10px;
 }

  .main-project .panel-heading a > .tab-wrapper:after {
   width: 33px;
   height: 30px;
 }
 .main-project .panel-heading.plus-minus-icon a > .tab-wrapper:after {
   width: 30px;
   height: 27px;
 }

  .main-project .panel .img-wrap {
   width: 19%;
 }

  .main-project .gradient .panel-heading .title-img {
   width: 28px;
   /* margin-top: 15px; */
 }

  .main-project .blue .panel-heading .title-img {
   width: 75%;
 }

  .main-project .panel-default .width100 {
   width: 100%;
 }

  .main-project .panel-collapse .panel-body .nav-tabs li a {
   padding: 10px;
 }
 .main-project .section-footer .footer-wrapper__inner:nth-child(2) {
   margin-top: 15px;
 }
}

.main-project .panel-collapse .panel-body .nav-tabs,
.main-project .section_inner .nav-tabs {
 padding: 0;
 padding: 0;
}

.main-project .panel-collapse .panel-body .nav-tabs.nav-justified,
.main-project .section_inner .nav-tabs.nav-justified {
 display: flex;
 z-index: 1;
}

.main-project .panel-collapse .panel-body .nav-tabs.nav-justified li,
.main-project .section_inner .nav-tabs.nav-justified li {
 margin-bottom: 0;
 flex: 1;
}

.main-project .panel-collapse .panel-body .nav-tabs li a,
.main-project .section_inner .nav-tabs li a {
 background-color: #feee89;
 border: 0 solid #feee89;
 border-radius: unset;
 margin: 0;
 height: 100%;
 display: flex;
 width: 100%;
 padding: 25px;
 line-height: normal;
}

@media screen and (max-width: 767px) {
 .main-project .panel-collapse .panel-body .nav-tabs li a,
 .main-project .section_inner .nav-tabs li a {
   padding: 25px 10px;
 }
}

.main-project .panel-collapse .panel-body .nav-tabs li.active a,
.main-project .section_inner .nav-tabs li.active a {
 background-color: #fbd702;
 border: 0 solid #fbd702;
}

.main-project .panel-collapse .panel-body .nav-tabs li:first-child a {
 border-bottom-right-radius: 10px;
}

.main-project .panel-collapse .panel-body .nav-tabs li:last-child a {
 border-bottom-left-radius: 10px;
}

.main-project
 .panel-collapse
 .panel-body
 .nav-tabs
 li:not(:first-child):not(:last-child)
 a,
.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .panel-collapse
 .panel-body
 .nav-tabs
 li:first-child
 a,
.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .panel-collapse
 .panel-body
 .nav-tabs
 li:last-child
 a,
.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .panel-collapse
 .panel-body
 .nav-tabs
 li:not(:first-child):not(:last-child)
 a,
.main-project .section_inner .nav-tabs li:not(:first-child):not(:last-child) a {
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}

.main-project .panel-collapse .panel-body .nav-tabs li a > .tab-header,
.main-project .section_inner .nav-tabs li a > .tab-header {
 display: flex;
 vertical-align: middle;
 text-align: center;
 width: 100%;
}

.main-project .panel-collapse .panel-body .nav-tabs li a > .tab-header > div,
.main-project .section_inner .nav-tabs li a > .tab-header > div {
 height: 100%;
 display: table;
 width: 100%;
}

.main-project
 .panel-collapse
 .panel-body
 .nav-tabs
 li
 a
 > .tab-header
 > div
 > span,
.main-project .section_inner .nav-tabs li a > .tab-header > div > span {
 display: table-cell;
 vertical-align: middle;
}

.main-project .panel-collapse .panel-body .tab-content > .tab-pane .nav-tabs {
 border-bottom: 7px solid #fbd703;
}

.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .panel-collapse
 .panel-body
 .nav-tabs {
 border-bottom: unset;
}

.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .nav-tabs
 li
 a,
.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .panel-collapse
 .panel-body
 .nav-tabs
 li
 a,
.main-project .panel-collapse .panel-body .unset .nav-tabs li a {
 border-radius: unset;
}

.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .nav-tabs
 li:first-child
 a {
 border-top-right-radius: 10px;
}

.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .nav-tabs
 li:last-child
 a {
 border-top-left-radius: 10px;
}

.main-project
 .panel-collapse
 .panel-body
 .tab-content
 > .tab-pane
 .nav-tabs
 li:not(:first-child):not(:last-child)
 a,
.main-project .panel-collapse .panel-body .unset .nav-tabs li:first-child a,
.main-project .panel-collapse .panel-body .unset .nav-tabs li:last-child a,
.main-project
 .panel-collapse
 .panel-body
 .unset
 .nav-tabs
 li:not(:first-child):not(:last-child)
 a {
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

.main-project .panel-collapse .panel-body .unset .tab-content {
 border: 2px solid #0c699d;
}

.main-project .panel-collapse .panel-body .tab-content > .tab-pane .panel-collapse .panel-body .nav-tabs.nav-tabs-rewards li a {
 border-radius: 0;
}
.main-project .panel-collapse .panel-body .tab-content > .tab-pane .panel-collapse .panel-body .nav-tabs.nav-tabs-rewards li:not(.active) a {
 background: #ccc;
}
.main-project .panel-collapse .panel-body .tab-content > .tab-pane .panel-collapse .panel-body .nav-tabs.nav-tabs-rewards li:not(.active) a span {
 color: #fff;
}

.main-project .panel-collapse .panel-body .tab-content > .tab-pane .panel-collapse .panel-body .nav-tabs.nav-tabs-rewards {
 border-bottom: 7px solid #038bcb;
}

.main-project .section_inner .outside .nav-tabs li a {
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

.main-project .section_inner .outside .tab-content {
 border: 8px solid #fbd702;
 padding: 4px;
}

/** Navigation **/
.main-project .nav-wrapper {
 /* overflow: hidden; */ /*comment for child nav*/
}

.main-project .nav-wrapper ul {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 list-style: none;
 margin: 0 -4px 0 0;
 padding: 4px 0px 0px 0px !important;
}

.main-project .nav-wrapper ul li {
 width: 25%;
 min-height: 80px;
 display: block;
 margin: 0;
 padding: 0 4px 4px 0;
 text-align: center;
}
.main-project .nav-wrapper.phase2 ul li {
 width: 33.333%;
 padding: 0px 4px 2px;
}
.main-project .nav-wrapper.phase2-2row3column ul li {
 flex: 1 0 33.333%;
 padding: 0px 4px 4px 0px;
}
.main-project .nav-wrapper.phase2-2row3column.eightItems ul li {
 flex: 1 0 33%;
 padding: 0px 4px 4px 0px;

}

  @media screen and (max-width: 767px) {
 .main-project .nav-wrapper.phase2-2row3column.eightItems ul li {
 flex: 1 0 50%;
 padding: 0px 4px 4px 0px;
   }
}

.main-project .nav-wrapper.phase2-2row3column ul li ul.nav-child li {
 padding: 0px 4px 4px 0px;
}
.main-project .nav-wrapper.phase2 ul li:nth-child(4),
.main-project .nav-wrapper.phase2 ul li:nth-child(5),
.main-project .nav-wrapper.phase2 ul li:nth-child(6),
.main-project .nav-wrapper.phase2 ul li:nth-child(7) {
 width: 25%;
}
.main-project .nav-wrapper.phase2 ul li:nth-child(4),
.main-project .nav-wrapper.phase2 ul li:first-child {
 padding: 0px 2px 4px 0px !important;
}
.main-project .nav-wrapper.phase2 ul li:nth-child(2),
.main-project .nav-wrapper.phase2 ul li:nth-child(5),
.main-project .nav-wrapper.phase2 ul li:nth-child(6) {
 padding: 0px 2px 4px 2px !important;
}
.main-project .nav-wrapper.phase2 ul li:nth-child(3),
.main-project .nav-wrapper.phase2 ul li:nth-child(7) {
 padding: 0px 0px 4px 2px !important;
}
.main-project .nav-wrapper.phase2 ul li ul.nav-child li {
 width: 100% !important;
 padding: 0px 2px 4px 2px !important;
}
.main-project .nav-wrapper .nav-dropdown {
 position: absolute;
 right: 6%;
}
.main-project .nav-wrapper ul li.nav-drop-down.active ul.nav-child {
 display: block;
}

.main-project .nav-wrapper ul li.nav-drop-down ul.nav-child {
 display: none;
}
.main-project .nav-wrapper ul.nav-child {
 position: absolute;
 z-index: 999;
 width: 100%;
}
.main-project .nav-wrapper ul.nav-child li {
 width: 100%;
}
.main-project .nav-wrapper ul.nav-child a {
 min-height: 80px;
}

.main-project .nav-wrapper ul li a,
.main-project .nav-wrapper ul li span.nav-parent {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 height: 100%;
 text-decoration: none;
 padding: 0.5em 1em;
 background-color: #d0ebf5;
 color: #37bff0;
}
.main-project .nav-wrapper ul li a:hover,
.main-project .nav-wrapper.phase1 .nav-last-child a:hover,
.main-project .nav-wrapper.phase2 .nav-last-child a:hover {
 background-color: #37bff0;
 color: #fff;
}
.main-project .nav-wrapper ul li a.nav-active,
.main-project .nav-wrapper ul li a.nav-active:hover,
.main-project .nav-wrapper ul li a.nav-active:focus,
.main-project .nav-wrapper.phase1 .nav-last-child a.nav-active,
.main-project .nav-wrapper.phase1 .nav-last-child a.nav-active:hover,
.main-project .nav-wrapper.phase1 .nav-last-child a.nav-active:focus,
.main-project .nav-wrapper.phase2 .nav-last-child a.nav-active,
.main-project .nav-wrapper.phase2 .nav-last-child a.nav-active:hover,
.main-project .nav-wrapper.phase2 .nav-last-child a.nav-active:focus {
 background-color: #08384e;
 color: #fff;
}
.main-project .nav-wrapper ul li a:not([href]) {
 cursor: default;
}
.main-project .nav-wrapper.phase1 ul li:nth-child(4n + 1) {
 padding-left: 0;
}
.main-project .nav-wrapper.phase1 ul li:nth-child(4n) {
 padding-right: 0;
}
.main-project .nav-wrapper.phase2 ul li:nth-child(3n + 1) {
 padding-left: 0;
}
.main-project .nav-wrapper.phase2 ul li:nth-child(3n) {
 padding-right: 0;
}

/* Phase 1 & 2 Nav */
.main-project .nav-wrapper.phase1,
.main-project .nav-wrapper.phase2 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.main-project .nav-wrapper.phase1 ul {
 flex: 1 80%;
}
.main-project .nav-wrapper.phase2 ul {
 width: 100%;
}
.main-project .nav-wrapper.phase1 .nav-last-child {
 flex: 1 20%;
 padding: 4px 0px 8px 4px;
}
/* .main-project .nav-wrapper.phase2 .nav-last-child {
 flex: 1 25%;
 padding: 4px 0px 8px 4px;
} */
.main-project .nav-wrapper.phase1 .nav-last-child a,
.main-project .nav-wrapper.phase2 .nav-last-child a {
 flex: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 height: 100%;
 background: #d0ebf5;
 color: #37bff0;
 text-align: center;
 padding: 0px 5px;
}
@media screen and (max-width: 1280px) {
 .main-project .nav-wrapper ul li {
   min-height: 6.25vw;
 }
}

@media screen and (max-width: 767px) {
 .main-project .nav-wrapper ul li,
 .main-project .nav-wrapper.phase2 ul li,
 .main-project .nav-wrapper.phase2-2row3column ul li {
   flex-basis: 50%;
   min-height: 65px;
 }
 .main-project .nav-wrapper.phase2 ul li:last-child,
 .main-project .nav-wrapper.phase2 ul li ul.nav-child li,
 .main-project .nav-wrapper.phase2-2row3column ul li:last-child,
 .main-project .nav-wrapper.phase2-2row3column ul li ul.nav-child li {
   width: 100% !important;
 }
 .main-project .nav-wrapper ul li:nth-child(2n + 1) {
   padding-left: 0 !important;
 }
 .main-project .nav-wrapper ul li:nth-child(2n) {
   padding-right: 0 !important;
 }

  .main-project .nav-wrapper.phase2 ul li:first-child {
   padding-left: 0px !important;
 }
 .main-project .nav-wrapper.phase2 ul li:last-child {
   padding-right: 0px !important;
   padding-left: 0px !important;
 }
 .main-project .nav-wrapper.phase2 ul li:first-child,
 .main-project .nav-wrapper.phase2 ul li:nth-child(3),
 .main-project .nav-wrapper.phase2 ul li:nth-child(5) {
   padding: 0 2px 4px 0px !important;
   width: 50%;
 }

  .main-project .nav-wrapper.phase2 ul li:nth-child(2),
 .main-project .nav-wrapper.phase2 ul li:nth-child(4),
 .main-project .nav-wrapper.phase2 ul li:nth-child(6) {
   padding: 0 0px 4px 2px !important;
   width: 50%;
 }
 .main-project .nav-wrapper.phase2-2row3column ul li:nth-child(3n) {
   padding-right: 4px;
 }
 .main-project .nav-wrapper.phase2-2row3column ul li:last-child {
   padding-right: 0px;
 }
 .main-project .nav-wrapper.phase2-2row3column ul li ul.nav-child li {
   padding: 0px 0px 4px 0px;
 }
 /* Phase 1 Nav */
 .main-project .nav-wrapper.phase1,
 .main-project .nav-wrapper.phase2 {
   flex-flow: column;
 }
 .main-project .nav-wrapper.phase1 .nav-last-child,
 .main-project .nav-wrapper.phase2 .nav-last-child {
   padding: 0px 0px 4px 0px;
 }
 .main-project .nav-wrapper.phase1 .nav-last-child a {
   padding: 0.7em 1em;
 }

  .main-project .nav-wrapper.phase2 .nav-last-child a {
   padding: 1.2em 1em;
 }
 .main-project .nav-wrapper ul.nav-child li {
   padding-left: 0px;
   padding-right: 0px;
 }
}
.main-project .dl-container {
 max-width: 600px;
 width: 100%;
 margin: 0 auto;
 padding: 30px 15px;
}
@media (max-width: 767px) {
 .main-project .dl-container {
   padding: 30px 0;
 }
}
.main-project .more-info-dl-wrap div {
 padding: 0px 20px;
}
.main-project .more-info-dl-wrap div a {
 text-decoration: underline;
}
@media screen and (max-width: 499px) {
 .main-project .more-info-dl-wrap div {
   padding: 0px 10px;
 }
}

.main-project .more-info-dl-wrap div:not(:last-child) {
 border-right: 2.5px solid #000;
}

.main-project.corporate-challenge .announcement__copy,
.main-project.nsc6 .announcement__copy {
 padding: 30px 20px;
}

.main-project.nsc6 .announcement__copy ul {
 list-style-position: outside;
 padding-inline-start: 20px;
}

.main-project.nsc6 .announcement__copy ul li {
 margin-bottom: 40px;
}

.main-project.nsc6 .announcement__copy ul li:last-child {
 margin-bottom: 0;
}

.main-project.nsc6 .sticky-icon {
 z-index: 99;
 transition: left 0.4s ease-in-out;
 -o-transition: left 0.4s ease-in-out;
 -ms-transition: left 0.4s ease-in-out;
 -moz-transition: left 0.4s ease-in-out;
 -webkit-transition: left 0.4s ease-in-out;
 width: 100px;
 background: #fcd700;
 display: flex;
 align-items: flex-end;
 justify-content: flex-end;
 padding: 15px 10px;
 border-top-right-radius: 60px;
 border-bottom-right-radius: 60px;
 overflow: hidden;
 box-shadow: 4px 5px 4px 1px #0000001c;
 margin-top: 5px;
}

.main-project.nsc6 .sticky-icon:hover {
 width: 150px;
}

.main-project.nsc6 .sticky-icon.slide-in {
 z-index: 99;
 -webkit-animation: slide 0.5s forwards;
 -webkit-animation-delay: 0s;
 animation: slide 0.5s forwards;
 animation-delay: 0s;
}

.main-project.nsc6 .sticky-icon.slide-up {
 z-index: 99;
 -webkit-animation: slideup 0.5s forwards;
 -webkit-animation-delay: 0s;
 animation: slideup 0.5s forwards;
 animation-delay: 0s;
}

@-webkit-keyframes slide {
 0% {
   top: 0;
 }

  100% {
   top: calc(50% - 100px);
 }
}
@keyframes slide {
 0% {
   top: 0;
 }

  100% {
   top: calc(50% - 100px);
 }
}
@-webkit-keyframes slideup {
 0% {
   top: calc(50% - 100px);
 }

  100% {
   top: 0;
 }
}
@keyframes slideup {
 0% {
   top: calc(50% - 100px);
 }

  100% {
   top: 0;
 }
}

.main-project.nsc6 .sticky-icon.fixed {
 position: fixed;
 top: 0;
}

@media screen and (max-width: 767px) {
 .main-project.nsc6 .sticky-icon {
   margin-left: -15px;
   width: 68px;
 }
 .main-project.nsc6 .sticky-icon:hover {
   width: 68px;
 }
}

/** Modal Dialog **/
.main-project .modal-dialog {
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 max-width: 1100px;
 margin: auto;
 padding: 0px 15px;
}
.main-project .vertical-alignment-helper {
 display: table;
 height: 100%;
 width: 100%;
 pointer-events: none;
}
.main-project .vertical-align-center {
 display: table-cell;
 vertical-align: middle;
 pointer-events: none;
}

@media screen and (max-width: 1280px) {
 .main-project .modal-dialog {
   padding-left: 15px;
   padding-right: 15px;
 }
}

.main-project .modal-content {
 width: inherit;
 max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
 height: inherit;
 margin: 0 auto;
 pointer-events: all;
}

.main-project .modal-footer {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
}

.main-project .modal.fade.in {
 padding-right: 0 !important;
}
.main-project .modal-header .close {
 margin-top: -16px;
 opacity: 1;
 float: right;
 margin-right: -14px;
 cursor: pointer;
 color: #0093d1;
 border: 1px solid #ccc;
 border-radius: 30px;
 background: #fff;
 font-size: 28px;
 font-weight: bold;
 display: inline-block;
 line-height: 0px;
 padding: 18px 5px 12px 6px;
 box-shadow: 1px 2px 3px 0px #504d4d;
 width: 35px;
 height: 35px;
 position: absolute;
}

.main-project .modal-header .close::before {
 content: '\d7';
}

.main-project .modal-dialog.modal-yellow .modal-content {
 border-radius: 0;
 background-color: #fffde5;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-top: 20px;
 margin-bottom: 20px;
}

.main-project .modal-dialog.modal-yellow .modal-content .modal-header {
 background-color: #fbd702;
 text-align: center;
 position: relative;
 padding: 0px;
 -webkit-box-flex: 0;
 -ms-flex-positive: 0;
 flex-grow: 0;
 border: 0;
 opacity: 1 !important;
 min-height: 80px;
}

.main-project
 .modal-dialog.modal-yellow
 .modal-content
 .modal-header
 .modal-title {
 top: -60%;
 z-index: 99;
}

.main-project
 .modal-dialog.modal-yellow
 .modal-content
 .modal-header
 .modal-title
 img {
 width: 160px;
 margin-right: 0px;
}

.main-project
 .modal-dialog.modal-yellow
 .modal-content
 .modal-header
 .modal-title
 span {
 margin-top: 5%;
}

@media screen and (max-width: 767px) {
 .main-project
   .modal-dialog.modal-yellow
   .modal-content
   .modal-header
   .modal-title {
   top: -11%;
 }
 .main-project
   .modal-dialog.modal-yellow
   .modal-content
   .modal-header
   .modal-title
   img {
   width: 100px;
 }
 .main-project
   .modal-dialog.modal-yellow
   .modal-content
   .modal-header
   .modal-title
   span {
   margin-top: 1%;
 }
}

.main-project .modal-dialog.modal-yellow .modal-content .modal-body {
 border: 5px solid #fbd703;
 background-color: #fffde5;
 border-top: 0;
 -webkit-box-flex: 1;
 -ms-flex-positive: 1;
 flex-grow: 1;
}

/**Custom max-width **/
.main-project .box-l {
 max-width: 980px;
}

.main-project .box-m {
 max-width: 867px;
}

.main-project .w-100 {
 width: 100% !important;
 margin: 0 auto;
}

/**table **/
.info-area.info-box-holder .main-project table {
 margin: 0 auto;
 overflow: hidden;
}

.info-area.info-box-holder .main-project table,
.info-area.info-box-holder .main-project table tbody,
.info-area.info-box-holder .main-project table tr {
 vertical-align: middle;
 border-color: transparent;
 width: 100%;
 display: table;
 overflow: hidden !important;
}

.info-area.info-box-holder .main-project .nsc6-table table > tbody > tr > td,
.info-area.info-box-holder .main-project .nsc6-table table > tbody > tr > th {
 border: unset !important;
 padding: 8px;
 background-color: transparent;
}

.info-area.info-box-holder .main-project .nsc6-table table > tbody > tr > td {
 background-color: unset !important;
}

.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr:nth-child(odd).gradient {
 background: #0053ae !important;
 background: -webkit-gradient(
   linear,
   left top,
   right top,
   from(#0053ae),
   to(#00bafe)
 ) !important;
 background: linear-gradient(90deg, #0053ae 0%, #00bafe 100%) !important;
}

.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr:nth-child(odd).yellow {
 background-color: #fef3b2 !important;
}

.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr:nth-child(odd).lightyellow {
 background-color: #fffdee !important;
}

.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr:nth-child(even).lightyellow {
 background-color: #fffdee !important;
}

.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr:nth-child(odd).darkyellow {
 background-color: #fbd702 !important;
}

.info-area.info-box-holder .main-project table > tbody > tr:nth-child(even) {
 background-color: #ffffff !important;
}

.info-area.info-box-holder .main-project table > tbody > tr:nth-child(odd) {
 background-color: #e5f5fc !important;
}
.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr:nth-child(even)
 .table-mobile
 tr {
 background-color: #ffffff !important;
}
.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr:nth-child(odd)
 .table-mobile
 tr {
 background-color: #e5f5fc !important;
}

.info-area.info-box-holder .main-project table > tbody > tr.borderSeparator td,
.info-area.info-box-holder .main-project table > tbody > tr.borderSeparator th {
 border-left: 3px solid #e4dec7 !important;
}

.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr.borderSeparator
 td:first-child-child,
.info-area.info-box-holder
 .main-project
 table
 > tbody
 > tr.borderSeparator
 th:first-child-child {
 border-left: 0 !important;
}

/** btn wrapper **/
.main-project .maxWidth284 {
 max-width: 284px;
 width: 100%;
 margin: 0 auto;
}
.main-project .maxWidth284 > a,
.main-project .maxWidth284 > a:hover {
 display: block;
 padding: 15px 5px;
 color: #ffffff;
 webkit-box-shadow: 5px 5px 0px 0px #fbd703;
 box-shadow: 5px 5px 0px 0px #fbd703;
}

.main-project .maxWidth284 > a.bg-yellow,
.main-project .maxWidth284 > a.bg-yellow:hover {
 color: #0093d1;
 webkit-box-shadow: 5px 5px 0 0 #1b75bc;
 box-shadow: 5px 5px 0 0 #1b75bc;
}

/** footnotes **/
.main-project .footnotes span {
 margin-bottom: 15px;
 display: block;
}

.main-project .footnotes span:last-child {
 margin-bottom: 0;
}

/** Contents **/
.main-project.nsc6 .steps-marginTop30 {
 margin-top: -30px;
}

.main-project.nsc6 .steps-marginTop50 {
 margin-top: -50px;
}

@media screen and (max-width: 767px) {
 .d-nowrap {
   white-space: normal;
 }
 .main-project.nsc6 .steps-marginTop30,
 .main-project.nsc6 .steps-marginTop50 {
   margin-top: 0;
 }

  .main-project.nsc6 .steps-marginTop30 > div,
 .main-project.nsc6 .steps-marginTop50 > div {
   width: 75%;
   margin: 0 auto;
 }
}

.main-project.nsc6 .bonus-healthpoints-wrap {
 border: 7px solid #fbd702;
 background-color: #fffde5;
 padding: 30px 20px;
}
@media screen and (max-width: 767px) {
 .bonus-healthpoints-wrap {
   padding: 30px 0;
 }
}

.main-project.nsc6 .new-wrap {
 display: inline-block;
 position: absolute;
 top: -45px;
 padding-left: 10px;
}

.main-project.nsc6 .i_new-wrap {
 position: absolute;
 margin-top: -73px;
 left: 105px;
 float: left;
 width: 30%;
}

.main-project .custom-dropdown,
.main-project .faq-dropdown {
 display: inline-block;
 position: relative;
 border: 5px solid #0093d1;
}

.main-project .custom-dropdown.btn-dropdown,
.main-project .faq-dropdown.btn-dropdown {
  border: 0;
  box-shadow: 5px 5px 0 0 #1b75bc;
}

.main-project .custom-dropdown.btn-dropdown button,
.main-project .faq-dropdown.btn-dropdown button {
  border: 0;
}

.main-project .faq-dropdown.btn-dropdown button {
  pointer-events: none;
  position: relative;
}

.main-project .custom-dropdown.btn-dropdown .custom-dropdown__options,
.main-project .faq-dropdown.btn-dropdown .custom-dropdown__options {
  margin-top: -1px;
  background-color: #fbd702;
  box-shadow: 5px 5px 0 0 #1b75bc;
  padding-bottom: 15px;
}

.main-project .custom-dropdown.btn-dropdown .custom-dropdown__options a,
.main-project .faq-dropdown.btn-dropdown .custom-dropdown__options a {
  margin-top: 0;
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: underline;
}

.main-project .custom-dropdown .custom-dropdown__option-item,
.main-project .custom-dropdown .custom-dropdown__selected,
.main-project .faq-dropdown .custom-dropdown__option-item,
.main-project .faq-dropdown .custom-dropdown__selected {
 display: flex;
 width: 100%;
 /* color: #000; */
 background-color: #fbd702;
 padding: 10px;
 text-align: left;
 align-items: center;
}

.main-project .custom-dropdown .custom-dropdown__selected,
.main-project .faq-dropdown .custom-dropdown__selected {
 min-height: 55px;
 padding-right: 60px;
}

.main-project .custom-dropdown .custom-dropdown__selected:after,
.main-project .faq-dropdown .custom-dropdown__selected:after {
 position: absolute;
 right: 10px;
 top: 43%;
 height: 35px;
 margin-top: -17px;
 background-image: url('https://ch-api.healthhub.sg/api/public/content/b187fc1cc07a437aad82811d85a9c588?v=71ac8b76');
 background-size: 100% 100%;
 display: inline-block;
 width: 40px;
 height: 40px;
 content: '';
 float: right;
 transition: all 0.5s;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 transform: rotate(0deg);
}

.main-project .custom-dropdown.is-active .custom-dropdown__selected:after,
.main-project .faq-dropdown.is-active .custom-dropdown__selected:after {
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 transform: rotate(180deg);
}

.main-project .faq-dropdown {
  cursor: pointer;
}

.main-project .faq-dropdown .custom-dropdown__options {
  display: none;
}

.main-project .faq-dropdown.is-active .custom-dropdown__options {
  display: block;
  width: 101%;
}

.main-project .custom-dropdown .custom-dropdown__options{
 position: absolute;
 left: 0;
 top: 100%;
 width: 100%;
 display: none;
 z-index: 2;
}

.main-project .custom-dropdown .custom-dropdown__options .custom-dropdown__option-item,
.main-project .faq-dropdown .custom-dropdown__options .custom-dropdown__option-item {
 margin-top: 5px;
 border-width: 2px;
 border-style: outset;
 border-color: #767676;
 border-image: initial;
}

.main-project .panel.collection-venues-filter.yellow {
 padding-right: 11px;
}

.main-project .panel.collection-venues-filter .panel-heading {
 padding: 20px;
}

.main-project .panel.collection-venues-filter .panel-body .filter-dropdown {
 text-align: center;
 padding: 10px;
}

.main-project
 .panel.collection-venues-filter
 .panel-body
 .filter-dropdown
 .custom-dropdown {
 width: 620px;
 max-width: 100%;
}

.main-project
 .panel.collection-venues-filter
 .panel-body
 .filter-result
 .filter-result-table
 tr {
 display: table-row;
}

.main-project.nsc6 #community-roadshows .borderLeft {
 border-left: 1px solid #cecece !important;
 padding-left: 0;
 text-align: left;
 padding-right: 0;
}

.main-project.nsc6 #community-roadshows .borderLeft span {
 padding-left: 8px;
 padding-right: 8px;
 display: block;
}

.main-project.nsc6 #community-roadshows .borderLeft .paddingTop10 {
 border-top: 1px solid #cecece !important;
 padding-top: 5px;
 margin-top: 5px;
}

.main-project.nsc6 #new-exercise table tr th,
.main-project.nsc6 #new-more-steps table tr th {
 padding: 25px;
 vertical-align: middle;
 text-align: center;
}

.main-project.nsc6 #new-exercise table tr td,
.main-project.nsc6 #new-more-steps table tr td {
 padding: 20px;
 vertical-align: middle;
 text-align: center;
}

.main-project.nsc6 .calculate-hr-age-input {
 text-align: center;
 width: 210px;
 padding: 7px 10px;
 border: 3px solid #0093d1;
}

.main-project.nsc6 .calculate-hr-age-input::-webkit-input-placeholder {
 color: #0093d1;
 text-decoration: underline;
}

.main-project.nsc6 .calculate-hr-age-input::-moz-placeholder {
 color: #0093d1;
 text-decoration: underline;
}

.main-project.nsc6 .calculate-hr-age-input:-ms-input-placeholder {
 color: #0093d1;
 text-decoration: underline;
}

.main-project.nsc6 .calculate-hr-age-input::-ms-input-placeholder {
 color: #0093d1;
 text-decoration: underline;
}

.main-project.nsc6 .calculate-hr-age-input::placeholder {
 color: #0093d1;
 text-decoration: underline;
}

.main-project.nsc6 .calculate-hr-btn {
 display: inline-block;
 position: relative;
 top: 0.8em;
 width: 2.5em;
 height: 2.5em;
 border: 0;
 border-radius: 50%;
 background: url('https://ch-api.healthhub.sg/api/public/content/5bb58caf9a0a4b8cb85d7f5480aa2a66?v=b92febc8') center center/contain no-repeat;
}

/** Footer Sticky **/
.main-project .sticky_container {
 border-top: 5px solid #fde927;
}

.main-project .sticky__wrap {
 max-width: 1013px;
 width: 100%;
 margin: 0 auto;
 padding: 10px;
}

@media screen and (max-width: 767px) {
 .main-project .sticky__wrap {
   padding: 10px 5px 0px 5px;
 }
}

.main-project .sticky__wrap.border-bottom {
 border-bottom: 3px solid #0b384f;
}

.main-project .left_sticky {
 width: 70%;
}

.main-project .contact_sticky {
 width: 55%;
}

.main-project .phone_sticky {
 width: 45%;
}
.main-project .phone_sticky > div > div {
  width: 175px;
}
@media screen and (max-width: 767px) {
  .main-project .phone_sticky > div > div {
    width: auto;
  }
}

.main-project .stickty-img {
 margin-right: 0.5vw;
}
@media screen and (max-width: 1024px) {
 .main-project .stickty-img {
   margin-right: 0.5vw;
 }
}

.main-project .enquiries.fixed {
 position: fixed;
}

.main-project .enquiries {
 z-index: 999;
 bottom: 0;
}

.main-project .footer-img-wrap {
 padding-top: 10px;
 border-top: 6px solid #0a384f;
}

/** How to Sign up **/
.main-project #how-to-register-tabs .tab-content .step-one-img-wrapper {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}

#how-to-register-tabs .tab-content .step-one-img-wrapper .apps-store {
 margin-left: 15px;
}

#how-to-register-tabs
 .tab-content
 .step-one-img-wrapper
 .apps-store
 .app-store {
 margin-bottom: 5px;
}
#how-to-register-tabs .nav-tabs {
 border-bottom: unset;
}
#how-to-register-tabs .nav-tabs > li#employees,
#how-to-register-tabs .nav-tabs > li#more-than,
#how-to-register-tabs .nav-tabs > li#private-sector {
 float: left;
}
#how-to-register-tabs .nav-tabs > li {
 cursor: pointer;
 flex: 0 1 100%;
}
#how-to-register-tabs .nav-tabs > li.active > a,
#how-to-register-tabs .nav-tabs > li.active > a:focus,
#how-to-register-tabs .nav-tabs > li.active > a:hover {
 background-color: #fbd702;
 border: 1px solid #fbd702;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 margin: 0;
}
#how-to-register-tabs .nav-tabs > li > a {
 padding: 25px;
 background-color: #fef3b2;
 border: 1px solid #fef3b2;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 margin: 0;
}
#how-to-register-tabs .tab-header {
 text-align: center;
 flex-flow: column;
}
#how-to-register-tabs .tab-header > div {
 height: auto;
}
#how-to-register-tabs .tab-content {
 background-color: #fffde5;
 border: 8px solid #fbd702;
}
.main-project.nsc6 .downloadbtn-wrap {
 max-width: 283px;
 width: 100%;
 margin: 0 auto;
}

.main-project.nsc6 .need-assistance-guide-pdfs-wrapper > div > ol > li {
 margin-bottom: 10px;
}

.main-project.nsc6 .list-for-non-smart-phone-user {
 padding-left: 25px;
}

.main-project.nsc6 .tip-to-move-more-container {
 flex-flow: wrap;
}

.main-project.nsc6 .tip-to-move-more-container > * {
 flex: 1 50%;
}

.main-project.nsc6 .tip-to-move-more-container > * img {
 margin-top: 30px;
}

.main-project.nsc6 .tip-to-move-more-container > *:nth-child(even) {
 border-left: 2px solid #0080d0;
}

.main-project.nsc6 .tip-to-move-more-container > *:nth-child(2) {
 border-left: 0px solid transparent;
}

.main-project.nsc6 .moveit-workout-video-container {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.main-project.nsc6 .moveit-workout-video-container > * {
 flex: 0 0 48.5%;
}

.main-project .section-mvpa .why-wrapper {
 margin-bottom: 30px;
}

.main-project .section-mvpa .why-img,
.main-project .section-mvpa .mvpa-img-wrapper {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}

.main-project .section-mvpa .why-img {
 min-height: 100px;
}

.main-project .section-mvpa #mvpa-one-img {
 min-height: 172px;
}

.main-project .section-mvpa .mvpa-text-spacing {
 margin-bottom: 22px;
}

.main-project .section-mvpa .heart-rate-zone-tbl {
 border: 4px solid #0093d1 !important;
}

.main-project .section-mvpa .table.table-heart-rate-zone th {
 border-bottom: 4px solid #0093d1 !important;
}

@media screen and (max-width: 1044px) {
 .main-project .video-container,
 .main-project .youtube-video {
   width: 100%;
 }
}

@media screen and (max-width: 1024px) {
 .f3 {
   font-size: 18px;
 }
 .f-xl {
   font-size: 42px;
 }

  .advisory-content-wrapper .f4,
 .f4 {
   font-size: 17px;
 }

  .f5 {
   font-size: 15px;
 }
}

@media screen and (max-width: 900px) {
 .main-project.nsc6 .icon-new {
   width: 47px;
 }

  .main-project.nsc6 .i_new-wrap {
   margin-top: -63px;
   left: 100px;
 }
}

@media screen and (max-width: 767px) {
 .hpb-container {
   position: relative;
   overflow: hidden;
 }

  .f1 {
   font-size: 22px;
 }

  .f2 {
   font-size: 18px;
 }

  .f3 {
   font-size: 17px;
 }

  .advisory-content-wrapper .f4,
 .f4 {
   font-size: 16px;
 }

  .f5 {
   font-size: 14px;
 }

  .f6 {
   font-size: 13px;
 }

  .m-text-center {
   text-align: center !important;
 }

  .m-text-left {
   text-align: left !important;
 }

  .advisory-content-wrapper .f4 {
   line-height: normal;
   font-size: 14px;
 }

  .paddingTop30 {
   padding-top: 20px;
 }

  .paddingTop50 {
   padding-top: 30px;
 }

  .marginTop20 {
   margin-top: 15px;
 }



  .marginBottom30 {
   margin-bottom: 20px;
 }

  .padding40 {
   padding: 30px 10px;
 }

  .padding20 {
   padding: 15px 7px;
 }

  .txt-center {
   text-align: center;
 }

  .m-flex-column {
   flex-flow: column;
 }

  .main-project.nsc6 .i_new-wrap {
   left: 113px;
 }

  .main-project .custom-dropdown .custom-dropdown__option-item,
 .main-project .custom-dropdown .custom-dropdown__selected,
 .main-project .faq-dropdown .custom-dropdown__option-item,
 .main-project .faq-dropdown .custom-dropdown__selected  {
   justify-content: center;
   padding: 7px;
 }

 .main-project .custom-dropdown .custom-dropdown__selected:not(.flex-center),
 .main-project .faq-dropdown .custom-dropdown__selected:not(.flex-center) {
   padding-right: 35px;
 }

  .main-project .custom-dropdown .custom-dropdown__selected:after,
  .main-project .faq-dropdown .custom-dropdown__selected:after {
   /* content: url('../images/arrow-m.png'); */
   right: 7px;
   width: 32px;
   height: 30px;
   margin-top: -14px;
 }

  .main-project
   .panel.collection-venues-filter
   .panel-body
   .filter-dropdown
   .custom-dropdown {
   width: 100%;
 }

  .main-project
   .panel.collection-venues-filter
   .panel-body
   .filter-dropdown
   .custom-dropdown
   .custom-dropdown__option-item,
 .main-project
   .panel.collection-venues-filter
   .panel-body
   .filter-dropdown
   .custom-dropdown
   .custom-dropdown__selected {
   text-align: center;
 }

  .main-project.nsc6 .new-wrap {
   top: -31px;
   padding-left: 5px;
 }

  .main-project.nsc6 .new-wrap .icon-new {
   width: 43px;
 }

  .main-project.nsc6 #new-exercise table tr th,
 .main-project.nsc6 #new-more-steps table tr th {
   padding: 15px 10px;
 }

  .main-project.nsc6 #new-exercise table tr td,
 .main-project.nsc6 #new-more-steps table tr td {
   padding: 7px;
 }

  .main-project.nsc6 #new-exercise table tr th,
 .main-project.nsc6 #new-more-steps table tr th {
   padding: 15px 10px;
 }

  .main-project.nsc6 #new-exercise table tr td,
 .main-project.nsc6 #new-more-steps table tr td {
   padding: 7px;
 }

  .section-masthead .carousel-indicators {
   margin-bottom: 1%;
 }

  .main-project .custom-carousel {
   margin-left: 0;
   margin-right: 0;
 }

  .main-project .custom-carousel .carousel-control .glyphicon-chevron-left,
 .main-project .custom-carousel .carousel-control.left {
   margin-left: 0;
 }

  .main-project .custom-carousel .carousel-control .glyphicon-chevron-right,
 .main-project .custom-carousel .carousel-control.right {
   margin-right: 0;
 }

  .main-project .custom-carousel .carousel-control .glyphicon-chevron-left,
 .main-project .custom-carousel .carousel-control .glyphicon-chevron-right {
   top: 2vw;
 }

  .main-project .custom-carousel img {
   max-width: 90%;
 }

  .main-project .custom-carousel .steps-marginTop30 > div {
   width: 93%;
 }

  .main-project .left_sticky {
   width: 100%;
 }

  .main-project .phone_sticky > .flex-center,
 .main-project .right_sticky > .flex-center {
   align-items: flex-end;
   justify-content: flex-end;
 }

  .main-project .right_sticky {
   padding: 10px 0;
   width: 100%;
 }

  .main-project .reverse-column {
   flex-flow: column-reverse !important;
   text-align: center;
 }

  .main-project.nsc6 .downloadbtn-wrap {
   max-width: 253px;
 }

  .main-project.nsc6 .list-for-non-smart-phone-user {
   text-align: left;
 }

  .main-project.nsc6 .tip-to-move-more-container {
   flex-flow: column;
 }

  .main-project.nsc6 .tip-to-move-more-container > * {
   flex: 1;
   width: 100%;
 }
 .main-project.nsc6 .tip-to-move-more-container > *:nth-child(even) {
   border-left: 0px solid transparent;
 }
 .main-project.nsc6 .tip-to-move-more-container div:nth-child(1) {
   order: 1;
 }
 .main-project.nsc6 .tip-to-move-more-container div:nth-child(3) {
   order: 2;
 }
 .main-project.nsc6 .tip-to-move-more-container div:nth-child(5) {
   order: 3;
 }
 .main-project.nsc6 .tip-to-move-more-container div:nth-child(7) {
   order: 4;
   padding-bottom: 30px;
 }
 .main-project.nsc6 .tip-to-move-more-container div:nth-child(2) {
   order: 5;
   padding-top: 30px;
   border-top: 2px solid #0080d0;
 }
 .main-project.nsc6 .tip-to-move-more-container div:nth-child(4) {
   order: 6;
 }
 .main-project.nsc6 .tip-to-move-more-container div:nth-child(6) {
   order: 7;
 }
 .main-project.nsc6 .tip-to-move-more-container div:nth-child(8) {
   order: 8;
 }

  .main-project.nsc6 .moveit-workout-video-container {
   max-width: 450px;
   width: 100%;
   margin: 0 auto;
 }

  .main-project.nsc6 .moveit-workout-video-container > * {
   flex: 1 100%;
   width: 100%;
 }
}
@media screen and (max-width: 640px) {
 .hidden640 {
   display: none;
 }

  .visible640 {
   display: block;
 }

  .main-project .panel .img-wrap {
   margin-top: 0;
   margin-bottom: 0;
 }

  .gradient .panel-heading .title-img {
   margin-top: 0;
 }

  .main-project .panel-default .maxWidth530 > div {
   display: flex;
   align-items: center;
   vertical-align: middle;
 }

  .main-project table tr .f3.xs-fonts {
   font-size: 3.5vw;
   line-height: normal;
 }

  .main-project table tr .f4.xs-fonts {
   font-size: 3.2vw;
   line-height: normal;
 }

  .main-project .youtube-video {
   height: 100%;
   min-height: 300px;
 }
}
@media screen and (max-width: 440px) {
 .main-project.nsc6 .i_new-wrap {
   left: 81px;
   width: 28%;
   margin-top: -50px;
 }

  .main-project.nsc6 .icon-new {
   width: 37px;
 }

  .main-project.nsc6 .exe-img {
   width: 20vw;
 }

  .info-area.info-box-holder .main-project table tr .f3.xxs-fonts {
   font-size: 3.1vw;
   line-height: normal;
 }

  .info-area.info-box-holder .main-project table tr .f4.xxs-fonts {
   font-size: 2.8vw;
   line-height: normal;
 }
}
@media screen and (max-width: 414px) {
 .f5 {
   font-size: 12px;
 }

  .main-project .three-columns span.f3,
 .main-project .three-columns span.f4 {
   font-size: 3.3vw;
 }

  .main-project .section-footer a.btn-footer span.f4 {
   font-size: 3.4vw;
 }
}

@media screen and (max-width: 375px) {
 .main-project.nsc6 .i_new-wrap {
   left: 64px;
 }
}
@media screen and (max-width: 360px) {
 .main-project.nsc6 .new-wrap {
   top: -42px;
   padding-left: 0;
   width: 36px;
 }

  .main-project.nsc6 .downloadbtn-wrap {
   max-width: 198px;
 }
}
@media screen and (max-width: 320px) {
 .hidden320 {
   display: none;
 }

  .f1 {
   font-size: 20px;
 }

  .f2 {
   font-size: 17px;
 }

  .f3 {
   font-size: 15px;
 }

  .advisory-content-wrapper .f4,
 .f4 {
   font-size: 14px;
 }

  .f6 {
   font-size: 11px;
 }

  .title-img {
   margin-right: 10px;
 }

  .main-project .section-footer a.btn-footer span.f4 {
   font-size: 12px;
 }

  .main-project .three-columns span.f3,
 .main-project .three-columns span.f4 {
   font-size: 3.4vw;
 }

  .info-area.info-box-holder .main-project table tr .f3.xs-fonts {
   font-size: 3.6vw;
 }

  .info-area.info-box-holder .main-project table tr .f4.xs-fonts {
   font-size: 3.4vw;
 }

  .main-project.nsc6 .i_new-wrap {
   left: 53px;
 }

  .main-project.nsc6 .icon-new {
   width: 32px;
 }

  .main-project.nsc6 .new-wrap {
   margin-left: -12px;
 }

  .main-project.nsc6 #new-exercise table tr th,
 .main-project.nsc6 #new-more-steps table tr th {
   padding: 10px 7px;
 }

  .main-project.nsc6 #new-exercise table tr td,
 .main-project.nsc6 #new-more-steps table tr td {
   padding: 5px;
 }
}

.main-project.tracker-collection .fitness-tracker {
 margin-left: 20px;
}
.main-project.tracker-collection .options {
 padding: 0 75px;
}
.main-project.tracker-collection .options:nth-child(1) {
 border-right: 2px solid #0093d1;
}
.info-area.info-box-holder
 .main-project
 .early-bird-tracker-tbl
 table
 > tbody
 > tr:nth-child(2n + 1).blue {
 background-color: #009edd !important;
}
.info-area.info-box-holder .main-project .early-bird-tracker-tbl table {
 border-left: 7px solid #009edd !important;
 border-bottom: 7px solid #009edd !important;
 border-right: 7px solid #009edd !important;
}
.main-project.tracker-collection .early-bird-tracker-tbl th {
 color: #ffffff;
 padding: 20px 40px;
 border: none;
}
.main-project.tracker-collection .early-bird-tracker-tbl th:nth-child(1) {
 border-right: 2px solid #ffffff;
}
.main-project.tracker-collection .early-bird-tracker-tbl td:nth-child(1) {
 border-right: 2px solid #009edd !important;
}
.main-project.tracker-collection
 .early-bird-tracker-tbl
 tr:nth-child(odd)
 > td {
 background-color: #ebebeb;
}
.main-project.tracker-collection .early-bird-tracker-tbl td {
 padding: 20px 40px;
 border: none !important;
}
.main-project.tracker-collection .early-bird-tracker-tbl td:nth-child(2) {
 padding: 20px 60px;
 border: none !important;
}
.info-area.info-box-holder
 .main-project.healthy-workplace-ecosystems
 table.eight-entry-code-tbl {
 overflow: visible !important;
 overflow-x: visible !important;
 overflow-y: visible !important;
}
@media screen and (max-width: 767px) {
 .m-marginTop15 {
   margin-top: 15px;
 }
 .main-project.tracker-collection .fitness-tracker {
   margin-left: 0px;
   margin-top: 20px;
 }
 .main-project.tracker-collection .options {
   padding: 15px 10px;
 }
 .main-project.tracker-collection .options:nth-child(1) {
   border-bottom: 2px solid #0093d1;
   border-right: none;
 }
 .main-project.tracker-collection .early-bird-tracker-tbl th:nth-child(1) {
   width: 40%;
 }
 .main-project.tracker-collection .early-bird-tracker-tbl th,
 .main-project.tracker-collection .early-bird-tracker-tbl td {
   padding: 5px !important;
 }
 .main-project.tracker-collection .early-bird-tracker-tbl td:nth-child(1) {
   width: 40%;
 }
 .main-project.tracker-collection .early-bird-tracker-tbl td:nth-child(2) {
   width: 60%;
 }

  .main-project.tracker-collection .early-bird-tracker-tbl .f4 {
   font-size: 14px;
 }
}

.main-project .search-wrapper {
 position: relative;
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
}
.main-project .search-wrapper input {
 display: block;
 width: 100%;
 appearance: none;
 border: 6px solid #009edd;
 border-radius: 100px;
 color: #009edd;
 font-size: inherit;
 padding: 0.75em 2em 0.75em 0.75em;
}
.main-project .search-wrapper .search-icon {
 position: absolute;
 right: 1em;
 top: 17%;
 height: 66%;
}
.main-project #faq-accordions .panel-faq-entries .panel-heading a {
 padding: 16px 30px;
}
.main-project #faq-accordions .panel-faq-entries .panel-heading a h1 {
 text-transform: none;
}
.main-project #faq-accordions .panel-faq-entries .panel-body {
 padding: 12px 20px;
}
.main-project #faq-accordions .panel-faq-entries .panel-body ol,
.main-project #faq-accordions .panel-faq-entries .panel-body ul {
 list-style-position: outside;
 padding-left: 1.25em !important;
 margin-left: 0;
 margin-top: 0.35em;
 margin-bottom: 1.25em;
}
.main-project #faq-accordions .panel-faq-entries .panel-body ol ol,
.main-project #faq-accordions .panel-faq-entries .panel-body ol ul,
.main-project #faq-accordions .panel-faq-entries .panel-body ul ol,
.main-project #faq-accordions .panel-faq-entries .panel-body ul ul {
 padding-left: 0;
}
@media (min-width: 768px) {
 .main-project #faq-accordions .panel-faq-entries .panel-body {
   padding: 16px 30px;
 }
}
@media (max-width: 767px) {
 .main-project #faq-accordions .panel-faq-entries .panel-body table td.f4 {
   font-size: 3.75vw;
 }
}

.main-project .custom-list li > * {
 text-indent: 0;
}
.main-project .custom-list li {
 display: block;
 padding-left: 1.6em;
 text-indent: -1.6em;
 margin-bottom: 0em;
}
.main-project .custom-list li > span:first-child {
 display: inline-block;
 width: 1.6em;
}

.social_div.prog-div.social_div_portal {
 display: none !important;
}

.main-project.nsc6 .yt-video-tips-to-move-more {
 width: 80%;
 margin: 0 auto 30px;
}
@media (max-width: 767px) {
 .main-project.nsc6 .yt-video-tips-to-move-more {
   width: 100%;
 }
}

.hpb-container[data-language='english'] [data-language]:not(.js-language-select):not([data-language='english']) {
  display: none;
}

.hpb-container[data-language='chinese'] [data-language]:not(.js-language-select):not([data-language='chinese']) {
  display: none;
}

.hpb-container[data-language='malay'] [data-language]:not(.js-language-select):not([data-language='malay']) {
  display: none;
}

.hpb-container[data-language='tamil'] [data-language]:not(.js-language-select):not([data-language='tamil']) {
  display: none;
}

.hpb-container .step-by-step-guides a{
  text-decoration: underline;
}

.hpb-container .footer.contact-footer .sticky__wrap {
  padding: 10px 10px 30px 10px;
}

.hpb-container .enquiries.fixed .sticky__wrap.border-bottom {
  padding-bottom: 35px !important;
}

.hpb-container .airtime-copy {
  display: block;
  position: absolute;
  width: 200px;
  height: 35px;
  font-size: 12px;
}

@media (max-width: 1280px) {
  .hpb-container .airtime-copy {
    font-size: 0.94vw;
    width: 15.63vw;
  }
}

@media (max-width: 1024px) {
  .hpb-container .airtime-copy {
    font-size: 11px;
  }
}

@media (max-width: 817px) {
  .hpb-container .airtime-copy {
    font-size: 8px;
  }
}


@media (max-width: 767px) {
  .hpb-container .footer.contact-footer .sticky__wrap {
    padding: 10px 5px 0px 5px;
  }
  .hpb-container .footer.contact-footer .sticky__wrap .right_sticky {
    padding-top: 40px;
  }
  .hpb-container .enquiries.fixed .left_sticky {
    margin-bottom: 35px;
  }
  .hpb-container .enquiries.fixed .left_sticky .airtime-copy{
    right: 5px;
  }
  .hpb-container .enquiries.fixed .sticky__wrap.border-bottom {
    padding-bottom: 0px!important;;
  }
  .hpb-container .airtime-copy {
    width: 205px;
    right: 20px;
    text-align: right;
  }
  .hpb-container .airtime-copy {
    font-size: 11px;
  }
}