@import url("https://ch-api.healthhub.sg/api/public/content/cbe2e11ba8d04f38a6483d8e45b63893?v=48febdbe");
.hpb-container .f-pink {
  color: #d35687;
}
.hpb-container.screen-for-life .m-bdr {
  display: table-cell;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .m-bdr {
    border-radius: 25px;
    border: 1px solid #37A750;
    overflow: hidden;
  }
  .hpb-container.screen-for-life .m-bdr.inner {
    padding: 30px 0px 0px;
  }
}

.hpb-container.screen-for-life .dl-box {
  position: relative;
  display: table;
}
@media screen and (max-width: 1280px) {
  .hpb-container.screen-for-life .dl-box {
    width: 50%;
    margin-bottom: 20px;
  }
  .hpb-container.screen-for-life .dl-box:last-child .m-bdr {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .dl-box {
    width: 100%;
  }
}

.hpb-container.screen-for-life .booklet-language-wrapper > div a {
  padding: 20px;
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .hpb-container.screen-for-life .booklet-language-wrapper > div a {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .booklet-language-wrapper > div a {
    width: 100%;
    text-align: center;
    padding: 17px;
  }
}
.hpb-container.screen-for-life .booklet-language-wrapper > div a:hover {
  color: #2C2C2C;
  font-weight: 700;
}
.hpb-container.screen-for-life .booklet-language-wrapper > div.active a {
  color: #2C2C2C;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .booklet-language-wrapper > div.active a {
    background-color: #E5F8E9;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .booklet-language-wrapper > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0;
            flex: 0 0;
    width: 50%;
    border-top: 1px solid #37A750;
  }
  .hpb-container.screen-for-life .booklet-language-wrapper > div:nth-child(odd) {
    border-right: 0.5px solid #37A750;
  }
  .hpb-container.screen-for-life .booklet-language-wrapper > div:nth-child(even) {
    border-left: 0.5px solid #37A750;
  }
  .hpb-container.screen-for-life .booklet-language-wrapper > div:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hpb-container.screen-for-life .booklet-language-wrapper > div:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .hpb-container.screen-for-life .booklet-language-wrapper > div:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .hpb-container.screen-for-life .booklet-language-wrapper > div:nth-child(4) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .booklet-language-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 116px;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    margin: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .booklet-language-wrapper.bc-items {
    -ms-flex-wrap: inherit;
        flex-wrap: inherit;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .booklet-language-wrapper.bc-items > div {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-left: none;
    border-right: none;
  }
}

.hpb-container.screen-for-life .external-links .info-wrapper {
  border-radius: 16px;
  overflow: hidden;
}
.hpb-container.screen-for-life .external-links .info {
  padding: 20px;
  background-color: #E0EFC5;
}
@media screen and (max-width: 640px) {
  .hpb-container.screen-for-life .external-links .info {
    padding: 15px;
  }
}
@media screen and (max-width: 640px) {
  .hpb-container.screen-for-life .external-links .info-grid-item:nth-child(odd) {
    padding-right: 7px;
  }
  .hpb-container.screen-for-life .external-links .info-grid-item:nth-child(even) {
    padding-left: 7px;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container.screen-for-life .external-links .inner {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 640px) {
  .hpb-container.screen-for-life .external-links .inner {
    padding: 20px 15px 0px 15px;
  }
}