/* CHPCSS 3 Sep */
/* Import Fonts */
@import url("https://fonts.googleapis.com/css2?family=Chivo:wght@400;700&family=Open+Sans:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");
@import url("https://fonts.gstatic.com");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

@font-face {
  font-family: "peenuregular";
  src: url("https://ch-api.healthhub.sg/api/public/content/3cdd861801934c7c96349eab57558663?v=34c1f53f")
      format("woff"),
    url("https://ch-api.healthhub.sg/api/public/content/89d1b070261e4d5c84c4e956eb913edd?v=f3a861f5")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/af2f8297065a4a9291c0531d10d63041?v=668c8f9f")
      format("truetype"),
    url("../fonts/peenu-webfont.svg#peenuregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "peenuregular";
  src: url("https://ch-api.healthhub.sg/api/public/content/3cdd861801934c7c96349eab57558663?v=34c1f53f")
      format("woff"),
    url("https://ch-api.healthhub.sg/api/public/content/89d1b070261e4d5c84c4e956eb913edd?v=f3a861f5")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/af2f8297065a4a9291c0531d10d63041?v=668c8f9f")
      format("truetype"),
    url("../fonts/peenu-webfont.svg#peenuregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chivoblack";
  src: url("https://ch-api.healthhub.sg/api/public/content/3ffbbc03f24e4b62985e31aaac4b9df1?v=8e739f5b")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/b54264e0546d47c79e9cab7d2a4dd6f8?v=d0a0a31c")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chivoblack_italic";
  src: url("https://ch-api.healthhub.sg/api/public/content/ca4ecdc1a75745eb8076285efef55643?v=d6edfcf5")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/53496c0799ce436ca66380df028d0933?v=56d87229")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chivobold";
  src: url("https://ch-api.healthhub.sg/api/public/content/1ba8bbb8d9dc474eb79570cd6f6eb13e?v=3d68fb7d")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/e958cb501f4d44b2838665ba9890c898?v=c704eb0c")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chivobold_italic";
  src: url("https://ch-api.healthhub.sg/api/public/content/2be17cad3c1b49cf98f5db126b65e595?v=80d7975a")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/3439e0e3899b44ecb414e58c139d2a55?v=1dcab26f")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chivoitalic";
  src: url("https://ch-api.healthhub.sg/api/public/content/1d81204c0f954d18bb182a7240022e55?v=bdd3c062")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/e0f146bc0be04d599c64337d0c450b6f?v=4704c608")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chivolight";
  src: url("https://ch-api.healthhub.sg/api/public/content/46d46af689dc42d295aff54c4a859167?v=7b4a376d")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/cb3f786b28ba436e9facdd2ef7bd73a7?v=d2bc1600")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chivolight_italic";
  src: url("https://ch-api.healthhub.sg/api/public/content/c59431ca811f4fda9c23e8233154eb65?v=d3638f86")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/a6a1746340ef42749dd50269537b73f2?v=1b5efc44")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chivoregular";
  src: url("https://ch-api.healthhub.sg/api/public/content/fa4e809b7964496092cfeec69811591f?v=f6b9e088")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/29398ef826e44525810ba44823dcfc41?v=0ffb8bf3")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "milkynice";
  src: url("https://ch-api.healthhub.sg/api/public/content/c3d3140286954f4abf977c7e022ca3dc?v=e2069306")
      format("woff2"),
    url("https://ch-api.healthhub.sg/api/public/content/bdcd77900eab4ede8ca7744b36851d78?v=ec537bbf")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

/* For HH styles only */
#main .container {
  width: 100%;
}
.temp-template {
  padding-right: 0px;
  padding-left: 0px;
}
#ctl00_PlaceHolderMain_progrms_pages_section {
  width: 100%;
}
#progrms_section {
  width: 100%;
}

/*ovewrite HH CSS*/

section.microsite > .container {
  width: 100%;
  margin: 0;
  max-width: 100%;
}

section.microsite > .container > .row {
  margin: 0;
}

.temp-template {
  margin: 0;
  padding: 0;
}
.top-info-area.white {
  margin: 0 280px;
  margin: 0 auto;
  width: 1308px;
}
.top-info-area .hold {
  margin: 0;
}

.container {
  padding: 0 !important;
}

body {
  font-family: "Open sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased !important;
  text-rendering: optimizeLegibility !important;
}

.main p,
.main span,
.main li,
li,
td {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.cbh p {
  line-height: 28px;
  margin-bottom: 30px;
}

/*  */
/* p, h1, h2, h3,a, li, span {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;} */
.hide {
  display: none;
}
.mb-only {
  display: none;
}
.big-screen-only {
  display: block;
}
.ws-only {
  display: block;
}
.mb-tablet {
  display: none;
}
.w300 {
  width: 300px;
}
.w570 {
  width: 570px;
}
.w600 {
  width: 600px;
}
.w660 {
  width: 660px;
}
.w685 {
  width: 685px;
}
.w700 {
  width: 700px;
}
.w760 {
  width: 760px;
}
.w800 {
  width: 800px;
}
.w876 {
  width: 876px;
}
.w900 {
  width: 900px;
}
.w960 {
  width: 960px;
}
.w1040 {
  width: 1040px;
}
.w1094 {
  width: 1094px;
}
.w1200 {
  width: 1200px;
}
.w100 {
  width: 100%;
}
.bg-orange {
  background: #ff9416 !important;
}
.bg-white {
  background: #fff !important;
}
.bg-orange-sunset {
  background: #feb55f;
}
.bg-green {
  background: #25a18e !important;
}
.bg-light-green {
  background: #ddfffa !important;
}
.bg-purple {
  background: #834fc2 !important;
}
.bg-lgt-purple {
  background: #f9f2ff !important;
}
.bg-e6dcf3 {
  background: #e6dcf3 !important;
}
.bg-yellow {
  background: #ffc148 !important;
}
.bg-lyellow {
  background: #ffebb1 !important;
}
.bg-crayonyellow {
  background: #fff2e3;
}
.bg-lorange {
  background: #fff7de !important;
}
.bg-brightOrange {
  background: #ffc148 !important;
}
.bg-tan {
  background: #ffab48 !important;
}
.bg-blue {
  background: #2895ef !important;
}
.bg-red {
  background: #fe5f6d !important;
}
.bg-pinkred {
  background: #ffeaea !important;
}
.bg-lightpink {
  background: #fff5f9;
}
.bg-crayonpink {
  background: #ffd0d0 !important;
}
.bg-lght-crayonpink {
  background: #ffa6ae !important;
}
.bg-crayon-red {
  background: #fe5f6d !important;
}
.bg-light-red {
  background: #fe5f6d !important;
}
.bg-yellow {
  background: #ffc148 !important;
}
.bg-yellow-flesh {
  background: #fff7de !important;
}
.bg-lyellow-flesh {
  background: #fff6e4 !important;
}
.bg-blue {
  background: #42a0ee !important;
}
.bg-dodger-blue {
  background: #2895ef !important;
}
.bg-light-blue {
  background: #d9ecfc;
}
.bg-lime-yellow {
  background: #fff0cc !important;
}
.bg-crayonskyblue {
  background: #95e1ee;
}
.bg-crayonblue {
  background: #cbe7ff;
}
.bg-flesh {
  background: #fcf8ee;
}
.bg-ivory {
  background-color: #fafaf6 !important;
}
.bg-bittersweet {
  background-color: #ff746c !important;
}
.bg-magnolia {
  background-color: #f5edff !important;
}
.bg-shadow {
  box-shadow: 0 4px 20px 4px rgba(0, 0, 0, 0.25);
}
.border-rad {
  border-radius: 16px;
}
.border-rad8 {
  border-radius: 8px !important;
}
.border-rad12 {
  border-radius: 12px;
}
.border-rad16 {
  border-radius: 16px;
}
.border-rad24 {
  border-radius: 24px;
}
.border-rad32 {
  border-radius: 32px !important;
}
.border-rad40 {
  border-radius: 40px;
}
.block-text {
  text-align: center;
  margin-bottom: 28px;
}
.no-bg {
  background: transparent !important;
}
.text-indent999 {
  text-indent: -99999999px;
  display: block;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-vcenter {
  display: flex;
  align-items: center;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-purple {
  color: #834fc2 !important;
}
.text-orange {
  color: #ff9416;
}
.text-green {
  color: #25a18e;
}
.text-white {
  color: #fff !important;
}
.text-yellow {
  color: #ffc148;
}
.text-red {
  color: #fe5f6d;
}
.text-lred {
  color: #ff736c;
}
.text-black {
  color: #000 !important;
}
.text-dark-blue {
  color: #005f9b;
}
.text-blue {
  color: #2895ef;
}
.text-lightblue {
  color: #42a0ee;
}
.text-bittersweet {
  color: #ff746c !important;
}
.m-b-xl {
  margin-bottom: 70px !important;
}
.m-b-s {
  margin-bottom: 20px !important;
}
.m-b-m {
  margin-bottom: 34px !important;
}
.m-b-l {
  margin-bottom: 55px !important;
}
.m-t-xl {
  margin-top: 70px !important;
}
.m-t-s {
  margin-top: 20px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-t-m {
  margin-top: 34px !important;
}
.m-t-l {
  margin-top: 55px !important;
}
.padd40 {
  padding: 40px;
}
.padd55 {
  padding: 55px;
}
.p-b-xl {
  padding-bottom: 70px !important;
}
.p-b-s {
  padding-bottom: 20px !important;
}
.p-b-m {
  padding-bottom: 34px !important;
}
.p-b-l {
  padding-bottom: 55px !important;
}

.f12 {
  font-size: 12px !important;
}
.f14 {
  font-size: 14px !important;
}
.f16 {
  font-size: 16px !important;
}
.f18 {
  font-size: 18px !important;
  @media screen and (max-width: 540px) {
    font-size: 16px !important;
  }
}
.f20 {
  font-size: 20px !important;
}
.f24 {
  font-size: 24px !important;
}
.f28 {
  font-size: 28px !important;
}
.f30 {
  font-size: 30px !important;
}
.f32 {
  font-size: 32px !important;
}
.f40 {
  font-size: 40px !important;
}
.f18 li {
  font-size: 18px;
}
.f20 li {
  font-size: 20px;
}
.p12 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.p14 {
  font-family: "Open Sans" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.p16 {
  font-family: "Open Sans" !important;
  font-style: normal !important;
  font-weight: normal;
  font-size: 16px !important;
  line-height: 24px !important;
}
.p20 {
  font-family: "Open Sans" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 24px !important;
}
.p24 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px !important;
  line-height: 24px;
}

.big {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 18px !important;
  line-height: 28px;
}
.normal-a {
  font-size: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline !important;
  width: auto !important;
  margin: 0 auto !important;
  font-weight: inherit;
  font-family: "Open Sans" !important;
  text-decoration: underline;
  color: inherit;
}
.mb-txtr {
  text-align: right !important;
}
.white-space {
  white-space: nowrap;
}
.normal-a:hover {
  background: transparent !important;
  transition: all 0.8 ease;
}
.normal-a:hover > u {
  text-decoration-color: #02b8c3;
}
.p-t-xl {
  padding-top: 70px !important;
}
.p-t-s {
  padding-top: 20px !important;
}
.p-t-m {
  padding-top: 34px !important;
}
.p-t-l {
  padding-top: 55px !important;
}
.p-t-1r {
  padding-top: 70px;
}
.p-b-s {
  padding-bottom: 20px !important;
}
.p-l-10 {
  padding-left: 10px;
}
.p-r-10 {
  padding-right: 10px;
}
.no-pad-lnr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-pad-top {
  padding-top: 0 !important;
}
.no-pad-bot {
  padding-bottom: 0 !important;
}
.no-mrg-bot {
  margin-bottom: 0 !important;
}
.no-mrg-top {
  margin-top: 0 !important;
}
.no-mrg {
  margin: 0;
}
.p-t-xs-tablet {
  padding-top: 30px;
}
.brk-line {
  display: block !important;
  line-height: normal;
}
.footnote {
  font-size: 9px !important;
  text-align: left !important;
  margin: auto !important;
}
.f-milkynice {
  font-family: "milkynice" !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
.nostyle-ul {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}
.dot-ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 20px;
  padding-left: 30px !important;
}
.num-ol {
  padding-left: 20px !important;
}
.num-ol li {
  margin-bottom: 12px;
}

.bdr-rad16 {
  border-radius: 16px;
}
.bdr-rad24 {
  border-radius: 24px;
}
.title-head-block {
  background: #834fc2;
  border-radius: 16px;
  color: #fff;
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  padding: 4px 22px;
  margin-bottom: 20px;
  display: inline-block;
}
.text-flex-bottom {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.flex-column-center {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.d-flex-col {
  display: flex;
  flex-flow: row;
}
.d-flex-row {
  display: flex;
  flex-flow: row;
}
.flex-div-fw {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}
.openSans-n {
  font-family: "Open Sans" !important;
  font-style: normal;
  font-weight: normal;
}
.openSans-b {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
}

.img-center {
  display: block;
  margin: 0 auto;
}
.v-align-center {
  top: 50% !important;
  transform: translateY(-50%);
}
.img-fw {
  width: 100%;
}
.btn-plain {
  font-family: "milkynice" !important;
  font-size: 24px;
  display: block;
  margin: 30px auto 0 auto;
  width: 340px;
  text-align: center;
  padding: 15px 20px;
  border-radius: 24px;
}
.btn-default {
  font-family: "milkynice" !important;
  margin: 0;
  text-align: center;
  padding: 10px 15px;
  border-radius: 24px;
  outline: none;
  border: none;
}
[data-colapselink] {
  cursor: pointer;
}
.btn-wicon {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
}
.btn-wicon .indicator {
  width: 17px;
  height: auto;
  display: block;
  margin-left: 21px;
  transition: all 0.2s ease-in-out;
}
.btn-wicon .indicator.vertical.flip {
  transform: scaleY(-1);
}
.btn-wicon .indicator .icon {
  width: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.img-bg img {
  width: 100%;
  box-shadow: 0px 4px 20px 8px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}

.link-underline{text-decoration: underline;}

#wrapper {
  overflow: hidden;
}
.p-relative {
  position: relative;
}
.chp_footnote {margin-top:20px;}
.chp_footnote p{text-align: center;}
.calcard {
  width: auto;
}

.calcard-head {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ccc;
  -webkit-border-top-left-radius: 24px;
  -webkit-border-top-right-radius: 24px;
  -moz-border-radius-topleft: 24px;
  -moz-border-radius-topright: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.calcard-body {
  background: #f1f1f1;
  width: auto;
  overflow: hidden;
  padding: 20px;
  -webkit-border-bottom-right-radius: 24px;
  -webkit-border-bottom-left-radius: 24px;
  -moz-border-radius-bottomright: 24px;
  -moz-border-radius-bottomleft: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}

.card-waterfall.flex-start {
  display: flex;
  justify-content: flex-start;
}
.card-waterfall.flex-center {
  display: flex;
  justify-content: center;
}
.card-waterfall.flex-end {
  display: flex;
  justify-content: flex-end;
}
.waterfall-part {
  display: none;
}
.cw-items-wrap {
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-flow: row;
}
.cw-waterfall {
  margin: 0 7px;
  display: none;
}
.cloneme {
  padding: 20px;
}

.card-waterfall .clickable {
  cursor: pointer;
}
.cw-waterfall.left {
  -webkit-border-radius: 24px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 24px;
  -moz-border-radius-topleft: 0;
  border-radius: 24px;
  border-top-left-radius: 0;
}
.cw-waterfall.mid {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.cw-waterfall.right {
  -webkit-border-radius: 24px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 24px;
  -moz-border-radius-topright: 0;
  border-radius: 24px;
  border-top-right-radius: 0;
}

.cw-item {
  width: 33.33%;
  margin: 0 7px;
}

.cw-item .upper-part {
  background: #ccc;
  -webkit-border-top-left-radius: 24px;
  -webkit-border-top-right-radius: 24px;
  -moz-border-radius-topleft: 24px;
  -moz-border-radius-topright: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 47px 0;
}
.cw-item .bottom-part {
  background: #f1f1f1;
  -webkit-border-bottom-right-radius: 24px;
  -webkit-border-bottom-left-radius: 24px;
  -moz-border-radius-bottomright: 24px;
  -moz-border-radius-bottomleft: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  padding: 24px 0;
}
.cw-item .bottom-part.valign {
  padding: 0;
  margin: 0;
}
.cw-item .bottom-part.active {
  border-radius: 0;
}
.cw-item .bottom-part .bp-inner {
  min-height: 200px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.cw-item .bottom-part.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: relative;
}

.cw-item .bottom-part.mbactive {
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.item-txt {
  margin: 0;
}
.item-icon {
  transition: all 0.3s ease-in-out;
}
.item-icon.flipY {
  transform: scaleY(-1);
  transition: all 0.3s ease-in-out;
}
.cw-item .active {
  border-radius: 0;
}

.sec-headline h3 {
  text-align: center;
  margin: 0;
  padding: 0;

  font-family: "milkynice" !important;

  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 34px;
  letter-spacing: 0.08em;
  color: #000000;
}

.sec-headline h3 img {
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
  bottom: 4px;
}
.sec-headline > img {
  display: block;
  margin: 0 auto;
}
.db-header {
  padding: 39px 0 0;
  position: relative;
}
.db-header .db-container {
  padding: 0 15px;
}
.title-hold {
  font-family: "milkynice" !important;
  position: relative;
  z-index: 0;
}
.title-hold h2 {
  letter-spacing: -0.05em;
  line-height: 0.93478;
  font-weight: 400;
  margin-bottom: 40px;
  text-align: center; /*margin-top: -6px;*/
}
.title-hold h2.mb-1 {
  margin-bottom: 10px;
}
.title-hold.pagehead h2 {
  margin-bottom: 30px;
}
.title-hold .wrap span {
  font-size: 36px;
}

.title-hold span {
  line-height: 1.1em;
  font-family: "milkynice";
}

.wrap {
  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;
}

.title-hold h2 span,
.title-hold .main-header span {
  font-size: 92px;
}
.mix-head span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.title-hold h2.f64 span {
  font-size: 64px;
}

.title-hold h2 span.d-ib {
  display: inline;
}
.db-header nav.nav {
  display: block;
}
.db-header .navigation {
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  flex-flow: row nowrap;
}

.db-header .navigation > li:last-child {
  margin-right: 0;
}

.db-header .navigation > li:first-child {
  font-size: 24px;
}

.db-header .navigation a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  font-family: "Open Sans" !important;
  letter-spacing: 0.06em;
  text-align: center;
}
.db-header .navigation.f18 a {
  font-size: 18px;
  letter-spacing: normal;
}

.db-header .navigation > li.active .li-wrap:before {
  height: 100%;
}

.db-header .navigation > li.active a {
  color: #fff;
}

.mb-nav-opener {
  width: 35px;
  height: 35px;
  position: relative;
  right: 10px;
  top: 0;
  box-shadow: inset 0 0 0 1px #834fc2;
  z-index: 4;
  display: inline-block;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
}

.nav-active .mb-nav-opener span {
  right: 74%;
}

.nav-active .mb-nav-opener:before,
.nav-active .mb-nav-opener:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 20%;
  right: 20%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.nav-active .mb-nav-opener:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mb-nav-opener span,
.mb-nav-opener:before,
.mb-nav-opener:after {
  background: #834fc2;
  position: absolute;
  top: 50%;
  left: 26%;
  right: 26%;
  height: 2px;
  margin-top: -1px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.mb-nav-opener span {
  left: 38%;
}

.mb-nav-opener:before,
.mb-nav-opener:after {
  content: "";
  top: 35%;
}

.mb-nav-opener:after {
  top: 65%;
}

.db-header .navigation > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
}
.db-header .navigation > li.w-sub.active .li-wrap:before {
  border-radius: 8px 8px 0px 0px;
}

.db-header .navigation > li.active::after {
  display: block;
  content: "";
  width: 100%;
  height: 20px;
  position: relative;
  z-index: 10;
}

.db-header .navigation > li.orange.w-sub.active::after {
  background: #ff9416;
}
.db-header .navigation > li.yellow.w-sub.active::after {
  background: #ffc148;
}
.db-header .navigation > li.red.w-sub.active::after {
  background: #fe5f6d;
}
.db-header .navigation > li.green.w-sub.active::after {
  background: #25a18e;
}
.db-header .navigation > li.blue.w-sub.active::after {
  background: #2895ef;
}
/* .db-header .navigation > li.active > .sub-nav::before {
    display: block;
    background: #ff9416;
    content: '';
    width: 100%;
    height: 20px;
    position: relative;
    z-index: 10;
} */

.sub-nav {
  width: 100%;
  position: absolute;
  top: 5px;
  left: 0;
  margin-top: 100px;
  z-index: 10;
  padding: 27px 0;
  border-radius: 8px;
}
.sub-nav li.act {
  border-radius: 48px;
  background-color: #fff;
  padding: 10px 20px !important;
}
.sub-nav li a.act {
  border-radius: 48px;
  background-color: #fff;
  padding: 10px 35px;
}
.navigation.f18 .sub-nav li a.act {
  padding: 1px 25px;
}
.sub-nav li.act a {
  color: #000;
}
.sub-nav ul {
  display: flex;
  justify-content: space-evenly;
  padding: 0 10px;
}
.wrow2 ul {
  justify-content: space-evenly;
}
.wrow2 li {
  width: 230px;
  justify-content: center;
}
.db-header .navigation .sub-nav.wrow2.w300 li {
  width: 300px;
  padding: 10px 10px;
}
.db-header .navigation .sub-nav.wrow2.wauto {
  padding: 15px 0;
}
.db-header .navigation .sub-nav.wrow2.wauto li {
  width: auto;
  padding: 10px 10px;
}

.mb-other-links .mb-active {
  color: #fff !important;
}
.db-header .navigation .sub-nav li {
  padding: 10px 30px;
  align-items: center;
  display: flex;
}
.db-header .navigation .sub-nav li a {
  color: #000;
}
.db-header .navigation > li:first-child a {
  font-size: 24px;
}
.db-header .navigation > li .li-wrap a {
  padding: 0;
}
.db-header .navigation > li .li-wrap {
  width: auto;
  min-height: 88px;
  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;
  position: relative;
  cursor: pointer;
}

.db-header .navigation > li .li-wrap:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 15px;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  border-radius: 8px;
  z-index: -1;
}

.db-header .navigation > li .li-wrap:hover:before {
  height: 100%;
}

.db-header .navigation > li .li-wrap:hover a {
  color: #fff;
}

.db-header.navigation > li.active .li-wrap:before {
  height: 100%;
}

.db-header.navigation > li.active a {
  color: #fff;
}

.purple .li-wrap:before {
  background: #834fc2;
}

.yellow .li-wrap:before {
  background: #ffc148;
}

.red .li-wrap:before {
  background: #fe5f6d;
}

.green .li-wrap:before {
  background: #25a18e;
}

.orange .li-wrap:before {
  background: #ff9416;
}

.blue .li-wrap:before {
  background: #2895ef;
}
.pink .li-wrap:before {
  background: #fe84f2;
}
.navigation {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  overflow: visible;
  height: auto;
  background: transparent;
  padding: 0;
}
.mb-nav-opener {
  display: none;
}
.db-container {
  width: 1380px;
  margin: 0 auto;
  position: relative;
}

.db-slick-wrap {
  width: 1128px;
  margin: 0 auto;
  position: relative;
}
.db-item img,
.db-item .event-video-carousel {
  width: 100%;
}
.slick-prev {
  left: -70px;
}
.slick-next {
  right: -70px;
}
.slick-arrow {
  width: 50px;
  height: 50px;
  top: 50%;
}

.slick-prev:before {
  content: "←";
  background-image: url(https://ch-api.healthhub.sg/api/public/content/665b065f2bc7468eb33455e812a9e0c7?v=78c27280);
  background-repeat: no-repeat;
  font-size: 50px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  width: 50px;
  height: 50px;
}

.slick-prev:hover .slick-prev:before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/20cad54b14314a10833b670fab6bf15e?v=7c285fc7) !important;
}

.slick-next:before {
  content: "→";
  background-image: url(https://ch-api.healthhub.sg/api/public/content/722bbbf96be4406594602494903eeb33?v=21c4467e) !important;
  background-repeat: no-repeat;
  font-size: 50px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  width: 50px;
  height: 50px;
}

.slick-next:hover:before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/ba0900b934734503878a92d0f9b494b0?v=4b0535ed) !important;
}

.slick-dots li button {
  outline: none;
  border: none;
  color: #e8e8e8;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url(https://ch-api.healthhub.sg/api/public/content/dcfe618d66f74473ab3d4eaa9a23c329?v=d60a60f5)
    no-repeat center;
  display: block;
  text-indent: -9999px;
  padding: 0;
}

li.slick-active button {
  background: url(https://ch-api.healthhub.sg/api/public/content/0df020cf9c2746e3a5a24ffc9b3da0cc?v=9d184eb8)
    no-repeat center;
  display: block;
  text-indent: -9999px;
}

.lg-s-wrap {
  width: 1100px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
.mid-s-wrap {
  width: 980px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
.sm-s-wrap {
  width: 900px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.button {
  font-size: 24px;
  text-transform: capitalize;
  font-weight: normal;
  width: 250px;
  display: inline-block;
  padding: 8px 30px 11px;
  text-decoration: none;
  color: #fff;
  position: relative;
  z-index: 1;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.button:before {
  position: absolute;
  right: -2px;
  bottom: -10px;
  content: "";
  background: #834fc2;
  width: 60px;
  height: 30px;
  border-radius: 4px;
  -webkit-transform: rotate(-30deg) skewX(-35deg);
  -ms-transform: rotate(-30deg) skewX(-35deg);
  transform: rotate(-30deg) skewX(-35deg);
  z-index: -1;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.button span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #834fc2;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  -webkit-transform: skew(5deg);
  -ms-transform: skew(5deg);
  transform: skew(5deg);
  z-index: -1;
}

.button span:after {
  position: absolute;
  top: -4px;
  left: 7px;
  right: -2px;
  bottom: 18px;
  content: "";
  background: #834fc2;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 4px;
  z-index: -1;
  -webkit-transform: rotate(-2deg) skewX(-6deg);
  -ms-transform: rotate(-2deg) skewX(-6deg);
  transform: rotate(-2deg) skewX(-6deg);
}
.button:after {
  width: 20px;
  position: absolute;
  top: -8px;
  bottom: 0;
  right: -5px;
  content: "";
  background: #834fc2;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 4px;
  z-index: -1;
}

#yma-like .slider-holder {
  width: 100%;
}
.slick-slider-ymal .slick-track {
  margin: 0 auto;
}

#yma-like {
  background: #ffb92f;
  padding: 41px 0 50px;
  z-index: 2;
  position: relative;
  margin-top: 0 !important;
}
#yma-like .sec-headline {
  margin-bottom: 0px;
}
#yma-like .text-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 30px 43px 40px;
}
#yma-like .text-content h3 {
  font-style: normal;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  margin-top: 0;
}
#yma-like .block-img img {
  width: 100%;
}
#yma-like .text-content .button-holder {
  position: unset;
  display: flex;
  flex-flow: row;
}
#yma-like .text-content .button-holder a:nth-child(1) {
  margin-right: 28px;
}
#yma-like .block-text p {
  font-size: 16px;
  font-family: "Open Sans";
}
.rp-2row .content {
  background: #ffebb1;
  border-radius: 16px;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.25);
  display: block;
  margin: 20px auto;
  width: 330px;
}
.rp-2row .content h3 {
  text-align: center;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 700;
}
.rp-2row .rp-text {
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  margin-bottom: 30px;
}
.rp-2row .rp-btn {
  text-align: center;
  padding-bottom: 30px;
}
.rp-top p {
  padding-top: 30px;
}
.rp-2row .rp-btn {
  text-align: center;
  padding-bottom: 30px;
}
.rp-2row .content h3 {
  text-align: center;
}
.rp-2row .content .rp-txt {
  margin-bottom: 50px;
}
.rp-2row .content .button {
  margin-bottom: 0;
  font-size: 22px;
  width: 180px;
  font-family: "milkynice" !important;
}
.rp-2row .content .button:before {
  display: none;
}
.rp-2row .content .button:after {
  top: -6px;
  bottom: 0;
  right: -3px;
}

.rp-2row .content .button span {
  text-indent: -99999px;
  color: #834fc2;
}
.rp-2row .content .button span:after {
  top: -3px;
  left: 7px;
  right: -2px;
}

.like .card-box-wrap .contents {
  padding: 15px 30px 18px;
}
.like .card-box-wrap .contents .card-descrip p {
  font-size: 16px;
  font-weight: normal;
}

/* new page */
.like .title-hold {
  margin-bottom: 36px;
  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;
}

.like .title-hold .wrap {
  display: inline-block;
  vertical-align: top;
  width: 69px;
}
.like .title-hold .wrap span {
  line-height: 0.977;
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  margin-top: -10px;
  letter-spacing: normal;
}

.like .title-hold.font-milky .wrap span {
  margin-top: -10px;
}

.like .title-hold h2,
.like .title-hold .main-header {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-size: 110px;
  letter-spacing: 0.12em;
  margin-top: 0px;
  margin-bottom: 15px;
}

.like .title-hold h2 span,
.like .title-hold .main-header span {
  font-size: 110px;
  font-weight: bold;
}
.like .title-hold .wrap div {
  margin-top: 6px;
}
.bg-mint-green {
  background: #52d2bf !important;
}
.bg-lgreen {
  background: #e9faf7 !important;
}

/* Mobile Nav Styles */
nav.nav {
  position: relative;
}
.mb-nav {
  display: none;
  z-index: 15;
  position: relative;
  width: 100%;
  padding: 0 0px;
  transition: all 0.9s;
  top: 0;
  right: 0;
  left: 0;
}
.home-mb-nav {
  padding: 0;
  left: 0;
}
.lh {
  display: none;
}
.mb-nav .pg-primary {
  display: block;
  width: 100%;
  padding: 18px 10px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 1px 1px 3px 1px rgb(6 6 6 / 20%);
}
.primary-link {
  float: left;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  /* line-height: 16px; */
  /* identical to box height, or 100% */

  text-transform: uppercase;

  color: #010101;
}
.mb-nav .arw-up {
  float: right;
  transition: 0.2s ease-in-out;
}
.mb-sublink {
  clear: both;
  padding-top: 10px;
  display: flex;
  flex-flow: column;
}
.mb-sublink a {
  width: auto;
  padding: 13px 0;
  text-align: center;
  font-family: "Chivo" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin: 0 auto;
}

.mb-sublink a:hover::after,
.mb-sublink a:focus::after,
.mb-sublink a.mb-act::after {
  content: "";
  position: relative;
  height: 4px;
  width: 100%;
  display: block;

  margin: 0 auto;
  border-radius: 8px;
  top: 2px;
}
.mb-p a:hover::after,
.mb-p a:focus::after,
.mb-p a.mb-act::after {
  background-color: #834fc2;
}
.mb-y a:hover::after,
.mb-y a:focus::after,
.mb-y a.mb-act::after {
  background-color: #ffc148;
}
.mb-r a:hover::after,
.mb-r a:focus::after,
.mb-r a.mb-act::after {
  background-color: #fe5f6d;
}
.mb-g a:hover::after,
.mb-g a:focus::after,
.mb-g a.mb-act::after {
  background-color: #25a18e;
}
.mb-o a:hover::after,
.mb-o a:focus::after,
.mb-o a.mb-act::after {
  background-color: #ff9416;
}
.mb-b a:hover::after,
.mb-b a:focus::after,
.mb-b a.mb-act::after {
  background-color: #42a0ee;
}

.mb-other-links > a.mb-active,
.mb-other-links:hover {
  color: #fff;
}
.prim-active {
  border-radius: 8px 8px 0px 0px !important;
}
.mb-nav-sub {
  display: none;
  position: relative;
  box-shadow: 1px 4px 3px 1px rgb(6 6 6 / 20%);
}

.mb-other-links {
  padding: 15px 0 30px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.mb-other-links a {
  display: flex;
  width: 29.6%;
  height: 61px;
  margin: 10px 5px 0;
  background: antiquewhite;
  box-sizing: border-box;
  padding: 10px 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: "Open Sans" !important;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #000000;
  box-sizing: border-box;
  border-radius: 8px;
}

/* SURVEY */
.take-surver {
  position: fixed;
  top: 61%;
  z-index: 99;
  right: 45px;
  transition: all 1s;
}
.take-surver a {
  width: 162px;
  height: 96px;
  background: url(https://ch-api.healthhub.sg/api/public/content/4ebb738582a142209bf336c3d23fc0ef?v=eb3c64f6)
    no-repeat center/cover;
  text-decoration: none;
  display: block;
  padding: 14px 0 34px;
  position: relative;
}
.take-surver a::after {
  background: url(https://ch-api.healthhub.sg/api/public/content/e997d5a0d5f34b55839e7443c040ef1b?v=a16da27d)
    no-repeat center/contain;
  bottom: -38px;
  content: "";
  height: 77px;
  right: 17px;
  position: absolute;
  width: 78px;
}
.btn-wrap {
  display: flex;
}
.btn-wrap img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-bottom: -6px;
}

.btn-wrap img.survey-btn-x {
  margin-bottom: 0;
}

.btn-wrap svg {
  display: inline-block;
}

.spand-text {
  display: inline-block;
  margin: 0 1px 0 27px;
}

.spand-text span {
  color: #fff;
  display: block;
  font-family: Chivo;
  font-style: normal;
  font-size: 18px;
  line-height: 16px;
  text-align: left;
}

.spand-text span.st-top {
  font-weight: bold;
}

.survey-btn-x {
  width: 12px !important;
  height: 12px !important;
  cursor: pointer;
}

.collaps-slider {
  /* margin-bottom: 20px; */
  color: #000;
}

.collaps-slider .accordion,
.collaps-slider .accordion span {
  font-family: "milkynice" !important;
  font-style: normal;
  font-size: 20px;
  line-height: 27px;
  color: #000000;
  cursor: pointer;
  padding: 24px 0;
  margin: 0;
  position: relative;
  text-align: left;
}

.collaps-slider .accord ~ .panel {
  overflow: visible !important;
  padding: 20px 0px;
  margin-bottom: 20px;
}

.collaps-slider .panel {
  border-top: 1px solid #b6b6b6;
  background-color: transparent !important;
  box-shadow: none !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 0;
  width: auto;
}

.collaps-slider .panel.nbt {
  border-top: none;
  padding: 0;
}

.collaps-slider .flex-div,
.flex-div-sm {
  display: flex;
  flex-flow: row nowrap;
  width: 890px;
  margin: 0 auto;
  position: relative;
}

.collaps-slider .flex-div.column {
  flex-direction: column;
}

.flex-div-fw {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}
.flex-item-1 > * {
  flex: 1;
}
.flex-base-3col > * {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.33%;
}

.collaps-slider .slick-dots {
  bottom: 21px;
}
.collaps-slider .slick-dots li button,
.cust-slider-modal .slick-dots li button {
  background: #fff;
}
.collaps-slider .slick-dots .slick-active button,
.cust-slider-modal .slick-dots .slick-active button {
  background: #ffc840 !important;
}
.db {
  width: 15px;
  height: 15px;
  float: right;
  -moz-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.acc-icon-minus,
.acc-icon-plus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.acc-icon-plus {
  background: url(https://ch-api.healthhub.sg/api/public/content/76474ba9b2bc441da01ada45138a5b2f?v=4afc74ff)
    center top no-repeat;
}
.acc-icon-minus {
  background: url(https://ch-api.healthhub.sg/api/public/content/e7e23ccaffad4cd19daadfb074e8bc45?v=80660ffd)
    center top no-repeat;
  height: 5px;
}
.acc-icon-circle-down-purple {
  background: url(https://ch-api.healthhub.sg/api/public/content/84e6980534d24c919abc4cd0b7516f1b?v=c2bc5d8d)
    center top no-repeat;
  width: 50px;
  height: 50px;
  display: block;
}

.acc-icon-circle-up-purple {
  background: url(https://ch-api.healthhub.sg/api/public/content/15678de06566411b9a789cfb313ce060?v=ebd2e1c5)
    center top no-repeat;
  width: 50px;
  height: 50px;
  display: block;
}

.collaps-slick .slick-arrow {
  background-color: transparent;
  text-indent: -9999px;
}
.collaps-slick .slick-next {
  right: 35px !important;
  background-image: url(https://ch-api.healthhub.sg/api/public/content/a7f6aed5315c4c47bab27f72faad4748?v=b039dfac);
  background-repeat: no-repeat;
  width: 22px;
  height: 38px;
}
.collaps-slick .slick-next:hover,
.collaps-slick .slick-next:focus {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/a7f6aed5315c4c47bab27f72faad4748?v=b039dfac);
  background-repeat: no-repeat;
}

.collaps-slick .slick-prev {
  left: 35px !important;
  background-image: url(https://ch-api.healthhub.sg/api/public/content/efbcb28cc363484ca453105d79cf8833?v=f4202b23);
  background-repeat: no-repeat;
  width: 22px;
  height: 38px;
}

.collaps-slick .slick-prev:hover,
.collaps-slick .slick-prev:focus {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/efbcb28cc363484ca453105d79cf8833?v=f4202b23);
  background-repeat: no-repeat;
}

.collaps-slick .slick-prev::before,
.collaps-slick .slick-next::before {
  display: none;
}

.slick-dots li button:before {
  font-size: 16px !important;
  color: #757575 !important;
}

.collaps-slider-items h4 {
  line-height: 1.56;
}

.grid-wrap {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}
.grid-item {
  padding: 20px;
  text-align: center;
}

.grid-item-top {
  height: 213px;
}
.grid-item-botm p {
  margin: 0;
}
.justify-content-fs {
  justify-content: flex-start;
}

.nav-logo img {
  width: 800px;
  height: auto;
  max-width: 90%;
  margin-bottom: 10px;
  margin-top: -8px;
}

.font-milky,
.font-milky * {
  font-family: "milkynice" !important;
}

.pt-100 {
  padding-top: 100px;
}

.pt-0 {
  padding-top: 0 !important;
}

p.title-p {
  color: #000;
  font-size: 36px !important;
  line-height: 1;
  text-align: center;
}

.title-head {
  line-height: 2;
  display: block;
}
.title-head span {
  font-size: 86px;
}

.bg-cloud {
  background-position: center top 30px;
  background-repeat: no-repeat;
  padding: 100px 0 30px;
}

.bg-cloud-orange {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/dfaafbae7c654a7e8a0c16f447cca66a?v=a9133210);
  padding-top: 150px;
  background-position: center top 110px;
}

.bg-cloud.bg-cloud-orange::before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/d826302a6fc443e7a751fda64ee87a21?v=0fc8faed);
  background-size: contain;
  top: 160px;
  left: 0;
  z-index: -2 !important;
}

.bg-cloud.bg-cloud-2orange::before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/af199751688344c69a252dcc83bf3e73);
  background-size: contain;
  top: 0px;
  left: 0;
}

.bg-cloud-blue-overlay.aft-0::after,
.bg-cloud-blue-overlay.aft-0::before {
  display: none;
}

.bg-cloud-sub::before,
.bg-cloud-sub.right::after {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 865px;
  position: absolute;
  top: 47px;
  width: 100%;
  z-index: -1;
}
.bg-cloud-sub.bg-cloud-sub-blue::before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/a8126d4eb83c49faa62c1fa34a97ed40?v=43ace782);
}
.bg-cloud-sub.bg-cloud-sub-orange::before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/d826302a6fc443e7a751fda64ee87a21?v=0fc8faed);
  top: -43px;
  left: 0;
}
.bg-cloud-sub.bg-cloud-sub-orange::before,
.bg-cloud-sub.bg-cloud-sub-orange.right::after {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/d826302a6fc443e7a751fda64ee87a21?v=0fc8faed);
  top: -43px;
}
.bg-cloud-sub.bg-cloud-sub-orange.left::before {
  left: -250px;
  top: -200px;
}
.bg-cloud-sub.bg-cloud-sub-orange.left-2::before {
  top: 60px;
}
.bg-cloud-sub.bg-cloud-sub-orange.right::after {
  bottom: -150px;
  top: auto;
  right: -310px;
}
.bg-cloud-sub.bg-cloud-sub-lorange,
.bg-cloud-sub.bg-cloud-sub-2x {
  overflow: hidden;
}

.bg-cloud-sub.bg-cloud-sub-lorange::before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/0d957e22ee4c47b08d7e0ff2882be575?v=38ac70a0);
  top: -110px;
  z-index: 0;
  left: 0;
  height: 1674px;
  background-size: cover;
}

.nav-logo {
  justify-content: center;
  align-items: center;
  margin-bottom: -5px;
  margin-top: -20px;
}

.nav-logo img {
  width: 800px;
  height: auto;
  max-width: 90%;
  margin-bottom: 10px;
  margin-top: -8px;
}

.eh-title {
  padding: 90px 0 55px;
  background-position: center top;
  background-size: contain;
}

.bg-cloud::before {
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
  height: 865px;
  position: absolute;
  top: 47px;
  width: 100%;
  z-index: -1;
}

.bg-cloud.bg-cloud-lorange::before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/d37ed70f19304e32ab532010472ff2a7?v=235ffb3d);
  height: 100%;
  background-size: 100% 100%;
  left: 0;
}

.sp {
  padding: 0 42px;
}

.slick-arrow {
  z-index: 1;
  position: absolute;
  font-size: 20px;
  outline: none;
  border: none;
  background: #834fc2;
  border-radius: 50%;
  color: #fff;
  width: 50px;
  height: 50px;
  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;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  overflow: hidden;
  text-indent: -999px;
}

.slick-arrow:focus {
  outline: none;
  border: none;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slider .slider-card .button-holder {
  bottom: 20px;
}
.slider .slider-card .button-holder a {
  margin-right: 20px;
}

.button span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #834fc2;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  -webkit-transform: skew(5deg);
  -ms-transform: skew(5deg);
  transform: skew(5deg);
  z-index: -1;
  text-indent: -99999px;
}

.button span:after {
  position: absolute;
  top: -4px;
  left: 7px;
  right: -2px;
  bottom: 18px;
  content: "";
  background: #834fc2;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 4px;
  z-index: -1;
  -webkit-transform: rotate(-2deg) skewX(-6deg);
  -ms-transform: rotate(-2deg) skewX(-6deg);
  transform: rotate(-2deg) skewX(-6deg);
}

.button:before {
  position: absolute;
  right: -2px;
  bottom: -10px;
  content: "";
  background: #834fc2;
  width: 60px;
  height: 30px;
  border-radius: 4px;
  -webkit-transform: rotate(-30deg) skewX(-35deg);
  -ms-transform: rotate(-30deg) skewX(-35deg);
  transform: rotate(-30deg) skewX(-35deg);
  z-index: -1;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.button:after {
  width: 20px;
  position: absolute;
  top: -8px;
  bottom: 0;
  right: -5px;
  content: "";
  background: #834fc2;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 4px;
  z-index: -1;
}

.button:hover span:after {
  background: #5e3392;
}

.button:hover span,
.button:hover:before
.button:hover:after {
  background: #5e3392;
}

.sec-headline.st h2 {
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: normal;
  text-align: center;
}

.collaps-slider.st-inside {
  margin: 0 70px;
  /* background: #FFD0D0;f
    border-radius: 12px; */
}
.collaps-slider.st-inside .collaps-slider.st-inside .panel {
  border-top: none;
  padding: 0 27px;
  /* padding-top: 20px; */
}
.collaps-slider.st-inside .accordion {
  padding: 24px 50px 24px 25px;
  background: #ffd0d0;
  border-radius: 16px;
  /* margin-bottom: 20px; */
  /* margin-top: 20px; */
}
.lg-s-wrap .collaps-slider.st-inside {
  margin: 0;
}

.st-inside .panel .collaps-slider-items .flex-div {
  padding: 0;
}
.st1 .panel .collaps-slider-items .st-text-carousel {
  width: 50% !important;
}
.collaps-slider.st-inside .panel .collaps-slick {
  width: auto;
}
.st-img-screentime {
  width: 364px;
}
.st-img-activepassive {
  width: 424px;
}
.st1 .csi-left,
.st2 .csi-left {
  margin-right: 30px;
}
.st2 .panel,
.st3 .panel {
  padding: 0 !important;
}
.st-inside .slick-dots li button {
  background: #ededed;
}
.st-inside .slick-dots .slick-active button {
  background: #fe5f6d !important;
}
.st-inside .panel .collaps-slider-items .csi-right {
  width: 66%;
}
.st-inside .inner-content {
  padding-bottom: 80px;
}
.st-inside .panel .collaps-slider-items .csi-left {
  width: 34%;
}
.sec-headline.st p.sm-wdth {
  padding: 0 200px;
  margin-top: 10px;
}
.st3 .panel .bg-white {
  border-radius: 24px;
  padding: 45px 75px 45px 75px;
}

.card1 {
  background: url(https://ch-api.healthhub.sg/api/public/content/29e67414800b47e092acb149fff9661a?v=c4dba411)
    top center no-repeat;
}
.card2 {
  background: url(https://ch-api.healthhub.sg/api/public/content/f8b81da6c68a4b749306ff54b75d3586?v=be2338f8)
    top center no-repeat;
}
.card3 {
  background: url(https://ch-api.healthhub.sg/api/public/content/646a3daa525f45ffb3c9fe419d03e84d?v=27ccec35)
    top center no-repeat;
}
.card4 {
  background: url(https://ch-api.healthhub.sg/api/public/content/22f862be4ed24b80959b77ec66844049?v=64d1b77f)
    top center no-repeat;
}
.card5 {
  background: url(https://ch-api.healthhub.sg/api/public/content/1d2596a46cb24e45ab8c5eea319acdd3?v=28dab735)
    top center no-repeat;
}
.card6 {
  background: url(https://ch-api.healthhub.sg/api/public/content/739553fd2343481cb3327732f56116cf?v=b6e912b0)
    top center no-repeat;
}
.card7 {
  background: url(https://ch-api.healthhub.sg/api/public/content/30767b6fb1df43b9984b7617fb939a23?v=cf0209e6)
    top center no-repeat;
}
.card8 {
  background: url(https://ch-api.healthhub.sg/api/public/content/9ef081a7ab184411a315ede194e3871d?v=034385a2)
    top center no-repeat;
}
.card9 {
  background: url(https://ch-api.healthhub.sg/api/public/content/6ae1f02806aa473d938e5c643af87f77?v=adf0eb4c)
    top center no-repeat;
}
.card10 {
  background: url(https://ch-api.healthhub.sg/api/public/content/bf14ea34dfd5409582f29cd0fc0ec71b?v=dcba3b54)
    top center no-repeat;
}
.card11 {
  background: url(https://ch-api.healthhub.sg/api/public/content/18bea5783fc44018885d7b3096505fd6?v=73d7badb)
    top center no-repeat;
}
.card12 {
  background: url(https://ch-api.healthhub.sg/api/public/content/fa211838a006417f8392086db9471f62?v=89ee31c0)
    top center no-repeat;
}

.arrow-acc {
  background: transparent !important;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  margin: 0 auto !important;
  border: none;
}
.arrow-acc img {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
}

/* INDEX V2 STYLEs */
.page-head-img {
  width: 605px;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-top: 37px;
}
#wtt {
  padding: 65px 0;
  margin-top: 65px;
}
#wtt h3 {
  font-size: 24px;
}
#wtt .db-container {
  width: 1280px;
}
.super-infl div.text-center {
  width: 421px;
  margin: 0 auto;
}
.super-infl .row,
.super-infl .row .col-md-6 {
  display: flex;
  align-content: center;
  flex-flow: wrap;
}

.super-infl .name {
  font-size: 36px;
}
.super-infl .excerpt {
  font-size: 28px;
  line-height: 48px;
  margin-bottom: 50px;
}
.super-infl .cta-default {
  display: inline-block;
}
.super-infl .modal-dialog {
  width: 1110px;
}
.super-infl .modal-dialog .modal-page-content p {
  margin: 10px 0 26px;
}
.super-infl .modal-dialog .arrow-acc {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 12px);
}
.super-infl .slick-dots li button {
  background: url(https://ch-api.healthhub.sg/api/public/content/0df020cf9c2746e3a5a24ffc9b3da0cc)
    no-repeat center;
}

.super-infl .slick-dots li.slick-active button {
  background: url(https://ch-api.healthhub.sg/api/public/content/dcfe618d66f74473ab3d4eaa9a23c329)
    no-repeat center;
}

.panel-box {
  width: 1100px;
  margin: 0 auto;
}

/* menu for refresher v2 */
.db-header .index-v2 .navigation > li.mb-only {
  display: none;
}
.db-header .index-v2 .navigation > li .li-wrap a {
  padding: 10px 10px 18px;
  font-size: 18px;
}

.db-header .index-v2 .navigation > li {
  margin-right: 9px;
}

.title-hold.index-v2 .wrap .text-black {
  text-transform: none;
  text-align: center;
}
.index-v2 .slick-slider-one {
  width: 960px;
  margin: 0 auto;
}
.index-v2 .slider .image-holder {
  width: 650px;
  min-height: 360px;
}
.index-v2 .slider .image-holder img {
  border-radius: 16px;
}
.index-v2 .slider .slider-card .button-holder a.button:after {
  display: none;
}
.index-v2 .slider .slider-card .button-holder a.button span:after {
  top: -3px;
  left: 0px;
  right: 0px;
}
.index-v2 .slider .slider-card {
  width: 444px;
  min-height: 256px;
  /* top: -420px; */
  margin: -270px 3px 0 auto;
  padding: 30px;
}
.index-v2 .slick-slider-one .slick-arrow {
  top: 84px;
}
.index-v2 .mainslide .slick-next {
  right: 15px;
}
.index-v2 .slick-arrow {
  width: 40px;
  height: 40px;
}

.index-v2 .tab_cont_panel .slick-next {
  right: -58px;
}
.index-v2 .tab_cont_panel .slick-prev {
  left: -58px;
}
.index-v2 .slick-prev:before,
.index-v2 .slick-next:before {
  width: 40px;
  height: 40px;
  background-size: contain;
}
.index-v2 .slider .slider-card h1 {
  font-size: 24px;
  margin: 0 0 20px 0;
}
.index-v2 .slider .slider-card .button-holder {
  bottom: 0;
}
.index-v2 .slider .slider-card .button-holder a {
  width: 161px;
  font-size: 20px;
  padding: 8px 20px 8px;
  margin: 0;
}
.index-v2 .slick-slider-one .slick-dots {
  bottom: 65px;
  left: 50px;
}
.index-v2 .slick-slider-one .slick-dots li.slick-active button {
  background: #d7d7d7;
}
.index-v2 .slick-slider-one .slick-dots li {
  /* opacity: 0.25; */
}
.index-v2 .slick-slider-one .slick-dots button {
  background: #eeeeee;
}
.index-v2 .slick-slider .cta-default {
  padding: 10px 20px;
  display: block;
}
.index-v2 .slick-slider .cta-default img {
  width: auto;
}

.index-v2 button.tab-menu {
  background: #fff;
  box-shadow: 2px 2px 2px #000;
  box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.21);
  border-radius: 48px;
  width: 240px;
  height: 63px;
  padding: 10px 51px;
  font-size: 20px;
}
.index-v2 button.tab-menu:hover,
.index-v2 button.tab-menu.active-panel {
  background: #ff9416;
  transition: all 0.3s;
}

.index-v2 .tabs-buttons {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  padding: 10px 4px;
  width: 1062px;
  margin: 0 auto;
}
.index-v2 button .tm-txt {
  margin-top: 0;
}

.index-v2 .tab_cont_panels {
  border-top: none;
  padding: 25px 10px 36px;
}
.index-v2 .tab_cont_panels .img-center {
  padding: 50px 80px 80px;
}
.index-v2 .tab_cont_panel .title-hold h2 {
  letter-spacing: 0;
}
.index-v2 .tab_cont_panel .title-hold h2 span {
  font-size: 48px;
  letter-spacing: 0;
}
.index-v2 .tab_cont_panel .title-hold .wrap span {
  font-size: 24px;
}
.index-v2 .tab_cont_panel .db-slick-wrap {
  width: auto;
}
.index-v2 .tab_cont_panel {
  opacity: 0;
  transition: all 0.3s;
}
.index-v2 .tab_cont_panel.show {
  opacity: 1;
  transition: all 0.3s;
}

.grd-item-cloud-yellow-bg {
  background-position: center top;
  background-size: cover;
}

/* .index-v2 .tab_cont_panel .cards-slick .db-item {margin: 0;} */
.index-v2 .grd-item .gi-wrap {
  height: 168px;
  width: 240px;
  border-radius: 16px;
  display: block;
  align-content: unset;
}
.index-v2 .grd-item .gi-wrap .gi-img-top {
  top: 0;
  border-radius: 16px;
  height: 160px;
  object-fit: cover;
  width: 246px;
}
.index-v2 .grd-item .gi-wrap span {
  position: absolute;
  bottom: 0;
  background: #f5edff;
  font-weight: 400;
  height: 60px;
  width: 100%;
  color: #000;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-flow: wrap;
  font-family: "milkynice" !important;
  border-radius: 0 0 16px 16px;
}
.index-v2 .db-item .flex-div-fw {
  justify-content: center;
}
.index-v2 .db-item .col-md-4 {
  display: flex;
  padding: 0;
  width: auto;
}
.index-v2 .slick-dots li {
  width: 14px;
  height: 14px;
}
.index-v2 .slick-dots li button {
  width: 14px;
  height: 14px;
}

.title-hold.index-v2 p {
  padding: 0 130px;
  text-transform: none;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5em;
  text-align: center;
  letter-spacing: -0.02em;
  color: #000000;
  margin-top: 15px;
}
.home-banner.index-v2 .bg-cloud {
  padding: 30px 0 3px;
}
.home-banner.index-v2 .bg-cloud.bg-cloud-purple::before {
  top: -100px;
  z-index: -2;
}

/* index refresh v2 */
.vr2 {
  width: 1178px;
  margin: 0 auto;
}
.vr2 .col-md-3 {
  width: 364px;
  padding-right: 5px;
  padding-left: 0;
}
.vr2 .col-md-3 .expert img {
  height: 613px;
}
.vr2 .col-md-9 {
  width: 800px;
  padding-left: 5px;
  padding-right: 0;
}
.vr2 .col-md-9 .slider {
  padding: 0 20px 22px 0;
}
.vr2 .slick-slider-one {
  width: 800px;
}
.vr2 .slider .slider-card {
  width: 340px;
  min-height: 200px;
  /* top: -420px; */
  margin: -240px 3px 0 auto;
  padding: 30px;
  align-content: center;
  box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.09);
}
.vr2 .slider .slider-card .button-holder a {
  background: #905cd1;
  width: 118px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  border-radius: 48px;
  padding: 8px 0;
}

.vr2 .slider .image-holder {
  width: 662px;
}

.vr2 .slider .image-holder img {
  min-height: 340px;
  object-fit: cover;
}
.vr2 .grd-item .gi-wrap {
  width: 256px;
  height: 252px;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.09);
}

.vr2 .grd-item .gi-wrap .gi-img-top {
  top: 24px;
  width: 212px;
  height: 208px;
  left: 50%;
  transform: translate(-50%, 0px);
  object-fit: contain;
}

.vr2 .grd-item .gi-wrap span {
  height: 50px;
  color: #905cd1;
  background: #fff;
  align-items: center;
  font-size: 16px;
}

.vr2 .grd-item .gi-wrap span::after {
  display: block;
  content: "";
  background-image: url(https://ch-api.healthhub.sg/api/public/content/722bbbf96be4406594602494903eeb33?v=21c4467e);
  background-repeat: no-repeat;
  font-size: 28px;
  width: 28px;
  height: 28px;
  background-size: contain;
  margin-left: 10px;
}
.dl-n-ply .modal-dialog .modal-page-content {
  padding: 0;
  width: 886px;
  margin: 0 auto;
}
.dl-n-ply .modal-dialog .modal-page-content .flex-div-fw {
  justify-content: space-between;
}
.dl-n-ply .modal-dialog .modal-page-content .dap-item {
  width: 256px;
  margin-bottom: 20px;
}
.dl-n-ply .arrow-acc {
  padding: 0 !important;
  position: relative;
  bottom: -29px;
}
.indx-pt {
  width: 1179px;
  margin: 0 auto;
}
.indx-pt .flex-div-fw {
  justify-content: space-between;
}
.indx-pt .flex-div-fw a {
  width: 227px;
}

.indx-pt .grd-item .gi-wrap,
.indx-pt .grd-item .gi-wrap .gi-img-top {
  width: auto;
}
.indx-pt .grd-item .gi-wrap {
  height: 290px;
}
.indx-pt .grd-item .gi-wrap .gi-img-top {
  height: auto;
}

.wtt-box {
  margin-bottom: 20px;
}
.wtt-box .collaps-slider-wrap {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.wtt-box .collaps-slider .st-ic-head {
  margin-bottom: 0;
}
.wtt-box .collaps-slider .accordion {
  /* padding: 0; */
  background-color: #fff;
  padding: 65px 68px 60px 68px;
  border-radius: 8px;
}
.wtt-box .collaps-slider .accordion .col2-wrap .acrd-col span {
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}
.wtt-box .collaps-slider .accordion .col2-wrap .acrd-col h3 {
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  margin-top: 0;
}
.wtt-box .collaps-slider .accordion .col2-wrap .acrd-col p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.wtt-box .collaps-slider .accordion .col2-wrap .acrd-col:nth-child(1) {
  width: 618px;
  margin-right: 100px;
}
.wtt-box .collaps-slider .accordion .col2-wrap .acrd-col:nth-child(2) {
  width: 344px;
}
.wtt-box .collaps-slider .panel {
  border-top: none;
}
.wtt-box .indicator-wtt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}
.wtt-box .st-text-carousel a,
.tgcy-accordion a {
  color: #000;
  text-decoration: underline;
}
.wtt-box .slick-prev {
  left: 40px;
}
.wtt-box .slick-next {
  right: 40px;
}
.wtt-box .collaps-slider .slick-dots li {
  width: 15px;
  height: 15px;
}
.wtt-box .collaps-slider .slick-dots li button {
  background: url(https://ch-api.healthhub.sg/api/public/content/36c18d7b108f4a77811a18410bb2ae83?v=d5838c94)
    center top no-repeat !important;
  width: 15px;
  height: 15px;
}
.wtt-box .collaps-slider .slick-dots li.slick-active button {
  background: url(https://ch-api.healthhub.sg/api/public/content/430de6cfa9f3461b8eba71637732eda6?v=14412263)
    center top no-repeat !important;
}
.wtt-box .st-text-carousel {
  justify-content: normal;
}
.recipe-box {
  background: #ffc148;
  border-radius: 8px;
  padding: 1px 0 31px 0;
}
.recipe-box .sec-headline h3 {
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
}
.recipe-box .sec-headline h3 a {
  font-family: "milkynice" !important;
  text-decoration: underline;
  color: #000;
}
.recipe-box .btn-wrap {
  width: 840px;
  margin: 0 auto;
}
.recipe-box .btn-wrap .sgl-btn {
  background: #834fc2;
  color: #ffffff;
}
.recipe-box .slick-prev {
  left: -70px;
}
.recipe-box .slick-next {
  right: -70px;
}
/* .collaps-slider .slick-dots .slick-active button {background: #834FC2 !important;} */
#sc h3 {
  font-family: "milkynice" !important;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
}
#sc .db-container {
  width: 1100px;
  margin: 0 auto;
  text-align: center;
}
#sc .collaps-slider.st-inside .accordion {
  font-family: "milkynice" !important;
  background-color: #834fc2;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
#sc .collaps-slider.st-inside .accordion span {
  color: inherit;
}
#stg .flex-div .st-text-carousel {
  padding: 0 10px;
}

.tgcy-accordion .collaps-slider.st-inside {
  margin: 0;
}

.tgcy-accordion .panel .panel-content {
  background: #f5edff;
  border-radius: 8px;
  padding: 39px 65px !important;
  width: auto;
  margin: 26px auto 0 auto;
}
.tgcy-accordion .st-text-carousel {
  width: 65%;
}
.tgcy-accordion .st-img-carousel {
  width: 32%;
}
.tgcy-accordion .acc-icon-plus {
  background: url(https://ch-api.healthhub.sg/api/public/content/91e0c9b406c54e3ba143bd2c0506cd89?v=e81754fd)
    center top no-repeat;
}
.tgcy-accordion .acc-icon-minus {
  background: url(https://ch-api.healthhub.sg/api/public/content/196d645b35cb4079b026b5902089cded?v=50535b19)
    center top no-repeat;
}

.signpost {
  background: url(https://ch-api.healthhub.sg/api/public/content/20f629c78a2d4b4db90b26821ffc0362?v=ec7423bd)
    no-repeat top center #834fc2;
  margin: 60px auto 0 auto;
  width: 960px;
  height: 260px;
  display: flex;
  justify-content: center;
  padding-top: 13px;
  background-size: contain;
}
.signpost h3 {
  font-family: "milkynice" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 44px !important;
  line-height: 53px !important;
  color: #fff;
  text-align: center;
  padding: 0 180px;
}
.signpost span {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}
.signpost a {
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  background: #ffba4b;
  border-radius: 24px;
  color: #000000;
  width: 358px;
  height: 54px;
  padding: 10px 32px;
  margin: 35px auto 0 auto;
  display: block;
}

.dlpt {
  width: 1117px;
  margin: 0 auto;
  /* background: #FAC25E; */
  border-radius: 8px;
  padding: 50px;
}
.dlpt h3,
.dlpt a {
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #000000;
}
.dlpt a {
  display: block;
  padding-bottom: 10px;
}
.dlpt a.dl-btn {
  border-radius: 16px;
  background: #7c56bc;
  color: #fff;
  display: block;
  padding: 19px 0;
  margin: 33px auto 0 auto;
  text-align: center;
  width: 446px;
}
.dlpt .dlpt-thumb-cat,
.index-v2 .dlpt-thumb-cat {
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  background: #7c56bc;
  border: 1px solid #7c56bc;
  border-radius: 48px;
  display: block;
  width: 120px;
  text-align: center;
  padding: 7px 14px;
  color: #fff;
  margin: 0 auto 10px auto;
}
.dlpt-wrap {
  width: 866px;
  margin: 0 auto;
}
.dlpt .slick-prev {
  left: -147px;
}
.dlpt .slick-next {
  right: -147px;
}
.cards-slick .db-item {
  margin: 0 10px;
}
.scr {
  width: 857px;
  margin: 0 auto;
}
.scr .scr-item {
  width: 387px;
}
.scr .scr-item a {
  text-decoration: none;
}
#sc .db-hero-banner {
  width: 620px;
  height: 349px;
  margin: 0 auto;
}
#gdm .slick-slider-two .slick-dots li button {
  background: #fff;
}
#gdm .slick-slider-two .slick-dots li.slick-active button {
  background: #834fc2 !important;
}
#test-and-diagnosis .modal-header h3 {
  font-size: 24px;
  margin-left: 31px;
}
.mybs button.gi-wrap.bg-yellow {
  height: auto;
  padding: 0;
}
.mybs button.gi-wrap.bg-yellow .gi-img-top {
  width: 100%;
  top: 0;
}
.mybs button.gi-wrap.bg-yellow .gi-head-left {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 16px;
  margin-left: 10px;
  margin-right: 60px;
  min-height: 100px;
}
.mybs button.gi-wrap.bg-yellow .gi-bot-left-icon {
  bottom: 24px;
}
.block-pad40 {
  padding: 34px 48px;
}
.ws-gdm .grd-wrap {
  grid-template-columns: repeat(3, 298px);
}
.ws-gdm .gi-wrap {
  padding-top: 20px;
  justify-content: flex-start;
  align-items: flex-start;
}
.ws-gdm .gi-img-top {
  top: 0;
  margin: 0 auto 10px auto;
  height: 81px;
}
/* .ws-gdm .gi-img-top img{
    width: 86px;
}

.ws-gdm .gi-head-left {
    position: relative;
    bottom: 0;
    height: auto;
} */

.uc-step1 .grd-wrap {
  grid-template-columns: repeat(3, 260px);
}
#uc-modal-3 .d-flex-col {
  justify-content: space-between;
  gap: 10px;
}
#uc-modal-3 .d-flex-col .grid-blocks {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 174px;
}
#tnd-modal-3 .row2-col2 .d-flex-col {
  margin-left: 0;
  margin-right: 0;
}
#tnd-modal-3 .row2-col2 .d-flex-col:first-child {
  margin-bottom: 1px;
}
#tnd-modal-3 .row2-col2 .d-flex-col div {
  padding: 30px 30px;
  min-height: auto;
}
#tnd-modal-3 .row2-col2 .d-flex-col div:first-child {
  margin-right: 2px;
}
#tnd-modal-3 .row2-col2 .d-flex-col:first-child div:nth-child(1) {
  border-radius: 8px 0px 0px 0px;
}
#tnd-modal-3 .row2-col2 .d-flex-col:first-child div:nth-child(2) {
  border-radius: 0px 8px 0px 0px;
}

#tnd-modal-3 .row2-col2 .d-flex-col:nth-child(2) div:nth-child(1) {
  border-radius: 0px 0px 0px 8px;
}
#tnd-modal-3 .row2-col2 .d-flex-col:nth-child(2) div:nth-child(2) {
  border-radius: 0px 0px 8px 0px;
}

#tnd-modal-4 .modal-page-content td {
  border: 1px solid #ffffff !important;
}
#tnd-modal-5 .col-md-6 .grid-blocks {
  width: 375px;
  margin: 0 auto;
}
#tnd-modal-5 .col-md-6 .grid-blocks_top img {
  width: 175px;
}
#tnd-modal-5 .col-md-4 {
  margin-top: 20px;
}
#tnd-modal-5 .col-md-4 .grid-blocks {
  width: 262px;
  margin: 0 auto;
}
#tnd-modal-5 .grid-blocks_top img {
  margin: 0 auto 15px;
  text-align: center;
  display: block;
}

.w-ycloud-bg .grid-blocks_top {
  position: relative;
}
.w-ycloud-bg .grid-blocks_top img,
.w-ycloud-bg .grid-blocks_content {
  z-index: 2;
  position: relative;
}
.w-ycloud-bg .grid-blocks_top::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background: url(https://www.healthhub.sg/sites/assets/Assets/Programs/parenting_portal/images/small-yellow-cloud.png)
    center top;
  width: 227px;
  height: 170px;
  background-size: contain;
  left: 50%;
  transform: translate(-50%, 0);
  top: -29px;
}
#under-control #smp .modal-page-content {
  padding: 0px 72px;
}
#smp .grd-wrap {
  grid-template-columns: 152px 581px;
  gap: 15px;
}
#smp .grd-wrap .grd-item.wpad {
  padding: 16px 36px;
}
#smp .grd-wrap .grd-item.wpad .gi-wrap {
  height: auto;
  padding: 10px 15px;
  margin-bottom: 10px;
}
#smp .grd-wrap .grd-item.wpad p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 15px;
}
#smp .grd-wrap .grd-item.wImg {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
#smp .grd-wrap .grd-item.wImg p {
  font-size: 14px;
  line-height: 18px;
}

[data-colaps="step1"] .flex-div-fw {
  justify-content: space-between;
}

#uc-modal2-3 .special-head {
  text-align: left;
}
#uc-modal2-3 .special-head span {
  padding: 0;
}
.uc-step3 .desc {
  padding: 0 86px;
  text-align: center;
}
.uc-step3 .col-md-6 .container-blocks {
  padding: 0px 0px 20px;
}
.uc-step3 .col-md-6 .container-blocks .blocks-left-c {
  width: 20%;
}
.uc-step3 .col-md-6 .container-blocks .blocks-right-c {
  width: 80%;
}
.uc-step3 .col-md-6 .container-blocks .blocks-left-c img {
  width: 73px;
}
.uc-step3 .col-md-6 .border-rad8.bg-yellow {
  padding: 34px 40px;
}

.uc-step3
  .col-md-6
  .border-rad8.bg-yellow
  .container-blocks:nth-child(1)
  .blocks-left-c {
  margin-right: 10px;
}
.uc-step3 .mybs button.gi-wrap.bg-yellow .gi-head-left {
  margin-right: 0;
  margin-left: 0;
  padding-right: 25px;
  min-height: 150px;
}
.uc-step3 .gi-wrap span {
  text-align: left;
  padding: 0;
  margin-bottom: 4px;
}
.uc-step3 .gi-bot-left-icon {
  width: 100%;
  position: initial;
}
.uc-step3 .gi-bot-left-icon img {
  width: 50px;
  float: right;
  margin-right: 19px;
  margin-bottom: 17px;
}
.uc-step3 .modal-dialog {
  width: 1100px;
}
.uc-step3 .slick-slider-rp {
  width: 798px;
  margin: 0 auto;
}
.uc-step3 .slick-slider-rp .slide_item {
  padding: 0 20px;
}
.uc-step3 .slick-slider-rp .slide_item p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
}
.uc-step3 .modal-page-content {
  opacity: 0;
  transition: all 0.3s;
}

.uc-step3 .modal-page-content.open {
  opacity: 1;
}

.uc-step4 .slick-slider-two {
  width: 730px;
  margin: 40px auto;
  padding: 60px 0px;
}

#safety-precautions .wrap {
  width: 850px;
  margin: 0 auto;
}
#safety-precautions .wrap .col-md-3 img {
  display: block;
  margin: 0 auto;
}
#safety-precautions .wrap .row .col-md-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
#safety-precautions .wrap .row .col-md-12 {
  min-height: 91px;
  display: flex;
  align-items: center;
}

#acknowlegements .accordion {
  width: 338px;
  position: relative;
  margin: 0 auto;
  font-size: 32px;
}
#acknowlegements .panel {
  width: 1169px;
  margin: 0 auto;
  border-top: none;
}

#acknowlegements .panel .flex-col {
  width: calc(100% / 3);
  box-sizing: border-box;
  padding: 0 40px;
}

#acknowlegements .nostyle-ul li {
  font-family: "Open Sans";
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 30px;
}
/* 
Content Tabs for 0-2 Child Nutrition
*/
.tabsec {
  display: none;
}
.tab {
  width: 1391px;
  margin: 0 auto;
  overflow: hidden;
}
.tab p {
  line-height: 24px;
}
.tabs {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.tabs-btn-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
/* .tab .tabs input {opacity: 0;visibility: hidden;position: absolute; top: -10px;} */
button.tab-menu {
  cursor: pointer;
  background: #ffd0d0;
  color: #000000;
  padding: 1.5% 3%;
  width: calc(100% / 4);
  float: left;
  margin: 0;
  font-family: "milkynice" !important;
  font-size: 20px;
  line-height: 24px;
  box-sizing: border-box;
  border: none;
  outline: none;
}
button.tab-menu:hover {
  background: #fe5f6d;
  transition: all 0.3s;
}
button .tm-img {
  width: 212.22px;
  margin: 0 auto;
}
button .tm-txt {
  text-align: center;
  margin-top: 8px;
}
button.tab-menu.active-panel {
  background: #fe5f6d;
  transition: all 0.3s;
}
/* .tabs input:nth-of-type(1):checked ~ .tab_cont_panels .tab_cont_panel:first-child,
.tabs input:nth-of-type(2):checked ~ .tab_cont_panels .tab_cont_panel:nth-child(2),
.tabs input:nth-of-type(3):checked ~ .tab_cont_panels .tab_cont_panel:nth-child(3),
.tabs input:nth-of-type(4):checked ~ .tab_cont_panels .tab_cont_panel:last-child {
    opacity: 1;
    display: block;
    transition: all .3s
} */

.tab_cont_panels {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  border-top: 17px solid #fe5f6d;
  padding: 50px 0 36px;
}
/* .tab_cont_panel {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position:absolute;
    z-index: 0;
    border-radius: 24px;
    box-sizing: border-box;
    transition: all .3s
}

.tab_cont_panel.show {
    opacity: 1;
    visibility:visible;
    position: relative;
    transition: all .3s
} */

.tab_cont_panel {
  width: 100%;
  display: none;
  position: relative;
  border-radius: 24px;
  box-sizing: border-box;
  transition: all 0.3s;
}

.tab_cont_panel .tab_wrap .w1200 {
  padding: 45px 0;
}
/* .tab_cont_panel.tab_active {
    opacity: 1;
    display: block;
    transition: all .3s
} */
.tab .tab_cont_panel .w800 {
  width: 864px;
  margin: 0 auto;
}
.tab_cont_panel .collaps-slider.st-inside {
  margin: 0 0 20px;
}
.tab_cont_panel .tab_cont_panel-colaps .collaps-slider:nth-of-type(1) {
  margin-top: 53px;
}
/* .tab_cont_panel .collaps-slider.st-inside .panel, .lnp .collaps-slider.st-inside .panel, .foh .collaps-slider.st-inside .panel, .ebm .collaps-slider.st-inside .panel, .ms .collaps-slider.st-inside .panel {padding: 0;} */
.tab_cont_panel .collaps-slider.st-inside .panel .grid-blocks img {
  margin-bottom: 8px;
}
.tab_cont_panel .collaps-slider.st-inside .panel .grid-blocks.x4 {
  width: 194px;
  padding: 32px 0 36px;
}
.tab_cont_panel .collaps-slider.st-inside .panel .grid-blocks.x5 {
  width: 175px;
  padding: 32px 0 36px;
}
.tab_cont_panel .kbb-3 .grd-body {
  padding-bottom: 54px;
  padding-top: 34px;
}
.tab_cont_panel .kbb-3 .grd-wrap {
  grid-template-columns: repeat(3, 290px);
}
.tab_cont_panel .kbb-3 .grd-wrap .grd-item {
  padding: 20px 0;
  box-sizing: border-box;
}
.tab_cont_panel .kbb-3 .gi-wrap .gi-bg-img {
  width: 175px;
  height: auto;
  margin: 0 auto 18px;
}

.kbb-3 .panel .container-blocks {
  padding: 40px 0px 20px;
}
.kbb-3 .panel .blocks-left-c {
  width: 175px;
}
.kbb-3 .panel .dot-ul {
  padding-left: 0 !important;
}
.kbb-3 .panel .dot-ul li {
  font-size: 16px;
  line-height: 20px;
}

.ecn-page .title-hold h2 span {
  font-size: 86px;
}
.lnp .w900 .blocks-left-c {
  width: 60%;
}
.lp-list {
  list-style-image: url("https://www.healthhub.sg/sites/assets/Assets/Programs/parenting_portal/ecn/images/latching-n-positions-img2-w54.png");
  list-style-position: outside;
  margin-left: 30px;
  padding-left: 30px;
}
.lp-list li {
  position: relative;
  margin-bottom: 10px;
}
.lp-list li span {
  position: relative;
  top: -30px;
  display: block;
}
.lnp .collaps-slider.st-inside {
  margin: 0;
}
.lnp .lnp-colps1 .panel {
  padding: 0;
}
.lnp .lnp-colps1 .panel iframe,
.ebm-colps3 .panel iframe {
  padding: 0 20px 20px;
}
.lnp .lnp-colps1 .grid-blocks.x4 {
  width: calc(100% / 4);
}
.lnp .lnp-colps1 .grid-blocks.x4 img {
  width: 204px;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.lnp .lnp-colps1 .grid-blocks .grid-blocks_content {
  padding: 0 16px;
}
.lnp .lnp-colps1 .grid-blocks .grid-blocks_content .dot-ul li {
  margin-bottom: 20px;
}
.foh .collaps-slider.st-inside {
  margin: 0;
}
.foh-colps1 .grid-blocks {
  padding: 10px 10px;
}
.foh-colps1 .grid-blocks p {
  margin-top: 10px;
}
.ebm-colps1 .container-fluid {
  padding: 60px 0;
}
.ebm-colps1 .grid-blocks.x4 {
  width: calc(100% / 5);
}
.ebm-colps1 .grid-blocks.x4 span {
  margin: 12px 0 14px;
}
.ebm .collaps-slider.st-inside,
.ms .collaps-slider.st-inside,
.cat .collaps-slider.st-inside,
.fm .collaps-slider.st-inside {
  margin: 0;
}
.ebm-colps2 .dot-ul {
  padding-left: 0 !important;
}
.ebm-colps2 .dot-ul li {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}
.ebm-colps2 .container-blocks {
  padding: 40px 59px 20px;
}
.ms .bg-crayonpink.border-rad12 {
  box-sizing: border-box;
  padding: 40px 20px;
}
.ms .col-md-4 .grid-blocks.x4 {
  width: 214px;
  margin: 0 auto;
}
.ms .col-md-6 .grid-blocks.x4 {
  width: 354px;
  margin: 0 auto;
}
.ms .grid-blocks.x4 img {
  margin-bottom: 10px;
}
.cat .blocks-left-c {
  width: 251px;
  flex-shrink: 0;
}
.cat .blocks-right-c {
  width: auto;
}
.cat .blocks-right-c p:first-child {
  margin-bottom: 22px;
}
.cat .panel .container-blocks {
  padding: 50px 60px;
}
.cat .panel .container-blocks ul li {
  font-size: 16px;
  line-height: 24px;
}
.rw iframe {
  width: 1000px;
  margin: 0 auto;
  display: block;
}
.fm .panel .bg-white {
  padding: 40px 60px;
}
.fm .panel .container-blocks .blocks-left-c {
  width: 233px;
  flex-shrink: 0;
}
.fm .panel .container-blocks .blocks-right-c {
  width: auto;
}
.fm-colps2 .grid-blocks.x4 {
  width: 267px;
  margin: 0 auto;
}
.fm-colps2 .grid-blocks.x4 img {
  margin-bottom: 20px;
}
.fm-colps2 .container-blocks {
  padding: 40px 0px 20px;
}
.tabsec.m4-6 {
  padding: 0;
}
.m4-6 .tab_cont_panel-colaps .collaps-slider:nth-of-type(1) {
  margin-top: 0;
}

.tab_cont_panel.m4-6 .container-blocks .blocks-left-c {
  width: 212px;
  flex-shrink: 0;
  flex-grow: 0;
}
.m4-6 .container-blocks .blocks-right-c {
  width: auto;
}
/* .m4-6 .tab_cont_panel-colaps {position: relative;top: -90px;} */
.m4-6 p,
.m6-12 p {
  line-height: 24px;
}
.tab_cont_panel
  .collaps-slider.st-inside.weaning-colps1
  .panel
  .grid-blocks.x4 {
  width: 254px;
  padding: 32px 0 36px;
}
.tab_cont_panel
  .collaps-slider.st-inside.weaning-colps1
  .panel
  .grid-blocks.x4
  p
  strong {
  margin-bottom: 8px;
  display: block;
}
.weaning-colps1 .panel .grid-blocks.x4 img {
  width: 175px;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.weaning-colps2 .grd-wrap {
  grid-template-columns: repeat(3, 281px);
}
.weaning-colps2 .gi-wrap {
  height: auto;
}
.weaning-colps2 .gi-bg-img {
  width: 175px;
  height: auto;
  margin-bottom: 14px;
}

.weaning-colps2 .panel .bg-white {
  padding: 48px 0;
}
.weaning-colps2 .panel .grd-body {
  padding-bottom: 0;
}
.weaning-colps2 .grd-item:last-child {
  grid-column-start: 1;
  grid-column-end: 4;
  display: inherit;
}
.weaning-colps2 .grd-item:last-child .container-blocks {
  padding: 0;
}
.weaning-colps2 .grd-item:last-child .blocks-left-c {
  width: 188px;
}
.weaning-colps4 .grd-wrap {
  grid-template-columns: repeat(2, 50%);
  gap: 0;
}
.weaning-colps4 .grd-body {
  padding-bottom: 0;
}
.weaning-colps4 .grd-wrap .grid-blocks {
  padding: 20px 25px;
}
.weaning-colps4 .grd-wrap .grd-item:nth-child(3) .grid-blocks p,
.weaning-colps4 .grd-wrap .grd-item:nth-child(4) .grid-blocks p {
  margin-top: -32px;
}

.afta-0 .container-blocks {
  padding-top: 35px;
  padding-bottom: 0;
}
.afta-0 .container-blocks .blocks-left-c {
  width: 251px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 0;
}
.afta-0 .container-blocks .blocks-right-c {
  width: auto;
  justify-content: center;
  display: flex;
  flex-flow: column wrap;
}
.afta-0 .dot-ul {
  margin-left: 0;
}
.afta-0 .dot-ul li {
  font-size: 16px;
  line-height: 24px;
}
.afta-colps1 .panel .container-fluid {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sf-1 .grid-blocks {
  width: 325px;
  margin: 0 auto;
}
.sf-1 .grid-blocks img {
  margin: 0 auto;
  display: block;
}
.sf-2 .grd-body {
  padding-bottom: 0;
}
.sf-2 .grd-wrap {
  grid-template-columns: repeat(3, 270px);
  gap: 0 46px;
}
.sf-2 .gi-bg-img {
  width: auto;
  height: 125.59px;
  margin-bottom: 11px;
}
.sf-2 .gi-wrap {
  height: auto;
}
.yri .collaps-slider.st-inside {
  margin: 0 0 20px;
}
.yri-colps-1 .cta {
  width: 258px;
  border-radius: 36px !important;
  margin: 0 auto;
}
.yri-colps-3 .container-fluid {
  padding: 0 80px;
}
.yri-colps-3 .hb-content {
  margin-top: 70px;
}
.tab_cont_panel
  .collaps-slider.st-inside.pfc-colps1
  .panel
  .col-md-12
  .grid-blocks {
  width: 720px;
  margin: 0 auto;
}
.tab_cont_panel
  .collaps-slider.st-inside.pfc-colps1
  .panel
  .col-md-12
  .grid-blocks
  img {
  width: 532px;
  margin: 0 auto;
  display: block;
}
.tab_cont_panel .collaps-slider.st-inside.pfc-colps1 .panel .grid-blocks.x4 {
  width: 264px;
  margin: 0 auto;
}
.tab_cont_panel .collaps-slider.st-inside.pfc-colps3 .w800 {
  width: 800px;
}
.tab_cont_panel .collaps-slider.st-inside.pfc-colps3 .grid-blocks {
  width: 352px;
  margin: 0 auto;
}
.tab_cont_panel
  .collaps-slider.st-inside.pfc-colps3
  .container-blocks.border-rad8 {
  padding: 40px 0px 20px 47px;
}
.tab_cont_panel
  .collaps-slider.st-inside.pfc-colps3
  .container-blocks.border-rad8
  .blocks-left-c {
  width: auto;
  padding: 0;
  margin-right: 0;
}
.tab_cont_panel
  .collaps-slider.st-inside.pfc-colps3
  .container-blocks.border-rad8
  .blocks-right-c {
  width: 197px;
  flex-grow: 0;
  flex-shrink: 0;
}
.tab_cont_panel
  .collaps-slider.st-inside.pfc-colps3
  .container-blocks.border-rad8
  .blocks-right-c
  img {
  margin-left: 26px;
}

.pfc-colps4 .grd-body {
  padding-bottom: 0;
  margin-top: 40px;
}
.pfc-colps4 .grd-body .grd-wrap {
  grid-template-columns: repeat(2, 431px);
}
.pfc-colps4 .container-blocks {
  padding: 0px 17px 20px;
}
.pfc-colps4 .grd-body .grd-wrap .grd-item:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
  display: inherit;
}
.pfc-colps4 .grd-body .grd-wrap .grd-item:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
  display: inherit;
}
.pfc-colps4 .grd-body .grd-wrap .grd-item:last-child .container-blocks {
  width: 450px;
  margin: 0 auto;
}
.pfc-colps4
  .grd-body
  .grd-wrap
  .grd-item:last-child
  .container-blocks
  .blocks-right-c {
  width: auto;
}

.pfc-colps4 .container-blocks .blocks-left-c {
  width: 138px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 20px;
}
/* .tab_cont_panel.m12-24 {padding: 0;} */
.tab_cont_panel .m12-24 {
  /* padding: 48px 70px 50px; */
}
.m12-24 .yri-colps-1 .w900 {
  width: 892px;
}
.m12-24 .yri-colps-1 .container-blocks {
  padding: 40px 0px 40px;
}
.m12-24 .yri-colps-1 .container-blocks .blocks-left-c {
  width: 228px;
  margin-right: 0;
  display: inherit;
  flex-shrink: 0;
  flex-grow: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.m12-24 .yri-colps-1 .container-blocks .blocks-right-c {
  width: auto;
  margin-right: 0;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 180px;
  margin-left: 50px;
  padding-right: 60px;
}
.m12-24 .yri-colps-3 .gi-bg-img {
  width: 175px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.m12-24 .yri-colps-3 .grid-blocks.x4 {
  width: 240px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.m12-24 .yri-colps-3 .grid-blocks.mt {
  margin-top: 20px;
}

.m12-24 .yri-colps-4 .grd-wrap {
  grid-template-columns: repeat(2, 470px);
  gap: 20px;
}
.m12-24 .yri-colps-4 .container-blocks {
  padding: 40px 17px 0px;
}
.m12-24 .yri-colps-4 .container-blocks .blocks-left-c {
  width: 138px;
  height: 130px;
  margin-right: 10px;
  display: inherit;
  flex-grow: 0;
  flex-shrink: 0;
}
.m12-24 .yri-colps-4 .container-blocks .blocks-right-c {
  width: auto;
}

.m12-24 .yri-colps-4 .container-fluid::after {
  content: "";
  display: block;
  background-image: url(https://ch-api.healthhub.sg/api/public/content/41a482af650448f1b394e6da62d6e5fd?v=b07589ca);
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 356px;
  height: 232px;
}
/* DivTable.com */
.divTable {
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}
.divTableHeading {
  background-color: #eee;
  display: table-header-group;
}
.divTableCell,
.divTableHead {
  display: table-cell;
  padding: 16px 23px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.divTableHeading {
  background-color: #eee;
  display: table-header-group;
  font-weight: bold;
}
.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}
.divTableCell:nth-child(2) {
  width: 36%;
}
.borderR-column {
  border-right: 1px solid #ffd0d0;
}

@media screen and (min-width: 768px) {
  .slider .image-holder {
    min-height: 521px;
  }
}

.epds .bg-yellow ul {
  margin: 50px 70px;
  font-size: 24px;
  text-align: left;
  color: #000;
  list-style-type: disc;
  font-family: "Open Sans";
}
.epds .bg-yellow ul li {
  margin-bottom: 40px;
}
.protect {
  border-radius: 24px;
  margin-bottom: 70px;
  padding: 47px 0 0;
  position: relative;
}
.protect-title {
  background-color: #fff;
  border-radius: 48px;
  display: inline-block;
  font-family: "milkynice" !important;
  font-size: 36px;
  margin-bottom: 56px;
  padding: 16px 63px;
  text-align: center;
}
.protect-title-green {
  background-color: #00ab90;
  color: #fff;
}
.protect-cont {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 890px;
}
.protect .vl {
  display: block;
  height: auto;
}
.main .protect-text {
  font-family: "Chivo";
  font-size: 24px;
  font-weight: 700;
  margin-top: 10px;
  text-align: center;
}
.protect iframe,
.protect .vl img {
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 25%);
  height: 211px;
  width: 100%;
}
.protect .vl img {
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 25%);
  width: 100%;
  height: auto;
}
.protect .w-50 {
  width: 380px;
  text-align: center;
}
.protect .w-30 {
  width: 30%;
}
.protect .mb-56 {
  margin-bottom: 56px;
}
.preschool-soap {
  position: absolute;
  top: -150px;
  left: -50px;
}
.preschool .protect-cont {
  width: 90%;
  margin: 0 auto;
}
.preschool .protect-text {
  text-align: left;
}
.teens .protect .mb-56,
.protect .mb-56 {
  margin-bottom: 56px;
}

.ws-gdm {
  padding: 0 35px;
  border-radius: 12px;
  background-color: #fff;
  background-image: url(https://ch-api.healthhub.sg/api/public/content/18fe33bdbbb5451c80476323186d35d5?v=3d4a706d);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: initial;
}

.step1bg {
  padding: 0 35px;
  border-radius: 12px;
  background-color: #fff6e4;
  background-image: url(https://ch-api.healthhub.sg/api/public/content/5f629dda929d428f97b56c1fd8c5fc93?v=5d14adb9);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: initial;
  background-blend-mode: multiply;
}

.grd-head {
  width: 818px;
  display: block;
  margin: 55px auto 32px auto;
}
.grd-head h4,
.slide_item h4 {
  font-family: "milkynice" !important;
  font-style: normal;
  font-size: 24px;
  color: #000;
}
.purple-bg-text {
  background: #834fc2;
  color: #fff;
  border-radius: 24px;
  font-family: "milkynice" !important;
  padding: 14px 24px !important;
}
.lpurple-bg-text {
  color: #000;
  background: #e6dcf3;
  font-size: 20px !important;
  padding: 20px 33px !important;
  line-height: 32px;
  border-radius: 24px;
}

.grd-body {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 96px;
}
.grd-wrap {
  display: grid;
  grid-template-columns: repeat(3, 240px);
  grid-template-rows: auto auto;
  gap: 36px;
}
.gi-wrap {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  position: relative;
  height: 208px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-flow: column;
}
.gi-wrap .grd-item_box {
}

.gi-bg-img {
  /* position: absolute;
    top: 0;
    left: 0;
    z-index: 0; */
  width: 86px;
  height: 78px;
  margin: 0 auto;
}
.gi-img-top {
  top: -45px;
  width: 86px;
  height: auto;
  position: relative;
}

.gi-head-left {
  /* position: absolute;
    bottom: 29px; */
  display: block;
  text-align: left !important;
  padding-right: 55px;
  padding-left: 25px;
}
.gi-head-center {
  display: block;
  text-align: center !important;
  padding-right: 55px;
  padding-left: 25px;
}
.gi-bot-left-icon {
  width: 50px;
  position: absolute;
  right: 14px;
  bottom: 14px;
}

.gi-wrap span,
.gi-wrap h4 {
  /* position: absolute; */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin: 0 auto;
  padding: 0 10px;
  display: block;
}
.gi-wrap span span,
.gi-wrap h4 span {
  /* position: absolute; */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
.mainhead-bg-cloud {
  display: block;
  position: absolute;
  z-index: -1;
  top: -80px;
  left: 50%;
  transform: translate(-50%, 0);
}

.tnd-modal-img {
  position: relative;
  margin: 0 auto;
  display: block;
}
.tnd-img-bg-cloud {
  display: block;
  position: absolute;
  z-index: 0;
  width: 291px;
  height: 219px;
  top: -19px;
}

/* #tnd .collaps-slider.st-inside, #under-control .collaps-slider.st-inside {
    margin: 0;
} */

#tnd .st-modal .modal-dialog {
  width: 1100px;
}
#tnd .modal-page-content {
  padding: 0px 45px;
}
#tnd .modal-page-content p,
#under-control .modal-page-content p {
  margin-bottom: 16px;
}
#tnd .modal-page-content td {
  font-size: 14px;
  line-height: 18px;
  padding: 15px 11px;
  border: 1px solid #fff6e4;
}

#tnd .csi-right {
  width: 291px;
  margin-right: 0;
  position: relative;
}
#tnd .csi-left {
  width: 76.71%;
  position: relative;
}
#uc .d-flex-col {
  padding: 30px 70px;
  justify-content: space-between;
  margin-bottom: 30px;
}
#uc .grid-blocks {
  width: 211px;
  text-align: center;
}
#uc .grid-blocks span {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

#uc .grid-blocks .title-head-block,
[data-colaps="tips4"] .grid-blocks .title-head-block {
  background: #834fc2;
  font-family: "milkynice" !important;
  font-size: 20px;
}
/* {
    background: #834FC2;
    font-family: "milkynice" !important;
    font-size: 20px;
} */

#under-control .modal-page-content td {
  font-size: 14px;
  line-height: 18px;
  padding: 15px 11px;
  border: 1px solid #fff6e4;
}
#under-control .modal-page-content {
  padding: 0px 101px;
}
#under-control .modal-header h3 {
  font-size: 24px;
  margin-left: 31px;
  padding: 0;
}
.uc-step2 .st-modal .modal-dialog {
  width: 1198px;
}
.uc-step2 .mybs button.gi-wrap.bg-yellow .gi-head-left {
  margin-right: 87px;
}
.step2-carbo-item {
  display: flex;
  justify-content: center;
}
.step2-carbo-item .wrp {
  width: 192px;
}
.step2-carbo-item p {
  text-align: center !important;
  font-size: 16px !important;
  line-height: 20px !important;
}
.step-1-modal-5 div {
  width: 201px;
}
.step-1-modal-5 .title-head-block {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  float: right;
  display: block;
  width: 100%;
  border-radius: 8px;
}
.step-1-modal-5 div:first-child {
  margin-right: 80px;
}
.div-bder24px {
  border-radius: 24px;
  padding: 34px 50px;
}

.bottom-footnote {
  position: absolute;
  bottom: 0;
}
.flip-box {
  background-color: transparent;
  width: auto;
  height: 195px;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* .flip-box:hover .flip-box-inner {transform: rotateY(180deg);} */
.h-flip {
  transform: rotateY(180deg);
}
.flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  /* height: 100%; */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  color: black;
}
.flip-box-back {
  background-color: #555;
  color: white;
  transform: rotateY(180deg);
}
[data-colaps] {
  padding: 0;
}
[data-colaps].togglepannel {
  display: none;
  padding: 10px 10px;
  margin-top: -20px;
  position: relative;
  z-index: 2;
}
[data-colaps] .container-fluid {
  margin: 0 27px;
}
.togglepannel .tp-body {
  padding: 20px;
}
.uc-step2 .slick-slider-two .slick-prev {
  left: -25px;
}
.uc-step2 .slick-slider-two .slick-next {
  right: -25px;
}
.uc-step2 .slick-dots .slick-active button {
  background: #834fc2 !important;
}
.uc-step2 .mybs .grd-wrap {
  grid-template-columns: repeat(3, 268px);
}
.st-inside .slick-dots li button {
  background: #fff6e4;
  border: 1px solid #834fc2;
}
.ate {
  width: 770px;
  margin: 0 auto;
}
.ate-head {
  background: #ffc148;
  border-radius: 8px;
  padding: 31px 80px;
  position: relative;
}
.ate-head::after {
  content: "";
  position: absolute;
  left: -29px;
  top: 15px;
  width: 58px;
  height: 44px;
  background: url(https://www.healthhub.sg/sites/assets/Assets/Programs/parenting_portal/images/yellow-call-tail.svg)
    no-repeat left top;
  background-size: contain;
}
.ate-head .title-head {
  font-family: "milkynice" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  margin: 0;
}
.ate-body {
  position: relative;
  min-height: 540px;
}
.ate-body .bg-white {
  padding: 40px 56px 40px 164px;
  box-sizing: border-box;
}
.ate-body img {
  position: absolute;
  top: 40px;
  left: -90px;
  width: 260px;
}
.bnm-colp-1 .col-md-6 .border-rad8,
.bnm-colp-4 .col-md-6 .border-rad8 {
  border: 1px solid #834fc2;
  padding: 32px 58px;
}
.bnm-colp-2 .border-rad8 {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 34px 45px;
  min-height: 548px;
}
#babby-and-mummy .panel,
#under-control .panel,
#screening-and-diagnosis .panel {
  padding: 0;
  border-top: none;
}
.bnm-colp-2 .m-s-wrap {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}
.bnm-colp-2 .green {
  border: 1px solid #4fc123;
}
.bnm-colp-2 .red {
  border: 1px solid #f07281;
}
.bnm-colp-2 .border-rad8.green {
  min-height: 1446px;
}
.bnm-colp-3 .slick-slider-two {
  width: 815px;
  margin: 0 auto;
}
.bnm-colp-3 .slick-slider-two .slick-dots {
  bottom: -20px;
}
.bnm-colp-4 .border-rad8 .body-content {
  min-height: 466px;
}
.border-rad8 .panel[data-colaps] .body-content {
  min-height: 420px;
  display: block;
}
.ciass h3.accordion {
  color: #fff;
}
.ciass .acc-icon-plus {
  background: url(https://ch-api.healthhub.sg/api/public/content/91e0c9b406c54e3ba143bd2c0506cd89?v=e81754fd)
    center top no-repeat;
}
.ciass .acc-icon-minus {
  background: url(https://ch-api.healthhub.sg/api/public/content/196d645b35cb4079b026b5902089cded?v=50535b19)
    center top no-repeat;
}
.ciass .evtp-bg-bot.bg-cloud.bg-cloud-purple-single::before {
  right: 0;
  top: 55%;
}

.shcasdc .collaps-slider.st-inside {
  margin: 0;
}
.shcasdc .table tbody {
  display: table;
  width: 100%;
}
.shcasdc .table-bordered > thead > tr > td,
.shcasdc .table-bordered > thead > tr > th,
.shcasdc .table > thead:first-child > tr:first-child > td,
.shcasdc .table-bordered > tbody > tr > td {
  border: 1px solid #834fc2 !important;
  background: #fff;
}
.shcasdc .table tr td,
.ciass .table tr td {
  padding: 25px;
}
.shcasdc .table thead tr td p {
  margin-bottom: 0;
}
.shcasdc .table tbody tr td p {
  margin-bottom: 0px;
}
.shcasdc.evtp-bg-bot.bg-cloud.bg-cloud-purple-single::before {
  right: -55px;
  top: 35%;
}

.bbaMobileOnly {
  display: none;
}
@media screen and (max-width: 1280px) {
  .db-container {
    width: auto;
  }
  .db-header .navigation > li .li-wrap {
    width: auto;
  }
  .header .navigation > li.active::after,
  .db-header .navigation > li.active::after {
    width: 160px;
  }
  .db-slick-wrap {
    width: 1028px;
  }
  .super-infl .db-slick-wrap {
    width: 928px;
  }
  #wtt .db-container {
    width: 1128px;
  }
  .wtt-box .collaps-slider .accordion .col2-wrap .acrd-col:nth-child(1) {
    width: 50%;
    margin-right: 90px;
  }
  .wtt-box .collaps-slider .accordion .col2-wrap .acrd-col:nth-child(2) {
    width: 36%;
  }
  .dlpt .slick-prev {
    left: -90px;
  }
  .dlpt .slick-next {
    right: -90px;
  }
}

@media screen and (max-width: 1485px) {
  .top-info-area.white {
    margin: 0 280px;
    width: auto;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1484px) {
  .top-info-area.white {
    margin: 0 auto;
    width: 95%;
  }
}

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
  .db-container {
    width: auto;
  }
  #wtt .db-container {
    width: 98%;
  }
  .wtt-box .indicator-wtt {
    top: 20%;
    right: 11px;
  }
}

@media screen and (max-width: 1024px) {
  .w960 {
    width: auto;
  }
  .db-header .navigation > li .li-wrap {
    width: auto;
  }
  .slick-slider-one .slick-dots {
    bottom: 130px;
    width: 270px;
    left: 55px;
  }
  .slick-slider-one .slick-dots li {
    margin-right: 13px;
    margin-top: 8px;
  }
  .dlpt {
    width: auto;
  }
  .dlpt .slick-next {
    right: -57px;
  }
  .dlpt .slick-prev {
    left: -57px;
  }
  #tips-dnm {
    width: auto;
  }

  .sensoryplay-carousel-wrap {
    width: auto;
  }
  #sensoryplay-carousel .slick-prev {
    left: 0px;
  }
  #sensoryplay-carousel .slick-next {
    right: 0px;
  }
  #tips-dnm .mid-s-wrap {
    width: auto;
  }
  #collapsibles,
  .collaps-slick,
  #collapsibles .single-blocks {
    width: 100%;
  }
  .collaps-slider .accordion {
    padding: 24px 50px 24px 10px;
  }
  #sec2-decor-4 {
    right: 0;
    bottom: -8%;
    width: 18%;
  }
  .title-hold h2 {
    margin-bottom: 50px;
  }
  #hero-wrap {
    margin-top: 100px;
  }
  #slider-sec {
    padding: 0px 0 40px;
    position: relative;
    margin-top: 40px;
  }
  #rfy {
    padding: 60px 0 120px;
  }
  #quizzes {
    padding: 80px 0 50px;
  }
  #quizzes .sec-headline {
    margin-bottom: 40px;
  }
  #yma-like {
    padding: 40px 0 40px;
  }
  .db-header .navigation > li .li-wrap a {
    padding: 5px 5px 18px;
  }
  #sec3,
  #poec-moretips {
    margin: 131px 10px 80px;
  }
  #sec2,
  #sec3,
  #poec-moretips,
  #ce .content-wrap {
    width: auto;
    padding: 80px 20px;
  }
  .m-s-wrap {
    margin: 0 30px !important;
    width: auto;
    padding: 0px 20px;
  }
  .lg-s-wrap,
  .sm-s-wrap {
    width: auto;
  }
  .p-b-m-tablet {
    padding-bottom: 34px;
  }
  .m-t-l {
    margin-top: 20px !important;
  }
  .m-t-l-tablet {
    padding-top: 55px;
  }
  .m-t-s-tablet {
    margin-top: 20px;
  }
  .p-t-1r {
    padding-top: 70px;
  }
  .sbh-inside .hb-right-content {
    position: absolute;
    right: 7px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .sbh-inside .hb-right-content ul li a {
    display: block;
    margin-bottom: 28px;
    border-radius: 100px;
    padding: 18px 135px;
    background: #52d2bf;
    font-size: 20px;
    line-height: 24px;
  }
  .sbh-inside .hb-right-content ul li:last-child a {
    margin-bottom: 0;
  }
  .sbh-inside .hb-content {
    position: relative;
    box-shadow: none;
  }
  .sbh-inside .hb-content .decor-wrap {
    bottom: 0;
    overflow: hidden;
    height: 40px;
    left: 0px;
  }
  .sbh-inside .hb-content .hb-text {
    bottom: 0;
    left: 50px;
    margin-left: 0;
  }
  .sbh-inside .hb-text .text-wrap {
    height: 171px;
  }

  .db-container {
    width: 100% !important;
  }
  .navigation {
    padding: 0 15px 0 15px;
  }
  .db-header .navigation {
    flex-flow: row nowrap;
  }
  .db-header .navigation > li .li-wrap {
    padding: 0;
  }
  .db-slick-wrap {
    width: 80%;
  }
  .container-blocks {
    padding: 20px 0;
  }
  #yma-like .text-content .button-holder a:nth-child(1) {
    margin-right: 15px;
  }
  #quizzes .text-wrap {
    top: 46%;
    width: 100%;
  }
  #rfy .wide-area .text-wrap,
  #poec-rfy .wide-area .text-wrap {
    width: 55%;
    padding: 27px 20px 5px;
  }
  #rfy .rfy-3col,
  #poec-rfy .rfy-3col {
    padding: 29px 40px 29px 40px;
  }
  #rfy .db-container .container-blocks {
    display: block;
  }
  #rfy-decor-1 {
    width: 220px;
  }
  #quizzes .db-container .container-blocks {
    display: block;
  }
  #quizzes .text-content {
    height: 209px;
  }
  #quizzes .row .col-md-4:nth-child(-n + 2) {
    width: 49%;
    display: inline-block;
  }
  #quizzes .row .col-md-4:nth-child(3) {
    width: 49%;
    margin: 0 auto;
  }

  #slick-decor-1 {
    width: 250px;
    top: 70px;
    bottom: 0;
  }
  #yma-like .text-content {
    padding: 30px 28px 39px;
  }

  #qas .button {
    margin: 0;
  }
  #qas .single-box .sgl-box-text {
    padding: 56px 34px 0px;
    min-height: auto;
    margin-bottom: 70px;
  }
  #qas-decor-5 {
    right: 0;
  }

  #sec2 .container-fluid,
  #sec3 .container-fluid,
  #poec-moretips .container-fluid,
  #ce .container-fluid,
  .m-s-wrap {
    padding-right: 30px;
    padding-left: 30px;
  }

  .db-wrapper {
    overflow: hidden;
  }
  .top-info-area.white {
    margin: 0 22.5px;
  }
  #ptri-content-decor-4 {
    bottom: -13%;
    right: -27px;
    width: 18%;
  }

  .top-space-header {
    margin-bottom: 11%;
  }
  #hb-he-decor-4 {
    top: 40%;
  }
  #poec-moretips {
    width: auto;
    padding: 80px 20px;
  }
  #poec-moretips .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
  #poec-rfy .db-container {
    padding: 0 20px;
  }
  #poec-rfy .rfy-3col {
    padding: 29px 40px 29px 40px;
  }
  .rp-2row .content {
    width: 90%;
  }
  .rp-1row .content {
    width: 90%;
  }
  .rp-0row .content {
    width: 90%;
  }
  .rp-2row {
    margin-top: 210px;
  }
  .rp-1row {
    margin-top: 140px;
  }
  .rp-0row {
    margin-top: 15px;
  }
  .img-bg img {
    height: auto;
  }
  .ymal-arrow {
    top: 50%;
  }
  .ymal-arrow.slick-prev {
    left: 10px;
  }
  .ymal-arrow.slick-next {
    right: 10px;
  }
  .bighead,
  .card-box-wrap .contents .card-descrip {
    padding: 0 19px;
  }
  .m-s-wrap {
    margin: 0 15px !important;
  }
  .playlist-wrap {
    width: 100%;
    padding: 0 10px;
  }
  #hb-he-decor-1 {
    top: 21%;
    left: -5%;
  }
  .nhe .hb-right-content {
    right: -69px;
  }
  .nav-spacing-2row {
    margin-top: 140px;
  }
  .nav-spacing-primary {
    margin-top: 70px;
  }
  .db-hero-vid .video {
    margin: 0 15px;
  }
  .video .m-v {
    width: 100%;
    height: 400px;
  }
  .video .s-v {
    width: 100%;
    height: 200px;
  }
  .db-slick .db-item iframe {
    height: 501px;
  }
  .ptri3-btn {
    width: auto !important;
  }

  #sec2 .container-blocks .blocks-left-c,
  #sec3 .container-blocks .blocks-left-c,
  #ce .container-blocks .blocks-left-c,
  .container-blocks .blocks-left-c {
    width: 40%;
  }

  #sec2 .container-blocks .blocks-right-c,
  #sec3 .container-blocks .blocks-right-c,
  #ce .container-blocks .blocks-right-c,
  .container-blocks .blocks-right-c {
    width: 60%;
  }

  .collaps-slider {
    padding: 0 10px;
  }
  .st-orange .inner-content {
    margin: 0 20px;
  }
  .st-orange .collaps-slick .slick-prev {
    left: 50px !important;
  }
  .st-orange .collaps-slick .slick-next {
    right: 50px !important;
  }
  .modal-page .modal-dialog {
    width: 95%;
  }
  .lg-head span {
    font-size: 24px;
    padding: 12px 135px;
  }
  #rocking .mpc-white-wrap {
    padding-left: 50px;
    padding-right: 50px;
  }
  #caring .mpc-white-wrap {
    padding: 64px 0 32px;
  }
  #caring .settle {
    padding: 30px 0;
  }
  .epds h2 {
    padding: 0 74px;
  }

  .mx-lg,
  .mx-md {
    margin: 0 20px;
  }
  .questions {
    padding: 0 83px;
  }
  #routine .flex {
    padding: 0;
  }
  #routine .flex .flex-item .img2 {
    margin-top: -38px;
  }
  .chb .blocks-left-c {
    width: 70%;
  }
  .chb .blocks-right-c {
    width: 30%;
  }

  .chb-4r-5 .csi-right {
    width: 55%;
    padding-left: 20px;
  }

  .chb-4r-6 .csi-left {
    width: auto;
    padding-left: 30px !important;
    padding-right: 35px !important;
  }
  .chb-purpb5 {
    left: 70px;
    top: -203px;
    background-size: contain;
    width: 770px;
    height: 680px;
  }
  .chb-purpb4 {
    left: 70px;
    top: 41px;
    width: 670px;
    height: 720px;
    background-size: contain;
  }
  .cbh-dl .cta {
    width: 350px;
  }
  .cbh-img4 {
    left: -60px;
  }
  .cbh-img5 {
    left: -30px;
  }
  .wtt-box .collaps-slider .flex-div {
    width: 700px;
  }
  .panel-box {
    width: auto;
  }
  .ecn-page .fullwidth-btn {
    width: 80%;
  }
  .tab_cont_panels {
    padding: 50px 10px 36px;
    width: auto;
    float: none;
  }
  .tab,
  .w1040,
  .w1200 {
    width: auto;
  }
  .yri .title-hold {
    padding-bottom: 30px;
  }
  #allergies {
    padding: 0 10px;
  }
  .pfc-colps2 .fullwidth-btn br.ws-only,
  .afta-colps1 .fullwidth-btn br.ws-only {
    display: none;
  }

  .pfc-colps4 .grd-body {
    padding-bottom: 20px;
  }
  .pfc-colps4 .grd-body .grd-wrap {
    grid-template-columns: repeat(2, 381px);
  }
  .index-v2 .tabs-buttons {
    width: auto;
    padding: 10px 20px;
  }
  .index-v2 button.tab-menu {
    width: auto;
    margin: 0 10px;
    height: auto;
    padding: 10px 30px;
    font-size: 18px;
  }
  .vr2 {
    width: auto;
  }
  .vr2 .slick-slider-one {
    width: auto;
  }
  .vr2 .col-md-3 {
    width: 25%;
  }
  .vr2 .col-md-9 {
    width: 75%;
  }
  .vr2 .slider .slider-card {
    width: 374px;
    margin: -240px 24px 0 auto;
  }
  .vr2 .slick-slider-one .slick-next {
    right: 11px;
  }
  .vr2 .big-screen-only {
    display: none;
  }
  .vr2 .mb-only {
    display: block;
  }
  .indx-pt {
    width: auto;
  }
  .indx-pt .flex-div-fw {
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 20px;
  }
  .indx-pt .flex-div-fw a {
    margin-bottom: 20px;
  }
}
@media (max-width: 912px) {
  .mid-s-wrap {
    width: auto;
  }
  .dlpt-wrap {
    width: auto;
  }
  .slick-slider-one .slick-dots {
    bottom: 180px;
    width: 270px;
    left: 55px;
  }
  .dlpt .slick-prev {
    left: -40px;
  }
  .dlpt .slick-next {
    right: -40px;
  }

  #sc .title-hold h2 .d-ib {
    display: block;
    text-align: center;
  }
  .grd-head {
    width: auto !important;
  }
  .wtt-box .collaps-slider .flex-div {
    width: 700px;
  }
  .panel-box {
    width: auto;
  }
  .wtt-box .indicator-wtt {
    position: absolute;
    top: 16%;
    transform: translateY(-50%);
    right: 10px;
  }
  .wtt-box .collaps-slider .accordion .col2-wrap .acrd-col:nth-child(1) {
    width: 618px;
    margin-right: 20px;
  }
  .st-head::before {
    width: 100%;
    left: 50% !important;
  }
  .tgcy-accordion .collaps-slider .flex-div {
    width: auto;
  }
  .uc-step2 .mybs .grd-wrap {
    grid-template-columns: repeat(3, 232px);
  }
  .uc-step3 .modal-dialog {
    width: auto;
  }
  .uc-step3 .slick-next {
    right: -42px;
  }
  .uc-step3 .slick-prev {
    left: -42px;
  }
  .uc-step4 .slick-arrow {
    top: initial;
    bottom: -10px;
  }
  .uc-step4 .slick-next {
    right: 0;
  }
  .uc-step4 .slick-prev {
    left: 0px;
  }

  #safety-precautions .wrap,
  #safety-precautions .grd-head {
    width: auto;
  }
  #safety-precautions .row {
    display: flex;
    flex-flow: row;
  }
  #safety-precautions .row .col-md-3 {
    width: 50%;
  }
  #acknowlegements .accordion {
    width: 540px;
  }
  #acknowlegements .panel {
    width: auto;
  }
  /* .bnm-colp-3 .slick-slider-two {
        width: auto;
        margin: 0 auto;
    } */
  .w1040,
  .w1200,
  .w900,
  .w960 {
    width: auto;
  }
  .w900 img {
    padding: 0 20px;
  }
  .tab,
  .tab .tab_cont_panel .w800 {
    width: auto;
  }
  .tab_cont_panel {
    width: auto;
    margin: 0;
  }
  .tab_cont_panel .tab_wrap .w1200 {
    padding: 45px 25px;
  }
  .tab_cont_panel .kbb-3 .grd-wrap {
    grid-template-columns: repeat(2, 290px);
  }
  .tab_cont_panel .collaps-slider.st-inside .panel .grid-blocks.x5 {
    width: 135px;
  }

  .afta .w1200,
  .lnp .w1200 {
    margin: 0 20px;
    padding: 0 20px;
  }
  .sf-1 .grid-blocks {
    width: 405px;
  }
  .sf-2 .grd-wrap {
    grid-template-columns: repeat(1, 430px);
    gap: 20px 46px;
  }
  .pfc-colps1 .col-md-4 {
    width: 49.7%;
    display: inline-block;
    box-sizing: border-box;
  }
  .pfc-colps4 .grd-body .grd-wrap {
    grid-template-columns: repeat(2, 371px);
    gap: 10px;
  }
  .pfc-colps4 .grd-body {
    padding-bottom: 0;
  }

  .yri .collaps-slider.st-inside.yri-colps-1 {
    margin-top: 20px;
  }
  #screen-time-infographic #collapsibles,
  #guidelines-screen-time #collapsibles {
    margin: 0 20px;
    width: auto;
  }
  .tab_cont_panel
    .collaps-slider.st-inside.pfc-colps3
    .container-blocks.border-rad8 {
    padding: 40px 0px 20px 27px;
    margin: 0 20px;
  }
  .m12-24 .yri-colps-1 .container-blocks .blocks-right-c {
    margin-right: 20px;
  }
  .yri.p-b-m {
    padding-bottom: 4px !important;
  }
  .yri-colps-3 .w900 .row {
    display: flex;
    flex-flow: row wrap;
  }
  .yri-colps-3 .col-md-4 {
    width: 50%;
    box-sizing: border-box;
  }
  /* .tab_cont_panel.m4-6 .tab_wrap .w1040 {max-height: 590px;} */
  .m12-24 .yri-colps-4 .grd-wrap {
    grid-template-columns: repeat(2, 410px);
  }
  .afta-colps1 {
    margin: 0;
  }
  .bnm-colp-2 .border-rad8.green {
    min-height: auto;
    margin-bottom: 30px;
  }
  .vr2 .row {
    display: flex;
  }
  .vr2 .slider .slider-card {
    width: 264px;
  }
  .vr2 .slider .image-holder {
    width: 542px;
  }
  .vr2 .col-md-9 .slider {
    padding: 0 20px 0px 0;
  }
  .indx-pt .flex-div-fw {
    justify-content: center;
  }
  .indx-pt .flex-div-fw a {
    margin: 10px 10px;
  }
  #tab1 .chp-sec4 .wimg {
    margin-bottom: 0;
  }
  .chp-sec4 .wimg::after {
    right: 0px;
  }
  .chp-sec4 .wimg .col-md-7 p:not(:first-child) {
    width: 55%;
  }
  .chp-sec4 .wimg .col-md-7 p:not(:last-child):not(:nth-last-child(2)) {
    width: 54%;
    display: contents;
  }
}
/* This breakpoint is only for browser screen */
@media (max-width: 767px) {
  .d-flex-col {
    flex-flow: column;
    margin-top: 40px;
  }
  .sensoryplay-carousel-wrap {
    width: 579px;
  }
  #sensoryplay-carousel .slick-prev {
    left: -45px;
  }
  #sensoryplay-carousel .slick-next {
    right: -45px;
  }

  #quizzes .row .col-md-4:nth-child(-n + 2),
  #quizzes .row .col-md-4:nth-child(3) {
    width: 90% !important;
    margin: 0 auto;
    display: flex !important;
  }
  #quizzes .container-blocks {
    width: 100%;
  }
  #quizzes .text-wrap {
    top: 65%;
  }
  #quizzes .text-content .small-text {
    font-size: 17px;
  }
  #quizzes .text-wrap p {
    font-size: 30px;
  }
  #quizzes .text-content ul li {
    font-size: 20px;
  }
  .st-text-left {
    max-height: inherit;
    height: auto;
    margin-right: 0;
  }
  .st-img-r {
    position: relative;
    top: 0;
    right: 0;
    width: auto;
    text-align: center;
  }
  .st-img-r img {
    width: 100%;
  }
  .container-blocks {
    flex-flow: column;
  }
  .content-block {
    padding: 76px 15px 73px;
  }
  .collaps-slider-items {
    padding: 0;
    margin: 0 auto;
  }
  .clouds-bg {
    min-height: 843px;
  }
  .st-img-carousel,
  .st-text-carousel {
    margin: 0;
  }
  .st-checklist-block {
    margin: 74px 0 53px 15px;
  }
  .st-checklist-block .cta,
  .cta {
    margin: 0 auto;
  }
  .st-img-carousel img {
    margin: 0 auto;
  }
  /* .collaps-slick {padding: 0 10px;} */
  .collaps-slider-items .colps-1st-p {
    width: auto;
  }

  .mb-h-auto {
    height: auto !important;
  }
  .st-mx-1 {
    width: auto;
    padding: 0 20px;
  }
  .view-all-btn {
    width: auto;
    margin: 0 10px;
  }
  .thumb-list.no-scroll {
    overflow-x: scroll !important;
  }
  .bg-color .px-94 {
    padding-left: 0;
    padding-right: 0;
  }
  .sp {
    padding: 0;
  }
  .slider {
    padding: 0;
  }
  .slick-slider-one .slick-dots {
    bottom: -40px;
    width: auto;
  }
  .slider .slider-card {
    border-radius: 0;
    margin: 0;
    min-height: auto;
    box-shadow: none;
    max-width: 100%;
  }
  .slick-slider-one .slick-arrow {
    bottom: -90px;
    top: auto;
  }
  .slider .image-holder {
    width: 100%;
    min-height: auto;
  }
  .slick-dotted.slick-slider {
    margin: 20px 0 60px;
  }
  .slick-slider-one .slick-list {
    margin: 0;
  }
}
/* end */
@media screen and (max-width: 767px) {
  .navigation {
    display: none !important;
  }
  .mb-nav {
    display: block;
    margin-bottom: 40px;
  }
  .top-space-header {
    margin-bottom: -8% !important;
  }
  #hero-wrap,
  .nav-spacing-2row {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 820px) {
  .header .navigation .sub-nav li {
    padding: 10px 15px;
    display: flex;
    align-items: center;
  }
  .header .navigation .sub-nav li a {
    color: #000;
    font-size: 16px;
  }

  #gd-h1 .title-hold .wrap span {
    padding: 0 30px;
    text-align: center;
  }
  #gd-h1 .blocks-right-c {
    margin-right: 30px;
  }
  .st-modal .modal-dialog {
    width: auto;
    margin: 30px 10px;
  }
  .nhe .hb-content .hb-text {
    position: relative;
  }
  .nhe .hb-text .text-wrap {
    width: 220px;
    margin: 0 auto;
    top: -30px;
    height: auto;
    padding: 27px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .nhe .hb-right-content {
    right: 0 !important;
    position: relative;
    width: auto;
  }
  .nhe .hb-right-content ul {
    width: 70%;
    margin: 0 auto;
  }
  .grd-wrap {
    grid-template-columns: repeat(3, 210px);
  }
  .gi-bg-img {
    width: auto;
  }
  .gi-bot-left-icon {
    width: 36px;
  }
  .gi-head-left {
    padding-right: 25px;
  }
  /* #testing-gdm-health-pregnancy .gi-bg-img { width: auto;} */
  .mybs button.gi-wrap.bg-yellow .gi-head-left {
    margin-left: 10px;
    margin-right: 34px;
  }
  #uc .d-flex-col {
    padding: 30px 30px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #uc .grid-blocks {
    width: 181px;
    text-align: center;
  }
  #tnd .st-modal .modal-dialog {
    width: auto;
    margin: 30px 15px 0;
  }
  .ate {
    width: 620px;
  }
  .ate-body img {
    left: -46px;
    width: 230px;
    top: 89px;
  }
  .ate-body .bg-white {
    padding: 40px 36px 40px 174px;
  }
  .ws-gdm .grd-wrap {
    grid-template-columns: repeat(3, 208px);
  }
  .ws-gdm .grd-wrap .gi-head-left {
    padding-right: 30px;
  }

  .ws-gdm .gi-wrap {
    height: 228px;
    width: 100%;
    margin: 0 10px;
  }
  .uc-step1 .grd-wrap {
    grid-template-columns: repeat(3, 216px);
  }
  .uc-step2 .st-modal .modal-dialog {
    width: auto;
    margin: 30px 15px 0 15px;
  }
  #smp .modal-dialog {
    width: 769px;
  }
  .grd-head {
    width: auto;
  }
  #smp .grd-wrap {
    grid-template-columns: 152px 454px;
    gap: 15px;
  }
  [data-colaps="step1"] .flex-div-fw {
    flex-flow: row wrap;
    justify-content: center;
  }
  [data-colaps="step2"] .container-fluid .col-md-4 img {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  .uc-step2 .mybs .grd-wrap {
    grid-template-columns: repeat(3, 198px);
  }
  /* .mybs button.gi-wrap.bg-yellow .gi-head-left {
        position: relative;
         top: 0;
         left: 0;
         margin-top: 16px;
         margin-left: 25px;
         margin-right: 70px;
         min-height: 100px;
    } */
  #blood-sugar-levels iframe {
    width: 100%;
  }
  .uc-step3 .modal-dialog,
  .uc-step3 .slick-slider-rp {
    width: auto;
  }
  .uc-step3 .mybs button.gi-wrap.bg-yellow .gi-head-left {
    min-height: 180px;
  }
  .uc-step3 .slick-next {
    right: -39px;
  }
  .uc-step3 .slick-prev {
    left: -39px;
  }
  .uc-step4 .slick-prev {
    left: 20px;
  }
  .uc-step4 .slick-next {
    right: 20px;
  }
  .uc-step4 .slick-slider-two {
    width: auto;
    padding: 0;
    margin: 0;
  }
  .uc-step4 .slick-slider-two .container-blocks {
    flex-flow: column;
    padding: 20px !important;
    margin-bottom: 60px;
  }
  .uc-step4 .slick-slider-two .container-blocks .blocks-left-c {
    width: 100%;
    margin-right: 0;
  }

  .uc-step4 .slick-slider-two .container-blocks .blocks-right-c {
    width: 100%;
  }
  .uc-step4 .collaps-slider .slick-dots {
    bottom: 5px;
  }
  #safety-precautions .row {
    flex-wrap: wrap;
  }
  #safety-precautions .row .col-md-3 {
    margin-bottom: 70px;
  }
  .bnm-colp-3 .slick-slider-two {
    width: 575px;
  }
  .bnm-colp-1 .col-md-6 .border-rad8,
  .bnm-colp-4 .col-md-6 .border-rad8 {
    margin-bottom: 20px;
  }
  .bnm-colp-1 .col-md-6 .border-rad8,
  .bnm-colp-4 .col-md-6 .border-rad8 {
    min-height: auto;
  }
  .bnm-colp-4 .row.m-t-s {
    margin-top: 0 !important;
  }
  .bnm-colp-2 .border-rad8 {
    margin: 0 auto 20px;
    min-height: auto;
  }
  .w760,
  .w800,
  .w876 {
    width: auto;
  }
  .kbb-1 .d-flex-col,
  .kbb-2 .d-flex-col {
    flex-flow: row wrap;
  }
  .tab_cont_panel .collaps-slider.st-inside .panel .grid-blocks.x4 {
    width: 50%;
    padding: 32px 20px 36px;
  }
  .tab_cont_panel .collaps-slider.st-inside.kbb-2 .grid-blocks.x5 {
    width: 50%;
    padding: 32px 20px 36px;
  }
  .ms .w1040 .col-md-4 {
    width: 50%;
    float: left;
  }
  .grid-blocks.x4 img,
  .grid-blocks.x5 img {
    width: 70%;
    margin: 0 auto 20px auto;
    display: block;
  }
  .collaps-slider .flex-div,
  .flex-div-sm {
    width: auto;
  }
  #collapsibles .collaps-slider.st-inside {
    margin: 0;
  }
  #tips-dnm .collaps-slider {
    margin: 0 10px;
  }
  .index-v2 .tabs-buttons {
    padding: 10px 0;
  }

  .index-v2 .slick-slider-one {
    width: auto;
    margin: 0 auto;
  }
  .index-v2 .slider .image-holder {
    width: 610px;
  }
  .index-v2 .slider .slider-card {
    width: 334px;
    padding: 20px;
    right: 30px;
  }
  .slick-slider-one .slick-prev {
    right: 110px;
  }
  .slick-slider-one .slick-next {
    right: 40px;
  }
  #wtt {
    margin-top: 0;
  }
  .vr2 .slider .image-holder {
    min-height: 300px;
  }
  .vr2 .slider .image-holder img {
    min-height: 300px;
  }
  .index-v2 .slider .image-holder {
    width: 440px;
  }
  .vr2 .slick-slider-one .slick-arrow {
    top: 34px;
  }
  .vr2 .slick-slider-one .slick-next {
    right: 51px;
  }
  .vr2 .slider .slider-card {
    width: 244px;
  }
  .vr2 .slider .slider-card h1 {
    font-size: 18px;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .title-hold .wrap span {
    font-size: 31px;
  }
  .title-hold h2 span {
    font-size: 81px;
  }
  #gdm .title-hold .wrap span,
  #gdm .title-hold .pre-header span {
    font-size: 26px;
  }
  #gdm .title-hold h2 span,
  #gdm .title-hold .main-header span {
    font-size: 61px;
  }
  .w660,
  .w800,
  .w900,
  .w960 {
    width: auto;
  }
  .sensoryplay-carousel-wrap {
    width: 579px;
  }
  #sensoryplay-carousel .slick-prev {
    left: -45px;
  }
  #sensoryplay-carousel .slick-next {
    right: -45px;
  }
  .mid-s-wrap {
    width: auto;
  }
  .top-space-header {
    margin-bottom: 16%;
  }
  .mt-desktop-only-l {
    margin-top: 0px;
  }
  .nhe .hb-right-content ul li {
    margin-bottom: 20px;
  }
  #collapsibles {
    width: 100%;
    padding: 0;
  }
  .collaps-slider .flex-div,
  .flex-div-sm,
  .flex-div-fw {
    width: auto;
    flex-flow: column;
    margin: 0 10px;
  }
  .collaps-slider.st-inside {
    margin: 0 10px;
  }
  .screen-time .flex-div-fw,
  .screen-time .flex-div {
    flex-flow: row;
  }
  .screen-time .st-sec2-text-l {
    width: auto;
  }
  .screen-time .st-sec2-img-r {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .st-img-carousel,
  .st-text-carousel,
  .st-text-alone {
    width: 100%;
  }
  .collaps-slider .panel {
    padding: 0;
    margin: 0;
  }
  .st-img-carousel .img-top,
  .st-img-carousel .img-top2 {
    margin-top: 0;
  }
  .st .sec-head-img {
    width: auto;
    margin: 0 10px;
  }
  .st1 .panel .collaps-slider-items .st-text-carousel {
    width: auto !important;
    padding: 0 40px;
  }
  .st1 .csi-left {
    margin-right: 0 !important;
  }
  .st2 .flex-div {
    flex-flow: column;
    margin: 0 80px;
  }
  .st2 .panel .collaps-slider-items .st-text-carousel {
    width: auto !important;
  }
  .st2 .panel .collaps-slider-items .st-img-carousel {
    width: 60% !important;
    margin: 0 auto;
  }
  .st3 .st-sec2-text-l,
  .st3 .st-sec1-text-r {
    width: auto;
  }
  .st3 .st-sec2-img-r,
  .st3 .st-sec1-img-l {
    width: auto;
    margin: 0 auto;
  }
  .st3 .st-sec2-text-l,
  .st3 .st-sec1-img-l {
    padding-right: 0;
  }
  .st3 .panel .bg-white {
    padding: 45px;
  }
  .st3 .st-sec2-text-l.text-vcenter {
    display: block;
  }
  .tips-colps1 .flex-div-fw {
    flex-flow: column;
  }
  .tips-colps1 .screen-time .st-sec1-img-l {
    width: auto;
  }
  .tips-colps1 .screen-time .st-sec1-text-r {
    width: auto;
  }
  .tips-colps1 .ws-only,
  .st3 .ws-only {
    display: none;
  }
  .tips-colps1 .mb-only,
  .st3 .mb-only {
    display: block;
    margin: 0 auto;
  }

  .p-t-1r {
    padding-top: 55px;
  }
  .m-t-s-tablet {
    margin-top: 5px;
  }
  .db-header {
    padding: 10px 15px;
  }
  #hero-wrap {
    margin-top: 90px;
  }
  .p-t-xs-tablet {
    padding-top: 0px;
  }
  .p-t-m-tablet {
    padding-top: 20px !important;
  }
  .p-b-m-tablet {
    padding-top: 0px !important;
    padding-bottom: 0px;
  }
  .p-b-s-tablet {
    padding-bottom: 30px !important;
  }
  .m-s-wrap {
    padding: 20px 20px 0px;
  }
  #slider-sec {
    padding: 0px 0 30px;
    position: relative;
    margin-top: 20px;
  }
  #rfy {
    padding: 70px 0 70px;
  }
  #rfy .db-container {
    padding: 0px 20px;
  }
  #quizzes .row .col-md-4:nth-child(-n + 2) {
    width: 49%;
    display: inline-block;
  }
  #quizzes .row .col-md-4:nth-child(3) {
    width: 49%;
    margin: 0 auto;
  }
  .mb-mb-lg {
    margin-bottom: 60px;
  }

  #sec2 {
    padding: 20px 20px 50px;
    margin: 0;
  }

  #qas .l-space,
  #qas .r-space {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 15px 45px;
  }
  #qas .r-space {
    margin-bottom: 59px;
  }
  #qas-decor-1 {
    left: 0;
    top: 10%;
  }
  #qas-decor-5 {
    top: 151px;
    width: 180px;
  }
  .rp-2row .content {
    margin: 0 auto 50px auto;
  }
  .rp-2row .content {
    width: 330px !important;
  }
  .rp-1row .content {
    margin: 0 auto 50px auto;
  }
  .rp-1row .content {
    width: 330px !important;
  }
  .rp-0row .content {
    margin: 0 auto 50px auto;
  }
  .rp-0row .content {
    width: 330px !important;
  }
  .rp-2row {
    margin-top: 230px;
  }
  .rp-1row {
    margin-top: 140px;
  }
  .rp-0row {
    margin-top: 0px;
  }

  /* bg details updates */
  #poec-rfy .db-container {
    padding: 0 50px;
  }
  #poec-rfy .small-area {
    border-radius: 32px;
  }
  #teens-subhero-1 {
    bottom: -37%;
    left: -35%;
  }
  #teens-ce3 {
    right: -5%;
    bottom: 48%;
  }
  #teens-ce4 {
    right: -8%;
    bottom: 32%;
  }
  .sub-nav {
    margin-top: 120px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* #qas .single-box .sgl-box-text {padding: 56px 45% 0px 68px;} */
  .article-holder .article-wrap {
    max-width: 400px;
  }
  .decor {
    width: 80px;
  }
  .nav-active .navigation {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .nav {
    text-align: right;
  }
  .nav .navigation {
    padding: 20px 0;
  }
  .nav .navigation > li {
    text-align: center;
    margin-right: 10px;
  }
  .db-header .db-container {
    padding: 0;
  }
  .db-header .navigation > li .li-wrap a {
    padding: 10px 10px;
    font-size: 16px;
  }
  .db-header .navigation .sub-nav li a {
    font-size: 16px;
  }
  .nav .navigation > li a:hover {
    color: #834fc2;
  }
  .nav .navigation > li:last-child a {
    border-bottom: none;
  }
  .img-bg img {
    height: auto;
  }
  .db-header .navigation .sub-nav li {
    padding: 10px 10px;
    display: flex;
    border-radius: 28px;
  }
  /* .wrow2 ul { margin-bottom: 15px;} */
  .tab-headline {
    width: 95%;
    margin: auto;
  }
  .nhe .hb-content > img {
    left: 0;
    width: auto;
  }
  .nhe .hb-right-content {
    right: -56px;
  }
  .card-block {
    margin-bottom: 30px;
  }
  .rs-row {
    margin-bottom: 0;
  }
  .r-space {
    padding-right: 0;
  }
  .l-space {
    padding-left: 0;
  }
  #qas .single-box {
    margin: 0 33px;
  }
  #qas .row {
    margin-bottom: 0px;
  }
  .nav-spacing-2row {
    margin-top: 110px;
  }
  .nav-spacing-primary {
    margin-top: 80px;
  }
  .video .m-v,
  .video .s-v {
    width: 100%;
    height: 400px;
  }
  .db-slick .db-item iframe {
    height: 376px;
  }
  #sec2 .container-blocks .blocks-left-c,
  #sec3 .container-blocks .blocks-left-c,
  #poec-moretips .container-blocks .blocks-left-c,
  #ce .container-blocks .blocks-left-c,
  #sec2 .container-blocks .blocks-right-c,
  #sec3 .container-blocks .blocks-right-c,
  #poec-moretips .container-blocks .blocks-right-c,
  #ce .container-blocks .blocks-right-c,
  .container-blocks .blocks-right-c,
  .container-blocks .blocks-left-c {
    width: 50%;
  }

  #sec2 .container-blocks .blocks-right-c,
  #sec3 .container-blocks .blocks-right-c,
  #ce .container-blocks .blocks-right-c,
  .container-blocks .blocks-right-c {
    padding-top: 0;
    width: 50%;
  }

  #sec2 .container-blocks .blocks-right-c h3,
  #sec3 .container-blocks .blocks-right-c h3,
  #ce .container-blocks .blocks-right-c h3,
  .container-blocks .blocks-right-c h3 {
    margin-top: 0;
  }

  #pacifiers .mpc-img {
    width: 100%;
  }
  #pacifiers .mpc-texts {
    width: 100%;
  }
  #pacifiers .cloud {
    top: -80px;
  }
  #pacifiers .order-1 {
    order: 1;
  }
  #pacifiers .order-2 {
    order: 2;
  }
  #pacifiers .mpc-img .mb-1 {
    margin-bottom: 0;
  }
  #pacifiers .mpc-white-wrap.px-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
  #rocking .mpc-white-wrap {
    padding: 40px 0 0;
  }
  #rocking .mpc-white-wrap::after {
    background-size: contain;
    height: 143px;
    width: 83px;
  }
  #routine .modal-page-content {
    padding: 0;
  }
  #routine .flex {
    padding: 0 20px;
  }
  #routine .flex .flex-item {
    margin-bottom: 10px;
    width: 100%;
  }
  #routine .flex .flex-item .img2,
  #routine .flex .flex-item .img3 {
    margin-top: 0;
  }
  .lg-head span {
    font-size: 16px;
    padding: 12px 85px;
  }
  #gdm .lg-head span {
    font-size: 22px;
    padding: 12px 85px;
  }
  .modal-page .close {
    right: 30px;
  }
  #sg-primary .bg-orange-sunset,
  #log .bg-flesh {
    margin-top: 10px;
  }
  #sg-primary .slick-slide img {
    margin: 0 auto;
  }
  #sg-primary .colps-1st-p {
    padding: 0 20px;
    width: auto;
  }
  #log .bg-flesh {
    padding-left: 20px;
    padding-right: 20px;
  }
  .epds::before,
  .epds::after {
    width: 500px;
  }
  .epds h2 {
    padding: 0;
  }
  .mx-lg,
  .mx-md {
    margin: 0;
  }
  .epds .bg-content {
    max-width: 100%;
    padding: 0 30px;
  }
  .ref {
    margin: 50px 50px 0;
  }
  .questions {
    padding: 0;
  }
  .colps-1st-p {
    margin: 0 20px;
    width: auto;
  }
  .st-img-carousel img {
    margin: 0 auto;
  }
  .mx-1 {
    margin: 0 110px;
  }
  .mx-2 {
    margin: 0 190px;
  }
  .sp-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .w-38,
  .w-45,
  .container-blocks .blocks-right-c.w-45,
  .w-55 {
    width: 100%;
  }
  .pr-30,
  .pr-45,
  .pl-35 {
    padding: 0;
  }
  .sp-mb-3 {
    margin-bottom: 30px;
  }
  .sp-t-0 {
    top: 0;
  }
  .fs-28 {
    font-size: 20px;
  }
  .st-orange .inner-content {
    margin: 0 10px;
  }
  .st-orange table,
  .st-orange table tr,
  .st-orange table td {
    display: block !important;
  }
  .st-orange table {
    margin: 0 40px;
  }
  .st-orange table td,
  .st-orange table tr {
    height: auto !important;
  }
  .st-mx-1 {
    width: auto;
    margin: 0 20px;
  }
  .st-text-left {
    margin-right: 0;
  }
  .st-img-r {
    position: static;
  }
  .st-img-r img {
    margin: 0 auto;
    display: block;
  }
  .st-checklist-block {
    margin: 74px 0 53px 0px;
    padding: 0 230px 0 0;
  }
  .sgfn-slide7 .st-text-carousel {
    width: 100%;
  }
  .sgfn-slide7 .st-img-carousel {
    width: 100%;
    padding-bottom: 40px;
  }
  .cust-modal-body {
    width: auto;
  }
  .cust-modal-content {
    width: auto;
    margin: 0 10px;
  }
  .st-ic-head {
    margin: 0 20px;
  }
  .st-ic-head span {
    padding: 10px 109px;
    display: block;
  }
  .lg-head {
    line-height: normal;
  }
  .modal-header .st-ic-head {
    margin: 20px 20px 0 20px;
  }
  .btn-4modal {
    margin: 0 auto;
  }
  ul li .btn-4modal {
    margin: 0;
  }
  #pacifiers .mpc-white-wrap-flex,
  #cloud-modal-1 .mpc-white-wrap-flex,
  #cloud-modal-2 .mpc-white-wrap-flex {
    padding: 20px 0 15px;
  }
  #pacifiers .mpc-48pers,
  #pacifiers .mpc-52pers,
  #cloud-modal-1 .mpc-48pers,
  #cloud-modal-1 .mpc-52pers,
  #cloud-modal-2 .mpc-48pers,
  #cloud-modal-2 .mpc-52pers {
    width: 100%;
  }
  #pacifiers .mpc-white-wrap-flex.px-1 {
    padding: 35px 0;
  }
  .lg-head-long {
    width: auto;
  }
  .small-zzz-parent::after {
    right: -20px;
    top: -60px;
  }
  .sp-px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .all-articles {
    padding: 0 10px;
  }
  .mx-3 {
    margin: 0 30px;
  }
  .eh-title .title-head span {
    font-size: 75px;
  }
  .bg-cloud-img,
  .bg-cloud-img-dark {
    left: 0;
    width: 100%;
  }
  .bg-cloud-img-dark {
    top: -50px;
  }
  .bg-cloud-img-dark-2 {
    left: -50px;
  }
  .bg-cloud-sub.bg-cloud-red-sm::before {
    left: 0;
  }
  .sp-t-10 {
    top: -100px;
  }
  .sp-t-12 {
    top: -120px;
  }
  .blocks-left-c img.img-abs {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }
  .mt--5 {
    margin-top: 0;
  }
  .mt-sp-1 {
    margin-top: 10px !important;
  }
  .blocks-left-c .bg-img {
    bottom: 150px;
    height: 400px;
    left: -3px;
    width: 400px;
  }
  .csi-right.st-text-carousel p,
  .csi-right.st-text-carousel h4 {
    padding-left: 0;
  }
  .protect {
    margin-bottom: 20px;
    padding: 0;
  }
  .protect-title {
    margin: 0 40px 56px;
  }
  .protect-cont {
    padding: 0 40px;
    width: auto;
  }
  .preschool .protect-cont {
    align-items: center;
    width: auto;
  }
  .protect .w-50 {
    width: 100%;
  }
  .protect .w-30 {
    width: 100%;
  }
  .protect .w-50 {
    width: 100%;
  }
  .protect iframe {
    height: 350px;
  }
  .protect .vl {
    height: auto;
  }
  .protect .sp-mb-56 {
    margin-bottom: 56px;
  }
  .protect-cont {
    flex-wrap: wrap;
  }
  .protect-cont img {
    width: 100%;
  }
  .preschool-soap {
    width: 30%;
    top: -140px;
  }
  .main .protect-text {
    margin-bottom: 30px;
  }
  #tips-dnm .mid-s-wrap {
    width: auto;
  }
  #tips-dnm .mid-s-wrap .blocks-v2 {
    margin: 0 auto 30px auto;
  }
  .st-modal {
    padding: 0 10px;
  }
  .st-modal .modal-dialog {
    width: auto;
  }
  .st-modal .csi-right,
  .st-modal .csi-left {
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .st-modal .st-sec1-img-l {
    margin: 0 auto 20px auto;
  }
  .st-modal .modal-dialog .modal-page-content {
    padding: 0 46px;
  }
  .chb .flex-div-fw {
    flex-flow: column;
  }
  .cbh-updated .container-blocks {
    flex-flow: column;
  }
  .cbh-updated .blocks-right-c {
    width: auto;
  }
  .chb-4r-1 .csi-right,
  .chb-4r-2 .csi-right,
  .chb-4r-3 .csi-right,
  .chb-4r-4 .csi-right,
  .chb-4r-5 .csi-right,
  .chb-4r-6 .csi-left {
    width: auto;
    padding: 0;
  }
  .chb-4r-6 .csi-right {
    width: 100%;
    padding-bottom: 50px;
  }
  /* .cbh-dl .cta {width: 350px !important; } */
  .chb-4r-1 .csi-left,
  .chb-4r-3 .csi-left {
    width: auto;
    padding-left: 0;
  }
  .chb-4r-1 .csi-right img,
  .chb-4r-2 .mb-only img,
  .chb-4r-3 .csi-right img,
  .chb-4r-4 .ws-only,
  .chb-4r-5 .ws-only,
  .chb-4r-6 .ws-only {
    width: 450px;
    margin: 0 auto;
    display: block;
  }
  .chb-purpb1 {
    left: 91px;
  }
  .chb-4r-2 .mb-only,
  .chb-4r-4 .mb-only,
  .chb-4r-5 .mb-only,
  .chb-4r-6 .mb-only {
    display: block;
  }
  .chb-4r-2 .ws-only,
  .chb-4r-4 .ws-only,
  .chb-4r-5 .ws-only,
  .chb-4r-6 .ws-only {
    display: none;
  }
  /* .chb-4r-1 .csi-right, .chb-4r-2 .csi-left, .chb-4r-3 .csi-right { width: auto;}
    .chb-4r-1 .csi-right img {margin: 0 auto; display: block;}
    .chb-4r-1 .csi-left, .chb-4r-3 .csi-left { width: auto;padding-left: 0}
    .chb-4r-2 .csi-right { width: auto; padding-right: 0;} */
  .resc-grandparents a {
    margin-bottom: 50px;
  }
  .resc-grandparents a img {
    display: block;
    margin: 0 auto;
  }
  .resc-grandparents a:nth-child(1) {
    padding-right: 0;
  }
  .resc-grandparents a:nth-child(1) img,
  .resc-grandparents a:nth-child(2) img {
    width: auto;
  }
  .sec-headline.st p.sm-wdth {
    padding: 0 60px;
  }

  .chb-purpb5 {
    left: 0;
    top: -191px;
    background-size: contain;
    width: 770px;
    height: 680px;
  }
  .chb-purpb4 {
    left: 30px;
    top: 41px;
    width: 670px;
    height: 720px;
    background-size: contain;
  }
  .cbh-dl .cta {
    width: 210px;
  }
  #wtt {
    padding: 65px 15px;
  }
  .accordion .col2-wrap {
    flex-flow: column;
  }
  .wtt-box .collaps-slider .accordion .col2-wrap .acrd-col:nth-child(1),
  .wtt-box .collaps-slider .accordion .col2-wrap .acrd-col:nth-child(2) {
    width: auto;
    margin-right: 0;
  }
  .page-head-img {
    width: 495px;
    margin-top: 0;
  }
  .box740 {
    width: auto;
  }
  .wtt-box .st-img-carousel {
    margin: 0;
  }
  .wtt-box .indicator-wtt {
    top: 10%;
    right: 20px;
  }
  .wtt-box .collaps-slider-wrap {
    width: auto;
  }
  .wtt-box .slick-prev {
    left: 17px;
    top: 39%;
  }
  .wtt-box .slick-next {
    right: 17px;
    top: 39%;
  }
  .super-infl .row {
    justify-content: center;
  }
  .super-infl div.text-center {
    margin-top: 35px;
  }
  .recipe-box .slick-prev {
    left: -20px;
    top: 50%;
  }
  .recipe-box .slick-next {
    right: -20px;
    top: 50%;
  }
  .dlpt-wrap,
  .dlpt {
    width: auto;
  }
  .dlpt {
    padding: 25px 50px;
  }
  .dlpt-wrap {
    margin: 0 auto;
    width: 549px;
  }
  .dlpt .slick-prev {
    left: -40px;
    top: 50%;
  }
  .dlpt .slick-next {
    right: -40px;
    top: 50%;
  }
  #sc .db-hero-banner {
    width: auto;
  }
  .scr {
    width: 371px;
  }
  .box260,
  .box340 {
    width: auto;
    margin: 0 auto 25px auto;
  }
  .box260 img,
  .box340 img {
    width: auto;
    margin: 0 auto 15px 0;
  }
  .panel-box {
    width: auto;
    padding: 0 15px;
  }
  .recipe-box .btn-wrap {
    width: auto;
  }
  .wtt-box .st-text-carousel {
    justify-content: normal;
    padding: 20px 60px;
  }
  .signpost {
    width: auto;
    height: auto;
    background-size: contain;
    background-position: 0px 103px;
    padding-bottom: 30px;
  }
  /* #uc .d-flex-col { flex-flow: column;} */

  #uc .grid-blocks {
    width: 160px;
    text-align: center;
  }
  #tnd .csi-left {
    width: auto;
  }
  #tnd .csi-right {
    margin: 0 auto;
  }
  /* #testing-gdm-health-pregnancy .flex-div-fw { flex-flow: row;} */
  .tgcy-accordion .st-img-carousel,
  .tgcy-accordion .st-text-carousel {
    width: auto;
  }
  .tgcy-accordion .st-text-carousel {
    margin-top: 15px;
  }
  .grd-wrap {
    gap: 16px 16px;
  }
  .gi-wrap span,
  .gi-wrap h4 {
    padding: 0 10px;
  }
  .ate {
    width: 570px;
  }
  .mybs button.gi-wrap.bg-yellow .gi-head-left {
    /* margin-left: 20px; */
    margin-right: 44px;
  }
  .uc-step2 .mybs button.gi-wrap.bg-yellow .gi-head-left {
    margin-right: 34px;
  }

  .ws-gdm .grd-wrap .gi-head-left h4 {
    padding: 0;
  }
  #safety-precautions .wrap .row .col-md-12 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  #acknowlegements .flex-div-fw {
    flex-flow: row;
  }
  #acknowlegements .panel .flex-col {
    padding: 0 30px;
  }

  .ecn-page .fullwidth-btn {
    width: 90%;
    padding: 15px !important;
  }
  /* .resc-grandparents h2 { margin-bottom: 30px !important;} */
  .tab_cont_panel
    .collaps-slider.st-inside.pfc-colps1
    .panel
    .col-md-12
    .grid-blocks {
    width: auto;
  }
  .pfc-colps3 .w-50 {
    width: auto;
  }
  .pfc-colps3 .w-50:first-child {
    margin-bottom: 40px;
  }
  .pfc-colps1 .col-md-4 {
    width: auto;
    display: block;
    box-sizing: border-box;
  }
  .pfc-colps3 .w660,
  .pfc-colps4 .w660 {
    margin: 0 20px;
  }
  .pfc-colps4 .grd-body .grd-wrap {
    grid-template-columns: 1fr !important;
  }
  .pfc-colps4 .grd-body .grd-wrap .grd-item {
    grid-column: 1;
    margin: 0 20px;
  }
  .pfc-colps4 .grd-body .grd-wrap .grd-item .container-blocks .blocks-right-c {
    width: auto;
  }
  .pfc-colps4 .grd-body .grd-wrap .grd-item:last-child .container-blocks {
    width: auto;
  }
  .tab_cont_panel .collaps-slider.st-inside.pfc-colps1 .panel .grid-blocks.x4 {
    width: auto;
    padding: 20px 0;
  }
  .tab_cont_panel
    .collaps-slider.st-inside.pfc-colps1
    .panel
    .grid-blocks.x4
    img {
    width: 50%;
  }
  .tab_cont_panel .collaps-slider.st-inside.pfc-colps3 .w800 {
    width: auto;
  }
  .m12-24 .yri-colps-4 .grd-wrap {
    grid-template-columns: 1fr;
    gap: 10px 0;
  }
  .m12-24 .yri-colps-4 .grd-body {
    padding-bottom: 166px;
  }
  .m12-24 .yri-colps-1 .w900 {
    width: auto;
  }
  .yri-colps-2 p.text-center:first-child {
    padding: 0 11%;
  }
  .yri-colps-3 .w800 {
    padding: 0 25px;
  }
  .vr2 .row.mb-only .flex-div-fw {
    flex-flow: row wrap;
    justify-content: center !important;
  }
  .vr2 .row.mb-only .flex-div-fw a {
    margin: 10px 10px;
  }
  .cont .row div[class*="col-md-"] {
    margin-top: 20px;
  }
}

.modal:nth-of-type(even) {
  z-index: 1052 !important;
  overflow-y: auto;
}
.modal-backdrop.show:nth-of-type(even) {
  z-index: 1051 !important;
}

.chp #yma-like .title-hold h2 span {
  font-size: 110px;
}

.chp .title-hold h2 span.faq-texts {
  font-size: 48px;
}

@media screen and (max-width: 540px) {
  .db-header .db-container {
    padding: 0;
  }
  .row .col-sm-12 {
    width: 100%;
  }
  .heightsm {
    height: 166px;
  }
  .video-rp {
    height: 250px;
  }
  .home-banner {
    margin: 0 10px;
  }
  .brk-line.mb-conent {
    display: contents !important;
  }
  div[data-pagename="noparent"] .pg-primary {
    background: rgb(131, 79, 194);
  }
  .mainhead-bg-cloud {
    top: -20px;
  }
  .no-pad-lnr-mb {
    padding-left: 0;
    padding-right: 0;
  }
  .white-space {
    white-space: normal;
  }
  .mb-white-space {
    white-space: nowrap;
  }
  .mb-mtop20 {
    margin-top: 20px;
  }
  /* .mb-no-br br {display: none;} */
  /* .mb-nav-sub.v1 {display: block !important;} */
  .w570,
  .w600,
  .w660,
  .w800,
  .w700,
  .w760,
  .w1040 {
    width: auto !important;
  }
  .mb-pad0 {
    padding: 0 !important;
  }
  .v1-headlink,
  .v1-headlink-inner {
    text-align: left;
    border-radius: 0px !important;
  }
  .v1 {
    background: #fff !important;
    box-shadow: none;
  }

  .lh {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    /* line-height: 16px; */
    text-transform: uppercase;
    color: #010101;
    display: inline-block;
  }
  .lh svg {
    position: relative;
    bottom: -1px;
  }
  .v1-inner {
    background: #fff !important;
  }
  .v1-inner .mb-sublink {
    display: block;
  }
  .v1-inner .mb-sublink a {
    display: table;
    margin: 0 0 0 20px;
    padding: 9px 0;
    text-align: left;
    font-family: "Open Sans" !important;
  }
  .v1 .mb-other-links,
  .v1-inner .mb-other-links {
    /* display: grid !important;
        grid-template-columns: 30% 30% 30% 30%;
        grid-template-rows: auto auto; */
    display: flex;
    flex-flow: column wrap;
    height: 126px;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    align-content: space-between;
  }
  .v1 .mb-other-links a:first-child,
  .v1-inner .mb-other-links a:first-child {
    height: 156px;
    width: 20%;
  }
  .v1 .mb-other-links a,
  .v1-inner .mb-other-links a {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    height: auto;
    width: 24.5%;
    height: 55px;
    border-radius: 0;
    margin: 0 2px;
    padding: 0;
    box-sizing: border-box;
  }
  .mb-mrg-b-10 {
    margin-bottom: 10px;
  }
  .mb-mrg-t-10 {
    margin-top: 10px;
  }
  .btn-plain {
    width: auto;
  }
  .title-hold h2 {
    margin-bottom: 45px;
    text-align: center;
  }
  .db-header {
    padding: 0px;
  }
  .lg-head span {
    font-size: 22px;
  }
  #hero-wrap {
    margin-top: -20px !important;
  }
  #sub-hero-wrap {
    margin-top: 0px !important;
  }
  #rfy {
    padding: 40px 0 40px;
  }
  #quizzes .container-blocks {
    padding: 0px 30px !important;
  }
  #resources .single-block {
    padding: 20px 15px 0px;
  }
  #yma-like {
    padding: 10px 0;
  }
  .p-t-1r {
    padding-top: 25px;
  }
  .p-t-m-mobile {
    padding-top: 0px;
  }
  .p-b-m-tablet {
    padding-bottom: 0px;
  }
  .p-t-m-tablet {
    padding-top: 0 !important;
  }
  .mb-nav {
    display: block;
  }
  .m-s-wrap {
    padding-top: 10px !important;
    margin: 25px 15px !important;
  }
  .p-t-xs-tablet {
    padding-top: 50px !important;
  }
  #sec {
    margin: 0 10px;
  }
  .wrow2 li {
    width: 100%;
  }
  .db-slick-wrap,
  #sec2,
  #sec2 .container-blocks .blocks-left-c,
  #sec3 .container-blocks .blocks-left-c,
  #poec-moretips .container-blocks .blocks-left-c,
  #ce .container-blocks .blocks-left-c,
  #sec2 .container-blocks .blocks-right-c,
  #sec3 .container-blocks .blocks-right-c,
  #poec-moretips .container-blocks .blocks-right-c,
  #ce .container-blocks .blocks-right-c,
  .container-blocks .blocks-right-c,
  .container-blocks .blocks-left-c {
    width: 100%;
  }
  #sec2 .container-blocks .blocks-right-c,
  #sec3 .container-blocks .blocks-right-c,
  #ce .container-blocks .blocks-right-c,
  .container-blocks .blocks-right-c {
    padding: 23px 10px;
  }

  .sec-headline {
    padding: 0 15px;
  }
  .sec-headline.m-t-m.p-t-xs-tablet {
    padding-top: 0 !important;
  }
  .sec-headline.p-t-l {
    padding-top: 25px !important;
  }
  .sec-headline.p-b-l {
    padding-bottom: 25px !important;
  }
  .mb-only {
    display: block;
  }
  img.mb-only {
    width: 100%;
  }
  .mb-mt-30 {
    margin-top: 30px;
  }
  .big-screen-only {
    display: none;
  }
  .db-header .navigation {
    flex-flow: column;
  }
  .db-header .navigation > li {
    margin: 0;
  }
  .navigation {
    position: absolute;
  }
  .nav .navigation > li a {
    width: 100%;
  }
  .db-header .navigation > li .li-wrap {
    min-height: auto;
    padding: 0;
  }
  .db-header .navigation > li .li-wrap:before {
    display: none;
  }
  .ws-only {
    display: none !important;
  }
  .navigation {
    top: 100%;
    right: 0;
    width: 100%;
    background: #fff;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    z-index: 5;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    overflow: auto;
    padding: 15px 15px 0 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .slick-next {
    right: 10px;
    bottom: -80px;
    top: unset;
  }
  .slick-prev {
    left: 10px;
    top: unset;
    bottom: -80px;
  }
  .slick-prev,
  .slick-next {
    visibility: visible;
    z-index: 1;
  }
  .sc-sec2.slick-dotted.slick-slider {
    margin: 20px 0 50px;
  }
  .sc-sec2 .slick-prev,
  .sc-sec2 .slick-next {
    bottom: 50%;
  }
  .sc-sec2 .slick-prev {
    left: -16px;
  }
  .sc-sec2 .slick-next {
    right: -16px;
  }
  .sc-sec2 .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .sc-sec2 .slick-arrow::before {
    width: 30px;
    height: 30px;
    background-size: contain;
  }
  .ymal-arrow {
    bottom: -50px;
  }
  #rfy .wide-area .text-wrap,
  #poec-rfy .wide-area .text-wrap {
    width: 80%;
    padding: 27px 20px 5px;
  }

  #resources {
    padding: 0 10px;
  }
  #resources .button {
    bottom: 80px;
    font-size: 20px;
    width: 290px;
  }
  .db-header .navigation > li.active a {
    color: #000;
    font-weight: bolder;
  }
  .sensoryplay-carousel-wrap {
    width: auto;
  }
  .sensory .link-btn {
    width: auto;
    margin: 0 10px;
  }
  #sensoryplay-carousel .slick-arrow {
    top: 50%;
  }
  #sensoryplay-carousel .slick-prev {
    left: 0px;
  }
  #sensoryplay-carousel .slick-next {
    right: 0px;
  }
  #sensoryplay-carousel .blocks-v2 .blck-btn-wrp {
    padding: 0 23px;
  }
  #sec2 .container-blocks a,
  #sec3 .container-blocks a,
  #poec-moretips .container-blocks a,
  #ce .container-blocks a,
  .container-blocks a {
    flex-flow: column;
  }

  /* .bg-decor-wrap {display: none;} */
  #qas .button {
    margin: 0 auto;
    left: 0;
    bottom: 11%;
  }

  #ce .container-fluid {
    padding-right: 15;
    padding-left: 15px;
  }
  /* #sec3-decor-1 {top: -310px !important;right: -10px;} */
  .container-blocks .blocks-left-c {
    margin-right: 0;
  }
  .container-blocks .blocks-left-c img {
    width: 100% !important;
  }
  #slider-sec {
    margin-top: 50px;
    padding-bottom: 0;
  }

  #qas .single-box {
    margin: 0;
  }
  #qas .single-box .sgl-box-text {
    padding: 56px 30px 0px;
    min-height: auto;
    margin-bottom: 50px;
  }
  #qas .button {
    margin: 0;
  }
  #qas .button-holder {
    justify-content: center;
    margin-right: 0;
  }
  .sub-nav {
    position: unset;
    margin-top: 0 !important;
    background: inherit !important;
    padding: 0;
  }
  .sub-nav li.act {
    padding: 0;
  }
  .db-header .navigation > li.active::after {
    display: none;
  }
  .sub-nav ul {
    display: list-item;
  }
  .db-header .navigation .sub-nav li {
    display: contents;
  }
  .db-header .navigation .sub-nav li a {
    font-size: 15px;
  }

  .sec-headline h3 img {
    vertical-align: sub;
  }
  .nav .navigation > li a {
    border-bottom: 1px solid #000;
    display: block;
    padding: 10px 5px;
  }
  .hb-content {
    box-shadow: none;
    margin-top: 20px;
  }
  .hb-text .text-wrap {
    width: auto;
    padding: 27px 29px 25px;
    min-height: auto;
  }
  .hb-text {
    bottom: 0;
    position: relative;
    margin-left: 0;
  }
  .hb-content .decor-wrap {
    left: unset;
    bottom: 0;
    top: 200px;
    width: auto;
    padding: 0;
  }
  #sub-hero-decor-1 {
    top: -17%;
    left: -6%;
  }
  #sec2-decor-4 {
    width: 240px;
  }
  #ce-corner-decor-3 {
    left: -4%;
    bottom: 18%;
  }
  .slick-initialized .slick-slide {
    margin-bottom: 10px;
  }
  .title-hold .wrap span,
  #gdm .title-hold .wrap span,
  #gdm .title-hold .pre-header span {
    font-size: 18px;
    text-align: center;
  }
  .title-hold h2 span,
  .chp .title-hold h2 span,
  #gdm .title-hold h2 span,
  #gdm .title-hold .main-header span,
  .title-hold h2.f64 span {
    font-size: 40px;
    text-align: center;
  }
  .chp .title-hold h2 span.faq-texts {
    font-size: 40px;
  }
  #gdm .like .title-hold .main-header span {
    font-size: 82px;
  }
  #under-control .title-hold .main-header span,
  #test-and-diagnosis .title-hold h2 span {
    /* font-size: 60px !important;  */
    text-align: center;
  }

  #gd-h1 h2 span {
    font-size: 54px !important;
    margin-left: 0 !important;
  }
  #gd-h1 .m-s-wrap {
    margin-top: 0 !important;
  }
  #gd-h1 .m-s-wrap .container-blocks {
    padding-top: 0 !important;
  }
  .title-hold h2 span.d-ib {
    display: inline-block;
  }

  /* .section.p-b-l {padding-bottom: 0 !important;} */
  .mt-desktop-only-l {
    margin-top: 0;
  }
  .wrow2 li {
    width: 100%;
  }
  .top-space-header {
    margin-bottom: 0%;
  }
  .playlist-wrap {
    width: 100%;
  }
  .playlist-wrap .mainplayer {
    height: auto;
    margin-bottom: -5px;
  }
  .playlist-wrap .mainplayer .main-video {
    height: 215px;
  }
  .playlist-wrap .thumb-list {
    flex-flow: column;
    align-items: center;
  }
  .thumb-item {
    margin-bottom: 10px;
  }

  .invi {
    display: none !important;
  }
  .w-row-mb-col {
    display: flex;
    justify-content: center;
    flex-flow: column;
  }
  .spand-text {
    margin: 0 1px 0 15px;
  }
  .take-surver {
    right: 10px;
  }
  .take-surver a {
    width: 140px;
    background-size: 100% 100%;
  }
  .take-surver a::after {
    right: 10px;
  }

  .btn-wrap {
    display: block;
  }
  .survey-btn-x {
    width: 14px !important;
    height: 14px !important;
    position: absolute;
    top: 8px;
    right: 14px;
  }

  #sec {
    margin: 0 10px;
  }
  #poec-moretips .container-blocks .blocks-left-c,
  #poec-moretips .container-blocks .blocks-right-c {
    width: 100%;
  }
  #poec-moretips .container-blocks a {
    flex-flow: column;
  }
  #poec-rfy .db-container {
    padding: 0 5px;
  }
  #poec-rfy .wide-area .text-wrap {
    width: 80%;
    padding: 27px 20px 5px;
  }
  #stp3-modal-1 .modal-header,
  #stp3-modal-2 .modal-header,
  #stp3-modal-3 .modal-header,
  #uc-modal2-1 .modal-header,
  #uc-modal2-2 .modal-header,
  #uc-modal2-3 .modal-header {
    margin-left: 0;
  }
  .like.rp-2row {
    padding: 30px 0 !important;
  }
  .rp-2row .row {
    margin-top: 0px !important;
  }
  .rp-2row .row .col-md-4 {
    margin-bottom: 30px;
    width: 100%;
  }
  .rp-2row .content {
    width: auto !important;
    margin-bottom: 0px;
  }
  .rp-1row .row {
    margin-top: 0px !important;
  }
  .rp-1row .row .col-md-4 {
    margin-bottom: 30px;
    width: 100%;
  }
  .rp-1row .content {
    width: auto !important;
    margin-bottom: 35px;
  }
  .rp-0row .row {
    margin-top: 0px !important;
  }
  .rp-0row .row .col-md-4 {
    margin-bottom: 30px;
    width: 100%;
  }
  .rp-0row .content {
    width: auto !important;
    margin-bottom: 35px;
  }
  .rp-2row {
    margin-top: -30px;
  }
  .rp-1row {
    margin-top: -30px;
  }
  .rp-0row {
    margin-top: -30px;
  }

  #poec-rfy .small-area {
    border-radius: 20px;
  }

  /* bg details updates */
  .resources .button {
    bottom: 74px;
  }
  .m-s-wrap,
  .m-s-wrap .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .card-block-content {
    min-height: auto;
    padding: 56px 30px 78px;
  }
  .like .title-hold {
    margin-bottom: 70px;
  }
  .like .title-hold h2,
  .like .title-hold .main-header {
    margin-bottom: 0;
    font-size: initial;
  }
  .like .title-hold h2 span,
  .like .title-hold .main-header span {
    font-size: 82px;
  }

  .chp #yma-like .title-hold h2 span {
    font-size: 82px;
  }
  
  .like .title-hold .wrap span {
    font-size: 18px;
    display: contents;
    width: 60px;
  }
  .like .title-hold .wrap div {
    margin-top: 0;
  }
  .like .card-box-wrap .contents {
    padding: 15px 10px 18px;
  }
  .img-bg img {
    height: auto;
  }
  .mb-nopadbot {
    padding-bottom: 0 !important;
  }
  .mb-nomargintop {
    margin-top: 0 !important;
  }
  #quizzes .row .col-md-4:nth-child(-n + 2) {
    width: 100% !important;
    display: unset !important;
  }
  #quizzes .row .col-md-4:nth-child(3) {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }
  #quizzes .row .col-md-4 .container-blocks {
    padding: 0 15px;
  }
  .bighead {
    height: auto !important;
  }
  /* .tab-headline {margin: 0 auto 34px;} */
  #bmi-fact .m-s-wrap {
    padding: 0 !important;
    margin: 0 !important;
  }
  .nav-spacing-2row {
    margin-top: 60px !important;
  }
  .nav-spacing-primary {
    margin-top: 60px !important;
  }
  .nhe .hb-content {
    margin: 55px 0 0;
    background: #fff;
  }
  .nhe .hb-content > img {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
  }
  .nhe .hb-right-content,
  .sbh-inside .hb-right-content {
    right: 0 !important;
    position: relative;
    margin-top: 10px;
  }
  .hb-right-content ul {
    margin: 0 auto;
    width: auto !important;
  }
  .nhe .hb-right-content ul li,
  .sbh-inside .hb-right-content ul li a {
    margin-bottom: 10px;
  }
  .nhe .hb-right-content ul li a {
    padding: 13px 20px;
  }
  .nhe .hb-right-content.no-title {
    top: 22px;
    padding-bottom: 50px;
  }
  .nhe .hb-content .hb-text {
    left: 0;
  }
  .sbh-inside .hb-content {
    margin: 0 20px;
    box-shadow: 0px 0px 20px 6px rgb(0 0 0 / 25%);
    background: #fff;
  }
  .sbh-inside .hb-right-content,
  .nhe .hb-right-content {
    top: -10px;
    margin-top: 0;
    padding-bottom: 20px;
  }
  .sbh-inside .hb-right-content ul li a {
    padding: 18px 70px;
  }
  .sbh-inside .hb-content .hb-text {
    left: 0;
  }
  .sbh-inside .hb-content .hb-text .text-wrap,
  .nhe .hb-text .text-wrap {
    width: 220px;
    margin: 0 auto;
    top: -30px;
    height: auto;
    padding: 27px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hb-text .text-wrap p {
    margin: 0;
  }
  .sbh-inside .hb-content .hb-text .text-deco {
    display: none;
  }
  .r-space {
    padding-right: 15px !important;
  }
  .l-space {
    padding-left: 15px !important;
  }
  .tab-headline {
    width: 100% !important;
  }
  .db-slick .db-item iframe {
    height: 220px !important;
  }
  .super-infl .db-slick-wrap {
    width: auto;
  }
  .super-infl .row {
    flex-flow: column;
  }
  .super-infl .slick-arrow {
    bottom: 0;
    top: 50%;
    width: 30px;
    height: 30px;
  }
  .super-infl .slick-prev {
    left: -25px;
  }
  .super-infl .slick-next {
    right: -25px;
  }
  .super-infl .slick-prev:before,
  .super-infl .slick-next:before {
    width: 30px;
    height: 30px;
    background-size: contain;
  }
  .video .m-v,
  .video .s-v {
    height: 181px;
  }
  #quizzes .text-wrap {
    top: 46%;
  }
  #quizzes .text-wrap p {
    font-size: 24px;
  }
  #quizzes .text-content .small-text,
  #quizzes .text-content ul li {
    font-size: 14px;
  }
  .clouds-bg {
    min-height: 1014px;
  }
  .st-checklist .st-checklist-block {
    margin: 74px 0 53px 0px;
    padding: 0;
  }
  .cta {
    width: auto;
    margin: 0 10px;
  }
  .zz-sound {
    right: 3px;
    top: 550px;
  }
  .collaps-slider-items {
    margin: 20px 0;
  }
  .collaps-slider .panel {
    padding: 0 10px !important;
  }
  .colps-1st-p {
    width: auto;
    margin: 0 10px;
    padding: 0 15px;
  }
  .st-ic-head {
    padding: 0 10px;
  }
  .st-ic-head span {
    padding: 10px 7px;
    display: block;
  }
  .collaps-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  .st-orange .flex-div,
  .st-orange .flex-div-sm,
  .flex-div-fw {
    padding: 0 10px;
  }
  .modal-page .close {
    top: 4px;
    right: 20px;
  }
  .modal-page .modal-body {
    padding: 15px 13px;
  }
  .modal-page-content {
    margin-top: 20px;
  }
  .mpc-texts {
    margin: 15px 17px 33px;
    padding: 0 0 33px 0;
  }
  .cust-modal-content {
    width: auto;
  }
  .cust-modal-body {
    width: 100%;
    margin: 20px auto 0 auto;
  }
  .cust-modal-close {
    margin-bottom: 10px;
    position: relative;
    top: 0px;
  }
  .st-overlay-pad-r {
    padding-right: 0;
  }
  .st-r-overlay {
    position: static;
  }
  .grid-wrap {
    grid-template-columns: auto;
  }
  .btn-4modal {
    width: 100%;
  }
  .btn-bot-cont {
    width: 85%;
    height: auto;
  }
  .btn-top-cont {
    width: 15%;
    height: 36px;
    margin-right: 13px;
    display: flex;
    align-items: center;
  }
  .nav-logo {
    margin-top: 0;
  }
  .mpc-white-wrap,
  .mpc-texts,
  .mpc-img {
    width: 100%;
    padding: 20px 10px 15px;
  }
  #pacifiers .mpc-white-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  #pacifiers .cloud {
    width: 140px;
    top: -20px;
    right: 0;
  }
  #rocking .mpc-white-wrap::after {
    height: 71px;
    top: -30px;
    width: 41px;
  }
  #rocking .mpc-white-wrap::before {
    background-size: contain;
    bottom: -20px;
    height: 46px;
    left: -13px;
    width: 46px;
  }
  #routine .icon-moon {
    top: -100px;
    width: 59px;
  }
  #caring .mpc-white-wrap::after {
    background-size: contain;
    height: 67px;
    right: 0;
    top: -27px;
    width: 109px;
  }
  #caring .flex-item {
    width: 100%;
  }
  #caring .flex-item.has-icon::before {
    background-size: contain;
    height: 91px;
    left: 0;
    top: -30px;
    width: 53px;
  }
  #sg-primary .colps-1st-p {
    padding: 0;
  }
  #sg-primary .st-orange .inner-content {
    margin: 0 10px;
  }
  #log .st-ic-head {
    padding: 0;
  }
  .epds {
    margin: 0 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .epds .btn {
    font-size: 17px;
    white-space: unset;
    width: 100%;
  }
  .label {
    width: 100%;
  }
  .radio-btn {
    font-size: 16px;
    width: 100%;
  }
  .epds .bg-content {
    padding: 0 20px;
  }
  .epds .bg-yellow p {
    line-height: 1.3;
  }

  .epds .bg-yellow p {
    padding: 0 10px;
  }

  .epds h2 {
    font-size: 23px;
  }
  .epds .close-epds {
    width: 24px;
  }
  .epds p {
    font-size: 16px;
  }
  .epds p.lg {
    font-size: 20px;
  }
  #less12 .bg-yellow p {
    padding: 0 10px;
  }
  .epds .bg {
    padding: 24px 0 55px;
  }
  .ref {
    margin: 50px 20px 0;
  }
  p.score {
    font-size: 30px;
  }
  .mx-1,
  .mx-2,
  .mr-8 {
    margin: 0;
  }
  .sp-order-1 {
    order: 1;
  }
  .sp-order-2 {
    order: 2;
  }
  .colps-head {
    font-size: 24px;
    margin: 0px 10px 20px;
  }
  .st-list-flex {
    margin: 0 25px;
    flex-wrap: wrap;
  }
  .st-orange table {
    margin: 0 10px;
  }
  .st-orange table td {
    line-height: 1.5;
  }
  .st-mx-1 {
    padding: 10px;
    margin: 0 10px;
  }
  .mpc-white-wrap,
  .mpc-texts,
  .mpc-img {
    width: auto;
  }
  .title-head span {
    font-size: 66px;
  }
  .article-wrap-bg {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .bg-cloud {
    padding-top: 100px;
    margin-top: 0 !important;
    background-position: center top 20px;
  }

  .eh-title {
    margin-top: 0 !important;
    padding: 70px 0 30px;
  }
  .eh-title .title-head {
    position: relative;
    z-index: 2;
    margin-top: 0;
  }
  .eh-title .title-head span {
    font-size: 35px;
  }
  .blocks-left-c .bg-img {
    bottom: auto;
    width: 100%;
  }
  .artcl-exam-bg .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .artcl-exam-bg::before {
    top: -130px;
    left: -20px;
  }
  .artcl-exam-bg::after {
    bottom: -160px;
    right: -30px;
  }

  .bg-cloud.bg-cloud-purple::before {
    background-size: cover;
    top: 47px;
  }
  .bg-cloud-sub::before {
    top: -80px;
    width: 100%;
    background-size: cover;
  }
  .bg-cloud-sub.bg-cloud-sub-orange.left::before {
    left: -40px;
    top: -90px;
    background-size: 100% auto;
  }
  .bg-cloud-sub.bg-cloud-sub-orange.left-2::before {
    top: 130px;
  }
  .bg-cloud-sub.bg-cloud-sub-orange.right::after {
    bottom: -200px;
    right: -110px;
  }
  .slick-slider-one .slick-dots {
    bottom: -20px;
    left: 0;
  }
  .epds .bg-yellow {
    padding-left: 10px;
    padding-right: 10px;
  }
  .protect-title {
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 16px 20px;
  }
  .teens .protect iframe {
    height: 180px;
  }
  .teens .protect-cont,
  .protect-cont {
    padding: 0 20px;
  }
  .teens .protect .sp-mb-56,
  .protect .sp-mb-56 {
    margin-bottom: 25px;
  }
  .teens .protect .mb-56,
  .protect .mb-56 {
    margin-bottom: 25px;
  }
  .preschool-soap {
    width: 40%;
    top: -80px;
    left: -20px;
  }
  .signpost {
    width: auto;
    margin: 30px auto 0 auto;
    height: auto;
    background-size: contain;
    background-position: 0px 151px;
    padding-bottom: 30px;
  }

  .signpost h3 {
    font-size: 32px !important;
    padding: 0 60px;
    line-height: 1.1em !important;
  }
  .signpost a {
    line-height: 1.2em;
    font-size: 20px;
    padding: 10px;
    margin: 20px auto 0 auto;
  }
  .collaps-slick .slick-arrow {
    top: 50%;
  }
  .hb-content .decor-wrap img {
    display: none;
  }
  .collaps-slick .slick-next {
    right: 0 !important;
  }
  .collaps-slick .slick-prev {
    left: 0 !important;
  }
  .st-orange .collaps-slick .slick-prev {
    left: 0px !important;
  }
  .st-orange .collaps-slick .slick-next {
    right: 0px !important;
  }
  .container-blocks a {
    flex-flow: column;
  }
  .container-blocks {
    padding: 0;
  }
  #tips-dnm,
  #tips-dnm .mid-s-wrap {
    width: auto;
  }
  #tips-dnm .mid-s-wrap {
    padding: 44px 10px;
  }
  #tips-dnm .mid-s-wrap .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .st .sec-head-img {
    width: auto;
  }
  .mid-s-wrap {
    width: 100%;
  }
  .st-checklist {
    margin: 0 16px;
    background: #e6edec;
  }
  .collaps-slider.st-inside {
    margin: 0 10px;
  }
  .collaps-slider.st-inside .accordion {
    /* padding: 24px 32px 24px 25px; */
    padding: 16px 36px 16px 16px;
  }
  .screen-time .st-sec1-img-l,
  .screen-time .st-sec2-text-l {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .screen-time .st-sec1-text-r,
  .screen-time .st-sec2-img-r {
    width: 100%;
    text-align: center;
  }
  .st-head::before {
    left: 0;
    top: 470px !important;
  }
  .st-inside .panel .collaps-slider-items .csi-left {
    width: auto !important;
  }
  .st1 .csi-left {
    margin-right: 0px;
  }
  .st1 .panel .collaps-slider-items .st-text-carousel {
    padding: 0 10px;
  }
  .st-inside .panel .collaps-slider-items .csi-right {
    width: auto !important;
  }
  .st-inside .inner-content {
    padding-bottom: 40px;
  }
  .st-modal {
    padding: 0;
  }
  .st2 .panel {
    padding: 0 !important;
  }
  .st2 .flex-div {
    margin: 0px 10px !important;
  }
  .snr,
  .mfp {
    width: 100%;
    height: 268px;
    padding-top: 20px !important;
  }
  .mfp .sec-headline h3 {
    font-size: 21px;
  }
  .snr .blk-content,
  .mfp .blk-content {
    min-height: auto;
    margin-bottom: 20px;
  }
  .blocks-v2 {
    padding: 0px 15px;
  }
  .blocks-v2 .sec-headline {
    padding: 11px 7px;
  }
  .blocks-v2 .blck-btn-wrp {
    padding: 0;
  }
  .bg-pinkred.blocks-v2 {
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
  }
  .st6 .container-fluid {
    padding: 0 !important;
  }
  .st6 .st-sec2-text-l,
  .st6 .st-sec1-text-r {
    width: auto;
  }
  .st6 .st-sec2-img-r,
  .st6 .st-sec1-img-l {
    width: auto;
  }
  .tips-colps1 .col-md-6 {
    padding-right: 0;
    padding-left: 0;
  }
  .screen-time .flex-div-fw,
  .screen-time .flex-div {
    flex-flow: column;
  }
  /* .st-modal .modal-dialog { width: auto;} */
  .st-modal .modal-dialog .modal-page-content {
    padding: 0;
  }
  .chb {
    padding-bottom: 50px !important;
  }
  .chb-h1 {
    padding: 0 !important;
  }

  .chb-4r-1 .csi-right,
  .chb-4r-1 .csi-left,
  .chb-4r-3 .csi-left {
    width: auto;
  }
  .chb-4r-1 .csi-left,
  .chb-4r-3 .csi-left {
    padding-left: 0;
  }
  .chb-4r-2 .csi-right,
  .chb-4r-3 .csi-right,
  .chb-4r-4 .csi-right {
    width: auto;
    padding-right: 0;
  }
  .chb .flex-div-fw {
    flex-flow: column;
  }
  .resc-grandparents h2 span {
    font-size: 40px !important;
  }
  .resc-grandparents a:nth-child(1) {
    margin-top: 30px;
  }
  .resc-grandparents a:nth-child(1) img,
  .resc-grandparents a:nth-child(2) img {
    width: 75%;
  }
  .chb-purpb1 {
    left: -115px;
  }
  .chb-purpb4 {
    left: -170px;
    top: 160px;
    mix-blend-mode: multiply;
  }
  .chb-purpb5 {
    left: -110px;
    top: -140px;
    mix-blend-mode: multiply;
    height: 420px;
    width: 600px;
  }
  .cbh-img3 {
    top: -61px;
  }
  .ncis-tble-cld::before {
    left: -110px;
  }
  .ncis-tble-cld2::before {
    width: 480px;
    height: 558px;
    left: -60px;
  }
  .mb-tbl-scroll {
    overflow-x: scroll;
  }
  .sec-headline.st p.sm-wdth {
    padding: 0;
  }
  .bsl-p {
    margin-left: 10px;
    margin-right: 10px;
  }
  .st3 .panel .bg-white {
    padding: 45px 10px 45px 10px;
  }
  .chb-4r-6 .single-block {
    margin-top: 0;
  }
  .ncs-1,
  .ncs-2 {
    width: auto;
  }
  .title-hold.index-v2.m-t-xl {
    margin-top: 0px !important;
  }
  .title-hold.index-v2 p {
    padding: 0px 30px !important;
    font-size: 16px;
  }
  .home-banner.index-v2 .bg-cloud {
    padding: 0;
  }
  #screen-time .flex-div {
    margin-bottom: 0 !important;
  }
  .wtt-box .collaps-slider .accordion {
    padding: 30px 20px 40px 20px;
  }
  .wtt-box .collaps-slider {
    padding: 0 15px 0px 15px;
  }
  .wtt-box .collaps-slider .collaps-slider-wrap p {
    padding: 0 15px;
  }
  .wtt-box .slick-prev {
    left: 15px;
    top: auto;
    bottom: -10px;
  }
  .wtt-box .slick-next {
    right: 15px;
    top: auto;
    bottom: -10px;
  }
  .wtt-box .collaps-slider .accordion .col2-wrap .acrd-col svg {
    width: 100% !important;
  }
  .wtt-box .indicator-wtt {
    position: absolute;
    top: 36px;
    transform: translateY(-50%);
    right: 18px;
  }
  #wtt h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .tgcy-accordion .panel .panel-content {
    padding: 39px 15px !important;
  }
  .dlpt a.dl-btn {
    width: auto;
    margin: 4px auto 0 auto;
    padding: 12px 0;
  }
  .dlpt h3,
  .dlpt a {
    font-size: 18px;
  }
  .dlpt .slick-prev {
    top: 50%;
    bottom: auto;
    left: -40px;
  }
  .dlpt .slick-next {
    top: 50%;
    bottom: auto;
    right: -40px;
  }

  .sp-wrap {
    padding-bottom: 30px;
  }
  .scr,
  .box740,
  .dlpt-wrap {
    width: auto;
  }
  .page-head-img {
    width: auto;
    padding: 0 15px;
    margin-bottom: 25px;
  }
  .wtt-box .box740 .slick-prev {
    left: -35px;
    top: 50%;
    bottom: auto;
  }
  .wtt-box .box740 .slick-next {
    right: -35px;
    top: 50%;
    bottom: auto;
  }

  #wtt {
    margin-top: 0;
    padding: 25px 15px 5px 15px;
  }
  .wtt-box .collaps-slider .flex-div {
    width: auto;
  }
  .wtt-box .st-text-carousel {
    padding: 20px 0px;
  }
  .super-infl div.text-center {
    width: auto;
    margin: 15px 0;
  }
  .padd55.super-infl {
    padding: 25px 15px;
  }
  .super-infl .row .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .super-infl .name {
    margin-top: 20px;
  }
  .super-infl .excerpt {
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 50px;
  }
  .super-infl .modal-dialog .modal-page-content {
    padding: 0 10px;
  }
  .scr .scr-item {
    width: auto;
  }
  #sc {
    margin-bottom: 8px;
    padding-top: 40px;
  }
  #sc .db-hero-banner {
    width: auto;
    height: auto;
  }

  .panel-box {
    padding: 0;
    margin-top: 20px;
  }
  .signpost a {
    width: 268px;
    height: auto;
    text-align: center;
  }
  .resc-grandparents h2 {
    font-size: inherit !important;
  }
  .grid-blocks {
    width: auto !important;
    margin-bottom: 40px;
  }
  .grd-head {
    width: auto;
    margin: 35px 15px 32px;
  }
  .grd-wrap {
    grid-template-columns: repeat(1, auto) !important;
    gap: 16px 0;
  }
  .grd-item {
    margin: 0 20px;
  }

  #tnd .grd-body {
    display: block;
    padding-bottom: 156px;
  }
  #gdm-screening-for-pregnant-women .grd-body {
    padding-bottom: 50px;
  }
  #tnd .st-modal .modal-dialog,
  .uc-step2 .st-modal .modal-dialog {
    width: auto !important;
  }
  #testing-gdm-health-pregnancy .grd-body {
    padding-bottom: 26px;
  }
  .purple-bg-head,
  .purple-bg-text {
    display: block;
    text-align: center !important;
    line-height: normal !important;
  }
  .block-pad40 {
    padding: 10px 10px;
    margin: 0 10px;
  }
  #uc {
    padding: 0 10px;
    box-sizing: border-box;
  }
  #under-control .modal-page-content {
    padding: 0;
  }
  #under-control .modal-header h3 {
    margin: 20px 0;
  }
  .bottom-footnote {
    position: relative;
  }
  #under-control .div-bder24px {
    padding: 34px 19px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #under-control .div-bder24px .panel .container-fluid {
    padding: 34px 10px !important;
    margin: 0;
  }
  #under-control .collaps-slider.st-inside .accordion {
    padding: 24px 42px 24px 25px;
  }
  .flip-box {
    width: 100%;
    height: 118px;
  }
  [data-colaps="tips1"] .col-md-6:nth-child(2) {
    margin-top: 30px;
  }
  .ws-gdm .container-blocks .blocks-left-c {
    margin-right: 0;
  }
  .ws-gdm .container-fluid {
    padding: 0 10px !important;
  }
  .ws-gdm .grd-item {
    margin: 0;
  }
  .ws-gdm .gi-wrap {
    width: -webkit-fill-available;
  }
  #under-control #smp .modal-page-content {
    padding: 0px 10px;
  }
  .uc-step2 .container-fluid.bg-lyellow-flesh {
    padding: 0 10px !important;
  }
  .ate-body img {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100px;
    display: none;
  }
  .ate-body .bg-white {
    padding: 20px 15px 20px 15px;
  }
  .ate {
    width: auto;
  }
  .ate-head {
    padding: 20px 20px;
  }
  .ate-head::after {
    display: none;
  }
  .ate-body {
    height: auto;
    min-height: auto;
    padding-bottom: 70px;
  }
  #tnd .csi-right {
    width: auto;
  }
  #tnd-modal-3 .row2-col2 .d-flex-col div {
    min-height: auto;
  }
  #tnd-modal-5 .modal-page-content {
    padding: 0px 15px;
  }
  #tnd-modal-5 .grid-blocks {
    margin: 0 0 40px 0 !important;
  }
  #tnd .modal-page-content p,
  #under-control .modal-page-content p {
    margin-bottom: 0;
  }
  .tnd-img-bg-cloud {
    width: 261px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .tnd-modal-img.v-align-center {
    top: -20px;
    transform: none;
  }
  .tnd-img-bg-cloud.v-align-center {
    top: 0 !important;
    transform: translate(-50%, 0);
  }
  #smp {
    padding-left: 0;
  }
  #smp .grd-wrap .grd-item {
    margin: 0 10px;
    padding: 20px 0;
  }
  #smp .grd-wrap .grd-item.wpad {
    padding: 20px 0;
  }
  #smp .grd-wrap .grd-item.wpad p {
    padding: 10px 20px;
  }
  #smp .grd-wrap .grd-item.wpad .gi-wrap {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    display: block;
  }
  .gi-bot-left-icon {
    width: 50px;
  }
  .mybs button.gi-wrap.bg-yellow .gi-head-left {
    margin-left: 20px;
    margin-right: 64px !important;
  }
  .uc-step3 .mybs button.gi-wrap.bg-yellow .gi-head-left {
    min-height: auto;
    margin-right: 0 !important;
  }

  .bg-e6dcf3 .panel {
    padding: 0 !important;
  }
  #uc .d-flex-col {
    margin-top: 0;
  }
  #gd-h1 .title-hold .text-black,
  #test-and-diagnosis .title-hold .text-black,
  #under-control .title-hold .text-black {
    text-align: center;
  }
  #gd-h1 .title-hold h2,
  #test-and-diagnosis .title-hold h2,
  #under-control .title-hold .main-header {
    text-align: center;
    margin-top: 10px !important;
  }
  .ws-gdm .container-blocks {
    padding: 0;
  }
  .ws-gdm .container-blocks .blocks-right-c,
  .ws-gdm .container-blocks .blocks-left-c {
    padding: 0 10px;
    margin-right: 0 !important;
  }

  .uc-step2 .nostyle-ul li {
    margin-bottom: 10px;
  }
  .uc-step2 .nostyle-ul.m-t-l {
    margin-top: 0 !important;
  }
  #tnd .rpbox {
    padding: 20px 0;
  }
  #tnd .flex-div-fw {
    padding: 0;
    margin: 0;
  }
  #tnd-modal-4 .m-t-s {
    overflow-x: scroll;
  }
  #uc-modal-3 {
    padding: 0;
  }
  #uc-modal-3 .modal-body {
    margin: 0 15px;
  }
  #uc-modal-3 .d-flex-col {
    margin: 20px 0 0;
  }
  #uc-modal-3 .grid-blocks {
    padding: 0;
  }
  #uc-modal-3 .grid-blocks img {
    width: 100%;
  }

  #uc-modal-5 .modal-page-content p {
    margin: 20px 30px;
  }
  #uc-modal-5 .modal-page-content .flex-div-fw div {
    text-align: center;
    margin: 30px auto 0 !important;
  }
  #uc-modal-5 .modal-page-content .flex-div-fw div .title-head-block {
    float: none;
  }
  #uc-modal2-3 .modal-page-content p.ml {
    margin-left: 10px;
    margin-right: 10px;
  }
  #uc-modal2-3 .modal-page-content .st-ic-head {
    margin: 0 10px 25px !important;
  }
  #uc-modal2-3 .modal-page-content p.f16.ml {
    margin-bottom: 30px;
  }
  #gdm .close-wrap {
    margin-bottom: 20px;
  }
  #gdm .modal-page-content .st-ic-head {
    padding: 0;
    margin: 0;
  }
  #gdm .modal-header h3 {
    padding: 0;
    margin: 0;
  }
  #uc-modal-5 .st-ic-head {
    margin: 0px 30px !important;
  }
  #uc-modal2-3 .special-head span.purple-bg-text {
    display: inline-block;
  }
  #uc-modal2-3 .special-head span.brk-line {
    text-align: center !important;
    display: initial !important;
    margin: 0 0 0 7px !important;
    padding: 0 !important;
  }

  [data-colaps="step1"] .flex-div-fw img {
    width: 100%;
  }
  [data-colaps="step2"] .container-fluid .col-md-4 img {
    width: 100%;
    margin-bottom: 10px;
  }
  .uc-step2 .slick-slider-two .slick-prev {
    left: 0;
    bottom: -10px;
  }
  .uc-step2 .slick-slider-two .slick-next {
    right: 0;
    bottom: -10px;
  }
  .uc-step3 .desc {
    padding: 10px;
    text-align: center;
  }
  .uc-step3 .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .uc-step3 .container-fluid .col-md-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .uc-step3 .col-md-6 .container-blocks .blocks-left-c,
  .uc-step3 .col-md-6 .container-blocks .blocks-right-c {
    width: auto;
    margin-right: 0;
  }
  .uc-step3 .col-md-6 .container-blocks .blocks-left-c img {
    width: 123px !important;
    margin: 0 auto;
    display: block;
  }
  .uc-step3 .cta {
    width: auto !important;
    padding: 26px 10px;
  }
  .uc-step3 .slick-prev,
  .uc-step3 .slick-next {
    bottom: 44%;
  }
  .uc-step3 .slick-next {
    right: 10px;
  }
  .uc-step3 .slick-prev {
    left: 10px;
  }
  .uc-step3 .slick-prev:before,
  .uc-step3 .slick-next:before {
    width: 35px;
    height: 35px;
    background-size: cover;
  }
  .uc-step3 .slick-arrow {
    width: 35px;
    height: 35px;
  }
  .uc-step3 #safety-precautions .wrap,
  .uc-step3 #safety-precautions .wrap p,
  .uc-step3 #safety-precautions .wrap p span {
    text-align: center;
  }
  .uc-step4 .container-blocks .blocks-right-c {
    margin-right: 0;
  }
  .uc-step4 .container-blocks.no-pad-lnr {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .uc-step4 .container-blocks.no-pad-lnr .blocks-right-c {
    margin-right: 0 !important;
  }
  .uc-step4 .bg-white {
    margin: 0 10px;
  }
  /* .uc-step4 .slick-slider-two .slick-dots {bottom: 0;} */
  /* .uc-step4 .slick-prev, .uc-step4 .slick-next {bottom: -48px;} */
  #safety-precautions .wrap {
    width: auto;
  }
  #safety-precautions .row {
    flex-flow: column;
  }
  #safety-precautions .row .col-md-3 {
    width: 100%;
  }
  #safety-precautions .row .col-md-3 {
    margin-bottom: 0;
  }
  .bnm-colp-1 .col-md-6 .border-rad8,
  .bnm-colp-4 .col-md-6 .border-rad8,
  .bnm-colp-2 .border-rad8 {
    padding: 32px 18px;
  }
  .bnm-colp-3 .slick-slider-two {
    width: auto;
    margin: 0 10px;
  }
  .bnm-colp-3 .slick-arrow {
    bottom: -55px;
  }
  .bnm-colp-4 .col-md-6 {
    padding-right: 0;
    padding-left: 0;
  }
  .bnm-colp-4 .border-rad8 .body-content,
  .bnm-colp-2 .border-rad8 {
    min-height: auto !important;
  }

  .acc-icon-circle-down-purple {
    background-size: contain;
    width: 40px;
    height: 40px;
  }
  #acknowlegements .accordion {
    width: auto;
    line-height: normal;
  }
  #acknowlegements .flex-div-fw {
    flex-flow: column;
  }
  #acknowlegements .panel .flex-col {
    padding: 0 20px;
    width: auto;
  }
  #yma-like .slick-dots {
    bottom: -20px;
  }
  #yma-like .slick-dots li,
  #yma-like .slick-dots li button {
    width: 10px;
    height: 10px;
  }
  #yma-like .slider-holder {
    margin-top: 0 !important;
  }
  #yma-like .slick-slider-ymal .card-box-wrap {
    margin-top: 10px;
  }
  #sc .collaps-slider.st-inside .accordion {
    font-size: 18px;
  }
  .ymal-arrow.slick-prev {
    left: 25px;
  }
  .ymal-arrow.slick-next {
    right: 25px;
  }
  .ws-gdm {
    background-size: 221px 151px;
    background-position: right bottom;
  }
  .step1bg {
    background-size: 221px 173px;
    background-position: right bottom;
  }
  .step1bg .grd-body {
    padding-bottom: 176px;
  }
  .scr {
    height: 380px;
  }
  .tabs {
    padding-bottom: 20px;
    display: flex;
    flex-flow: row wrap;
  }
  .tab,
  .panel.w1200 {
    width: auto;
  }
  label.tab-menu {
    width: 50%;
    float: none;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 10px;
  }
  label .tm-img {
    width: 18vw;
    margin: 0;
  }
  label .tm-txt {
    font-size: 16px;
    display: flex;
    align-items: center;
  }
  .tab_cont_panel {
    padding: 28px 0;
    margin: 0 10px;
    width: auto;
  }
  .tab_cont_panel .tab_wrap .w1200 {
    padding: 25px 0;
  }
  .tab_cont_panels {
    border-top: none;
    padding: 20px 0 20px;
  }
  .tab_cont_panel .collaps-slider.st-inside .panel .grid-blocks.x5,
  .tab_cont_panel .collaps-slider.st-inside .panel .grid-blocks.x4 {
    padding: 0px 0 20px;
    margin-bottom: 0;
  }
  .tab_cont_panel .collaps-slider.st-inside .panel .grid-blocks img {
    margin-bottom: 8px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .tab_cont_panel .tab_cont_panel-colaps .collaps-slider:nth-of-type(1) {
    margin-top: 23px;
  }
  .kbb-3 .panel .container-blocks {
    padding: 20px 0px 0px;
  }
  .kbb-3 .panel .blocks-left-c {
    width: auto;
  }
  .kbb-3 .panel .blocks-left-c img {
    width: 70% !important;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  .lnp .lnp-colps1 .panel iframe,
  .ebm-colps3 .panel iframe {
    height: 208px;
    padding: 0 10px 9px;
  }
  .tab_cont_panel iframe {
    height: 188px;
    padding: 0 10px 9px;
  }
  .ecn-page .title-hold h2 span {
    font-size: 40px;
  }
  .lnp .w1200 {
    margin: 0 10px;
  }
  .lnp .container-blocks .blocks-left-c {
    width: auto;
  }
  .lnp .container-blocks .blocks-left-c img {
    width: 60% !important;
  }
  .lnp .container-blocks .blocks-right-c {
    padding: 23px 30px;
  }
  .foh-colps1 .panel p {
    padding: 0 20px;
  }
  .foh-colps1 .grid-blocks.x4 p {
    padding: 0 40px;
  }
  .ebm-colps1 .grid-blocks.x4 p {
    padding: 0 50px;
  }
  .ebm-colps2 .container-blocks .blocks-right-c {
    margin-right: 0 !important;
  }
  .rw {
    padding-bottom: 0 !important;
  }
  .rw iframe {
    width: 100%;
    height: 218px;
    padding: 0 10px;
  }
  .fm .panel .bg-white {
    padding: 30px 20px;
  }
  .fm .container-blocks .blocks-left-c img {
    margin: 0 auto;
  }
  .fm .panel .container-blocks .blocks-left-c {
    margin: 0 auto;
  }

  .divTableCell.f20 {
    font-size: 16px !important;
    text-align: center;
  }
  .tab_cont_panel.m4-6 .w1040 .blocks-left-c {
    margin: 0 auto;
  }
  .tab_cont_panel.m4-6 .w1040 .tab_cont_panel-colaps {
    top: 0;
  }
  .weaning-colps2 .grd-wrap {
    grid-template-columns: 1fr;
  }
  .weaning-colps2 p.text-center.f16.m-b-m {
    padding: 0 20px;
  }
  .weaning-colps2 .grd-item:last-child {
    grid-column-start: 1;
    grid-column-end: 1;
  }
  .weaning-colps4 .w660 {
    padding: 0 20px;
  }
  .weaning-colps4 .grd-wrap .grid-blocks {
    padding: 0px 10px;
  }
  .weaning-colps4 .grd-wrap .grd-item:nth-child(3) .grid-blocks p,
  .weaning-colps4 .grd-wrap .grd-item:nth-child(4) .grid-blocks p {
    margin-top: -20px;
  }
  .weaning-colps4 .w900 p {
    padding: 0 10px;
  }
  .weaning-colps4 .panel .bg-white.border-rad12:nth-child(2) .w900 img {
    padding: 0;
  }
  .afta .w1200,
  .lnp .w1200 {
    margin: 0 20px;
    padding: 0 10px;
  }
  .afta {
    padding-left: 10px;
    padding-right: 10px;
  }
  .afta-0 .container-blocks .blocks-left-c {
    margin: 0 auto;
  }
  .afta-colps1 {
    margin: 0;
  }
  .afta-colps1 .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .sf-2 .panel .w700 {
    margin: 0 10px;
  }
  .yri-colps-1 .w700 {
    padding: 0 10px;
  }
  .yri-colps-3 .container-fluid {
    padding: 0 10px;
  }
  .divTableCell strong {
    display: block;
    position: relative;
    transform: translateY(-50%);
    bottom: -30px;
  }
  .pfc-colps2 .w660 {
    padding: 0 20px;
  }
  .tab_cont_panel
    .collaps-slider.st-inside.pfc-colps3
    .container-blocks.border-rad8 {
    padding: 20px;
  }
  .pfc-colps4 .grd-body .grd-wrap {
    gap: 0;
  }

  .pfc-colps4 .container-blocks .blocks-left-c {
    width: 90%;
    margin: 0 auto !important;
  }
  .pfc-colps4 .container-blocks .blocks-right-c p strong {
    font-size: 20px;
  }

  .m12-24 .yri-colps-1 .container-blocks .blocks-left-c {
    position: initial;
    margin: 0 auto 20px auto;
    transform: none;
  }
  .m12-24 .yri-colps-1 .container-blocks {
    padding: 0px 0px 40px;
  }
  .m12-24 .yri-colps-1 .container-blocks .blocks-right-c {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .yri-colps-3 .col-md-4 {
    width: auto;
  }

  .yri-colps-4 .grd-item {
    margin: 0;
  }
  .m12-24 .yri-colps-4 .container-blocks {
    padding: 20px 0 0px;
  }
  .yri-colps-4 .grd-item .blocks-right-c p {
    text-align: center;
  }
  .m12-24 .yri-colps-4 .container-blocks .blocks-left-c {
    width: 168px;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .m12-24 .yri-colps-4 .container-blocks .blocks-right-c {
    padding: 0px 10px 0 10px;
  }
  .m12-24 .yri-colps-4 .container-fluid::after {
    width: 274px;
    height: 179px;
  }
  .tab_cont_panel.m4-6 .tab_wrap .w1040 {
    max-height: inherit;
  }
  .ciass .d-ib.m-t-s {
    margin-top: 0 !important;
  }
  .ciass .w800 {
    padding: 0 20px;
  }
  .ciass .collaps-slider.st-inside {
    margin: 0;
  }
  .ciass .title-head span {
    font-size: 50px;
  }
  .ciass .panel .p-b-m {
    padding-bottom: 10px !important;
  }
  .ciass .panel .container-fluid {
    padding: 20px !important;
  }
  .ciass .bg-cloud {
    padding-top: 0 !important;
  }
  .ciass .title-head.mt-3 {
    margin-top: 0;
  }
  .index-v2 .v1 .mb-other-links {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
  }
  .index-v2 .v1 .mb-other-links a,
  .index-v2 .v1-inner .mb-other-links a {
    width: auto;
    font-size: 13px;
    line-height: 14px;
    padding: 0 14px;
  }
  .index-v2 .v1 .mb-other-links a:first-child {
    height: 55px;
    width: auto;
  }
  .index-v2 .slider .slider-card h1 {
    font-size: 16px;
    margin: 0 0 5px 0;
  }
  .index-v2 .slider .slider-card .button-holder a {
    font-size: 14px;
    width: 112px;
    padding: 8px 6px 8px;
    margin-bottom: 20px;
  }
  .index-v2 .slider .slider-card p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .index-v2 .tabs-buttons {
    flex-flow: row wrap;
  }
  .index-v2 button.tab-menu {
    margin: 10px 10px;
    width: 44%;
    box-sizing: border-box;
    font-size: 15px;
  }
  .index-v2 button.tab-menu {
    font-size: 15px;
    line-height: normal;
  }
  .index-v2 .tab_cont_panels {
    width: auto;
    padding: 5px 10px 36px;
  }
  .index-v2 .tab_cont_panels .img-center {
    padding: 0;
  }

  .index-v2 .tab_cont_panel .db-item img {
    width: auto;
  }
  .index-v2 .tabs {
    display: block;
  }
  .index-v2 .slick-prev:before,
  .index-v2 .slick-next:before,
  .index-v2 .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .index-v2 .slick-prev,
  .index-v2 .slick-next {
    bottom: 45%;
  }
  .index-v2 .tab_cont_panel .slick-next {
    right: 0;
  }
  .index-v2 .tab_cont_panel .slick-prev {
    left: 0;
  }
  .index-v2 .mainslide .slick-prev {
    left: 10px;
  }
  .index-v2 .mainslide .slick-next {
    right: 10px;
  }
  .index-v2 .slider .image-holder {
    width: auto;
    min-height: auto;
  }
  .index-v2 .slider .image-holder img {
    border-radius: 0;
  }
  .index-v2 .slider .slider-card {
    margin: 0;
    right: 0;
    width: auto;
    min-height: 175px;
  }
  .index-v2 .slick-slider-one .slick-arrow {
    top: 20%;
  }
  .index-v2 .grd-item .gi-wrap {
    width: 100%;
    height: auto;
  }
  .index-v2 .grd-item .gi-wrap .gi-img-top {
    width: 100%;
    height: auto;
  }
  .index-v2 .slick-slider-one .slick-dots {
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 4px);
  }

  .vr2 .row {
    flex-flow: column;
  }
  .vr2 .col-md-3,
  .vr2 .col-md-9 {
    width: auto;
    padding: 20px;
  }
  .vr2 .col-md-9 .slider {
    padding: 10px;
  }
  .vr2 .slick-slider-one .slick-next {
    right: -3px;
  }
  .vr2 .slick-slider-one.slick-prev {
    left: -3px;
  }
  .vr2 .slider .slider-card h1 {
    font-size: 22px;
    margin: 0 0 20px 0;
  }
  .vr2 .grd-item {
    margin: 0;
  }
  .vr2 .grd-item .gi-wrap {
    width: 100%;
    height: 332px;
  }
  .vr2 .row.mb-only .flex-div-fw a:nth-child(3) .grd-item .gi-wrap .gi-img-top {
    width: 78%;
  }
  .vr2 .grd-item .gi-wrap .gi-img-top {
    position: static;
    transform: translate(0, 20px);
    width: 91%;
    margin: 0 auto;
  }
  .vr2 .col-md-3 .expert img {
    height: auto;
  }
  .indx-pt .flex-div-fw a {
    width: auto;
  }
  .dl-n-ply .modal-dialog .modal-page-content {
    width: auto;
  }
  .dl-n-ply .modal-dialog .modal-page-content h3 {
    text-align: center !important;
    margin-bottom: 20px;
  }
  .dl-n-ply .modal-dialog .modal-page-content .flex-div-fw {
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
  }
  .home-banner.index-v2 {
    margin: 0;
  }
  #pin-these-favourites .flex-div-fw .col-md-6:nth-child(2) {
    margin: 20px 0;
  }

  .like.rp-2row .content {
    margin-left: 20px;
    margin-right: 20px;
  }
  .like .rp-slick .rp-arrow {
    bottom: 0;
    top: 50%;
  }
}

@media screen and (max-width: 425px) {
  /* .title-hold h2 span {font-size: 46px;} */

  #qas .single-box .sgl-box-text {
    padding: 56px 20px 0px;
  }
  #quizzes .row .col-md-4 .container-blocks {
    padding: 0 6px;
  }
  #quizzes .container-blocks .img-bg img {
    height: auto;
  }
  #quizzes .container-blocks {
    padding: 0px 10px !important;
  }
  #quizzes .text-content {
    height: 160px;
  }
  .resources .button {
    width: 285px;
    font-size: 21px;
  }
  /* .like .title-hold h2 span {
        font-size: 90px;
        font-weight: bold;
    } */
}

@media screen and (max-width: 320px) {
  .snr,
  .mfp {
    height: auto;
  }
}
/* IE HACKS */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header .navigation .sub-nav {
    margin-top: 9px;
  }
  .wrow2 ul,
  .learn-more.two-btn {
    justify-content: space-around;
  }
  .sub-nav ul {
    justify-content: space-around;
  }
}

.chl-inner-credit ul li:first-child {
  display: none !important;
}

/* child health plan CSS */
[data-pagename="chp"] .mb-sublink a {
  display: table;
  margin: 0 0 0 20px;
  padding: 9px 0;
  text-align: left;
}
.chp ul.dot-ul {
  margin-left: 21px;
  margin-bottom: 20px;
  padding: 0 !important;
}
.chp ul.dot-ul li {
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 18px;
  @media screen and (max-width: 540px) {
    font-size: 16px;
  }
}
.chp p {
  line-height: 1.3em;
  font-size: 18px;
  margin-bottom: 0;
  @media screen and (max-width: 540px) {
    font-size: 16px;
  }
}
.chp .grd-wrap {
  grid-template-columns: repeat(2, 228px);
  grid-template-rows: auto auto;
  gap: 6px;
}
.chp .grd-item-cloud-yellow-bg {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/7e45d5c907a94219832371f19758ed3a);
  width: auto;
  height: 171px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-content: center;
}

.chp .grd-item-cloud-yellow-bg .gi-bg-img {
  width: auto;
  height: 78px;
  margin: 0 auto;
}
.chp .grd-item-cloud-yellow-bg span {
  text-align: center;
  font-weight: 700;
}
.chp .togglepannel .row .col-md-6 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.chp .tab {
  width: 1200px;
}
.chp button.tab-menu {
  width: 240px;
  height: 140px;
  background: #fff7de;
  border: solid 1px #ff9416;
  box-sizing: border-box;
}
.chp button.tab-menu .tm-img {
  width: auto;
}
.chp button.tab-menu .tm-img img {
  width: 77px;
  height: 77px;
}
.chp button.tab-menu.active-panel {
  background: #ff9416;
}
.chp .tab_cont_panels {
  border-top: 17px solid #ff9416;
  padding: 0 0 36px;
}
.chp .tab_cont_panels .tab_wrap .w1040 {
  margin-top: 40px;
}
.chp .tab_cont_panel .tab_wrap .db-slick-wrap {
  width: 1073px;
  margin-top: 25px;
}
.chp .tab_cont_panel .tab_wrap .db-slick-wrap .title-hold h2 span {
  font-size: 40px;
  letter-spacing: 0;
}

.chp .bg-cloud.bg-cloud-2orange::before {
  height: 734px;
  top: -170px;
}
.chp .tab_cont_panel .tab_wrap .db-slick-wrap .slick-next {
  right: 0;
}
.chp .tab_cont_panel .tab_wrap .db-slick-wrap .slick-prev {
  left: 0;
}

.about-chp .bg-cloud-orange {
  background-image: none;
  padding-top: 210px;
  position: relative;
}
.about-chp .bg-cloud.bg-cloud-orange::before {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/dfaafbae7c654a7e8a0c16f447cca66a);
  background-size: contain;
  top: 0;
  height: 670px;
  width: 100%;
}

.about-chp .title-hold h2 span {
  font-size: 56px;
  word-spacing: normal;
  letter-spacing: normal;
}
.about-chp .title-hold h3 span {
  font-size: 40px;
  word-spacing: normal;
  letter-spacing: normal;
}

.about-chp p {
  font-size: 18px;
  line-height: 28px;
  margin-top: 10px;
}
.about-chp .link-btn {
  padding: 23px 46px;
  align-items: center;
}
.about-chp .link-btn span {
  font-size: 40px;
}
.about-chp .link-btn .title-hold {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.about-chp .link-btn .title-hold .main-head {
  margin: 0;
}

.about-chp .btn-wicon .indicator {
  /* background-image: url(https://ch-api.healthhub.sg/api/public/content/665b065f2bc7468eb33455e812a9e0c7);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;

    transform: rotate(-90deg); */
  width: 50px;
  height: 50px;
}
.about-chp .btn-wicon .indicator.vertical.flip {
  /* transform: scaleY(-1) rotate(-90deg)  ; */
}
.about-chp .togglepannel {
  margin-top: 20px;
}
.about-chp .togglepannel .tp-body {
  padding: 0;
}
.about-chp .stbs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.about-chp .stbs-grid-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 249px;
}
.about-chp .stbs-grid-item:nth-child(even) {
  background: #ffead0;
}
.about-chp .stbs-grid-item:nth-child(odd) {
  background: #e6dcf3;
}
.about-chp .stbs-grid-item:first-child {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.about-chp .stbs-grid-item:last-child {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.about-chp .stbs-grid-item .stbs-num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #834fc2;
}
.about-chp .stbs-grid-item .stbs-title {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  color: #000;
  margin: 10px 0;
}
.about-chp .stbs-grid-item .stbs-descp {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  text-align: center;
  color: #000;
  height: 84px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  padding: 0 10px;
}

.abtchp-sec1 {
  width: 1163px;
  margin: 0 auto;
}
.abtchp-sec1 .title-hold {
  width: 356px;
}
.abtchp-sec2 .container-fluid {
  width: 1200px;
  padding: 0;
}
.abtchp-sec2 .col-img {
  padding: 0 !important;
  right: 0;
  z-index: 1;
  position: absolute;
}
.abtchp-sec2 .col-img .img-container {
  max-width: 450px;
  margin-left: auto;
  margin-right: 0;
}
.abtchp-sec2 .col-txt {
  padding: 0 !important;
  z-index: 2;
  position: relative;
  left: 0;
  height: 411px;
}
.abtchp-sec2 .row{display: flex; align-items: center;
  @media screen and (max-width: 540px) {
    padding-bottom:30px;
  }
}
/* .abtchp-sec2 .container-fluid {
    width: 1215px; padding: 0;margin: 0 auto;
    background: url(../images/about-chp-sec2-img.png) no-repeat center right ;
    background-size: contain;
    padding: 34px 0;
    box-sizing: border-box;
    height: 411px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
} */

.abtchp-sec2 .flex-column-center {
  align-items: flex-start;
  width: 708px;
}

.abtchp-sec2 .col-txt p {
  padding: 0 60px;
  margin: 10px auto 0;
  display: block;
}
.abtchp-sec4 .text-center p {
  width: auto;
  display: block;
  margin: 15px auto 0;
  text-align: center;
}

.abtchp-sec3 .text-center p {
  width: 893px;
  display: block;
  margin: 15px auto 30px;
  text-align: center;
}
.abtchp-sec3 .togglepannel {
  padding: 0;
}
.abtchp-sec3 .togglepannel .row {
  display: flex;
  justify-content: flex-end;
}
.abtchp-sec3 .col-img {
  padding: 0 !important;
  left: 0;
  z-index: 1;
  position: absolute;
}
.abtchp-sec3 .col-txt {
  padding: 0 !important;
  z-index: 2;
  position: relative;
  right: 0;
  height: 362px;
}

/* .abtchp-sec3 .togglepannel .container-fluid {
    padding: 0;
    margin: 0 auto;
    background: url(../images/about-chp-sec3-img.jpg) no-repeat center left;
    background-size: contain;
    padding: 34px 0;
    box-sizing: border-box;
    height: 411px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    width: 1041px;
} */

.abtchp-sec4 .stbs-grid {
  grid-template-columns: repeat(3, 1fr);
}
.abtchp-sec4 .stbs-grid-item {
  background: #ffe3b6 !important;
  height: 370px;
}

.abtchp-sec .stbs-grid-item .stbs-title {
  font-family: "milkynice" !important;
}
.abtchp-sec4 .stbs-grid-item img {
  margin: 0 auto;
}
.abtchp-sec4 .stbs-grid-item .stbs-descp {
  padding: 0 65px;
}

.abtchp-sec5 .text-center p {
  width: 460px;
  display: block;
  margin: 20px auto 20px;
  text-align: center;
}
.abtchp-sec5 .tp-body {
  width: 1200px;
  margin: 0 auto;
}
.abtchp-sec5 .stbs-grid-item {
  height: auto;
  padding: 20px 20px;
}
.abtchp-sec5 .stbs-grid-item .stbs-title {
  margin: 10px 0;
}
.abtchp-sec5 .stbs-grid-item .stbs-descp {
  margin: 10px 0 0 0;
  min-height: 110px;
}
.abtchp-sec5 .stbs-grid-item img {
  margin: 10px auto 0;
  height: 149px;
}

.chp.faq .bg-cloud {
  padding: 0 0 30px;
}
.chp.faq .cloneme.insert {
  border-radius: 40px;
}
.chp.faq .title-hold h2 {
  margin-bottom: 40px;
}
.faq-chp .collaps-slider .accord ~ .panel {
  padding: 0px 0px 10px;
}
.faq-chp .border-rad16 {
  border-radius: 0px 0px 16px 16px;
}
.faq-chp .accordion.accord {
  transition: all 0.3s ease-in-out;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-topright: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.faq-chp .res-head h3 {
  font-family: "milkynice";
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 34px;
  letter-spacing: 0.08em;
  color: #000000;
  text-align: left;
  padding: 31px 5px 10px;
}

.faq-chp .collaps-slider .panel {
  border: none;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.faq-chp .collaps-slider .accordion {
  border: bg-orange solid 1px;
}
.faq-chp.m-s-wrap {
  padding-left: 0;
  padding-right: 0;
}
.faq-chp .panel .container-fluid {
  padding: 0 25px;
}
.faq-chp .panel .grd-head {
  width: auto;
  margin: 31px 0;
}
.faq-chp .acc-icon-minus {
  background: url(https://ch-api.healthhub.sg/api/public/content/e7e23ccaffad4cd19daadfb074e8bc45?v=80660ffd)
    center top no-repeat;
  height: 20px;
  width: 20px;
  background-size: contain;
}
.faq-chp .acc-icon-plus {
  background: url(https://ch-api.healthhub.sg/api/public/content/76474ba9b2bc441da01ada45138a5b2f?v=4afc74ff)
    center top no-repeat;
  height: 20px;
  width: 20px;
  background-size: contain;
}

.faq-chp .calcard-head {
  height: 81px;
  color: #fff;
  font-family: "milkynice" !important;
  font-size: 20px;
  padding: 0 50px;
}
.faq-chp .calcard-body {
  font-family: "milkynice" !important;
  font-size: 20px;
  padding: 30px 50px;
  min-height: 515px;
}
.faq-chp .calcard-body .btn-default {
  display: inline-block;
}
.faq-chp .collaps-slider.st-inside:not(:last-child) {
  margin-bottom: 12px;
}
.faq-chp-sec2 {
  width: 1040px;
}
.faq-chp-sec2 .cw-item {
  width: 50%;
  margin: 0;
}
.faq-chp-sec2 .cw-item[data-post="left"] {
  margin-right: 15px;
}
.faq-chp-sec2 .cw-item[data-post="right"] {
  margin-left: 15px;
}
.faq-chp-sec2 .cw-waterfall {
  margin: 0;
}
.faq-chp-sec2 .bottom-part {
  border-radius: 40px;
}
.faq-chp-sec2 .bottom-part,
.faq-chp-sec2 .cw-item .bottom-part.active {
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
}

.faq-chp-sec2 .bottom-part .item-txt {
  width: 442px;
  height: 150px;
  margin-top: 0px;
  margin-bottom: 80px;
}
.faq-chp-sec2 .cw-item .bottom-part .bp-inner {
  height: 350px;
  padding: 30px 0;
}
.faq-chp-sec2-iconr1 {
  background: #d9f4fc;
  width: 70px;
  height: 70px;
  float: left;
}
.faq-chp-sec2-iconr2 {
  background: #fff1cd;
  width: 70px;
  height: 70px;
  float: left;
}
.faq-chp-sec2-row {
  display: flex;
}
.faq-chp-sec2-img {
  float: left;
}
.faq-chp-sec2-txt {
  display: table;
  clear: both;
  width: 70%;
  padding-left: 10px;
}

.chp .topics-con {
  margin-top: 20px;
}

.chp .featured-topics {
  width: 985px;
  margin: 0 auto;
}
.chp .featop .featop-thum {
  border-radius: 16px;

  margin: 0 5px;
}
.chp .featop .slick-prev {
  left: 25%;
}
.chp .featop .slick-next {
  right: 25%;
}

.chp .featop .featop-thum a {
  width: 188px;
  height: 166px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 16px;
}
.chp .featop .featop-thum span {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 700;

  text-align: center;
  margin-top: 5px;
  color: #000;
}
.chp .featop .featop-thum a img {
  transition: all 0.2s ease-in-out;
}
.chp .featop .featop-thum a:hover > img {
  transform: scale(0.8);
  transition: all 0.2s ease-in-out;
}

.chp-sec2 {
  width: 1094px;
}
.chp-sec2 .cw-item {
  width: 50%;
  margin: 0;
}
.chp-sec2 .cw-item[data-post="left"] {
  margin-right: 7px;
}
.chp-sec2 .cw-item[data-post="right"] {
  margin-left: 7px;
}
.chp-sec2 .cw-waterfall {
  margin: 0;
}
.cw-item .bottom-part .bp-inner {
  height: 289px;
  padding: 30px 0;
}
.chp .purple-bg-text {
  padding: 16px 24px !important;
  text-align: center;
}
.chp-sec2 .bottom-part,
.chp-sec2 .cw-item .bottom-part.active {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  margin-bottom: 0;
}

.chp-sec2 .bottom-part .item-txt {
  padding: 5px 0;
  width: 442px;
  height: 125px;
  margin: 0 auto 30px;
}
.chp-sec2 .bottom-part .item-txt p span {
  line-height: normal;
}
.chp-sec2 .cw-items-wrap .cloneme.insert {
  border-radius: 24px;
}

.chp-sec2 .cw-items-wrap .cloneme.insert .container-fluid,
.chp-sec2
  .cw-items-wrap
  .cloneme.insert
  .container-fluid
  .row
  [class*="col-md"] {
  padding: 0;
  margin-bottom: 20px;
}
.chp-sec2
  .cw-items-wrap
  .cloneme.insert
  .container-fluid
  .row
  [class*="col-md"]:not(:last-child) {
  margin-bottom: 20px;
}

/* .faq-chp-sec2.item-icon {} */
.faq-chp-sec2 .txt-quote > div {
  line-height: 28px;
}
.faq-chp-sec2 .l-quote {
  margin-right: 10px;
}
.faq-chp-sec2 .r-quote {
  display: flex;
  align-content: flex-end;
  flex-flow: wrap;
  padding-bottom: 38px;
  margin-left: 10px;
}
.faq-chp-sec2 .cloneme {
  padding: 40px 20px;
}
.faq-chp-sec2 .cloneme .cont {
  padding: 15px;
  height: auto;
  border-radius: 15px;
}
.faq-chp-sec2 .cloneme .cont .cont-txt {
  height: auto;
}
.faq-chp-sec2 .cloneme .cont .cont-txt p.f24 {
  line-height: 32px;
}

/* .chp-sec2.item-icon {} */
.chp-sec2 .txt-quote > div {
  line-height: 28px;
}
.chp-sec2 .l-quote {
  margin-right: 10px;
}
.chp-sec2 .r-quote {
  display: flex;
  align-content: flex-end;
  flex-flow: wrap;
  padding-bottom: 38px;
  margin-left: 10px;
}
.chp-sec2 .cloneme .cont {
  padding: 39px 37px;
  height: 433px;
  border-radius: 24px;
}
.chp-sec2 .cloneme .cont .cont-txt {
  min-height: 224px;
}
.chp-sec2 .cloneme .is2-inner .cont .cont-txt {
  min-height: 124px;
}
.chp-sec2 .cloneme .cont .cont-txt p.f24 {
  line-height: 32px;
}

.dyk-2 {
  background: url(https://ch-api.healthhub.sg/api/public/content/ad1b8840387e420c852ba24af5237a2d)
    no-repeat center top;
  background-size: cover;
  width: 963px;
  margin: 25px auto 0;
  padding-bottom: 25px;
}
.dyk-2 .cont-txt {
  width: 516px;
  margin: 0 auto;
}
.dyk-2 .cont-txt p {
  line-height: normal;
}
.dyk-2 .cont-txt p:not(:last-child) {
  margin-bottom: 30px;
}

.chp-sec3 .cw-item .upper-part {
  height: 187px;
  padding: 0;
}
.chp-sec3 .cw-item .bottom-part .bp-inner {
  height: auto;
  padding: 0px 0 5px;
}
.chp-sec3 .cw-item .bottom-part .bp-inner .item-txt {
  font-family: "milkynice" !important;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  padding: 0 20px;
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center; min-height:72px;
}
.chp-sec3 .cloneme {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  padding: 35px;
}
.chp-sec3 .cloneme p {
  margin: 0;
}
.chp-sec3 .extra-inner {
  position: relative;
  width: 1137px;
  height: 307px;
  margin: 35px auto 0;
  right: 3.4%;
}
.chp-sec3 .extra-inner::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 1137px;
  height: 307px;
  background: url(https://ch-api.healthhub.sg/api/public/content/c1ad99e75c104f41a6ad8a4c207c9b3a)
    no-repeat center top;
  background-size: contain;
}
.chp-sec3 .extra-inner .dbox {
  border-radius: 32px;
  padding: 35px 45px;
  width: 513px;
  position: absolute;
  right: 0;
  z-index: 1;
  right: 6%;
  top: 16%;
}
.chp-sec3 .extra-inner .dbox p {
  margin: 0;
}

.chp-sec4 .wimg {
  margin-bottom: 0;
}
#tab1 .chp-sec4.inherit .wimg {
  margin-bottom: 80px;
  padding-bottom: 210px;
}
.chp-sec4 .wimg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url(https://ch-api.healthhub.sg/api/public/content/e867aea66f474e45bb6a3131ea58cf7c)
    no-repeat center top;
  background-size: contain;
  width: 457px;
  height: 384px;
}
.chp-sec4 .wimg .col-md-7 {
  width: 59.333333%;
  padding-top: 0;
}
.chp-sec4 .wimg .col-md-7 p:first-child {
  margin-right: 34px;
}
.chp-sec4 .wimg .col-md-7 p:not(:first-child) {
  margin-top: 27px;
}
.chp-sec4 .collaps-slider .panel .cw-item {
  width: 396px;
}
#tab2 .chp-sec4 .card-waterfall {
  margin-top: 95px;
}
#tab2 .chp-sec4 .card-waterfall[class*="tl2nd"] {
  margin-top: 0;
}
.chp-sec4 .cw-item {
  width: 465px;
  display: flex;
  flex-flow: row;
  background-color: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.chp-sec4 .cw-item .upper-part {
  width: 94px;
  border-radius: 0;
  padding: 5px;
  background: transparent;
}
.chp-sec4 .cw-item .upper-part img {
  width: 100%;
  padding: 0;
}
.chp-sec4 .cw-item .bottom-part {
  width: 79%;
  border-radius: 0;
  background: transparent;
  display: flex;
}

.chp-sec4 .cw-item .bottom-part .bp-inner {
  height: auto;
  min-height: auto;
  padding: 0 32px 0 13px;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.chp-sec4 .cw-item .bottom-part .bp-inner .item-txt {
  align-self: baseline;
  margin-top: 10px;
}
.chp-sec4 .cw-item .bottom-part .bp-inner p:first-child {
  font-size: 18px;
  line-height: normal;
  margin-bottom: 3px;
}
.chp-sec4 .cw-item .bottom-part .bp-inner p:nth-child(2) {
  font-size: 20px;
  font-family: "milkynice" !important;
  margin-bottom: 3px;
}
.chp-sec4 .cw-item .bp-inner .item-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 32px;
  height: 32px;
}

.chp-sec4 .cw-item .bottom-part.active::after {
  display: none;
}

.chp-sec4 .cw-waterfall {
  margin-top: 18px;
  width: auto;
}
.chp-sec4 .cw-waterfall.mid {
  border-radius: 12px;
}
.chp-sec4 .cw-waterfall .cloneme {
  padding: 30px 30px;
}
.chp-sec4 .cloneme .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.chp-sec4 .timeline {
  padding: 20px 0;
}
.chp-sec4 .timeline .row {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.chp-sec4 .timeline h3.mb-only {
  display: none;
}
.chp-sec4 .timeline.second .row {
  display: block;
}
.chp-sec4 .timeline.second .cw-items-wrap {
  justify-content: space-between;
  flex-flow: column;
}
.chp-sec4 .timeline.second .cw-item {
  border: solid 1px #ffead0;
  box-shadow: none;
  background: #ff9416;
  width: auto;
  flex-flow: column;
  justify-content: space-evenly;
}
.chp-sec4 .timeline.second .cw-item:has(> .active) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.chp-sec4 .timeline.second .card-waterfall {
  margin: 10px 7px;
}
.chp-sec4 .timeline.second .card-waterfall:last-child {
  margin-bottom: 0;
}

.chp-sec4 .timeline.second .cw-item .bottom-part {
  width: auto;
}
.chp-sec4 .timeline.second .cw-item .bottom-part .bp-inner {
  flex-flow: column wrap;
  min-height: auto;
  position: relative;
}

.chp-sec4 .timeline.second .cw-item .bottom-part .item-icon {
  position: absolute;
  width: 24px;
  height: 24px;
}
.chp-sec4 .timeline.second .cw-item .bottom-part .item-icon svg {
  width: 100%;
  height: auto;
}
.chp-sec4 .timeline.second .cw-waterfall {
  margin-top: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0 !important;
}
.chp-sec4 .timeline.second .cw-item.selected,
.chp-sec4 .timeline.second .cw-waterfall {
  border: solid 1px #ff9416;
}
.chp-sec4 .timeline.second .cw-item:has(> .mbactive) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.chp-sec4 .timeline.second .cw-item .active .bp-inner .item-txt {
  margin: 0;
}
.chp-sec4 .timeline.second .cw-item .item-txt {
  font-size: 18px;
  line-height: 24px;
  font-family: "Open Sans";
  margin: 0;
  font-weight: 800;
}
.chp-sec4 .timeline.second .wheight {
  height: 260px;
}
.chp-sec4 .timeline.second .w685 {
  border: 1px solid #ff9416;
}

.chp-sec4 .timeline.second .w685 h3 {
  margin: 0;
  padding: 6px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.chp-sec4 .timeline.second .w685 .container-fluid,
.chp-sec4 .timeline.second .w685 .container-fluid .row {
  padding: 0;
  margin: 0;
}
.chp-sec4 .timeline.second .w685 .container-fluid .row [class*="col-md-"] {
  padding: 10px 20px;
  text-align: center;
}
.chp-sec4 .timeline.second .w685 .container-fluid .row [class*="col-md-"] p {
  line-height: normal;
}
.chp-sec4 .timeline.second .w685 .container-fluid .row .col-md-6:first-child {
  border-right: 1px solid #ff9416;
}
.chp-sec4 .timeline.second .w685 .container-fluid .row .col-md-4:nth-child(2) {
  border-left: 1px solid #ff9416;
  border-right: 1px solid #ff9416;
  text-align: center;
}

.chp-sec4 .dbox {
  border-radius: 16px;
  padding: 12px 25px;
  margin: 0;
  height: auto;
  display: flex;
  align-content: center;
  flex-flow: wrap;
  position: relative;
}
.chp-sec4 .dbox p {
  margin: 0;
  text-align: center;
}
.chp-sec4 .dbox p:first-child {
  margin-bottom: 35px;
}
.chp-sec4 .dbox.orange {
  background: #ffead0;
  border: solid 1px #ff9416;
}

/* .chp-sec4 .dbox.orange::after {
    content: "";
    display: block;
    position: absolute;
    right: -42px;
    width: 24px;
    height: 24px;
    background: url(https://ch-api.healthhub.sg/api/public/content/521e8ee4b3cf4e83a757f362f5bbc642) no-repeat center top;
    background-size: contain;
    bottom: 40%;

} */
.chp-sec4 .dbox.green {
  background: #d3ece8;
  border: solid 1px #25a18e;
}
/* .chp-sec4 .dbox.green::after {
    content: "";
    display: block;
    position: absolute;
    right: -42px;
    width: 24px;
    height: 24px;
    background: url(https://ch-api.healthhub.sg/api/public/content/ac66fc9bf3814509a234fec2c69e0ec3) no-repeat center top;
    background-size: contain;
    bottom: 40%;

} */

.chp-sec4 .dbox.blue {
  background: #cfe7fb;
  border: solid 1px #42a0ee;
}
.chp-sec4 .cw-items-wrap .cloneme.insert {
  border-radius: 24px;
}

.chp-sec4 .cw-items-wrap .cloneme.insert .container-fluid,
.chp-sec2
  .cw-items-wrap
  .cloneme.insert
  .container-fluid
  .row
  [class*="col-md"] {
  padding: 0;
  margin-bottom: 0;
}
.chp-sec4
  .cw-items-wrap
  .cloneme.insert
  .container-fluid
  .row
  [class*="col-md"]:not(:last-child) {
  margin-bottom: 0;
  padding: 0;
}
.chp-sec4
  .cw-items-wrap
  .cloneme.insert
  .container-fluid
  .row
  [class*="col-md"] {
  width: auto;
  margin: 0;
  padding: 0;
}
.chp-sec4 .cw-items-wrap .cloneme.insert .container-fluid .row {
  flex-flow: column;
}

.chp-sec5 .inner-content {
  width: 1077px;
  margin: 0 auto;
}
.chp-sec5 .sechero {
  width: 889px;
  margin: 0 auto;
  display: block;
}
.chp-sec5 .collaps-slider .panel {
  border: none;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.chp-sec5 .accordion {
  transition: all 0.3s ease-in-out;
  padding: 39px 50px;
  font-size: 28px;
  border-radius: 32px;
}
.chp-sec5 .accordion.accord {
  transition: all 0.3s ease-in-out;
  -webkit-border-top-left-radius: 32px;
  -webkit-border-top-right-radius: 32px;
  -moz-border-radius-topleft: 32px;
  -moz-border-radius-topright: 32px;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.chp-sec5 .collaps-slider .panel .panel-wrap {
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
.chp-sec5 .collaps-slider .panel .panel-wrap .container-fluid {
  padding: 39px 50px;
}
.chp-sec5 .acc-icon-minus,
.chp-sec5 .acc-icon-plus {
  right: 30px;
}
.chp-sec5 .acc-icon-minus {
  background: url(https://ch-api.healthhub.sg/api/public/content/640e0f36077c49dd99e10a4f1a5db575)
    center top no-repeat;
  width: 20px;
  height: 17px;
  background-size: contain;
}
.chp-sec5 .acc-icon-plus {
  background: url(https://ch-api.healthhub.sg/api/public/content/640e0f36077c49dd99e10a4f1a5db575)
    center top no-repeat;
  width: 20px;
  height: 17px;
  background-size: contain;
  transform: scaleY(-1) translateY(50%);
}
/* CHP Section 6 */
.chp-sec6 .sechero {
  width: 1044px;
  margin: 0 auto;
  display: block;
  position: relative;
  bottom: -59px;
}
.chp-sec6 .accordion {
  transition: all 0.3s ease-in-out;
  padding: 26px 40px;
  font-size: 24px;
  border-radius: 24px;
}
.chp-sec6 .accordion.accord {
  transition: all 0.3s ease-in-out;
  -webkit-border-top-left-radius: 32px;
  -webkit-border-top-right-radius: 32px;
  -moz-border-radius-topleft: 32px;
  -moz-border-radius-topright: 32px;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.chp-sec6 .acc-icon-minus,
.chp-sec6 .acc-icon-plus {
  right: 30px;
}

.chp-sec6 .acc-icon-minus {
  background: url(https://ch-api.healthhub.sg/api/public/content/7954a0c6faea4b8ea77f6ed03f19bcdd)
    center top no-repeat;
  width: 28px;
  height: 16px;
  background-size: contain;
}
.chp-sec6 .acc-icon-plus {
  background: url(https://ch-api.healthhub.sg/api/public/content/7954a0c6faea4b8ea77f6ed03f19bcdd)
    center top no-repeat;
  width: 28px;
  height: 16px;
  background-size: contain;
  transform: scaleY(-1) translateY(50%);
}

.chp-sec6 .collaps-slider .panel .panel-wrap {
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
.chp-sec6 .collaps-slider .panel {
  border: none;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.chp-sec6 .collaps-slider .panel .panel-wrap .container-fluid {
  padding: 0px 40px 38px;
}
.chp-sec6 .colaps3 .panel .extra-content {
  border-radius: 12px;
  padding: 20px 20px;
  margin: 20px 6px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.chp-sec6 .colaps3 .panel .extra-content .grid-items {
  display: grid;
  grid-template-columns: repeat(3, 229px);
  grid-template-rows: auto auto;
  gap: 16px;
}

.chp-sec6 .colaps3 .panel .extra-content .grid-items .grid-item {
  background: #fff1cd;
  border: 1px solid #ffc148;
  border-radius: 4px;
  height: 106px;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: normal;
}

.chp-sec6 .cw-item .upper-part {
  padding: 0 0 0 0;
  height: 131px;
  box-sizing: border-box;
  position: relative;
}
.chp-sec6 .cw-item .upper-part img {
  position: absolute;
  z-index: 1;
  bottom: -14px;
}
.chp-sec6 .cw-item .bottom-part {
  position: relative;
  z-index: 2;
}
.chp-sec6 .cw-item .bottom-part .bp-inner {
  height: 128px;
  min-height: 0;
  padding: 0;
  flex-wrap: nowrap;
}

.chp-sec6 .cw-item .bottom-part .bp-inner .item-txt {
  font-family: "milkynice" !important;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  padding: 0 20px;
  height: 72px;
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.chp-sec6 .cw-item .bottom-part .bp-inner .item-icon {
  width: 32px;
  height: 32px;
  position: relative;
  bottom: 10px;
}
.chp-sec6 .cloneme {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  padding: 35px;
}
.chp-sec6 .cloneme p {
  margin-bottom: 0;
}

.chp-sec6 .card-waterfall.cust {
  display: flex;
  justify-content: flex-start;
}

.chp-sec6 .cust .cw-items-wrap {
  display: block;
  margin: 0;
}

.chp-sec6 .cust .cw-item {
  width: 393px;

  background-color: #fff;
  border-radius: 12px;
  padding: 10px 16px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
  display: inline-flex;
  flex-flow: column nowrap;
}
.chp-sec6 .cust .cw-item .cw-item-body {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.chp-sec6 .cust .cw-item .upper-part {
  width: 94px;
  height: auto;
  border-radius: 0;
  padding: 0px;
  background: transparent;
}
.chp-sec6 .cust .cw-item .upper-part img {
  width: 100%;
  position: static;
}
.chp-sec6 .cust .cw-item .bottom-part {
  width: 70%;
  border-radius: 0;
  background: transparent;
  display: block;
}

.chp-sec6 .cust .cw-item .bottom-part .bp-inner {
  height: auto;
  min-height: 88px;
  padding: 0 5px;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  align-content: space-between;
}

.chp-sec6 .cust .cw-item .bottom-part .bp-inner .item-txt {
  margin: 15px 0 0 0;
  font-size: 18px;
  font-family: "milkynice" !important;
  line-height: normal;
  color: #000;
  padding: 0;
  text-align: left;
  display: block;
}

.chp-sec6 .cust .cw-item .bottom-part .bp-inner p:first-child {
  font-size: 18px;
  font-family: "milkynice" !important;
  margin-bottom: 3px;
  margin-bottom: 0;
  line-height: normal;
}
.chp-sec6 .cust .cw-item .bp-inner .item-icon {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 32px;
  height: 32px;
}

.chp-sec6 [data-colaps].togglepannel {
  padding: 0;
  margin: 15px 0 0 0;
}

.hss-chp {
  width: 1000px;
  padding: 60px 40px;
  border-radius: 16px;
  border: solid 1px #d9d9d9;
}
.hss-chp .cont {
  width: 810px;
  padding: 0;
  margin: 0 auto;
}
.hss-chp .row {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.hss-chp .row::before,
.hss-chp .row::after {
  display: none;
}

.hss-chp .col-md-6 {
  width: 360px;
  padding: 0;
}

.hss-chp .btn-default {
  padding: 8px 43px;
  border-radius: 20px;
  margin-top: 34px;
  margin-top: 24px;
  display: inline-block;
}
.story .title-hold h2 {
  margin: 0;
}
.story .sinf .db-item {
  padding: 50px 50px 0 50px;
}
.story .sinf .db-item .bg-lorange {
  padding: 40px;
}

.story .sinf .db-item .img-center {
  width: 640px;
  margin: 0 auto;
}
.story .slick-dots {
  bottom: -35px;
}

.sinf-h img {
  width: 648px;
  margin: 0 auto;
}
.sinf-h .deco-heart-callout {
  position: relative;
}
.sinf-h .deco-heart-callout::before {
  content: "";
  position: absolute;
  width: 81px;
  height: 68px;
  top: -59px;
  right: 65px;
  background: url(https://ch-api.healthhub.sg/api/public/content/357ceb2a380c4f2390527a261a152931)
    no-repeat center top;
  background-size: contain;
}
.sinf-h .deco-heart-lnr {
  position: relative;
}
.sinf-h .deco-heart-lnr::before {
  content: "";
  position: absolute;
  width: 141px;
  height: 92px;
  top: 14%;
  left: -51px;
  background: url(https://ch-api.healthhub.sg/api/public/content/fa325663ddc34e1daec453bbc3cf10fa)
    no-repeat center top;
  background-size: contain;
}
.sinf-h.foo .deco-heart-lnr::before {
  width: 92px;
  height: 60px;
  top: 14%;
  left: -51px;
}

.sinf-h .deco-heart-lnr::after {
  content: "";
  position: absolute;
  width: 125px;
  height: 85px;
  top: 20%;
  right: -52px;
  background: url(https://ch-api.healthhub.sg/api/public/content/03a4703a922d4f8aae7169a7e7e7478a)
    no-repeat center top;
  background-size: contain;
}

.sinf-h.foo .deco-heart-lnr::after {
  width: 124px;
  height: 65px;
  top: 2%;
  right: -52px;
}
.sinf-h.foo {
  padding: 40px 64px;
}
.sinf-h.foo .d-flex-row .story-left {
  width: 350px;
  margin: 0 auto;
}
.sinf-h.foo .d-flex-row .story-left img.mb-only {
  display: none;
}
.sinf-h.foo .d-flex-row .story-rigt {
  width: 471px;
  margin: 0 auto;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}
.sinf-h.foo .d-flex-row .story-rigt img.mb-only {
  display: none;
}

#tab1 .chp-sec2 .grd-body {
  padding: 0;
}
#tab1 .chp-sec2 .grd-body .grd-wrap {
  grid-template-columns: repeat(3, 129px);
}
#tab1 .chp-sec2 .grd-body .grd-wrap .grd-item {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
}
#tab1 .chp-sec2 .grd-body .grd-wrap .grd-item .gi-wrap {
  height: auto;
}
#tab1 .chp-sec2 .grd-body .grd-wrap .grd-item .gi-wrap p {
  font-size: 10px;
  line-height: normal;
}
#tab1 .chp-sec2 .grd-body .grd-wrap .gi-bg-img {
  width: auto;
  height: auto;
}
#tab1 .chp-sec2 .dyk-2 {
  background: url(https://ch-api.healthhub.sg/api/public/content/a71ce23d3c8144fc88d9afe953876664)
    no-repeat center top;
  background-size: cover;
  width: 963px;
  margin: 25px auto 0;
  padding-bottom: 35px;
}
#tab1 .chp-sec3 .card-waterfall.nf {
  margin-top: 10px;
}

.chp-sec3 .nf .cw-item {
  width: calc(50% - 7px);
  display: flex;
  flex-flow: row; align-items:center;
  background-color: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  margin: 0 7px;
  box-shadow: none; 
}
.chp-sec3 .nf .cw-item:first-child {
  margin-left: 0;
}
.chp-sec3 .nf .cw-item:nth-child(2) {
  margin-right: 0;
}

 .chp-sec3 .nf .cw-item .upper-part {
  width: 94px;
  height: auto;
  border-radius: 0;
  padding: 5px;
  background: transparent;
  display: inline-block;
}

.chp-sec3 .nf .cw-item .bottom-part {
  width: 79%;
  height: auto;
  border-radius: 0;
  background: transparent;
}
.chp-sec3 .nf .cw-item .bottom-part .bp-inner {
  height: auto;
  min-height: auto;
  padding: 0 10px;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
}
.chp-sec3 .nf .cw-item .bottom-part .bp-inner .item-txt {
  margin: 0;
  align-items: flex-start;
  padding: 0;
  justify-content: flex-start; min-height:0;
}
.chp-sec3 .nf .cw-item .bottom-part .bp-inner p:first-child {
  font-size: 18px;
  font-family: "milkynice" !important;
  margin-bottom: 3px;
  line-height: 20px;
  color: #000;
  text-align: left;
}
#tab1 .chp-sec3 .extra-inner {
  position: relative;
  width: 1137px;
  height: 429px;
  margin: 0 auto;
}
#tab1 .chp-sec3 .extra-inner .dbox {
  border-radius: 32px;
  padding: 35px 45px;
  width: 513px;
  position: absolute;
  right: 0;
  z-index: 1;
  left: 34px;
  top: 16%;
}

#tab1 .chp-sec3 .extra-inner::after {
  content: "";
  display: block;
  position: absolute;
  right: -10%;
  z-index: 0;
  width: 816px;
  height: 430px;
  background: url(https://ch-api.healthhub.sg/api/public/content/597b1505c3a94b338104315678a7eb41)
    no-repeat center top;
  background-size: contain;
}

#tab1 .chp-sec4 .accordion {
  transition: all 0.3s ease-in-out;
  padding: 26px 80px 26px 40px;
  font-size: 24px;
  border-radius: 24px;
}

#tab1 .chp-sec4 .acc-icon-minus,
#tab1 .chp-sec4 .acc-icon-plus {
  right: 30px;
}

#tab1 .chp-sec4 .acc-icon-minus {
  background: url(https://ch-api.healthhub.sg/api/public/content/7954a0c6faea4b8ea77f6ed03f19bcdd)
    center top no-repeat;
  width: 28px;
  height: 16px;
  background-size: contain;
}
#tab1 .chp-sec4 .acc-icon-plus {
  background: url(https://ch-api.healthhub.sg/api/public/content/7954a0c6faea4b8ea77f6ed03f19bcdd)
    center top no-repeat;
  width: 28px;
  height: 16px;
  background-size: contain;
  transform: scaleY(-1) translateY(50%);
}

#tab1 .chp-sec4 .collaps-slider .panel .panel-wrap {
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}

#tab1 .chp-sec4 .collaps-slider .panel {
  border: none;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
#tab1 .chp-sec4 .accordion.accord {
  transition: all 0.3s ease-in-out;
  -webkit-border-top-left-radius: 32px;
  -webkit-border-top-right-radius: 32px;
  -moz-border-radius-topleft: 32px;
  -moz-border-radius-topright: 32px;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* #tab1 .chp-sec4 .cw-item {width: 395px;} */
#tab1 .chp-sec4 .collaps-slider .panel .panel-wrap .container-fluid {
  padding: 0px 40px 38px;
}
#tab1 .chp-sec4 .panel .panel-wrap .cloneme .container-fluid {
  padding: 0;
}
#tab1 .chp-sec4 .cw-item .bottom-part .bp-inner p:first-child {
  font-size: 20px;
  font-family: "milkynice" !important;
  line-height: normal;
  margin-bottom: 3px;
}

#tab1 .chp-sec4 .grid-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

#tab1 .chp-sec4 .grid-items .grid-item {
  background: #fff;
  border: 1px solid #42a0ee;
  border-radius: 24px;
  height: auto;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: normal;
  padding: 36px;
  text-align: left;
}
#tab1 .chp-sec4 .grid-items .grid-item p {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}
#tab1 .chp-sec4 .wimg {
  padding-bottom: 160px;
}
#tab1 .chp-sec4 .wimg .col-md-7 {
  padding-top: 0;
}

#tab1 .chp-sec4 .wimg .col-md-7 p:not(:first-child) {
  margin-top: 0;
}

#tab1 .chp-sec4 .wimg::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: 0;
  top: unset;
  width: 570px;
  height: 255px;
  background: url(https://ch-api.healthhub.sg/api/public/content/33c21b780cd14409b8f2ae4688938184)
    no-repeat center top;
  background-size: contain;
  z-index: -1;
}
#tab1 .chp-sec4.inherit .wimg::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -81px;
  top: unset;
  width: 570px;
  height: 285px;
  background: url(https://ch-api.healthhub.sg/api/public/content/90a17decf763444e968d6278be937ca0)
    no-repeat center top;
  background-size: contain;
  z-index: -1;
}

#tab1 .chp-sec4.inherit .card-waterfall.cust {
  display: flex;
  justify-content: flex-start;
}

#tab1 .chp-sec4.inherit .cust .cw-items-wrap {
  display: block;
  margin: 0;
}

#tab1 .chp-sec4.inherit .cust .cw-item {
  width: 463px;

  background-color: #fff;
  border-radius: 12px;
  padding: 10px 16px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
  display: inline-flex;
  flex-flow: column nowrap;
  margin: 0 7px;
}

/* #tab1 .chp-sec4.inherit .cust .cw-item:first-child {
    margin-left: 0;
    margin-right: 14px;
}
#tab1 .chp-sec4.inherit .cust .cw-item:last-child {
    margin-right: 0;
    margin-left: 14px;
} */

#tab1 .chp-sec4.inherit .cust .cw-item .cw-item-body {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

#tab1 .chp-sec4.inherit .cust .cw-item .upper-part {
  width: 94px;
  height: auto;
  border-radius: 0;
  padding: 0px;
  background: transparent;
}
#tab1 .chp-sec4.inherit .cust .cw-item .upper-part img {
  width: 100%;
  position: static;
}
#tab1 .chp-sec4.inherit .cust .cw-item .bottom-part {
  width: 76%;
  border-radius: 0;
  background: transparent;
  display: block;
}

#tab1 .chp-sec4.inherit .cust .cw-item .bottom-part .bp-inner {
  height: auto;
  min-height: 88px;
  padding: 0 65px 0 10px;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  align-content: space-between;
}

#tab1 .chp-sec4.inherit .cust .cw-item .bottom-part .bp-inner .item-txt {
  margin: 10px 0 0 0;
  font-size: 18px;
  font-family: "milkynice" !important;
  line-height: normal;
  color: #000;
  padding: 0;
  text-align: left;
  display: block;
}

#tab1 .chp-sec4.inherit .cust .cw-item .bottom-part .bp-inner p:first-child {
  font-size: 20px;
  font-family: "milkynice" !important;
  margin-bottom: 3px;
  margin-bottom: 0;
}
#tab1 .chp-sec4.inherit .cust .cw-item .bp-inner .item-icon {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 32px;
  height: 32px;
}
#tab1 .chp-sec4.inherit [data-colaps].togglepannel {
  padding: 0;
  margin: 15px 0 0 0;
}

#tab1 .chp-sec4 .wf5 .grid-items {
  display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 15px;
  height: auto;
}

/* CHP mobile */
@media screen and (max-width: 1024px) {
  .chp img {
    height: auto;
  }
  .chp .tab_cont_panels {
    width: 100%;
  }
  .faq-chp-res {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
  }
  .faq-chp-res .cont {
    height: 90px !important;
  }
  .faq-chp-res .p {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .faq-chp-res .faq-chp-sec2-iconr1 {
    width: 60px;
    height: 60px;
  }
  .faq-chp-res .faq-chp-sec2-iconr2 {
    width: 60px;
    height: 60px;
  }

  .faq-chp-sec2 .bottom-part .item-txt {
    width: auto;
    height: auto;
    margin: 0 20px 20px;
  }
  .faq-chp-sec2 {
    width: auto;
    margin: 34px 20px;
  }
  .chp .collaps-slider .accordion {
    padding: 26px 50px 26px 26px;
  }
  .chp .tab {
    width: auto;
  }
  .chp .featop {
    justify-content: center;
    flex-wrap: wrap;
  }
  .chp .featop .featop-thum {
    margin: 0;
  }
  .chp .tab_cont_panel .tab_wrap .db-slick-wrap {
    width: auto;
    margin: 0 20px;
  }
  .chp-sec2 {
    width: auto;
    margin: 34px 20px;
  }
  .cw-item .bottom-part .bp-inner {
    padding: 30px 20px;
  }
  .chp-sec2 .bottom-part .item-txt {
    width: auto;
    height: auto;
    margin: 0 20px 20px;
  }

  .chp-sec3 .extra-inner {
    width: auto;
  }
  .chp-sec3 .extra-inner::after {
    width: 1044px;
    bottom: -17px;
    height: 297px;
  }
  .chp-sec3 .extra-inner .dbox {
    top: 16%;
    right: -4px;
    width: 440px;
  }
  .chp-sec4 .wimg::after {
    width: 447px;
    height: 365px;
    right: 30px;
  }
  .chp-sec4 .card-waterfall {
    margin-top: 15px;
    margin-left: 25px;
  }
  .chp-sec4 .collaps-slider .panel .cw-item {
    width: 373px;
  }
  .chp-sec4 .timeline {
    padding: 20px 20px;
  }

  .chp-sec5 .inner-content {
    width: auto;
    margin: 0 30px;
  }
  .chp-sec6 .cust .cw-item {
    width: 384px;
  }
  .hss-chp {
    width: auto;
    margin: 0 20px;
  }
  .sinf-h.foo .d-flex-row .story-left {
    margin: 0 20px;
  }
  .sinf-h.foo .d-flex-row .story-left {
    width: 40%;
    margin: 0 20px;
  }
  .sinf-h.foo .d-flex-row .story-rigt {
    width: 70%;
    margin: 0 auto;
  }
  #tab1 .chp-sec2 .bottom-part .item-txt {
    width: auto;
    height: 210px;
    margin: 0 20px 20px;
  }
  .about-chp .togglepannel .tp-body {
    padding: 0 10px;
  }
  .about-chp .stbs-grid-item {
    height: auto;
    padding: 20px 0;
  }
  .about-chp .stbs-grid-item .stbs-descp {
    height: auto;
    padding: 0 10px;
  }
  .about-chp .title-hold h2 span {
    font-size: 44px;
  }
  .abtchp-sec1 .col-md-7 {
    width: 45%;
  }
  .abtchp-sec2 .container-fluid {
    width: auto;
    height: auto;
  }
  .abtchp-sec2 .flex-column-center {
    align-items: center;
  }
  .abtchp-sec2 .col-txt {
    height: 347px;
    width: 648px;
  }
  .abtchp-sec3 .col-txt {
    height: 291px;
    width: 68%;
  }
  .abtchp-sec3 .col-txt p {
    padding: 0 70px;
  }
  .abtchp-sec5 .tp-body {
    width: auto;
    padding: 0 20px;
  }
  .abtchp-sec5 .text-center p {
    width: 550px;
  }
}
@media screen and (max-width: 992px) {
  .chp .featop .featop-thum a {
    margin: auto;
    width: 200px;
  }
  .faq-chp .res-head h3 {
    padding: 31px 20px 10px;
  }
  .chp .featured-topics {
    width: auto;
    margin: 0 20px;
  }
  .chp .tab_cont_panel .tab_wrap .ws-only {
    display: none;
  }
  .chp .tab_cont_panel .tab_wrap .mb-only {
    display: block;
    width: 60%;
    margin: 0 auto 10px auto;
  }
  .chp-sec2 .cloneme .cont {
    height: auto;
    margin: 15px 0;
  }
  .chp-sec2 .cloneme .cont .cont-txt {
    height: auto;
  }
  .chp-sec2 .cloneme .cont img {
    display: block;
    margin: 0 auto;
  }
  .chp-sec3 .extra-inner::after {
    width: 922px;
    bottom: -17px;
    height: 264px;
  }
  .chp-sec3 .extra-inner .dbox {
    top: 17%;
    right: -4px;
    height: auto;
  }
  .chp-sec3 .extra-inner {
    margin: 0;
  }
  .chp-sec4 .card-waterfall {
    margin: 0 20px;
  }
  .chp-sec4 .cw-item {
    width: 422px;
  }
  .chp-sec4 .wimg .col-md-7 {
    width: auto;
  }
  .chp-sec4 .wimg .col-md-7 p:not(:last-child):not(:nth-last-child(2)) {
    width: 50%;
    display: block;
  }
  .chp-sec4 .wimg .col-md-7 p .ws-only {
    display: none;
  }
  .chp-sec4 .card-waterfall .container-fluid .row .col-md-9 {
    width: 75%;
  }
  .chp-sec4 .card-waterfall .container-fluid .row .col-md-3 {
    width: 25%;
  }

  .collaps-slider .accordion {
    padding: 24px 50px 24px 10px;
  }
  .chp-sec6 .panel-wrap .container-fluid .row {
    display: flex;
  }
  .chp-sec6 .panel-wrap .container-fluid .row .col-md-4 {
    width: 33.33333333%;
  }
  .chp-sec6 .panel-wrap .container-fluid .row .col-md-5 {
    width: 41.66666667%;
  }
  .chp-sec6 .panel-wrap .container-fluid .row .col-md-7 {
    width: 58.33333333%;
  }
  .chp-sec6 .panel-wrap .container-fluid .row .col-md-8 {
    width: 66.66666667%;
  }
  .chp-sec6 .collaps-slider.m-t-m:not(:nth-child(3)) {
    margin-top: 14px !important;
  }

  .chp-sec6 .cw-item .upper-part img {
    padding: 0;
  }
  .chp-sec6 .cust .cw-item .bottom-part .bp-inner {
    padding: 0 5px 0 10px;
  }
  .hss-chp .cont {
    width: auto;
  }
  .story .sinf .db-item .img-center {
    width: 520px;
    margin: 0 auto;
  }
  .sinf-h .deco-heart-callout::before {
    right: 12px;
  }
  #tab1 .chp-sec3 .extra-inner .dbox {
    left: 54px;
  }
  #tab1 .chp-sec4 .cw-item {
    width: 402px;
  }
  #tab1 .chp-sec4.inherit .cust .cw-item {
    width: 400px;
  }
  #tab1 .chp-sec4.inherit .cust .cw-item .bottom-part .bp-inner {
    padding: 0 37px 0 7px;
  }
  #tab1 .chp-sec4 {
    padding: 0 20px;
  }
  .abtchp-sec1 {
    width: auto;
  }
  .abtchp-sec1 .row,
  .abtchp-sec2 .row,
  .abtchp-sec3 .row {
    display: flex;
  }
  .abtchp-sec1 .row [class*="col-md"],
  .abtchp-sec2 .row [class*="col-md"] {
    width: 50%;
  }
  .abtchp-sec2 .col-txt p {
    padding: 0 20px;
  }
  .abtchp-sec2 .col-txt {
    height: 313px;
  }
  .abtchp-sec2 .col-txt .title-hold h2 {
    text-align: center !important;
  }
  .abtchp-sec3 .container-fluid {
    margin: 0;
  }
  .abtchp-sec3 .col-img {
    width: 57.2%;
    height: auto;
    bottom: 0;
  }
  .abtchp-sec3 .col-txt {
    width: 70%;
    height: 360px;
  }
}

@media screen and (max-width: 820px) {
  .w685 {
    width: auto;
  }
  .chp .purple-bg-text {
    line-height: normal;
  }
  .chp .tab_cont_panel {
    padding: 0;
    margin: 0;
  }
  .chp section[claass*=".bg-"] {
    padding: 0 20px;
  }

  .faq-chp .res-head h3 {
    padding: 31px 20px 10px;
  }
  .faq-chp-sec2 .cw-item .bottom-part .bp-inner {
    height: 319px;
  }
  .faq-chp-sec2 .bottom-part .item-txt {
    height: auto;
    margin: 0 20px 40px;
  }

  #tab2 .w1040 .row,
  #tab1 .w1040 .row {
    display: flex;
  }
  /* #tab2 .w1040 .row .col-md-6,  #tab1 .w1040 .row .col-md-6  {width: 50%;} */
  .chp .tab_cont_panel .tab_wrap .db-slick-wrap {
    width: auto;
  }
  .chp-sec2 .cw-item .bottom-part .bp-inner {
    height: 397px;
  }
  .chp-sec2 .cw-item .bottom-part .bp-inner .item-icon {
    margin-top: 2px;
  }
  .chp-sec2 .cw-item .bottom-part .bp-inner .txt-quote br {
    display: none;
  }
  .chp-sec2 .bottom-part .item-txt {
    height: auto;
    margin: 0 0 20px;
  }
  .chp-sec3 .cw-item .bottom-part .bp-inner .item-txt {
    height: 120px;
  }
  .chp-sec3 .extra-inner {
    margin: 0;
    height: 310px;
  }
  .chp-sec3 .extra-inner::after {
    width: 842px;
    bottom: -17px;
    height: 244px;
  }
  .chp-sec3 .extra-inner .dbox {
    top: 20%;
    right: -6px;
    padding: 24px 25px;
    width: 402px;
    height: auto;
  }
  .chp-sec4 .wimg::after {
    width: 336px;
    height: 335px;
    right: 30px;
  }
  .chp-sec4 .wimg .col-md-7 p:not(:last-child):not(:nth-last-child(2)) {
    width: 56%;
  }
  .chp-sec4 .wimg .col-md-7 p:first-child {
    margin-right: 0;
  }
  .chp-sec4 .wimg .col-md-7 p:not(:first-child) {
    width: 53%;
  }
  .chp-sec4 .wimg .col-md-7 p:last-child {
    width: 96%;
  }
  #tab2 .chp-sec4 .card-waterfall {
    margin-top: 5px;
  }
  #tab2 .chp-sec4 .wimg {
    margin-bottom: 30px;
  }

  .chp-sec4 .cw-item {
    width: 364px;
  }

  .chp-sec4 .cw-item .bottom-part .bp-inner {
    height: auto;
    align-content: baseline;
    min-height: auto;
  }
  .chp-sec4 .cw-item .bottom-part .bp-inner .item-txt {
    margin: 0;
  }
  .chp-sec4 .cw-item .bottom-part .bp-inner .item-icon,
  .chp-sec4 .cw-item .bottom-part .bp-inner .item-icon svg {
    width: 22px;
    height: 22px;
  }

  .chp-sec4 .cw-waterfall {
    margin-top: 18px;
    width: auto;
  }
  .chp-sec4 .timeline .row {
    display: flex;
    margin-bottom: 0;
  }
  .chp-sec4 .timeline .row .col-md-4 {
    width: 33.33%;
  }
  .chp-sec4 .timeline.second .row {
    display: block;
  }
  .chp-sec4 .timeline.second .cw-waterfall {
    margin: 0;
  }
  .chp-sec4 .timeline.second .cw-waterfall.mid {
    margin-bottom: 18px;
  }

  .chp-sec4 .dbox {
    height: 263px;
  }
  .chp-sec4 .timeline.second .cw-waterfall.mid .tl2nd-item3-inner {
    display: block;
  }
  .chp-sec4 .timeline.second .cw-waterfall.mid .tl2nd-item3-inner img {
    margin: 0 auto;
    display: block;
  }
  .chp-sec4 .timeline.second .cw-item .bottom-part .item-icon {
    width: 22px;
    height: 22px;
  }
  .chp-sec6 .cust .cw-item {
    width: 333px;
  }
  .chp-sec6 .colaps3 .panel .extra-content .grid-items {
    grid-template-columns: repeat(3, 31.6%);
  }
  .chp-sec6 .colaps3 .panel .extra-content .grid-items .grid-item {
    height: auto;
  }
  .chp-sec6 .card-waterfall.cust.solo-item {
    margin: 0 2px !important;
  }
  .chp-sec6 .purple-bg-text {
    margin: 0 20px;
  }
  .hss-chp .col-md-6 {
    width: 50%;
    padding: 0;
    margin: 0 15px;
  }
  .story .sinf .db-item .img-center {
    width: 430px;
  }
  .sinf-h .deco-heart-callout::before {
    right: -28px;
  }
  #tab1 .chp-sec3 .extra-inner {
    width: 100%;
    right: 0;
    padding: 0;
    margin: 0;
    height: 399px;
  }
  #tab1 .chp-sec4 p.f18.text-center {
    padding: 0 30px;
    font-size: 14px !important;
    line-height: 20px;
  }
  #tab1 .chp-sec3 .extra-inner .dbox {
    width: 443px;
    padding: 25px 25px;
    left: 11px;
    top: 8%;
  }
  #tab1 .chp-sec4 .cw-item,
  #tab1 .chp-sec4.inherit .cust .cw-item {
    width: 349px;
  }
  #tab1 .chp-sec4.inherit .cw-item,
  #tab1 .chp-sec4.inherit .cust .cw-item .item-txt br {
    display: none;
  }
  #tab1 .chp-sec3 .extra-inner::after {
    right: -74px;
    z-index: 0;
    width: 626px;
    height: 330px;
    bottom: 0;
  }
  #tab1 .chp-sec4.inherit .cust .cw-item:last-child {
    margin-left: 0;
  }
  #tab1 .chp-sec4.inherit .card-waterfall.cust {
    margin: 0 20px;
  }
  #tab1 .chp-sec4.inherit p.f18.text-center {
    padding: 0 90px;
  }
  #tab1 .chp-sec4 .cw-item .bottom-part .bp-inner {
    height: auto;
    align-content: center;
  }
  .about-chp .bg-cloud-orange {
    padding-top: 140px;
  }
  .about-chp .title-hold h3 span {
    font-size: 32px;
  }
  .about-chp .btn-wicon .indicator,
  .about-chp .btn-wicon .indicator svg {
    width: 40px;
    height: 40px;
  }
  .about-chp .stbs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-chp .stbs-grid-item:nth-child(3),
  .about-chp .stbs-grid-item:nth-child(4) {
    margin-top: 20px;
  }
  .about-chp .stbs-grid-item:nth-child(3) {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
  }

  .about-chp .stbs-grid-item:nth-child(2) {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
  }

  .abtchp-sec2 .row .col-txt {
    width: 57%;
    height: 277px;
  }

  .abtchp-sec3 .container-fluid {
    margin: 0;
  }
  .abtchp-sec3 .col-txt .title-hold h2 {
    text-align: center !important;
  }
  .abtchp-sec3 .text-center p {
    margin: 15px 40px 20px;
    width: auto;
  }
  .abtchp-sec4 .stbs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .abtchp-sec4 .stbs-grid .stbs-grid-item:nth-child(2) {
    border-radius: 0;
    margin: 0;
  }
  .abtchp-sec4 .stbs-grid .stbs-grid-item:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .faq-chp-icon-res img {
    height: 150px !important;
  }
  .faq-chp .res-head h3 {
    padding: 31px 20px 10px;
  }
  .chp-sec2 .cloneme .cont .cont-txt {
    height: auto !important;
  }
  .chp-sec3 .cw-item .bottom-part .bp-inner .item-txt {
    height: 102px;
  }
  .chp-sec3 .extra-inner::after {
    width: 742px;
    bottom: -17px;
    height: 215px;
  }

  .chp-sec4 .card-waterfall .container-fluid .row .col-md-9 {
    width: 65%;
  }
  .chp-sec4 .card-waterfall .container-fluid .row .col-md-3 {
    width: 35%;
  }
  .chp-sec4 .wimg .col-md-7 {
    z-index: 1;
  }
  .chp-sec4 .wimg::after {
    z-index: 0;
  }
  .chp-sec4 .dbox {
    height: 300px;
    width: 60%;
  }
  .chp-sec4 .dbox p {
    text-align: center;
  }
  .chp-sec4 .dbox.orange,
  .chp-sec4 .dbox.green,
  .chp-sec4 .dbox.blue {
    margin: 0 auto;
    width: auto;
  }
  .chp-sec4 .dbox.orange::after,
  .chp-sec4 .dbox.green::after {
    right: -29px;
  }

  .chp-sec4 .timeline h3.mb-only {
    display: flex;
  }
  .chp-sec4 .timeline .row .col-md-5:first-child {
    margin-bottom: 10px;
  }
  .chp-sec4 .timeline .row .col-md-5 h3 span {
    min-height: 157px;
  }
  .chp-sec4 .timeline {
    padding: 20px;
  }

  .chp-sec4 .timeline .card-waterfall {
    margin: 0;
  }
  .chp-sec4 .timeline.second .cw-item {
    margin: 0 6px 25px 6px;
  }
  .chp-sec4 .timeline.second .cw-item .bottom-part .bp-inner {
    min-height: 170px;
    height: auto;
    padding: 0 5px 0 5px;
  }

  .chp-sec6 .ws-only {
    display: none;
  }
  .chp-sec6 .mb-only {
    display: block;
    padding: 0 20px 10px;
    float: right;
  }
  .chp-sec6 h3 {
    margin: 10px 20px 12px;
    line-height: normal;
    text-align: center;
  }
  .chp-sec6 p.f18.text-center {
    padding: 0 20px;
  }
  .chp-sec6 .panel-wrap .container-fluid .row {
    display: block;
  }
  .chp-sec6 .panel-wrap .container-fluid .row .col-md-7,
  .chp-sec6 .panel-wrap .container-fluid .row .col-md-8 {
    width: auto;
  }
  .chp-sec6 .cust .cw-item {
    width: 318px;
  }
  .chp-sec6 .collaps-slider .panel .panel-wrap .container-fluid {
    padding: 0px 20px 38px;
  }
  .story .sinf .db-item .img-center {
    width: 400px;
  }
  .sinf-h .deco-heart-callout::before {
    right: -48px;
  }
  #tab1 .chp-sec2 .bottom-part .item-txt {
    width: auto;
    height: 210px;
    margin: 0 20px 20px;
  }
  #tab1 .chp-sec2 .bottom-part .item-txt {
    width: auto;
    height: 210px;
    margin: 0 0 20px 0;
  }

  #tab1 .chp-sec4 .cw-item,
  #tab1 .chp-sec4.inherit .cust .cw-item {
    width: 330px;
  }
  #tab1 .chp-sec4.inherit .cw-item,
  #tab1 .chp-sec4.inherit .cust .cw-item {
    width: 330px;
  }

  .about-chp .bg-cloud-orange {
    padding-top: 110px;
  }
  #tab1 .chp-sec4 .collaps-slider .panel .panel-wrap .container-fluid {
    padding: 0px 20px 38px;
  }

  #tab1
    .chp-sec4
    .collaps-slider
    .panel
    .panel-wrap
    .container-fluid
    .card-waterfall {
    margin: 0;
  }
  #tab1
    .chp-sec4
    .collaps-slider
    .panel
    .panel-wrap
    .container-fluid
    .card-waterfall
    .cw-item {
    width: 320px;
  }
  #tab1 .chp-sec4 .collaps-slider .panel .panel-wrap .container-fluid h3 {
    margin: 22px 20px;
  }
}

@media screen and (max-width: 540px) {
  .cw-item .bottom-part .bp-inner {
    min-height: 80px;
    position: relative;
    align-items: start;
  }

  .chp-sec3 .cw-item .bottom-part .bp-inner .item-txt {
    text-align: left;
    padding: 15px 25px;
    display: block;
    height: auto; min-height:0;
    width: calc(100% - 32px); /* Adjust this value based on your icon width */
    vertical-align: middle;
  }

  .item-icon {
    display: block;
    position: absolute;
    right: 18px;
    top: 20px;
    width: 32px;
  }
  .item-icon svg {
    width: 32px;
    height: 32px;
  }

  .chp p {
    font-size: 16px;
    line-height: 1.3em;
  }

  #tab1 .collaps-slider {
    padding: 0;
  }
  .chp ul.dot-ul li {
    font-size: 14px;
    line-height: 20px;
  }
  .topsec {
    padding-bottom: 0 !important;
    background-color: #fff7de;
  }
  .chp button.tab-menu .tm-img img {
    width: 57px;
    height: 57px;
  }
  .bbaMobileOnly {
    display: block;
  }
  [data-colaps].togglepannel p {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  [data-colaps].togglepannel {
    min-height: auto !important;
  }
  .chp .tab_cont_panel .tab_wrap [class*="col-md"] {
    padding: 0;
  }
  .faq-chp .panel .grd-head {
    padding: 0 10px;
  }
  .cont .row div[class*="col-md-"] {
    padding: 0;
  }
  .cw-items-wrap {
    padding-bottom: 20px;
  }
  .chp.faq .home-banner .banner {
    padding-top: 0px !important;
  }

  .faq-chp .collaps-slider .panel {
    margin-top: 0;
  }
  .faq-chp .container-fluid {
    padding: 0 !important;
  }
  .faq-chp .calcard-head {
    padding: 0 20px;
  }
  .faq-chp .calcard-body {
    padding: 30px 20px;
  }
  .faq-chp .collaps-slider.st-inside:not(:last-child) {
    margin-bottom: 8px;
  }
  .faq-chp .collaps-slider .accordion,
  .faq-chp .collaps-slider .accordion span {
    font-size: 16px;
    line-height: 20px;
    border-radius: 10px;
  }
  .faq-chp .accordion.accord {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .faq-chp-panel-res {
    padding: 0px !important;
  }
  .collaps-slider .panel {
    padding: 0px !important;
  }
  .faq-chp .grd-head p {
    font-size: 14px !important;
    line-height: 20px;
  }
  .faq-chp .acc-icon-minus,
  .faq-chp .acc-icon-plus {
    width: 16px;
    height: 16px;
  }
  .faq-chp .acc-icon-minus,
  .faq-chp .acc-icon-plus {
    right: 12px;
  }
  .faq-chp-sec2 {
    width: auto;
    margin: 34px 0px;
  }
  .cw-items-wrap {
    flex-flow: column nowrap;
  }
  .cw-item {
    width: auto;
    margin-bottom: 25px;
  }

  p.f18.m-t-m {
    margin-top: 24px !important;
  }
  .d-flex-col {
    flex-flow: column;
    margin-top: 0px;
  }
  .cloneme.insert .cont,
  .cloneme.insert .cont-txt {
    height: auto !important;
    min-height: auto !important;
  }
  .hss-chp {
    width: auto;
    padding: 20px 20px;
  }
  .hss-chp .row {
    flex-flow: column nowrap;
  }
  .hss-chp .col-md-6:first-child {
    margin-bottom: 50px;
  }
  .hss-chp .col-md-6 {
    width: auto;
    padding: 0;
    margin: 0 5px;
  }
  .chp .bg-cloud {
    padding-top: 30px !important;
  }
  .chp.faq .bg-cloud {
    padding-top: 0 !important;
  }
  .chp .bg-cloud.bg-cloud-orange::before {
    top: -40px;
  }
  .chp .bg-cloud.bg-cloud-2orange::before {
    top: -30px !important;
    background-size: cover;
    height: 334px !important;
  }
  .chp img.mb-only {
    display: block !important;
  }
  .chp img.ws-only {
    display: none;
  }
  .chp .tab_cont_panels .tab_wrap .w1040 {
    margin-top: 0;
  }
  .chp .tab_cont_panel .tab_wrap .db-slick-wrap {
    width: 367px;
    margin: 0 auto;
  }
  .chp .tab_cont_panels {
    padding: 0;
  }
  .chp .tab_cont_panel {
    margin: 0;
    padding: 0;
  }
  .chp .tabs-btn-row {
    width: 100%;
  }
  .chp button.tab-menu {
    width: 50%;
  }
  .chp .tab_cont_panel p.f18 {
    font-size: 14px !important;
    line-height: 1.3em;
  }
  .chp .tab_cont_panel p.f-milkynice {
    font-size: 14px !important;
    line-height: 1.3em;
  }
  .chp .tab_cont_panel h4 {
    font-size: 24px !important;
  }

  .chp .purple-bg-text {
    padding: 16px 0 !important;
    font-size: 22px !important;
    margin: 0 0px;
  }

  .chp.hss .bg-cloud {
    padding-top: 40px !important;
  }
  .chp.hss .banner {
    padding-top: 0 !important;
  }

  .story .sinf .db-item {
    padding: 0;
    margin-bottom: 0;
  }
  .story .sinf .db-item .bg-lorange {
    padding: 30px 0;
  }
  .story .sinf .db-item .img-center {
    margin: 0 20px;
    width: auto;
  }
  .story .sinf .db-item .d-flex-row {
    flex-flow: column wrap;
  }
  .story .sinf .db-item img.mb-only {
    width: auto;
  }
  .story .slick-dotted.slick-slider {
    margin: 30px 0 0px;
  }
  .story .slick-arrow {
    width: 25px;
    height: 25px;
    bottom: 37%;
  }
  .story .slick-dots {
    bottom: 10px;
  }
  .story .slick-dots li,
  .story .slick-dots li button {
    width: 12px;
    height: 12px;
  }
  .story .slick-prev:before,
  .story .slick-next:before {
    width: 25px;
    height: 25px;
    background-size: contain;
  }
  .sinf-h.foo .d-flex-row .story-left,
  .sinf-h.foo .d-flex-row .story-rigt {
    width: auto;
  }

  .sinf-h.foo .d-flex-row .story-left img {
    width: 230px;
    margin: 0 auto;
  }

  .sinf-h.foo .d-flex-row .story-rigt {
    width: auto;
    padding: 0 53px;
  }

  .sinf-h.foo .d-flex-row .story-rigt p {
    text-align: center;
    font-size: 14px !important;
    margin: 10px 0;
    line-height: 20px;
  }
  .sinf-h .img-center p {
    padding: 0 37px;
    font-size: 14px;
    line-height: 20px;
  }
  .sinf-h .deco-heart-callout::before {
    right: 22px;
    width: 31px;
    height: 38px;
    top: -15px;
  }
  .sinf-h.foo .deco-heart-lnr::before {
    width: 37px;
    height: 24px;
    left: 16px;
    top: 31%;
  }
  .sinf-h.foo .deco-heart-lnr::after {
    width: 37px;
    height: 24px;
    right: 17px;
    top: 31%;
  }

  .sinf-h .deco-heart-lnr::after {
    width: 37px;
    height: 24px;
    right: 10px;
    top: 34%;
  }
  .sinf-h .deco-heart-lnr::before {
    width: 37px;
    height: 24px;
    left: 10px;
    top: 34%;
  }

  .faq-chp .res-head h3 {
    padding: 31px 20px 10px;
    font-size: 26px;
  }
  .faq-chp-sec2 .cw-item {
    width: auto;
    margin-bottom: 0 !important;
    margin-left: 0px;
  }
  .faq-chp-sec2 .cw-item[data-post="left"] {
    margin-right: 0;
  }
  .faq-chp-sec2 .cw-item[data-post="right"] {
    margin-left: 0px;
  }
  .faq-chp-sec2 .cw-item .bottom-part {
    margin-bottom: 10px;
  }
  .faq-chp-sec2 .cw-item .bottom-part.mbactive {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .faq-chp-sec2 .cw-item .bottom-part .bp-inner {
    height: auto;
  }
  .chp.faq .cloneme.insert {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .faq-chp-sec2 .bottom-part .item-txt {
    height: auto;
    margin: 0;
    flex-flow: row;
  }
  .faq-chp-sec2 .bottom-part .item-icon {
    margin-top: 20px;
  }
  .faq-chp .grd-head p.mbf12 {
    font-size: 12px !important;
  }

  #story .slick-dotted.slick-slider {
    margin: 20px 0 0px;
  }
  #story .slick-arrow,
  #story .slick-prev:before,
  #story .slick-next:before {
    width: 30px;
    height: 30px;
    background-size: contain;
  }
  #story .slick-prev,
  #story .slick-next {
    top: 50%;
  }
  #story .slick-dots {
    bottom: -10px;
  }
  #story .slick-dots li,
  #story .slick-dots li button {
    width: 15px;
    height: 15px;
  }
  h3.text-center.f28.flex-column-center {
    margin-top: 0;
    margin-bottom: 0;
  }

  #tab2 {
    padding: 0px 0 0px 0;
  }
  #tab2 .w1040 .row {
    flex-flow: column wrap;
  }

  #tab2 .w1040 .row .col-md-6 {
    width: 100%;
  }
  /* #tab2 .w1040 .row .col-md-6 img {width: inherit;} */
  .chp img {
    width: auto;
  }
  .chp .featured-topics {
    width: 100%;
    margin: 0 auto;
  }
  /* .chp .featured-topics .fit-items {
        width: 140px;
    } */
  .chp .featop {
    flex-flow: row wrap;
  }
  .chp .featop .featop-thum {
    margin: 0 5px;
    width: auto;
  }
  .chp .featop .featop-thum a {
    min-height: 140px;
    padding: 5px;
    justify-content: center;
  }
  .chp .featop .featop-thum img {
    width: 30%;
  }
  .chp .featop .featop-thum span {
    font-size: 14px;
    line-height: 20px;
  }
  .chp-sec2 {
    margin: 0 20px;
  }
  .chp-sec2 .card-waterfall {
    padding: 0 30px;
  }
  .chp-sec2 .cw-item {
    width: auto;
    margin-bottom: 0 !important;
  }
  .chp-sec2 .cw-item[data-post="right"] {
    margin-left: 0;
  }
  .chp-sec2 .cw-items-wrap .cloneme.insert .container-fluid {
    margin-bottom: 0;
  }
  .chp-sec2 .cw-item .bottom-part {
    margin-bottom: 10px;
  }
  .chp-sec2 .cw-item .bottom-part.mbactive {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .chp-sec2 .cw-items-wrap .cloneme.insert {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .chp-sec2 .dyk-2 {
    width: auto;
    padding-bottom: 0;
  }
  .chp-sec2 .dyk-2 .cont-txt {
    background: url(https://ch-api.healthhub.sg/api/public/content/ad1b8840387e420c852ba24af5237a2d)
      no-repeat center bottom;
    width: auto !important;
    background-size: contain;
    height: auto !important;
    padding-bottom: 50%;
  }

  .chp-sec2 .bottom-part .item-icon {
    margin-top: 20px;
    width: 30px;
    height: 30px;
  }
  .chp-sec2 .bottom-part .item-icon svg {
    width: 30px;
    height: 30px;
  }

  .chp-sec2 .l-quote svg,
  .chp-sec2 .r-quote svg {
    width: 13px;
    height: 10.5px;
  }
  #tab2 .chp-sec2 .r-quote {
    margin-top: 46px;
  }
  .chp-sec2 .r-quote {
    margin-left: -10px;
    margin-top: 26px;
  }

  .chp-sec2 .bottom-part .txt-quote .f18,
  .chp-sec2 .bottom-part .item-txt {
    font-size: 14px;
  }
  .chp-sec2 .bottom-part .txt-quote .f32,
  .chp-sec2 .bottom-part .item-txt .f32,
  .chp-sec2 .bottom-part .item-txt .f18 {
    font-size: 14px !important;
    font-family: "Open Sans" !important;
    line-height: 20px;
  }
  .chp-sec2 .bottom-part .item-txt .f32 {
    display: unset;
  }
  .chp-sec3 .cloneme {
    border-radius: 24px;
    padding: 25px;
  }
  .chp-sec2 .cloneme .is1-inner .cont {
    padding: 0px 0px;
    background: #e6dcf3 !important;
  }
  .chp-sec2 .cloneme .is2-inner .cont {
    padding: 0px 0px;
    background: #d9ecfc !important;
  }

  .chp-sec2 .cloneme .cont p {
    margin-bottom: 10px;
  }
  .chp-sec2 .cloneme .cont .cont-txt p.f24 {
    font-size: 14px !important;
    line-height: 20px;
    font-weight: normal;
    font-family: "Open Sans" !important;
  }

  .chp-sec2 .cw-item[data-post="left"] {
    margin-right: 0;
  }
  .chp-sec2 .cw-item .bottom-part .bp-inner {
    height: auto;
    min-height: auto;
    padding: 20px;
  }
  .chp-sec2 .bottom-part .item-txt {
    height: auto;
    margin: 0;
    flex-flow: row;
  }
  .chp-sec2 .bottom-part .item-txt .f18.mb-txtr {
    margin-top: 10px;
  }

  .chp-sec2 .bottom-part .item-icon {
    margin-top: 20px;
  }
  .chp-sec3 {
    padding: 0 10px;
  }
  .chp-sec3 .cw-items-wrap {
    flex-flow: column nowrap;
    width: 80%;
    padding-bottom: 0;
  }
  .chp-sec3 .cloneme p {
    font-size: 16px;
    line-height: 20px;
  }
  .chp-sec3 .cw-item {
    margin: 0 0 15px 0;
  }
  .chp-sec3 .cw-item .upper-part {
    height: auto;
  }
  .chp-sec3 .cw-item .upper-part img {
    width: 40%;
    height: auto;
    margin: 20px;
  }
  .chp-sec3 .extra-inner {
    margin: 0;
    height: 300px;
    right: 0;
  }
  .chp-sec3 .extra-inner .dbox {
    top: 0;
    right: 0;
    padding: 24px 25px;
    width: auto;
    height: auto;
    position: relative;
  }
  .chp-sec3 .extra-inner .dbox p {
    font-size: 14px !important;
    line-height: 20px;
  }
  .chp-sec3 .extra-inner::after {
    width: 602px;
    bottom: -17px;
    height: 178px;
  }
  .chp-sec4 .timeline h3.mb-only {
    display: block;
  }
  .chp-sec4 p.f18 {
    font-size: 14px !important;
    line-height: 20px;
  }
  .chp-sec4 [class*="col-md"] img {
    padding: 0;
    margin-bottom: 15px;
    width: auto;
    margin: 0 auto;
    height: revert-layer;
  }
  .chp-sec4 .w900 p.f18.text-center {
    font-size: 14px !important;
    line-height: 20px;
  }
  .chp-sec4 .wimg .col-md-7 {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 234px;
  }
  .chp-sec4 .timeline.bg-white {
    background-color: transparent !important;
    padding: 0;
  }
  .chp-sec6 .acc-icon-minus,
  .chp-sec6 .acc-icon-plus,
  #tab1 .chp-sec4 .acc-icon-minus,
  #tab1 .chp-sec4 .acc-icon-plus {
    right: 10px;
  }
  #tab2 .chp-sec4 .wimg::after {
    width: 267px;
    height: 220px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
  }
  #tab2 .chp-sec4 .wimg {
    margin-bottom: 20px;
  }
  #tab2 .chp-sec4 .tl2nd-item1 {
    margin-top: 15px !important;
  }
  #tab2 .chp-sec4 .card-waterfall {
    margin: 0 !important;
  }
  .dyk-2 .cont-txt p:not(:last-child) {
    font-size: 14px !important;
    margin-bottom: 15px;
  }
  .chp-sec4 .card-waterfall {
    margin: 0 10px !important;
  }
  .chp-sec4 .cw-item {
    width: auto;
    margin-bottom: 15px;
  }
  .chp-sec4 .cw-items-wrap .cloneme.insert {
    margin: 0 7px;
  }
  .chp-sec4 .cw-items-wrap {
    padding: 0;
  }
  .chp-sec4 .cw-item .bottom-part .bp-inner {
    height: 80px;
    align-content: baseline;
    padding: 0 30px 0 10px;
  }
  .chp-sec4 .cw-item .bottom-part .bp-inner .item-txt {
    margin: 10px 0;
  }
  .chp-sec4 .collaps-slider .accordion {
    padding: 16px 50px 16px 26px;
    font-size: 26px;
  }
  .chp-sec4 .cw-item .bottom-part .bp-inner p:first-child {
    font-size: 14px !important;
  }
  .chp-sec4 .cw-item .bottom-part .bp-inner p:nth-child(2) {
    font-size: 18px !important;
  }
  .chp-sec4 .dbox.orange::after {
    right: 48%;
    transform: rotate(90deg);
    bottom: -30px;
  }
  .chp-sec4 .dbox.green::after {
    right: 48%;
    transform: rotate(90deg);
    bottom: -30px;
  }
  .chp-sec4 .dbox.blue::after {
    right: 48%;
    transform: rotate(90deg);
    bottom: -30px;
  }
  .chp-sec4 .timeline.second .cw-items-wrap {
    margin-bottom: 10px;
  }
  .chp-sec4 .timeline.second .cw-item {
    width: auto;
    margin: 0 !important;
  }
  .chp-sec4 .timeline.second .d-flex-row {
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .chp-sec4 .timeline.second .cloneme.insert {
    border: solid 1px #ff9416;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .chp-sec4
    .cw-items-wrap
    .cloneme.insert
    .container-fluid
    .row
    [class*="col-md"]:not(:last-child) {
    margin-top: 10px;
  }

  .chp-sec4
    .cw-items-wrap
    .cloneme.insert
    .container-fluid
    .timeline
    .row
    [class*="col-md"]:not(:last-child) {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .chp-sec4 .timeline.second .w685 .container-fluid .row .col-md-4:nth-child(2),
  .chp-sec4 .timeline.second .w685 .container-fluid .row .col-md-6:first-child {
    border-left: none;
    border-right: none;
  }

  .chp-sec4 .timeline.second .tl2nd-item1 .cloneme.insert img {
    width: -webkit-fill-available;
    margin: 0;
  }
  .chp-sec4
    .timeline.second
    .tl2nd-item2
    .cloneme.insert
    .container-fluid
    .row
    [class*="col-md"] {
    margin-bottom: 0;
  }
  .chp-sec4
    .timeline.second
    .tl2nd-item2
    .cloneme.insert
    .container-fluid
    .row
    [class*="col-md"]:last-child
    > p {
    margin-bottom: 10px;
  }

  .chp-sec4
    .timeline.second
    .tl2nd-item2
    .cloneme.insert
    .container-fluid
    .row
    [class*="col-md"]:first-child
    > img {
    margin-top: 20px;
  }
  .chp-sec4 .timeline.second .tl2nd-item2 .cloneme.insert img {
    width: 70%;
    max-width: max-content;
    height: auto;
  }
  .chp-sec4 .timeline.second .tl2nd-item2 .cloneme.insert p {
    line-height: normal;
    padding: 5px 20px;
  }
  .chp-sec4 .timeline.second .wheight {
    height: auto;
    padding: 10px 0 !important;
  }
  .chp-sec4 .dbox {
    height: auto;
    width: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .chp-sec4 .timeline .row .col-md-5 h3 span {
    min-height: auto;
    height: auto;
    margin: 0;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-size: 14px !important;
  }
  .chp-sec4 .dbox p {
    text-align: center;
    font-size: 14px;
  }
  .chp-sec4 .dbox p:first-child {
    margin-bottom: 15px;
  }
  .chp-sec4 .wimg .col-md-7 p:not(:last-child):not(:nth-last-child(2)) {
    width: auto;
  }
  .chp-sec4 .wimg .col-md-7 p:not(:first-child) {
    width: auto;
    margin-top: 17px;
  }
  .chp-sec4 .timeline.second .cw-item.tl2nd-item3 {
    margin-bottom: 0;
  }
  .chp-sec4 .timeline.second .cw-item .bottom-part .bp-inner {
    height: auto;
    min-height: auto;
  }
  .chp-sec4 .timeline.second .cw-item .item-txt {
    font-size: 14px;
    line-height: 20px;
    padding-right: 10px;
  }
  .chp-sec5 .accordion {
    font-size: 21px;
  }
  .chp-sec5 .f18.m-t-m.text-center {
    font-size: 14px !important;
    line-height: 20px;
    padding: 0 20px;
  }
  .chp-sec5 .sechero {
    width: 90%;
  }
  .chp-sec5 .inner-content {
    width: auto;
    margin: 0;
  }
  .chp-sec5 .collaps-slider .accord ~ .panel,
  .chp-sec6 .collaps-slider .accord ~ .panel {
    padding: 0 !important;
  }
  .chp-sec5 .collaps-slider .panel .panel-wrap .container-fluid {
    padding: 25px 10px;
  }
  .chp-sec5 .panel .panel-wrap p {
    font-size: 15px !important;
    line-height: 20px;
  }
  .chp-sec6 .collaps-slider .accordion {
    padding: 16px 70px 16px 26px;
    font-size: 19px !important;
  }
  .chp-sec6 .mb-only {
    padding: 20px 20px 10px;
    float: none;
  }
  .chp-sec6 .panel-wrap .container-fluid .row .col-md-7,
  .chp-sec6 .panel-wrap .container-fluid .row .col-md-8 {
    padding: 0;
  }
  .chp-sec6 .colaps3 .panel .extra-content {
    margin: 20px 0;
    padding: 20px;
  }
  .chp-sec6 .colaps3 .panel .extra-content .grid-items {
    grid-template-columns: repeat(1, 100%);
  }

  .chp-sec6 .card-waterfall.cust {
    margin-top: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .chp-sec6 .cust .cw-items-wrap {
    display: block;
    padding-bottom: 0;
  }
  .chp-sec6 .cust .cw-item {
    width: 100%;
    margin: 0px 0 15px;
  }
  .chp-sec6 .cust .cw-item .upper-part {
    width: 30%;
  }
  .chp-sec6 .cust .cw-item .bottom-part {
    width: 70%;
    display: flex;
  }
  .chp-sec6 .cust .cw-item .bottom-part .bp-inner {
    height: 88px;
  }
  .chp-sec6 .cust .cw-item .bottom-part .bp-inner .item-txt {
    display: block;
  }
  .chp-sec6 .cw-item .bottom-part .bp-inner .item-txt {
    height: 95px;
  }
  .chp-sec6 .cw-item .bottom-part .bp-inner .item-txt br {
    display: none;
  }

  .chp-sec6 .cw-item .upper-part img {
    width: revert-layer;
    bottom: -9px;
  }
  .chp-sec6 .cw-item .bottom-part .bp-inner {
    height: auto;
    width: 100%;
    align-content: baseline;
    padding: 0 30px 0 10px;
  }
  .chp-sec6 .cw-item .bottom-part .bp-inner .item-icon {
    bottom: 20px;
  }
  .chp-sec6 .cloneme {
    padding: 25px 25px 25px;
    margin-top: 0 !important;
    border-radius: 24px;
  }
  .chp-sec6 .cloneme p {
    font-size: 14px;
    line-height: 20px;
  }
  .chp-sec6 .cust .cw-item .bottom-part .bp-inner p:first-child {
    font-size: 16px;
    height: auto;
  }
  .chp-sec6 .cust .cw-item .bottom-part .bp-inner .item-txt {
    margin: 10px 25px 0 0;
  }
  .chp-sec6 .cw-item .bottom-part .bp-inner .item-icon,
  .chp-sec6 .cw-item .bottom-part .bp-inner .item-icon svg {
    width: 22px;
    height: 22px;
  }

  #tab1 .chp-sec2 .grd-body .grd-wrap {
    grid-template-columns: repeat(1, 100%);
  }
  #tab1 .chp-sec2 .dyk-2 {
    padding-bottom: 0;
    width: auto;
  }

  #tab1 .chp-sec2 .dyk-2 .cont-txt {
    background: url(https://ch-api.healthhub.sg/api/public/content/a71ce23d3c8144fc88d9afe953876664)
      no-repeat center bottom;
    background-size: contain;
    height: auto !important;
    padding-bottom: 130px;
    height: 540px;
  }
  .chp-sec2 .bottom-part .item-txt {
    height: auto;
  }

  .chp-sec3 .extra-inner {
    width: auto;
    }
  .chp-sec3 .nf .cw-item {
    padding: 0;
    margin: 0;
  }
  .chp-sec3 .nf .cw-item .bottom-part .bp-inner {
    padding: 14px 10px 10px 0;
    height: auto;
  }
  .chp-sec3 .nf .cw-item .bottom-part .bp-inner p:first-child {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
  }
  .chp-sec3 .cw-item {
    margin: 0 0 10px 0;
  }
  .chp-sec3 .nf .cw-item {
    width: auto;
  }
  .chp-sec3 .cloneme.insert .cw-items-wrap {
    width: auto;
    padding: 0;
  }

  .chp-sec3 .cloneme.insert .cw-item:first-child {
    margin-bottom: 10px;
  }
  .chp-sec3 .cloneme.insert .cw-item .upper-part img {
    width: 80%;
    height: auto;
    margin: 10px;
  }
  
    .chp-sec3
    .cloneme.insert
    .nf
    .cw-item
    .bottom-part
    .bp-inner
    .item-txt {
    margin: 0;
    align-items: flex-start;
    padding: 0;
    justify-content: start;
  }
  .chp-sec3 .extra-inner {
    height: 489px;
  }
  .chp-sec3 .extra-inner .dbox {
    padding: 25px 25px;
    width: auto;
    height: auto;
    position: relative;
    right: 0;
    left: 0;
    top: 0;
  }
   .chp-sec3 .extra-inner::after {
    width: 556px;
    height: 250px;
    right: -110px;
  }
  #tab1 .chp-sec4 .cw-items-wrap .cloneme.insert {
    margin: 0;
  }
  #tab1 .chp-sec4 .wimg {
    padding-bottom: 260px;
  }
  #tab1 .chp-sec4.inherit p.f18.text-center,
  #tab1 .chp-sec4 p.f18.text-center {
    padding: 0;
  }
  #tab1 .chp-sec4 .wimg::after {
    width: 470px;
    height: 205px;
  }
  #tab1 .chp-sec4.inherit .wimg::after {
    width: 430px;
    height: 214px;
    right: -12px;
  }
  #tab1 .chp-sec4 .accordion {
    font-size: 20px !important;
  }
  #tab1 .chp-sec4 .accordion,
  .chp-sec6 .collaps-slider .accordion {
    padding: 16px 42px 16px 16px;
  }
  #tab1 .chp-sec4 .collaps-slider .panel .panel-wrap .container-fluid {
    padding: 0px;
  }
  #tab1 .chp-sec4 {
    padding: 0 10px;
  }
  #tab1 .chp-sec4 .w600 {
    margin: 0 20px;
  }
  #tab1 .chp-sec4 .cw-item {
    width: auto !important;
    flex-flow: row wrap;
    margin: 0 0 15px 0;
  }
  #tab1 .chp-sec4 .cw-item .upper-part {
    width: 30%;
  }
  #tab1 .chp-sec4 .cw-item .bottom-part {
    width: 70%;
  }
  #tab1 .chp-sec4 .cw-item .bottom-part .bp-inner {
    align-content: start;
  }
  #tab1 .chp-sec4 .cw-item .bottom-part .bp-inner p:first-child {
    font-size: 16px !important;
  }

  #tab1 .chp-sec4 .cw-item .bottom-part .bp-inner .item-txt {
    margin: 10px 0;
  }
  #tab1 .chp-sec4 .grid-items,
  #tab1 .chp-sec4 .wf5 .grid-items {
    grid-template-columns: repeat(1, 100%);
    gap: 0;
    margin: 0 !important;
  }
  #tab1 .chp-sec4 .grid-items .grid-item {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
  }
  #tab1 .chp-sec4.inherit .purple-bg-tex {
    padding: 16px 40px !important;
  }
  #tab1 .chp-sec4.inherit .cust .cw-item {
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    margin-bottom: 15px;
  }
  /* #tab1 .chp-sec4.inherit .cust .cw-item .bottom-part .bp-inner {align-content: center;} */
  #tab1 .chp-sec4.inherit .cust .cw-item .bottom-part .bp-inner .item-txt {
    padding-left: 5px;
    padding-right: 34px;
  }
  #tab1 .chp-sec4.inherit .cust .cw-item .bottom-part .bp-inner p:first-child {
    font-size: 16px;
  }
  #tab1 .chp-sec4.inherit .cust .cw-item .bp-inner .item-icon {
    width: 22px;
    height: 22px;
  }
  #tab1 .chp-sec4 .grid-items .grid-item {
    padding: 26px;
  }
  #tab1 .chp-sec4 .grid-items .grid-item p {
    font-size: 14px;
    line-height: 20px;
  }

  #tab1 .chp-sec7 {
    padding: 0 20px;
  }
  #tab1 .chp-sec7 p {
    line-height: 20px;
    font-size: 14px !important;
  }
  .about-chp p {
    font-size: 16px;
    line-height: 20px;
  }
  .about-chp .link-btn {
    padding: 13px 16px;
    align-items: center;
  }
  .about-chp .title-hold h3 {
    text-align: center !important;
  }
  .about-chp .title-hold h3 span {
    font-size: 24px;
  }
  .about-chp .title-hold h2 span {
    font-size: 30px;
  }
  .about-chp .stbs-grid {
    grid-template-columns: 1fr;
  }
  .about-chp .stbs-grid-item {
    border-radius: 24px;
    margin: 5px auto;
    width: 75%;
  }
  .about-chp .btn-wicon .indicator {
    margin-left: 10px;
  }
  .about-chp .btn-wicon .indicator,
  .about-chp .btn-wicon .indicator svg {
    width: 20px;
    height: 20px;
  }
  .abtchp-sec1 .row,
  .abtchp-sec2 .row,
  .abtchp-sec3 .row {
    display: block;
  }
  .abtchp-sec1 .title-hold h2 {
    margin-bottom: 20px;
  }
  .abtchp-sec1 p {
    margin-bottom: 20px;
  }
  .abtchp-sec1 .row [class*="col-md"],
  .abtchp-sec2 .row [class*="col-md"] {
    width: auto;
    padding: 0;
  }
  .abtchp-sec2 {
    padding: 30px 0 0 0;
  }
  .abtchp-sec2 .col-img {
    position: relative;
    margin-top: 20px;
  }
  .abtchp-sec2 .row .col-txt {
    height: auto;
  }

  .abtchp-sec2 .col-md-6.col-img {
    width: 70% !important;
    margin: 20px auto 0;
  }
  .abtchp-sec2 .col-txt .title-hold h2 {
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .abtchp-sec3 .togglepannel .row {
    display: block;
  }
  .abtchp-sec3 .col-txt {
    width: auto;
    height: 380px;
    justify-content: flex-start;
  }
  .abtchp-sec3 .col-txt p {
    padding: 0;
  }
  .abtchp-sec3 .col-img {
    width: 100%;
    height: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .abtchp-sec4 .stbs-grid .stbs-grid-item {
    margin: 0 auto !important;
    border-radius: 24px !important;
  }
  .abtchp-sec4 .stbs-grid .stbs-grid-item:nth-child(even) {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .abtchp-sec4 .stbs-grid .stbs-grid-item img {
    width: 45%;
    margin: 10px auto;
    display: block;
  }
  .abtchp-sec5 .text-center p,
  .abtchp-sec4 .text-center p {
    width: auto;
    margin: 20px 20px;
  }
  .abtchp-sec5 .stbs-grid-item img {
    width: auto;
    height: auto;
    margin: 0 50px;
  }
  .about-chp .stbs-grid {
    display: none;
  }

  .about-chp .stbs-grid-item .stbs-descp {
    font-size: 15px;
    line-height: 20px;
    height: auto;
    min-height: auto;
  }
  .abtchp-sec4 .bbaMobileOnly .stbs-grid-item img {
    width: 45%;
    margin: 10px auto;
    display: block;
  }
  .about-chp .bbaMobileOnly .slick-dotted.slick-slider {
    margin: 0;
  }
  .about-chp .bbaMobileOnly .slick-dots {
    display: none !important;
  }
  .about-chp .bbaMobileOnly .slick-arrow {
    top: 50%;
    width: 32px;
    height: 32px;
  }
  .about-chp .bbaMobileOnly .slick-arrow::before {
    width: 32px;
    height: 32px;
    background-size: contain;
  }
  .about-chp .bbaMobileOnly .slick-prev {
    left: 0;
  }
  .about-chp .bbaMobileOnly .slick-next {
    right: 0;
  }
  .hss .title-hold h2 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  #tab2 .bbaMobileOnly .db-item {
    margin: 0 40px;
  }
  #tab2 .bbaMobileOnly .bbamb-item_up {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
  }

  #tab2 .bbaMobileOnly .bbamb-item_up img {
    width: 22%;
    margin: 10px auto 0;
  }

  #tab2 .bbaMobileOnly .bbamb-item_up .item-txt {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    font-family: "open sans";
    padding: 5px 20px;
    text-align: center;
    text-transform: capitalize;
    color: #000 !important;
  }
  #tab2 .bbaMobileOnly .bbamb-item_botm {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  #tab2 .bbaMobileOnly .bbamb-item_botm .cloneme {
    padding: 20px 42px;
  }
  #tab2 .bbaMobileOnly .bbamb-item_botm .cloneme p {
    text-align: center;
  }
  #tab2 .bbaMobileOnly .slick-dots {
    display: none !important;
  }
  #tab2 .bbaMobileOnly .slick-arrow {
    width: 32px;
    height: 32px;
    background: none;
    bottom: 40%;
  }
  #tab2 .bbaMobileOnly .slick-next {
    right: 0;
  }
  #tab2 .bbaMobileOnly .slick-next:before {
    background-image: url(https://ch-api.healthhub.sg/api/public/content/521e8ee4b3cf4e83a757f362f5bbc642) !important;
    width: 32px;
    height: 32px;
    background-size: contain;
  }
  #tab2 .bbaMobileOnly .slick-prev {
    left: 0;
  }
  #tab2 .bbaMobileOnly .slick-prev:before {
    background-image: url(https://ch-api.healthhub.sg/api/public/content/521e8ee4b3cf4e83a757f362f5bbc642);
    width: 32px;
    height: 32px;
    background-size: contain;
    transform: scaleX(-1);
  }
  #tab2 .bbaMobileOnly .slick-dotted.slick-slider {
    margin: 0;
  }
}

.f64 {
  font-size: 64px;
}
.padding64 {
  padding: 64px;
}
.padding40 {
  padding: 40px;
}
.text-grey {
  color: #444;
}
.w640 {
  max-width: 640px;
}

.bg-lgt-green {
  background-color: #defffa;
}
.db-container {
  max-width: 100%;
}

.chp ul {
  list-style: disc;
  margin-left: 1.5em;
}

.chp ul.slick-dots {
  margin-left: 0;
}

.subheading-lightbg-text,
.subheading-darkbg-text {
  border-radius: 24px;
  font-family: "milkynice" !important;
  padding: 14px 24px;
}
.subheading-darkbg-text {
  color: #fff;
}
.subheading-lightbg-text {
  color: #000;
}

.childhealthplan_accordion .accordion-row {
  border-top: solid 1px #9f9f9f;
}
.childhealthplan_accordion .accordion-row .accordion {
  padding: 26px 80px 26px 68px;
}
.childhealthplan_accordion .collaps-slider .panel {
  border-top: 0;
  padding-left: 68px;
  transition: all 0.3s ease-in-out;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
}

.childhealthplan_accordion .collaps-slider .panel b {
  display: block;
  text-align: left;
}

.childhealthplan_accordion .collaps-slider .accordion span.accordion_counter {
  position: absolute;
  left: 0;
  top: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 8px;
  font-size: 18px;
  width: 36px;
  display: block;
  padding: 0;
}
.bg-purple .childhealthplan_accordion .accordion_counter {
  color: #000;
  background: #e6dbf3;
}
.bg-light-blue .childhealthplan_accordion .accordion_counter {
  color: #fff;
  background: #2795ef;
}
.bg-light-green .childhealthplan_accordion .accordion_counter {
  color: #fff;
  background: #24a18d;
}

.childhealthplan_accordion .acc-icon-minus,
.childhealthplan_accordion .acc-icon-plus {
  width: 32px;
  height: 32px;
  background-size: 33%;
  border: solid 1px #000;
  border-radius: 50%;
  background-position: center;
}

.chp_insights_accordion .collaps-slider .panel {
  border-top: 0;
  padding-top: 0;
}
.chp_insights_accordion .chp_insights_row {
  padding: 36px;
  background: #fff;
  border-radius: 20px;
  margin: 12px auto;
}
.chp_insights_accordion .acc-icon-minus {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 48px;
  height: 48px;
  display: block;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;utf8,<svg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.26104 0.32614L0.30609 7.70648C0.110105 7.91445 1.37239e-06 8.19652 1.38731e-06 8.49064C1.40223e-06 8.78476 0.110105 9.06683 0.30609 9.2748C0.502075 9.48277 0.767888 9.59961 1.04505 9.59961C1.32222 9.59961 1.58803 9.48277 1.78402 9.2748L7.99913 2.6777L14.216 9.27295C14.313 9.37593 14.4282 9.45762 14.555 9.51335C14.6818 9.56908 14.8177 9.59776 14.9549 9.59776C15.0922 9.59776 15.2281 9.56908 15.3549 9.51335C15.4817 9.45762 15.5969 9.37593 15.6939 9.27295C15.791 9.16998 15.8679 9.04772 15.9205 8.91318C15.973 8.77863 16 8.63443 16 8.48879C16 8.34316 15.973 8.19896 15.9204 8.06441C15.8679 7.92986 15.791 7.80761 15.6939 7.70463L8.73896 0.324296C8.64193 0.221211 8.52667 0.139465 8.3998 0.0837479C8.27293 0.028031 8.13694 -0.000561022 7.99964 -0.0003896C7.86233 -0.000218178 7.72641 0.0287139 7.59967 0.0847474C7.47292 0.140781 7.35784 0.222813 7.26104 0.32614Z' fill='black'/></svg>");
}

.chp_insights_accordion .acc-icon-plus {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 48px;
  height: 48px;
  display: block;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;utf8,<svg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.93916 9.67288L15.8941 2.29255C16.0901 2.08457 16.2002 1.8025 16.2002 1.50838C16.2002 1.21427 16.0901 0.932196 15.8941 0.724224C15.6981 0.516252 15.4323 0.399414 15.1551 0.399414C14.878 0.399414 14.6122 0.516252 14.4162 0.724224L8.20106 7.32132L1.98421 0.726069C1.88717 0.623092 1.77196 0.541405 1.64517 0.485674C1.51838 0.429943 1.38249 0.401259 1.24525 0.401259C1.10801 0.401259 0.972114 0.429943 0.845323 0.485674C0.718531 0.541405 0.603326 0.623092 0.506284 0.726069C0.409242 0.829047 0.332264 0.951299 0.279745 1.08585C0.227226 1.22039 0.200195 1.3646 0.200195 1.51023C0.200195 1.65586 0.227226 1.80007 0.279745 1.93461C0.332264 2.06916 0.409242 2.19141 0.506284 2.29439L7.46123 9.67473C7.55827 9.77781 7.67352 9.85956 7.80039 9.91528C7.92726 9.97099 8.06325 9.99959 8.20056 9.99941C8.33786 9.99924 8.47378 9.97031 8.60053 9.91428C8.72728 9.85824 8.84235 9.77621 8.93916 9.67288Z' fill='black'/></svg>");
}

.chp_interesting_insights.bg-cloud {
  position: relative;
}
.chp_interesting_insights.bg-cloud.bg-cloud-orange {
  background-size: 80%;
  background-position: center bottom -200px;
}
.chp_interesting_insights.bg-cloud.bg-cloud-orange::before {
  background: none;
}
.chp_interesting_insights .chp_footnote {
  font-weight: bold; font-style:italic;
  font-size: 12px;
  line-height: 1.4em;
}
#your-guide-to-managing-your-childs-eating-habits h2 {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}


.summary-eating-healthy{display:flex; align-items: center; gap:32px; margin:40px auto; max-width:876px;  padding-left:20px; padding-right:20px;
  @media screen and (max-width: 540px) {
    flex-direction: column; text-align: center;
  }
}
.summary-eating-healthy .summary-eating-healthy-image{flex-shrink:0}
.summary-eating-healthy .summary-eating-healthy-image img {
  max-width: 220px;
  width: 100%;
  height: auto;
}
.summary-eating-healthy .summary-eating-healthy-content{flex:1; text-align:left;background:#ffead0; border-radius: 32px;
  padding: 35px 45px; font-size:18px;}

/* Recommended Usage Section Styles */
.chp_recommended_usage .w1200 {
  max-width: 100%;
}
.chp_recommended_usage .card {
  margin-bottom: 20px;
}
.chp_recommended_usage .card h4 {
  text-align: left;
  font-family: "milkynice";
}
.chp_recommended_usage .card-body {
  padding: 16px 0;
}

.chp_recommended_usage .bullet-list {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0;
}

.chp_recommended_usage .bullet-list li {
  margin-bottom: 12px;
  line-height: 1.5;
  color: #444;
}

.chp_recommended_usage .bullet-list li:last-child {
  margin-bottom: 0;
}

#recommended-usage-mobile h3 {
  margin-bottom: 12px;
}
#recommended-usage-mobile li {
  list-style: disc;
  margin-left: 12px;
}
#recommended-usage-mobile .content h6 {
  font-size: 16px;
  line-height: 1.3em;
  margin-top: 20px;
  margin-bottom: 8px;
  text-align: left;
}

#recommended-usage-mobile p {
  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}

.recommended-usage-mobile-slider li.slick-active button {
  background-image: unset;
  background-color: #834fc2;
  width: 12px;
  height: 12px;
}

.recommended-usage-mobile-slider li button {
  background-image: unset;
  width: 12px;
  height: 12px;
}

.recommended-usage-mobile-slider li.slick-active {
  width: 12px;
  height: 12px;
}

.recommended-usage-mobile-slider [id*="slick-slide"] {
  width: 12px;
  height: 12px;
  margin: 0 2.5px;
}

.recommended-usage-mobile-slider .slick-prev:before {
  background-image: url(https://hhmw.ext2.wearesection.com/assets/images/child-health-plan/nurturing-healthy-behaviours/screens-use/arrow-right.png) !important;
  width: 20px;
  height: 24px;
}

.recommended-usage-mobile-slider .slick-prev {
  left: 50%;
  transform: translateX(-68px);
  bottom: -53px;
}

.recommended-usage-mobile-slider .slick-next {
  left: 53%;
  transform: translateX(23px);
  bottom: -53px;
}

.recommended-usage-mobile-slider .slick-next:before {
  background-image: url(https://hhmw.ext2.wearesection.com/assets/images/child-health-plan/nurturing-healthy-behaviours/screens-use/arrow-left.png) !important;
  width: 12px;
  height: 24px;
}

.recommended-usage-mobile-slider .slick-arrow {
  background-color: transparent;
}

#recommended-usage-mobile .content {
  background-color: #fff;
  border-radius: 24px;
  padding: 20px;
}

.h100 {
  height: 100%;
}

.m-t-l {
  margin-top: 24px;
}

.p-m {
  padding: 16px;
}

.childhealthplan_accordion ul {
  list-style: disc;
  margin-left: 1.5em;
  line-height: 1.5em;
}
.childhealthplan_accordion ul li {
  font-size: 18px;
  line-height: 1.3em;
  @media screen and (max-width: 540px) {
    font-size: 16px;
  }
}

#benefits-of-reducing-screen-use .cw-waterfall .benefits_wrapper {
  background-color: #fff;
  border-radius: 20px;
  color: #000;
}

.w980 {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}

.w1040 {
  max-width: 1040px;
  margin: 0 auto;
  position: relative;
}

.sleeping-well .extra-inner {
  position: relative;
  max-width: 1137px;
  height: 429px;
  margin: 0 auto;
}

.sleeping-well .extra-inner .dbox {
  border-radius: 32px;
  padding: 35px 45px;
  width: 513px;
  position: absolute;
  right: 0;
  z-index: 1;
  left: 34px;
  top: 16%;
}

.sleeping-well .extra-inner::after {
  content: "";
  display: block;
  position: absolute;
  right: -10%;
  z-index: 0;
  width: 816px;
  height: 430px;
  background: url("https://ch-api.healthhub.sg/api/public/content/597b1505c3a94b338104315678a7eb41")
    no-repeat center top;
  background-size: contain;
}

.chp .tab.medical_conditions_tab .tabs {
  background: #fff;
  margin: 0 auto 28px;
  border-radius: 36px;
  padding: 8px;
  width: fit-content;
}

.chp .tab.medical_conditions_tab .tabs button.tab-menu {
  background: none;
  border: 0;
  width: auto;
  height: auto;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -2%;
  padding: 10px 24px;
  border-radius: 28px;
  margin-right: 8px;
  @media screen and (max-width: 768px) {
    max-width: unset;
  }
}

.chp .tab.medical_conditions_tab .tabs button.tab-menu:hover {
  background: #f3f0f8;
}
.chp .tab.medical_conditions_tab .tabs button.tab-menu:last-child {
  margin-right: 0px;
}

.chp .tab.medical_conditions_tab .tabs button.tab-menu.active-panel {
  background: #834fc2;
  color: #fff;
}

.chp .mb-only .tabs .show-tab button.tab-menu.active-panel {
  color: #834fc2;
  background: none;
}

.chp
  .tab.medical_conditions_tab
  .tabs
  .select-tab
  button.tab-menu.active-panel {
  display: block;
}
.chp .tab.medical_conditions_tab .tabs button.tab-menu .tm-txt {
  margin: 0;
}

.chp .hero_medical_conditions .bg-cloud-orange {
  padding-top: 150px;
  background-position: center bottom -250px;
  background-size: 1400px;
  @media screen and (max-width: 768px) {
    padding-bottom: unset;
  }
}
.chp .hero_medical_conditions .bg-cloud::before {
  background: none;
}

.component_twocol_textimg h3 {
  font-size: 40px;
  font-family: "milkynice" !important;
  text-align: left;
}
#obesity-risks {
  background: #24a18d;
  @media screen and (max-width: 768px) {
    padding-top: 52px !important;
  }
}
#obesity-risks .obesity_risks_wrap {
  display: flex;
  align-items: center;
  @media screen and (max-width: 768px) {
    flex-direction: column;
  }
}

#obesity-risks .obesity_risks_wrap p {
  flex: 1;
  margin: 0;
  padding: 0 20px;
  font-family: "Milky Nice";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  @media screen and (max-width: 1024px) {
    padding: 30px;
    font-size: 32px;
    line-height: 35px;
  }
}

#obesity-risks .obesity_risks_wrap img {
  flex-shrink: 0;
  max-width: 36%;
  border-radius: 16px;
  margin-top: 90px;
  margin-bottom: 90px;
  @media screen and (max-width: 768px) {
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 32px;
    padding: 0 30px;
  }
}

#medical-conditions-summary {
  padding-top: 76px;

  @media screen and (max-width: 768px) {
    padding-top: 44px;
  }
}
#medical-conditions-summary .medical-conditions-summary-content {
  max-width: 722px;
  @media screen and (max-width: 768px) {
    padding: 0 44px;
  }
}

#medical-conditions-summary .medical-conditions-summary-content h3 {
  @media screen and (max-width: 768px) {
    font-size: 28px;
  }
}

#medical-conditions-summary .medical-conditions-summary-content p {
  text-align: center;
  max-width: 600px;
  margin: 20px auto 0;

  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}
#medical-conditions-summary .medical-conditions-summary-image {
  width: 100%;
  max-width: 1090px;
}

.medical_conditions_tab_panel {
  max-width: 1260px;
  margin: 28px auto 28px;
}
.medical_conditions_tab_panel .medical_conditions_bento_box {
  background: #fff;
  border-radius: 24px;
}
.medical_conditions_tab_panel .medical_conditions_bento_box p {
  margin-bottom: 1em;
}
.medical_conditions_tab_panel .medical_conditions_bento_box p,
.medical_conditions_tab_panel .medical_conditions_bento_box li {
  font-size: 18px;
}
.medical_conditions_tab_panel .bento_row_2 {
  overflow: hidden;
}
.medical_conditions_tab_panel .bento_row_2 .medical_conditions_bento_box {
  width: calc(33.3% - 20px);
  float: left;
  padding: 32px;
  height: 320px;
}
.medical_conditions_tab_panel .bento_row_1 {
  margin-bottom: 20px;
}
.medical_conditions_tab_panel
  .bento_row_2
  .medical_conditions_bento_box.medical_conditions_bento_2 {
  background: #474747;
  color: #fff;
  text-align: left;
}
.medical_conditions_tab_panel
  .bento_row_2
  .medical_conditions_bento_box.medical_conditions_bento_2
  h3 {
  font-size: 32px;
  font-family: "milkynice";
}
.medical_conditions_tab_panel
  .bento_row_3
  .medical_conditions_bento_box.medical_conditions_bento_5 {
  background: #e6dbf3;
  text-align: left;
  padding: 32px;
  overflow: hidden;
}
.medical_conditions_tab_panel
  .bento_row_3
  .medical_conditions_bento_box.medical_conditions_bento_5
  h3 {
  color: #333;
  font-size: 32px;
  text-align: left;
  font-family: "milkynice";
  margin: 0;
  float: left;
  line-height: 38px;
}
.medical_conditions_tab_panel
  .bento_row_3
  .medical_conditions_bento_box.medical_conditions_bento_5
  .bento_button {
  float: right;
  border-radius: 24px;
  background: #834fc2;
  color: #fff;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 14px;
  height: 38px;
  font-family: "milkynice";
}
.medical_conditions_tab_panel .medical_conditions_bento_box h2 {
  font-size: 44px;
  font-family: "milkynice";
  color: #834fc2;
  text-align: left;
}
.medical_conditions_tab_panel .medical_conditions_bento_box p {
  text-align: left;
}
.medical_conditions_tab_panel .scoliosis-try-this p {
  text-align: center;
}
.medical_conditions_tab_panel
  .medical_conditions_bento_box.medical_conditions_bento_1 {
  padding: 60px;
}

.medical_conditions_tab_panel .bento_row_3,
.medical_conditions_tab_panel .bento_row_2col {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.medical_conditions_tab_panel
  .medical_conditions_bento_box.medical_conditions_bento_purplebox {
  background: #e6dbf3;
  text-align: left;
  padding: 32px;
  overflow: hidden;
}
.medical_conditions_tab_panel
  .bento_row_2col
  .medical_conditions_bento_box.medical_conditions_bento_purplebox {
  width: calc(
    50% - 10px
  ); /* This makes them take up equal width with gap in between */
}

.medical_conditions_tab_panel
  .medical_conditions_bento_box.medical_conditions_bento_purplebox
  h3 {
  color: #333;
  font-size: 32px;
  text-align: left;
  font-family: "milkynice";
  margin: 0;
  line-height: 38px;
  float: left;
  @media screen and (max-width: 768px) {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 16px;
  }
}
.medical_conditions_tab_panel
  .bento_row_2col
  .medical_conditions_bento_box.medical_conditions_bento_purplebox
  h3 {
  float: none;
  margin-bottom: 20px;
}

.bento_row_1col
  .medical_conditions_bento_box.medical_conditions_bento_purplebox
  a {
  @media screen and (max-width: 768px) {
    max-width: 110px;
  }
}

.bento_row_1col
  .medical_conditions_bento_box.medical_conditions_bento_purplebox {
  @media screen and (max-width: 768px) {
    margin: 0 20px;
    display: flex;
    flex-direction: column;
  }
}

.medical_conditions_tab_panel .bento_row_3col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
  @media screen and (max-width: 768px) {
    margin: 0 20px 90px;
    gap: 0px;
  }
}

.medical_conditions_tab_panel .bento_row_3col .slick-prev:before {
  background-image: url(https://hhmw.ext2.wearesection.com/assets/images/child-health-plan/nurturing-healthy-behaviours/screens-use/arrow-right.png);
  width: 20px;
  height: 24px;
}

.medical_conditions_tab_panel .bento_row_3col .slick-next:before {
  background-image: url(https://hhmw.ext2.wearesection.com/assets/images/child-health-plan/nurturing-healthy-behaviours/screens-use/arrow-left.png) !important;
  width: 20px;
  height: 24px;
}

.medical_conditions_tab_panel .bento_row_3col .slick-arrow {
  background-color: transparent;
}

.medical_conditions_tab_panel .bento_row_3col .slick-arrow.slick-prev {
  background-color: transparent;
  left: 30%;
  bottom: -78px;
}

.medical_conditions_tab_panel .bento_row_3col .slick-arrow.slick-next {
  background-color: transparent;
  left: 60%;
  bottom: -78px;
}

.medical_conditions_tab_panel .bento_row_3col .slick-dots li {
  width: 12px;
  height: 12px;
}

.medical_conditions_tab_panel .bento_row_3col .slick-dots li button {
  width: 12px;
  height: 12px;
}

.medical_conditions_tab_panel
  .bento_row_3col
  .slick-dots
  li.slick-active
  button {
  background: url(https://ch-api.healthhub.sg/api/public/content/dcfe618d66f74473ab3d4eaa9a23c329?v=d60a60f5);
  background-position: center;
}

.medical_conditions_tab_panel .bento_row_3col .slick-dots li button {
  background: url(https://ch-api.healthhub.sg/api/public/content/0df020cf9c2746e3a5a24ffc9b3da0cc?v=9d184eb8);
  background-position: center;
}

.medical_conditions_tab_panel .bento_row_3col .medical_conditions_bento_box {
  flex: 1 1 calc(33.333% - 20px); /* Adjust the percentage based on the number of boxes per row */
  min-height: 280px; /* Set a fixed height or use min-height for flexibility */
  padding: 32px;

  @media screen and (max-width: 768px) {
    flex: 1 1 calc(100% - 20px);
    padding: 16px;
    margin-bottom: 20px;
  }
}

.medical_conditions_tab_panel
  .medical_conditions_bento_box.medical_conditions_bento_purplebox
  .bento_button {
  border-radius: 24px;
  background: #834fc2;
  color: #fff;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 14px;
  height: 38px;
  font-family: "milkynice";
  float: right;
}
.medical_conditions_tab_panel
  .bento_row_2col
  .medical_conditions_bento_box.medical_conditions_bento_purplebox
  .bento_button {
  float: left;
}
.bento_heading {
  font-family: "milkynice";
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  line-height: 110%;
  @media screen and (max-width: 768px) {
    font-size: 16px;
  }
}
.heading_trythis {
  text-align: center;
  margin-top: 52px;
  margin-bottom: 20px;
  @media screen and (max-width: 768px) {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.medical_conditions_tab_panel .medical_conditions_bento_box ul {
  list-style: disc;
  margin-left: 1em;
}
.medical_conditions_tab_panel .medical_conditions_bento_box p:last-of-type {
  margin-bottom: 0;
}

.medical_conditions_tab_panel .medical_conditions_bento_whitebox {
  min-height: 360px;
}
.medical_conditions_tab_panel .medical_conditions_bento_whitebox img {
  margin-bottom: 20px;
}

.medical_conditions_tab_panel
  .bento_row_3col
  .medical_conditions_bento_whitebox2 {
  border-radius: 24px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: auto;
}

.medical_conditions_tab_panel .medical_conditions_bento_whitebox2 img {
  max-width: 160px; /* Adjust size as needed */
  margin-right: 20px; /* Space between image and text */
  flex-shrink: 0;
}

.medical_conditions_tab_panel .medical_conditions_bento_whitebox2 p {
  font-size: 18px;
  margin: 0;
}

.chp_medical_conditions_resources h2 {
  font-size: 40px;
  text-align: center;
}
.chp_medical_conditions_resources .chp_medical_conditions_resources_wrap {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
}
.chp_medical_conditions_resources .resources_card {
  border-radius: 24px;
  min-height: 190px;
  background: #24a18d;
  display: flex;
  padding: 30px 75px;
  color: #fff;
  font-size: 28px;
  font-family: "milkynice", sans-serif;
  flex: 1;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.chp_medical_conditions_resources .resources_card span {
  font-size: 28px;
  font-family: "milkynice", sans-serif;
  text-align: center;
  display: inline-block;
  margin-left: 20px;

  @media screen and (max-width: 768px) {
    margin-top: 21px;
    margin-left: 0;
  }
}
.chp_medical_conditions_resources .resources_card img {
  max-width: 130px;
  max-height: 140px;
}

/* Other medical conditions */
.chp_medical_conditions_other_wrap {
  display: flex;
  align-items: center;
  gap: 40px;
  @media screen and (max-width: 768px) {
    gap: 24px;
    flex-direction: column;
  }
}
.chp_medical_conditions_other_wrap img {
  max-width: 240px;
  flex-shrink: 0;
}
.chp_medical_conditions_other_text {
  flex: 1;
  @media screen and (max-width: 768px) {
    padding: 0 40px;
  }
}
.chp_medical_conditions_other_text h2 {
  text-align: left;

  @media screen and (max-width: 768px) {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
  }
}
.chp_medical_conditions_other_text p {
  font-size: 14px;
  line-height: 1.4em;
  @media screen and (max-width: 768px) {
    text-align: center;
  }
}

/* Medical conditions disclaimer */
.chp .disclaimer_wrap {
  margin-bottom: 60px;
}
.chp .disclaimer_toggle {
  color: #000;
  text-decoration: none;
}
.chp p.disclaimer_text {
  text-align: center;
  font-size: 15px;
  line-height: 1.5em;
  display: none;
  margin-top: 10px;
  @media screen and (max-width: 768px) {
    margin: 10px 20px 0;
  }
}

/* Stories Section Styles */
.chp_stories .bg-cloud {
  padding-bottom: 0;
}
.chp_stories .bg-cloud.bg-cloud-orange {
  background-size: 100%;
  background-position: center top;
}
.chp_stories .bg-cloud.bg-cloud-orange::before {
  background-image: none;
}
.stories-section {
  padding: 96px 0;
  margin: 0 auto;
  text-align: left;
}

.stories-grid {
  display: block;
  margin-bottom: 60px;
  padding: 0 15px;
}

.story-card {
  display: flex;
  align-items: stretch; /* Ensures both children stretch to the same height */
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  max-width: 1180px;
  position: relative;
}
.story-image {
  width: 58%;
}
.story-image img {
  max-width: 640px;
  width: 100%;
  height: auto;
  margin-right: 32px;
}

.story-content {
  flex: 1; /* Allows the content to take the remaining space */
  max-height: 100%;
  position: relative;
  width: 42%;
}
.story-content .story-content-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -40px; /* extend the div outside of the parent padding on the right so we can include the scroll bar without it being too close to the text */
  padding-left: 32px;
  overflow-y: auto; /* Allows scrolling if content overflows */
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
/* Remove centering when expanded */
.story-card.card_expanded .story-content .story-content-container {
  justify-content: flex-start;
}

.story-content h3 {
  font-family: milkynice;
  line-height: 1.1em;
  font-size: 40px;
}
.story-text {
  transition: max-height 0.3s ease;
}

.story-text.collapsed .story-preview {
  display: block;
  max-height: none;
}
.story-text.collapsed p {
  display: none;
  max-height: 0;
}
.story-text p {
  max-height: none;
  transition: max-height 0.3s ease;
  margin-bottom: 1em;
}

.read-more {
  color: #6a3da3;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  margin-top: 10px;
}
.story-content::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}

.story-content::-webkit-scrollbar-track {
  background: #e6dbf3; /* Background of the scrollbar track */
}

.story-content::-webkit-scrollbar-thumb {
  background-color: #834fc2; /* Color of the scrollbar thumb */
  border-radius: 10px; /* Roundness of the scrollbar thumb */
  border: 0px solid #e6dbf3; /* Padding around the scrollbar thumb */
}
.story-content {
  scrollbar-width: thin;
  scrollbar-color: #834fc2 #e6dbf3;
}
.story-card .read-more.mobile-close {
  display: none;
}

/* Pagination Styles */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.page-numbers-container {
  display: flex;
  gap: 5px;
}

.page-number {
  padding: 5px 10px;
  font-family: milkynice;
  text-decoration: none;
  color: #333;
  font-size: 18px;
}

.page-number.active {
  background-color: #e6dbf3;
  border-radius: 4px;
}

.prev-page,
.next-page {
  text-decoration: none;
  color: #333;
  font-size: 18px;
  padding: 5px 10px;
}

.prev-page.disabled,
.next-page.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.chp .padding_guide_inner {
  padding: 64px;
}
.chp .chp_insights_accordion {
  padding: 40px;
}
.chp .chp_insights_accordion .accordion {
  padding: 0 90px 0 0;
  font-size: 24px;

  @media screen and (max-width: 768px) {
    padding: 0 60px 0 0;
  }
}
.chp .chp_insights_accordion .accordion.accord {
  margin-bottom: 32px;
}
.chp
  .chp_insights_accordion
  .accordion.accord
  ~ .panel
  .panel-wrap:last-child
  .chp_insights_row {
  margin-bottom: 0;
}
.chp .chp_insights_accordion .collaps-slider .accord ~ .panel {
  padding: 0;
  margin-bottom: 0;
}

.chp .chp_recommended_usage,
.chp .chp_recommended_usage_inner {
  padding: 64px;
}
.chp .chp_recommended_usage_inner {
  background: #fff;
  border-radius: 24px;
}

.chp .img_lightbulb {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.chp .chp_tips h2 {
  font-size: 40px;
}

#benefits-of-being-active {
  overflow: hidden;
}

/* Medical conditions tips */
#increase-fun-and-engaging-physical-activity h2 {
  font-size: 64px;
  max-width: 948px;
  margin: auto;
}

/* Medical conditions resources */
.chp_medical_conditions_resources {
  padding: 96px 0;

  @media screen and (max-width: 768px) {
    padding: 48px 0;
  }
}
.chp_medical_conditions_resources h2 {
  font-size: 40px;
  text-align: center;
  @media screen and (max-width: 768px) {
    font-size: 32px;
  }
}
.chp_medical_conditions_resources .chp_medical_conditions_resources_wrap {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
  @media screen and (max-width: 768px) {
    flex-direction: column;
  }
}
.chp_medical_conditions_resources .resources_card {
  border-radius: 24px;
  background: #24a18d;
  display: block;
  padding: 30px 75px;
  color: #fff;
  font-size: 28px;
  font-family: milkynice;
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  @media screen and (max-width: 768px) {
    flex-direction: column;
  }
}

.chp .chp-sec3 .cloneme.insert {
  display: none;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .stories-section {
    padding: 30px 0px;
  }

  .story-content h3 {
    font-size: 20px;
  }

  .story-preview {
    font-size: 14px;
  }

  .pagination {
    margin: 30px 0;
  }

  .story-card {
    flex-direction: column;
    padding: 20px;
  }

  .story-card.card_expanded .story-content .story-content-container {
    max-height: 550px;
  }

  .story-image.hidden-mobile {
    display: none;
  }

  .story-image,
  .story-content {
    width: 100%;
  }

  .story-content .story-content-container {
    position: static;
    padding: 20px 0 0 0;
    right: 0;
  }

  .story-content h3 {
    font-size: 24px;
  }

  .stories-grid {
    padding: 0 10px;
  }

  .story-card.story-card.card_expanded .read-more {
    display: none;
  }
  .story-card.story-card.card_expanded .read-more.mobile-close {
    display: block;
    margin-bottom: 10px; text-align:right; padding-right:12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
  }

  .chp .padding_guide_inner {
    padding: 48px 0px;
    margin-left: 24px;
    margin-right: 24px;
  }
  .chp .chp_insights_accordion {
    padding: 20px;
  }
  .chp .chp_insights_accordion .chp_insights_row {
    padding-left: 15px;
    padding-right: 15px;
  }
  .chp .chp_recommended_usage,
  .chp .chp_recommended_usage_inner {
    padding: 20px;
  }
  .chp .chp_recommended_usage_inner {
    background: transparent;
    padding: 0;
  }
  .chp .chp_recommended_usage_inner .recommended_usage_card {
    padding: 20px;
    background: #fff;
    border-radius: 24px;
    margin-bottom: 20px;

    @media screen and (max-width: 768px) {
      margin-bottom: 20px;
    }
  }
}

@media screen and (max-width: 540px) {
  .chp .chp_insights_accordion .chp_insights_row img {
    width: 100%;
    border-radius: 16px;
    margin-bottom: 20px;
  }
  .chp .tab_cont_panel .tab_wrap .mb-only {
    width: 90%;
  }
  /* .chp .collaps-slider {
    padding-left: 0;
    padding-right: 0;
  } */
  .chp .collaps-slider {
    padding: 0 10px;
  }

  #wrapper .chp .extra-inner .dbox {
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    padding: 24px 25px;
    text-align: left;
    width: auto;
    height: auto;
    margin: 20px 40px;
    position: relative;
  }

  .sleeping-well .extra-inner {
    height: 489px;
  }
  .sleeping-well .extra-inner::after {
    content: "";
    display: block;
    position: relative;
    right: 0;
    z-index: -1;
    width: auto;
    height: 430px;
    background-size: contain;
  }

  .chp .padding_guide_inner {
    padding: 40px 0px;
    margin-left: 24px;
    margin-right: 24px;
  }
  .chp .childhealthplan_accordion {
    padding-left: 0;
    padding-right: 0;
  }
  .chp .childhealthplan_accordion .accordion-row .accordion {
    padding: 26px 48px 26px 48px;
  }
  .chp .acc-icon-minus,
  .acc-icon-plus {
    right: 0px;
  }
  
  .chp #being-active-using-the-child-health-plan .acc-icon-minus, .chp #being-active-using-the-child-health-plan .acc-icon-plus {
    right: 30px;
  }
  

  .chp_interesting_insights.bg-cloud.bg-cloud-orange {
    background-image: none;
  }

  .chp .topsec {
    background-color: transparent;
  }
  .chp .card-waterfall > .cw-items-wrap {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
  }
  .chp .card-waterfall > .cw-items-wrap .benefits_wrapper img.w100 {
    width: 100%;
    margin-bottom: 20px;
  }
  .chp .cw-item .bottom-part.mbactive {
    border-radius: 0;
  }
  .chp .chp-sec3 .cloneme.insert {
    border-radius: 0 0 24px 24px;
    display: block;
  }
  .chp .chp-sec3 .cw-waterfall,
  .chp .chp-sec3 .cloneme:not(.insert) {
    display: none !important;
  }

  .chp .cw-card {
    margin-bottom: 0 !important;
    margin-top: 10px !important;
  }

  .chp .featop .featop-thum {
    padding: 0px;
  }

  .chp .featured-topics {
    width: auto;
    margin: 0 70px;

    .slick-arrow {
      width: 32px;
      height: 32px;
    }
  }

  .chp .featop {
    .featop-thum a {
      padding: 0 8px;
    }

    .featop-thum span {
      font-size: 16px;
      padding-top: 8px;
    }

    .slick-prev {
      top: 50%;
      left: -25px;
    }

    .slick-prev:before {
      background-position: center;
      background-size: contain;
    }

    .slick-next {
      right: -25px;
      top: 50%;
    }

    .slick-next:before {
      background-position: center;
      background-size: contain;
    }
  }

  .chp .tab-cont-panels-mobile {
    border-top: 8px solid #ff9416;
  }

  .chp .tabs-btn-mobile {
    .tm-img {
      display: none;
    }

    .tm-txt {
      font-size: 16px;
      margin-top: unset;
    }

    .tab-menu {
      height: unset;
      margin-bottom: 0;
      border-bottom: none;
    }

    .slick-initialized .slick-slide {
      margin: 0;
    }

    .slick-prev {
      left: -35px;
      top: 26px;
      background: none;
    }

    .slick-next {
      right: -35px;
      top: 26px;
      background: none;
    }

    .slick-prev::before,
    .slick-next::before {
      width: 20px;
      height: 20px;
    }

    .slick-prev::before {
      background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M1 11L9 3L7.5 1.5L0 9L7.5 16.5L9 15L1 7Z" fill="black" fill-opacity="0.4"%3E%3C/path%3E%3C/svg%3E') !important;
    }

    .slick-next::before {
      background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M23 11L15 3L16.5 1.5L24 9L16.5 16.5L15 15L23 7Z" fill="black" fill-opacity="0.4"%3E%3C/path%3E%3C/svg%3E') !important;
    }
  }
}

.chp-sec2.img-center.balance-screen-plan {
  width: unset;
}
.chp-sec2.img-center.balance-screen-plan .chp_insights_accordion {
  width: unset;
}
#lifestyle-habits.lifestyle-habits-balanced-screen-use .content {
  margin-left: unset;
  margin-right: unset;
}

#lifestyle-habits.lifestyle-habits-balanced-screen-use .content h6 {
  text-align: left;
  font-size: 18px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 8px;
}

#lifestyle-habits.lifestyle-habits-balanced-screen-use .content h5 i {
  right: -38px;
  @media screen and (max-width: 540px) {
    right: -20px;
  }
}

.chp
  #lifestyle-habits.lifestyle-habits-balanced-screen-use
  .content
  .chp_insights_accordion
  h5.accordion {
  font-size: 24px !important;
  max-width: 95%;
}

#lifestyle-habits.lifestyle-habits-balanced-screen-use
  #sleeping-well-interesting-insights {
  background-image: unset;
}

#lifestyle-habits.lifestyle-habits-balanced-screen-use {
  background-size: cover;
}

#lifestyle-habits.lifestyle-habits-balanced-screen-use
  .chp_interesting_insights.bg-cloud.bg-cloud-orange::before {
  display: none;
}

.home-banner.nurturing-healthy-behaviours {
  background-image: url(https://hhmw.ext2.wearesection.com/assets/images/child-health-plan/nurturing-healthy-behaviours/nurturing-banner.png);
  background-size: cover;
  max-width: 1200px;
  margin: auto;
  background-repeat: no-repeat;
}

/* MEDICAL CONDITIONS */
.hero_medical_conditions_asthma {
  padding: 60px 0;
}

.medical_conditions_tab_panel .medical_conditions_bento_1 .bento_heading {
  margin: 0;
}

.medical_conditions_tab_panel .medical_conditions_bento_1 .bento_image {
  margin-top: 40px;
  @media screen and (max-width: 768px) {
    margin-top: 0px;
  }
}

.chp .chp_recommended_usage,
.chp .chp_recommended_usage_inner {
  padding-top: 60px;
}

.medical-condition-accordion {
  padding: 64px 80px;
}
.medical-conditions-tips
  .recommended-usage-mobile-slider
  li.slick-active
  button {
  background-color: #24a18d;
}

.medical_conditions_tab-mobile .select-tab .tab-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.medical_conditions_tab-mobile .select-tab .tab-menu span {
  display: inline-block;
  margin-right: 4px;
}

.medical_conditions_tab-mobile .tab-menu-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
  opacity: 0;
  max-width: 180px;
}

.medical_conditions_tab-mobile .tab-menu-wrapper.show-tab {
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 180px;
}

.chp .tab.medical_conditions_tab-mobile .tabs button.tab-menu.active-panel {
  min-width: 180px;
}

.chp .tab.medical_conditions_tab-mobile .tabs .dropdown-rotate {
  transform: rotate(180deg);
}

.chp .tab.medical_conditions_tab-mobile .tabs button.tab-menu.active-panel img {
  max-width: 12px;
}

.medical_conditions_tab-mobile .tabs-btn-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .title-hold {
    margin: 0 20px;
  }
  .about-chp .abtchp-sec3 .title-hold {
    margin: 0 0px;
  }
  
  #being-active-using-the-child-health-plan .title-hold {
    margin: 0 auto;
  }
  .hero_medical_conditions {
    margin: 0;
  }
  .hero_medical_conditions h2 {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 24px;
  }
  .hero_medical_conditions .masthead-title {
    font-size: 18px !important;
    line-height: 20px;
    padding: 0 40px;
    margin-bottom: 12px !important;
  }

  .hero_medical_conditions .masthead-description {
    padding: 0 40px;
    font-size: 16px !important;
  }
  .disclaimer_toggle {
    strong {
      font-weight: 700;
    }
  }
  .medical_conditions_tab_panel .medical_conditions_bento_1 {
    margin: 0 20px;
    display: flex;
    flex-direction: column-reverse;
  }

  .medical_conditions_tab_panel .medical_conditions_bento_box_content {
    display: flex;
    flex-direction: column-reverse;
  }

  .medical_conditions_tab_panel .medical_conditions_bento_box_content img {
    margin-bottom: 20px;
  }

  .medical_conditions_tab_panel
    .medical_conditions_bento_box.medical_conditions_bento_1 {
    padding: 20px;
  }

  .medical_conditions_tab_panel
    .medical_conditions_bento_box.medical_conditions_bento_1 {
    padding: 28px 5px;
  }

  .medical_conditions_tab_panel .medical_conditions_bento_box h2 {
    font-size: 36px;
    margin: 20px 0;
  }
  .medical_conditions_tab_panel .medical_conditions_bento_box p,
  .medical_conditions_tab_panel .medical_conditions_bento_box li {
    font-size: 16px;
  }
  .medical_conditions_tab_panel .bento_row_3,
  .medical_conditions_tab_panel .bento_row_2col {
    display: flex;
    flex-direction: column;
    margin: 0 20px;
  }
  .medical_conditions_tab_panel
    .bento_row_2col
    .medical_conditions_bento_box.medical_conditions_bento_purplebox {
    width: 100%;
  }

  .medical_conditions_tab_panel
    .bento_row_2col
    .medical_conditions_bento_box.medical_conditions_bento_purplebox
    h3 {
    font-size: 28px;
    line-height: 30px;
  }

  .medical_conditions_tab_panel
    .medical_conditions_bento_box.medical_conditions_bento_purplebox {
    padding: 36px 28px;
  }

  .medical-condition-accordion {
    padding: 20px 5px;
  }

  .hero_medical_conditions_asthma {
    padding: 60px 0;
  }

  #increase-fun-and-engaging-physical-activity h2 {
    font-size: 36px;
    line-height: 1;
  }

  #increase-fun-and-engaging-physical-activity {
    padding: 20px 20px 40px 20px;
  }

  #medical-conditions-resources {
    margin: 0 20px;
  }

  .chp .chp_recommended_usage {
    padding-top: 30px;
  }
  .chp .chp_recommended_usage_inner {
    padding: 30px;
  }
}
/* END MEDICAL CONDITIONS */

/* START SUPPORT  */

.title-hold .masthead-title span {
  font-size: 52px;
  line-height: 52px;
  letter-spacing: -1px;

  @media screen and (max-width: 540px) {
    font-size: 44px;
    line-height: 44px;
  }
}

.chp .tab_cont_panel .tab_wrap .mb-only {
  width: 100%;
  margin-top: 60px !important;
  margin-bottom: 24px;
}

.home-banner .baner {
  padding-bottom: 0;
}

.chp .tab_cont_panel p.f18 {
  @media screen and (max-width: 540px) {
    font-size: 16px !important;
  }
}

.chp .section_guide p {
  margin-bottom: 1.3em;
  @media screen and (max-width: 540px) {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.chp .section_guide ul {
  margin-bottom: 1.3em;
}

.home-banner .tab-menu-support {
  @media screen and (max-width: 540px) {
    padding: 20px;
  }
}

.chp button.tab-menu {
  @media screen and (max-width: 540px) {
    line-height: 18px;
  }
}

.chp .tab_cont_panel .tab_wrap {
  @media screen and (max-width: 540px) {
    width: unset;
  }
}

.main-title {
  @media screen and (max-width: 540px) {
    font-size: 36px;
    line-height: 36px;
    margin: 24px 0;
  }
}

.title-hold .masthead-title br {
  display: none;
  @media screen and (max-width: 540px) {
    display: block;
  }
}

.top-info-area {
  @media screen and (max-width: 540px) {
    padding-bottom: 66px;
  }
}

.bg-cloud.bg-cloud-orange::before {
  background-image: unset;
  top: 280px;
}

.home-banner {
  background-image: url(https://hhmw.ext2.wearesection.com/assets/images/child-health-plan/support/parents/background-tabs.png);
  background-position: bottom;
  background-size: contain;
  max-width: 1200px;
  margin: auto;
  background-repeat: no-repeat;
}

.bg-light-purple {
  background: #e6dbf3;
}

.p-0 {
  padding: 0 !important;
}

.m-t-48 {
  margin-top: 48px;
}

.m-t-30 {
  margin-top: 30px;
}

.bdr-rad20 {
  border-radius: 20px;
}

.bg-light-purple .childhealthplan_accordion .accordion_counter {
  color: #000;
  background: #e6dbf3;
}

#snack-and-recess-time {
  justify-items: center;
  margin-top: 96px;
  margin-bottom: 40px;
  .small-width-txt {
    width: 45%;
  }
}

.support-content {
  .text-f44 {
    font-size: 44px;
  }

  .text-f18 {
    font-size: 18px;
  }
}

.card-info-wrap {
  display: flex;
  flex-flow: row;
  margin-top: 30px;
  justify-content: space-between;
  max-width: 1200px;
}

.m-t-60 {
  margin-top: 60px;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.card-accordion-item {
  width: calc((100% - 20px) / 2);
  padding: 22px 40px 32px;
  height: fit-content;

  @media screen and (max-width: 540px) {
    width: 100%;
  }
  .accordion-row .accordion {
    padding-right: 60px;
  }

  .accordion-content {
    padding-right: 68px;
  }
}

.card-info-item {
  background: #d9ebfb;
  text-align: left;
  border-radius: 24px;
  padding: 30px;
  width: calc((100% - 40px) / 3);

  .card-icon {
    size: 48px;
  }

  .card-title {
    font-size: 28px;
    font-family: "milkynice";
  }

  .card-description {
    font-size: 18px;
    margin-top: 10px;
  }
}

#snack-and-recess-time {
  .card-info-wrap {
    width: 90%;
  }

  .card-info-item {
    background: #e6dbf3;
    width: calc((100% - 20px) / 2);
  }
}

#physical-activity {
  background-image: url(https://hhmw.ext2.wearesection.com/assets/images/child-health-plan/support/school/physical_background.png);
  padding-bottom: 96px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0 20px 60px;
}

#physical-activity p.text-center.mb-only {
  margin: 12px 0 40px 0 !important;
  padding: 0 20px;
}

#reinforcing-school-initiatives.reinforcing-initiatives {
  padding: 84px 146px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;

  @media screen and (max-width: 540px) {
    padding: 60px 20px;
  }

  .description-txt {
    width: 50%;
    padding-top: 12px;

    @media screen and (max-width: 540px) {
      width: 100%;
    }
  }

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

@media screen and (max-width: 540px) {
  #snack-and-recess-time {
    margin-top: 40px;
    margin-bottom: 60px;

    .small-width-txt {
      width: unset;
      margin: 0 20px;
    }
  }

  .tabs {
    padding-bottom: 0px;
  }

  .support-content {
    .text-f18 {
      font-size: 16px;
    }

    .text-f44 {
      font-size: 36px;
    }

    .m-t-m {
      margin-top: 24px !important;
    }

    .container-fluid {
      padding-left: 20px;
      padding-right: 20px;
    }

    h3 {
      font-size: 32px !important;
    }

    .m-b-mb-only-m {
      margin-bottom: 20px;
    }
  }

  .card-info-wrap {
    flex-flow: column;
    width: unset !important;
    @media screen and (max-width: 540px) {
      margin-top: 40px;
    }
  }

  .card-info-item {
    width: unset !important;
    padding: 28px;

    .card-description {
      margin-top: 28px;
    }
  }
}

#tab-content .tab_cont_panels {
  padding-bottom: 0;
}

.supporting-your-child {
  font-size: 52px;
  span {
    font-size: inherit;
  }
}

#lifestyle-habits {
  padding: 80px 0 0 0;
  margin: auto;
  z-index: 1;
  position: relative;
  background-image: url(https://hhmw.ext2.wearesection.com/assets/images/child-health-plan/support/parents/family-background.png);
  @media screen and (max-width: 540px) {
    padding: 30px 15px;
  }
}
#lifestyle-habits.support-lifestyle {
  padding: 96px 0;
}
#lifestyle-habits .lifestyle-habits {
  max-width: 867px;
}
#lifestyle-habits h3 {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -3%;
  span {
    font-size: inherit;
    font-weight: 700;
    @media screen and (max-width: 540px) {
      font-size: 28px;
      line-height: 30px;
      font-size: inherit;
    }
  }
}
#lifestyle-habits .content {
  margin: 22px 84px 0;
  @media screen and (max-width: 540px) {
    margin: 44px 20px 0;
  }
}
#lifestyle-habits .content .description {
  margin: 20px 54px 0;
  font-size: 18px;
  line-height: 1.3em;
  @media screen and (max-width: 540px) {
    margin: 20px 0 0;
    font-size: 16px;
  }
}

#lifestyle-habits #lifestyle-habits-icon {
  margin-top: 44px;
}

#lifestyle-habits .bottom-image {
  margin-top: 32px;
  @media screen and (max-width: 540px) {
    margin: 32px 20px 0;
  }
}

#lifestyle-habits .box-info {
  margin: 60px 74px 0;
  padding: 28px 40px;
  overflow: hidden;
  @media screen and (max-width: 540px) {
    margin: 60px 20px 0;
    padding: 28px 5px;
  }
}

#lifestyle-habits .box-info h5 {
  font-size: 24px;
  line-height: 29x;
}

#lifestyle-habits .box-info img {
  max-width: 256px;
}

#banner-full-width {
  background-color: #2795ef;
  padding-top: 30px;
}

#banner-full-width .row {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  @media screen and (max-width: 540px) {
    flex-direction: column;
  }
}

#banner-full-width .row h2 {
  font-size: 44px;
  line-height: 48px;
  margin-bottom: 20px;
  @media screen and (max-width: 540px) {
    font-size: 36px;
    line-height: 36px;
  }
}

#banner-full-width .row h2 ~ p {
  font-size: 18px;
  line-height: 1.3em;
}

#banner-full-width img {
  max-height: 345px;
}

#banner-full-width .content {
  max-width: 580px;
}

#what-can-you-do-when-you-engage-caregivers {
  background-color: #d9ebfb;
  padding-top: 96px;
  padding-bottom: 96px;
  @media screen and (max-width: 540px) {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

#what-can-you-do-when-you-engage-caregivers .bg-white {
  @media screen and (max-width: 540px) {
    margin-left: 20px;
    margin-right: 20px;
    padding: 40px 20px;
  }
}

#what-can-you-do-when-you-engage-caregivers .childhealthplan_accordion {
  @media screen and (max-width: 540px) {
    padding: 0;
  }
}

#what-can-you-do-when-you-engage-caregivers h3 {
  color: #2795ef;
  @media screen and (max-width: 540px) {
    font-size: 24px !important;
    line-height: 26px;
  }
}

#what-can-you-do-when-you-engage-caregivers
  .childhealthplan_accordion
  .accordion-row
  .accordion {
  padding: 32px 0;
  @media screen and (max-width: 540px) {
    padding: 16px 0;
  }
}

#what-can-you-do-when-you-engage-caregivers
  .childhealthplan_accordion
  .accordion-row
  h4.accordion {
  padding: 0;
  @media screen and (max-width: 540px) {
    font-size: 16px !important;
    line-height: 18px;
    max-width: 70%;
    padding: 0;
  }
}

#what-can-you-do-when-you-engage-caregivers .collaps-slider .panel p {
  @media screen and (max-width: 540px) {
    padding: 16px 40px 16px 40px;
  }
}

#what-can-you-do-when-you-engage-caregivers .accordion_counter {
  background-color: #2795ef;
  color: white;
  position: relative !important;
  top: 0;
  margin-right: 32px;
  @media screen and (max-width: 540px) {
    width: 24px;
    margin-right: 16px;
    height: 24px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 24px;
  }
}

#what-can-you-do-when-you-engage-caregivers .accordion-container {
  margin: 0;
}

.accordion-wrapper {
  display: flex;
  align-items: center;
}

.childhealthplan_accordion
  .accordion-row
  .accordion
  .childhealthplan_accordion
  .accordion-row
  .accordion {
  padding: 24px 0;
}

#managing-disputes {
  padding: 96px 0;
  @media screen and (max-width: 540px) {
    padding: 40px 0 40px;
  }
}

#managing-disputes h2 {
  font-size: 40px;
  line-height: 44px;
  @media screen and (max-width: 540px) {
    font-size: 32px;
    line-height: 35px;
  }
}

#managing-disputes .description {
  max-width: 500px;
  margin: 12px auto 40px;
  @media screen and (max-width: 540px) {
    font-size: 16px;
  }
}

#managing-disputes .content-box {
  padding: 20px;
  background-color: #d9ebfb;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  @media screen and (max-width: 540px) {
    margin-bottom: 20px;
  }
}

#managing-disputes .content-box img {
  max-width: 40px;
}

#managing-disputes .content-box h4 {
  font-size: 28px;
  line-height: 30px;
  margin: 20px 0 10px 0;

  @media screen and (max-width: 540px) {
    margin: 12px 0 28px 0;
  }
}

#you-may-find-your-sefl-in-challenging .left-content {
  max-width: 444px;
  @media screen and (max-width: 540px) {
    display: flex;
    flex-direction: column-reverse;
  }
}

#you-may-find-your-sefl-in-challenging .left-content .mb-only {
  @media screen and (max-width: 540px) {
    margin-top: 50px;
  }
}

#you-may-find-your-sefl-in-challenging .left-content h5 {
  font-size: 24px;
  line-height: 29px;
}

#you-may-find-your-sefl-in-challenging .left-content p {
  margin-top: 20px;
}

#you-may-find-your-sefl-in-challenging {
  position: relative;
}
.find-your-self-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 402px;
  z-index: -1;
}

.childhealthplan_accordion
  .collaps-slider
  .accordion
  span.accordion_counter.support {
  position: relative;
  top: 0;
  bottom: 0;
  margin-right: 30px;
  @media screen and (max-width: 540px) {
    margin-right: 16px;
  }
}

#reinforcing-school-initiatives
  .childhealthplan_accordion
  .accordion-row
  .accordion {
  padding: 32px 0;
  @media screen and (max-width: 540px) {
    padding: 16px 0;
  }
}

#reinforcing-school-initiatives
  .childhealthplan_accordion
  .accordion-row
  .accordion
  h4 {
  max-width: 80%;
  padding: 0;
  @media screen and (max-width: 540px) {
    font-size: 16px !important;
    max-width: 65%;
  }
}

#reinforcing-school-initiatives .collaps-slider {
  @media screen and (max-width: 540px) {
    padding: 0;
  }
}
#reinforcing-school-initiatives .childhealthplan_accordion {
  padding: 30px 20px 40px;
}

#reinforcing-school-initiatives .childhealthplan_accordion:first-child {
  @media screen and (max-width: 540px) {
    margin-bottom: 20px;
  }
}

#reinforcing-school-initiatives .childhealthplan_accordion img {
  margin-bottom: 40px;
}

#reinforcing-school-initiatives
  .childhealthplan_accordion
  .collaps-slider
  .panel {
  @media screen and (max-width: 540px) {
    margin-left: 50px;
  }
}

#yma-like .sec-headline {
  @media screen and (max-width: 540px) {
    margin-bottom: 24px;
  }
}

#yma-like.yma-like-support {
  @media screen and (max-width: 540px) {
    padding: 60px 0 !important;
  }
}

#some-tips-to-approach-the-caregivers {
  background-color: #d9ebfb !important;
}

.chp #some-tips-to-approach-the-caregivers .chp_recommended_usage_inner h2 {
  margin-top: 4px;
  font-size: 28px;
  line-height: 30px;
  max-width: 772px;
  margin: auto;
}

#recommended-usage-mobile.some-tips-to-approach-the-caregivers {
  background-color: #d9ebfb !important;
}

#recommended-usage-mobile.some-tips-to-approach-the-caregivers h3 span {
  text-align: center;
  line-height: 31px;
  @media screen and (max-width: 540px) {
    text-align: left;
  }
}

.medical-conditions-tips.some-tips-to-approach-the-caregivers
  .recommended-usage-mobile-slider
  li.slick-active
  button {
  background-color: #2795ef;
}

#grandparents-can-do {
  background-color: #d9ebfb;
}

#grandparents-can-do .grandparents-can-do {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: auto;

  @media screen and (max-width: 768px) {
    flex-direction: column;
    margin: 0 20px;
  }
}
#grandparents-can-do .content {
  display: flex;
  flex-direction: column;
  margin-left: -30px;
  @media screen and (max-width: 768px) {
    margin-left: 0px;
    padding-left: 0;
  }
}

#grandparents-can-do .content h3 {
  font-size: 44px;
  line-height: 48px;
  text-align: left;
  margin-bottom: 20px;

  @media screen and (max-width: 540px) {
    font-size: 28px;
    line-height: 31px;
  }
}

#grandparents-can-do .grandparent-image {
  max-width: 496px;
}

#grandparents-can-do .content span {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 20px;
  @media screen and (max-width: 540px) {
    font-size: 16px;
    line-height: 24px;
  }
}
/* END SUPPORT */

.chp .slick-next.slick-disabled,
.chp .slick-prev.slick-disabled {
  pointer-events: none; /* Disables the button click */
  opacity: 0.5; /* Makes the button look disabled */
  cursor: default; /* Changes the cursor to default */
}