/*START: hpb template*/
.temp-template {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.programme_site p,
.microsite {
  line-height: 1.4 !important;
}

@media only screen and (min-width: 1441px) {
  .programme_site p,
.microsite {
    line-height: 1.4 !important;
  }
}
@media only screen and (max-width: 991px) {
  .programme_site p,
.microsite {
    line-height: 1.2 !important;
  }
}
@media only screen and (max-width: 768px) {
  .programme_site p,
.microsite {
    line-height: 1.4 !important;
  }
}
@media only screen and (max-width: 576px) {
  .programme_site p,
.microsite {
    line-height: 1.3 !important;
  }
}
@media only screen and (max-width: 414px) {
  .programme_site p,
.microsite {
    line-height: 1.3 !important;
  }
}
/*END: hpb template*/
/*START: font*/
@font-face {
  font-family: "Cocogoose-Light";
  src: url("https://ch-api.healthhub.sg/api/public/content/ca83e057a32544d09bb204b2d25e4a93?v=3ce32103");
  src: url("https://ch-api.healthhub.sg/api/public/content/ca83e057a32544d09bb204b2d25e4a93?v=3ce32103?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/a5f9518f07ca4bb2862328a928b8556f?v=8f877059") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/cf6afa4c00dc4b66aa77b11abd0796c2?v=3d15cd4b") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/df77cd8690d14fc3b3b1922206a9e32c?v=e111de21") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/761d6356749d43c2a046e5c79a4ce06b?v=24d11e22#Cocogoose-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cocogoose-normal";
  src: url("https://ch-api.healthhub.sg/api/public/content/f63445dfb3b747e78e4fe4a21545eb4e?v=dce713dc");
  src: url("https://ch-api.healthhub.sg/api/public/content/f63445dfb3b747e78e4fe4a21545eb4e?v=dce713dc?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/a319062975d847df962ad049b64587b3?v=3daa29ff") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/a94fd578f8354e0e83944c8f4dbd0491?v=6203fa52") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/44587b5c824f4cf0b748475dd36ee6e2?v=8f2e89ed") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/49307f2cb7c74eab891236f2cd04b091?v=cbcdbe3e#COCOGOOSE") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cocogoose-demibold";
  src: url("https://ch-api.healthhub.sg/api/public/content/6743a931db8f4b3681ff866b990df0d1?v=1c09ff9d");
  src: url("https://ch-api.healthhub.sg/api/public/content/6743a931db8f4b3681ff866b990df0d1?v=1c09ff9d?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/fb041baa4f444054bb7a21ce59202a6b?v=799b32f3") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/53f1643ab13149ae85134ec82448dc8d?v=02903262") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/b98ad3702b554ac4a6fec06af38a8cb2?v=1c70b113") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/978927c2672f4035b384c739d77b4d86?v=488f00b6#Cocogoose-DemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CocogoosePro-light";
  src: url("https://ch-api.healthhub.sg/api/public/content/4bbc1b23f57842c0a31812bf2b9c827a?v=d6a6f707");
  src: url("https://ch-api.healthhub.sg/api/public/content/4bbc1b23f57842c0a31812bf2b9c827a?v=d6a6f707?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/6b8c1be814a04ff9a325ee9d105d943f?v=5c80f055") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/df4f3cf367fc421db30e6549947db8ff?v=70701906") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/17493c24161d40cbb9a6fddf4a530b40?v=303ce192") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/f30c0112206d4e89916f76d111dee17d?v=87e5b8ca#CocogoosePro-Light") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CocogoosePro-semilight";
  src: url("https://ch-api.healthhub.sg/api/public/content/6399e8e6bfb847fba5fceac307c738e8?v=564789f4");
  src: url("https://ch-api.healthhub.sg/api/public/content/6399e8e6bfb847fba5fceac307c738e8?v=564789f4?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/a130b07f33fa4e5899ff27e87e84938f?v=b7532a93") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/854e9bc6d51b428298d1a41c8761198c?v=96acd91c") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/a1f7543eacf94450afd3740c77a7e7ed?v=40e3e9c5") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/a65f2f8428254a3a93366de00710b2f2?v=b995167d#CocogoosePro-Semilight") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CocogoosePro-normal";
  src: url("https://ch-api.healthhub.sg/api/public/content/95a5ed25cf02437386d6ed1644fca097?v=ddeb720c");
  src: url("https://ch-api.healthhub.sg/api/public/content/95a5ed25cf02437386d6ed1644fca097?v=ddeb720c?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/29d011ba825f4079b39d70d97568f8b7?v=5aff5b19") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/f925b55a753545118e8fc81c6a6c335b?v=449d4be1") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/8cf45d0021e44fc2a8b23268858555b4?v=d1f9bdef") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/93f1da95a81444b685a51f0ac2b1adc1?v=d867b994#CocogoosePro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("https://ch-api.healthhub.sg/api/public/content/a4095f3ad6094bdcb0ed10b82046ce3c?v=b592b6af");
  src: url("https://ch-api.healthhub.sg/api/public/content/a4095f3ad6094bdcb0ed10b82046ce3c?v=b592b6af?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/b50e9b9e6f1a4270a53d1afdc51fc33e?v=cf34dfdc") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/295ec0fcdcf748e5911a2285f5b5f442?v=42461a2c") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/7efedd3e65794decb8a45bd73be725c8?v=e0f6262f") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/5dff6d9ff885499f9798aa1c9b4ceb5b?v=cf8cf14e#GothamBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Black";
  src: url("https://ch-api.healthhub.sg/api/public/content/d68ea1957fae48c491d32ea6c86bf47a?v=10db8f21");
  src: url("https://ch-api.healthhub.sg/api/public/content/d68ea1957fae48c491d32ea6c86bf47a?v=10db8f21?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/49c6491fabab4455bd8fc4a4013434f8?v=5d1109f9") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/30b41c7966dd4a8c9d561833315f4ebb?v=158f9690") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/f0c9ae6a12d74dbd893249801b612a1d?v=6eb24b82") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/3d5c71e281f649359d1668694ba10fa2?v=e264c194#Gotham-Black") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Medium";
  src: url("https://ch-api.healthhub.sg/api/public/content/df3c36680bfe45068813c93aa7a89cfb?v=c828fa1d");
  src: url("https://ch-api.healthhub.sg/api/public/content/df3c36680bfe45068813c93aa7a89cfb?v=c828fa1d?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/c7d3c720e5c049b88af2e2c99b4b9d43?v=6219060c") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/d90a9588bc4c413998aedb04d11f8f93?v=918fbd3a") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/d811b34a050e4aeea0ceeabc328bf5c0?v=392562c1") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/9daa8a12dbfa4cfca1078f82883762c1?v=c8e8b4bb#Gotham-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Book";
  src: url("https://ch-api.healthhub.sg/api/public/content/a95a8658c7c24cdd8737f3179e739337?v=d2e4f95c");
  src: url("https://ch-api.healthhub.sg/api/public/content/a95a8658c7c24cdd8737f3179e739337?v=d2e4f95c?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/6fa3db50d8f441e7914709f70554106b?v=e863dfe2") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/c452aad490764dd2b3fba435790f6727?v=9eb5b24b") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/95a7514d32d0486d91460880687a0fe7?v=9da2dbb3") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/91d0aaccbe1e4efc999ae7f0d6a4302d?v=90ee6df9#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.f-white {
  color: white !important;
}

.f-black {
  color: #030303 !important;
}

.f-normal {
  font-family: "Cocogoose-normal" !important;
}

.f-bold {
  font-family: "Cocogoose-demibold" !important;
}

.f-coco-light {
  font-family: "Cocogoose-Light" !important;
}

.f-coco-normal {
  font-family: "Cocogoose-normal" !important;
}

.f-coco-bold {
  font-family: "Cocogoose-demibold" !important;
}

.f-cocopro-light {
  font-family: "CocogoosePro-light" !important;
}

.f-cocopro-semilight {
  font-family: "CocogoosePro-semilight" !important;
}

.f-cocopro-normal {
  font-family: "CocogoosePro-normal" !important;
}

.f-gotham-bold {
  font-family: "Gotham-Bold" !important;
}

.f-gotham-black {
  font-family: "Gotham-Black" !important;
}

.f-gotham-book {
  font-family: "Gotham-Book" !important;
}

.f-gotham-medium {
  font-family: "Gotham-Medium" !important;
}

/*12px*/
.f-10 {
  font-size: 0.8333vw !important;
}

/*13px*/
.f-13 {
  font-size: 0.9028vw !important;
}

/*15px*/
.f-15 {
  font-size: 1.0417vw !important;
}

/*17px*/
.f-17 {
  font-size: 1.1806vw !important;
}

/*18px*/
.f-18 {
  font-size: 1.25vw !important;
}

/*20px*/
.f-20 {
  font-size: 1.3889vw !important;
}

/*25px*/
.f-25 {
  font-size: 1.7361vw !important;
}

/*30px*/
.f-30 {
  font-size: 2.0833vw !important;
}

/*34px*/
.f-34 {
  font-size: 2.3611vw !important;
}

/*40px*/
.f-40 {
  font-size: 2.7778vw !important;
}

/*50px*/
.f-50 {
  font-size: 3.4722vw !important;
}

@media only screen and (min-width: 1441px) {
  /*12px*/
  .f-10 {
    font-size: 0.625vw !important;
  }

  /*13px*/
  .f-13 {
    font-size: 0.6771vw !important;
  }

  /*15px*/
  .f-15 {
    font-size: 0.7813vw !important;
  }

  /*17px*/
  .f-17 {
    font-size: 0.8854vw !important;
  }

  /*18px*/
  .f-18 {
    font-size: 0.9375vw !important;
  }

  /*20px*/
  .f-20 {
    font-size: 1.0417vw !important;
  }

  /*25px*/
  .f-25 {
    font-size: 1.3021vw !important;
  }

  /*30px*/
  .f-30 {
    font-size: 1.5625vw !important;
  }

  /*34px*/
  .f-34 {
    font-size: 1.7708vw !important;
  }

  /*40px*/
  .f-40 {
    font-size: 2.0833vw !important;
  }

  /*50px*/
  .f-50 {
    font-size: 2.6042vw !important;
  }
}
@media only screen and (max-width: 991px) {
  /*12px*/
  .f-10 {
    font-size: 1.2109vw !important;
  }

  /*13px*/
  .f-13 {
    font-size: 1.3118vw !important;
  }

  /*15px*/
  .f-15 {
    font-size: 1.5136vw !important;
  }

  /*17px*/
  .f-17 {
    font-size: 1.7154vw !important;
  }

  /*18px*/
  .f-18 {
    font-size: 1.8163vw !important;
  }

  /*20px*/
  .f-20 {
    font-size: 2.0182vw !important;
  }

  /*25px*/
  .f-25 {
    font-size: 2.5227vw !important;
  }

  /*30px*/
  .f-30 {
    font-size: 3.0272vw !important;
  }

  /*34px*/
  .f-34 {
    font-size: 3.4309vw !important;
  }

  /*40px*/
  .f-40 {
    font-size: 4.0363vw !important;
  }

  /*50px*/
  .f-50 {
    font-size: 5.0454vw !important;
  }
}
@media only screen and (max-width: 768px) {
  /*12px*/
  .f-10 {
    font-size: 1.5625vw !important;
  }

  /*13px*/
  .f-13 {
    font-size: 1.6949vw !important;
  }

  /*15px*/
  .f-15 {
    font-size: 1.9557vw !important;
  }

  /*17px*/
  .f-17 {
    font-size: 2.2164vw !important;
  }

  /*18px*/
  .f-18 {
    font-size: 2.3468vw !important;
  }

  /*20px*/
  .f-20 {
    font-size: 2.6076vw !important;
  }

  /*25px*/
  .f-25 {
    font-size: 3.2595vw !important;
  }

  /*30px*/
  .f-30 {
    font-size: 3.9113vw !important;
  }

  /*34px*/
  .f-34 {
    font-size: 4.4329vw !important;
  }

  /*40px*/
  .f-40 {
    font-size: 5.2083vw !important;
  }

  /*50px*/
  .f-50 {
    font-size: 6.5189vw !important;
  }
}
@media only screen and (max-width: 576px) {
  /*11px*/
  .f-10 {
    font-size: 1.9097vw !important;
  }

  /*13px*/
  .f-13 {
    font-size: 2.2569vw !important;
  }

  /*15px*/
  .f-15 {
    font-size: 2.6042vw !important;
  }

  /*17px*/
  .f-17 {
    font-size: 2.9514vw !important;
  }

  /*18px*/
  .f-18 {
    font-size: 3.125vw !important;
  }

  /*20px*/
  .f-20 {
    font-size: 3.4722vw !important;
  }

  /*25px*/
  .f-25 {
    font-size: 4.3403vw !important;
  }

  /*30px*/
  .f-30 {
    font-size: 5.2083vw !important;
  }

  /*28px*/
  .f-34 {
    font-size: 4.8611vw !important;
  }

  /*40px*/
  .f-40 {
    font-size: 6.9444vw !important;
  }

  /*50px*/
  .f-50 {
    font-size: 8.6806vw !important;
  }
}
/*START: font*/
.hpb-container.mental-health {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  /* 1920px */
  /* 1440px */
  /* 768px */
  /* 414px */
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .hpb-container.mental-health .mobile {
    display: none !important;
  }
}
.hpb-container.mental-health section:after {
  content: " ";
  display: block;
  clear: both;
}
.hpb-container.mental-health .no-margin-bottom {
  margin-bottom: 0 !important;
}
.hpb-container.mental-health .d-block {
  display: block;
}
.hpb-container.mental-health .no-wrap {
  white-space: nowrap;
}
.hpb-container.mental-health .radar-pulsing-infinity {
  -webkit-animation: pulse 1s infinite;
          animation: pulse 1s infinite;
  -webkit-box-shadow: 0 0 0 0 rgb(0, 0, 0);
          box-shadow: 0 0 0 0 rgb(0, 0, 0);
  border-radius: 50%;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@media only screen and (max-width: 1280px) {
  .hpb-container.mental-health .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.hpb-container.mental-health .masthead {
  background-color: #d1f9c0;
}
.hpb-container.mental-health .navigation-menu {
  display: block;
}
.hpb-container.mental-health .navigation-menu .drop-down-area-to-click {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: transparent;
}
.hpb-container.mental-health .navigation-menu.fixed {
  position: fixed;
  top: 0;
  z-index: 999999;
  width: inherit;
}
.hpb-container.mental-health .navigation-menu:after {
  content: " ";
  display: block;
  clear: both;
}
.hpb-container.mental-health .navigation-menu .nav-menu {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0;
}
.hpb-container.mental-health .navigation-menu .sub-menu-hide {
  display: none;
}
.hpb-container.mental-health .navigation-menu .sub-menu-show {
  display: block;
  position: absolute;
  top: 4.6181vw;
  z-index: 99;
  left: 0;
  right: 0;
}
.hpb-container.mental-health .navigation-menu .sub-menu-wrapper {
  min-height: 4.6181vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hpb-container.mental-health .navigation-menu .sub-menu-wrapper:after {
  content: " ";
  min-height: inherit;
  font-size: 0;
}
.hpb-container.mental-health .navigation-menu .sub-menu-wrapper a {
  color: #000000 !important;
}
.hpb-container.mental-health .navigation-menu .sub-menu-wrapper.sub-menu-one {
  background-color: #fbdbdd;
}
.hpb-container.mental-health .navigation-menu .sub-menu-wrapper.sub-menu-one.resources {
  background-color: #bfe8d1;
}
.hpb-container.mental-health .navigation-menu .sub-menu-wrapper.sub-menu-two {
  background-color: #f9c4c6;
}
.hpb-container.mental-health .navigation-menu .sub-menu-wrapper.sub-menu-two.resources {
  background-color: #ccedda;
}
.hpb-container.mental-health .navigation-menu .sub-menu-wrapper.sub-menu-three {
  background-color: #f7b0b3;
}
.hpb-container.mental-health .navigation-menu .navc_menu_toolkit,
.hpb-container.mental-health .navigation-menu .navc_menu_resources {
  padding: 1.5278vw 0;
}
.hpb-container.mental-health .navigation-menu .menu-title a {
  color: #000000;
  padding: 1.5278vw 0;
  width: 100%;
}
.hpb-container.mental-health .navigation-menu .menu-dropdown-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hpb-container.mental-health .navigation-menu .menu-dropdown-wrapper .drop-down-icon-size {
  width: 2.0833vw;
  position: relative;
  bottom: 0.2083vw;
  left: 1.3889vw;
}
.hpb-container.mental-health .navigation-menu .nav-menu-toolkit {
  background-color: #f7b0b3;
  cursor: pointer;
}
.hpb-container.mental-health .navigation-menu .nav-menu-resource {
  background-color: #81e2ba;
  cursor: pointer;
}
.hpb-container.mental-health .navigation-menu .nav-menu-practice-session {
  background-color: #edd2f9;
  cursor: pointer;
}
.hpb-container.mental-health .navigation-menu .nav-menu-partner-promotions {
  background-color: #ffd26e;
  cursor: pointer;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .navigation-menu .navc_menu_toolkit,
.hpb-container.mental-health .navigation-menu .navc_menu_resources {
    padding: 1.1458vw 0;
    width: 100%;
  }
  .hpb-container.mental-health .navigation-menu .menu-title a {
    padding: 1.1458vw 0;
    width: 100%;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-wrapper {
    min-height: 3.4635vw;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-show {
    top: 3.4635vw;
  }
  .hpb-container.mental-health .navigation-menu .menu-dropdown-wrapper .drop-down-icon-size {
    width: 1.5625vw;
    left: 1.0417vw;
    bottom: 0.1563vw;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .navigation-menu .navc_menu_toolkit,
.hpb-container.mental-health .navigation-menu .navc_menu_resources,
.hpb-container.mental-health .navigation-menu .menu-title a {
    padding: 2.22vw 0;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-wrapper {
    min-height: 6.7104vw;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-wrapper a {
    text-align: left;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-wrapper.sub-menu-three a {
    padding-left: 0.651vw;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-show {
    top: 6.7104vw;
  }
  .hpb-container.mental-health .navigation-menu .menu-dropdown-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .hpb-container.mental-health .navigation-menu .menu-dropdown-wrapper .drop-down-icon-size {
    width: 3.0272vw;
    position: relative;
    left: 2.0182vw;
    bottom: 0.3027vw;
  }
}
@media only screen and (max-width: 768px) {
  .hpb-container.mental-health .navigation-menu .navc_menu_toolkit,
.hpb-container.mental-health .navigation-menu .navc_menu_resources,
.hpb-container.mental-health .navigation-menu .menu-title a {
    padding: 2.8646vw 0;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-show {
    top: 8.6589vw;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-wrapper {
    min-height: 8.6589vw;
  }
  .hpb-container.mental-health .navigation-menu .menu-dropdown-wrapper .drop-down-icon-size {
    width: 3.9063vw;
    left: 2.6042vw;
    bottom: 0.3906vw;
  }
}
@media only screen and (max-width: 576px) {
  .hpb-container.mental-health .navigation-menu .navc_menu_toolkit,
.hpb-container.mental-health .navigation-menu .navc_menu_resources,
.hpb-container.mental-health .navigation-menu .menu-title a {
    padding: 2.9514vw 0;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-show {
    top: 9.8vw;
  }
  .hpb-container.mental-health .navigation-menu .sub-menu-wrapper {
    min-height: 9.809vw;
  }
  .hpb-container.mental-health .navigation-menu .menu-dropdown-wrapper .drop-down-icon-size {
    width: 4.3403vw;
    left: 2.6042vw;
    bottom: 0.5208vw;
  }
}
.hpb-container.mental-health .carousel-frame-height {
  height: 46.4583vw;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .carousel-frame-height {
    height: 34.8438vw;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .carousel-frame-height {
    height: 48.2vw;
  }
}
@media only screen and (max-width: 414px) {
  .hpb-container.mental-health .carousel-frame-height {
    height: 48.2vw;
  }
}
.hpb-container.mental-health .mental-health-carousel .main-video .videoWrapper {
  position: relative;
  padding-bottom: 0;
  padding-top: 0;
}
.hpb-container.mental-health .mental-health-carousel .main-video .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hpb-container.mental-health .mental-health-carousel .carousel-indicators {
  margin-bottom: 0;
  bottom: -3.125vw;
}
.hpb-container.mental-health .mental-health-carousel .carousel-indicators li {
  background-color: white;
  border: 0.2083vw solid #000000;
  width: 1.0417vw;
  height: 1.0417vw;
  margin: 0 0.3472vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.hpb-container.mental-health .mental-health-carousel .carousel-indicators li a {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.hpb-container.mental-health .mental-health-carousel .carousel-indicators .active {
  background-color: #000000;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .mental-health-carousel .carousel-indicators {
    margin-bottom: 0;
    bottom: -2.1875vw;
  }
  .hpb-container.mental-health .mental-health-carousel .carousel-indicators li {
    border-width: 0.1563vw;
    width: 0.7813vw;
    height: 0.7813vw;
    margin: 0 0.2604vw;
  }
}
@media only screen and (max-width: 768px) {
  .hpb-container.mental-health .mental-health-carousel .carousel-indicators {
    margin-bottom: 0;
    bottom: -4.9479vw;
  }
  .hpb-container.mental-health .mental-health-carousel .carousel-indicators li {
    border-width: 0.3906vw;
    width: 1.9531vw;
    height: 1.9531vw;
  }
}
@media only screen and (max-width: 414px) {
  .hpb-container.mental-health .mental-health-carousel .carousel-indicators {
    margin-bottom: 0;
    bottom: -8.4541vw;
  }
  .hpb-container.mental-health .mental-health-carousel .carousel-indicators li {
    border-width: 0.7246vw;
    width: 3.6232vw;
    height: 3.6232vw;
    margin: 0 1.2077vw;
  }
}
.hpb-container.mental-health .page-intro-description {
  background-color: #d1f9c0;
  padding: 5.2083vw 3.125vw 0 3.125vw;
  position: relative;
}
.hpb-container.mental-health .page-intro-description p {
  margin-bottom: 1.0417vw;
}
.hpb-container.mental-health .page-intro-description .are-you-ok-img-wrapper {
  width: 100%;
  margin: 0 auto;
  padding-left: 12.8472vw;
}
.hpb-container.mental-health .page-intro-description .are-you-ok-img-wrapper img {
  width: 100%;
}
.hpb-container.mental-health .sg-together-img {
  width: 17.7778vw;
  padding-bottom: 9.0278vw;
  position: relative;
  top: -1.7361vw;
}
.hpb-container.mental-health .want-to-help-wrapper {
  position: relative;
}
.hpb-container.mental-health .want-to-help-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.hpb-container.mental-health .want-to-help-bg {
  background: rgb(243, 176, 193);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 176, 193)), to(rgb(237, 152, 182)));
  background: -o-linear-gradient(top, rgb(243, 176, 193) 0%, rgb(237, 152, 182) 100%);
  background: linear-gradient(180deg, rgb(243, 176, 193) 0%, rgb(237, 152, 182) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.hpb-container.mental-health .want-to-help-img {
  position: relative;
  top: 0;
}
.hpb-container.mental-health .want-to-help-text {
  position: relative;
}
.hpb-container.mental-health .want-to-help-text .toolkit-title-wrapper {
  padding: 2.7778vw 0 1.3889vw 0;
}
.hpb-container.mental-health .want-to-help-text .toolkit-title-wrapper span {
  margin: inherit;
  width: 80%;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .page-intro-description {
    padding: 3.9063vw 2.3438vw 0 2.3438vw;
  }
  .hpb-container.mental-health .page-intro-description .are-you-ok-img-wrapper {
    padding-left: 9.6354vw;
  }
  .hpb-container.mental-health .page-intro-description p {
    margin-bottom: 0.7813vw;
  }
  .hpb-container.mental-health .want-to-help-text .toolkit-title-wrapper {
    padding: 2.0833vw 0 1.0417vw 0;
  }
  .hpb-container.mental-health .sg-together-img {
    width: 13.3333vw;
    padding-bottom: 6.7708vw;
    top: -1.3021vw;
  }
  .hpb-container.mental-health .want-to-help-content {
    padding-bottom: 1.5625vw;
  }
  .hpb-container.mental-health .want-to-help-img {
    top: 0.5208vw;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .page-intro-description {
    padding: 7.5681vw 4.5409vw 0 4.5409vw;
  }
  .hpb-container.mental-health .page-intro-description p {
    margin-bottom: 2.5227vw;
  }
  .hpb-container.mental-health .page-intro-description p.no-margin-bottom {
    margin-bottom: 0 !important;
  }
  .hpb-container.mental-health .page-intro-description .are-you-ok-img-wrapper {
    width: 80%;
    padding-left: 0;
  }
  .hpb-container.mental-health .sg-together-img {
    width: 25.8325vw;
    padding: 5.0454vw 0 7.5681vw;
    top: 0;
  }
  .hpb-container.mental-health .want-to-help-wrapper {
    text-align: center;
    margin-top: 0;
    margin-right: 0;
  }
  .hpb-container.mental-health .want-to-help-bg {
    top: 19.4681vw;
  }
  .hpb-container.mental-health .want-to-help-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hpb-container.mental-health .want-to-help-text {
    top: 0;
    padding: 2.6042vw 0 0 0;
  }
  .hpb-container.mental-health .want-to-help-text .toolkit-title-wrapper {
    padding-bottom: 3.2552vw;
  }
  .hpb-container.mental-health .want-to-help-text .toolkit-title-wrapper span {
    margin: 0 auto;
  }
  .hpb-container.mental-health .want-to-help-img {
    width: 25%;
    position: relative;
    top: 1.5136vw;
  }
}
@media only screen and (max-width: 768px) {
  .hpb-container.mental-health .page-intro-description {
    padding: 9.7656vw 5.8594vw 0 5.8594vw;
  }
  .hpb-container.mental-health .page-intro-description p {
    margin-bottom: 3.2552vw;
  }
  .hpb-container.mental-health .sg-together-img {
    width: 33.3333vw;
    padding: 6.5104vw 0 9.7656vw;
  }
  .hpb-container.mental-health .want-to-help-img {
    top: 1.9531vw;
  }
}
@media only screen and (max-width: 567px) {
  .hpb-container.mental-health .page-intro-description {
    padding: 13.0208vw 5.8594vw 0 5.8594vw;
  }
  .hpb-container.mental-health .page-intro-description p {
    margin-bottom: 4.3403vw;
  }
  .hpb-container.mental-health .page-intro-description p.f-16 {
    font-size: 2.8986vw !important;
  }
  .hpb-container.mental-health .want-to-help-img {
    width: 26%;
  }
  .hpb-container.mental-health .sg-together-img {
    width: 31.25vw;
    padding: 5.2083vw 0 9.5486vw;
  }
}
@media only screen and (max-width: 414px) {
  .hpb-container.mental-health .page-intro-description p {
    margin-bottom: 6.0386vw;
  }
}
.hpb-container.mental-health .shadow {
  -webkit-box-shadow: 0px -35px 15px -25px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -35px 15px -25px rgba(0, 0, 0, 0.4);
  position: relative;
}
.hpb-container.mental-health .title-wrapper {
  padding: 3.6111vw 0 2.0833vw;
}
.hpb-container.mental-health .empty-content-height {
  height: 3.8194vw;
}
.hpb-container.mental-health .title {
  display: block;
  width: 50%;
  margin: 0px auto;
  text-align: center;
  padding: 0.4167vw 0 0.1389vw 0;
  border-radius: 50px;
  color: #000000;
  border: 0.5556vw solid #000000;
}
.hpb-container.mental-health .sub-title-intro {
  width: 80%;
  margin: 0 auto;
}
.hpb-container.mental-health .justCheckingIn-toolkit-title {
  background-color: #fbdbdd;
}
.hpb-container.mental-health .justCheckingIn-resources-title {
  background-color: #bfe8d1;
}
.hpb-container.mental-health .justCheckingIn-resources-title .title {
  width: 60%;
}
.hpb-container.mental-health .justCheckingIn-practice-session-title {
  background-color: #edd2f9;
}
.hpb-container.mental-health .justCheckingIn-practice-session-title .title {
  width: 60%;
}
.hpb-container.mental-health .justCheckingIn-participating-partner-title {
  background-color: #ffd36e;
}
.hpb-container.mental-health .justCheckingIn-participating-partner-title .title {
  width: 55%;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .empty-content-height {
    height: 2.8646vw;
  }
  .hpb-container.mental-health .title-wrapper {
    padding: 2.8646vw 0 1.5625vw;
  }
  .hpb-container.mental-health .title {
    border: 0.4167vw solid #000000;
    padding: 0.3125vw 0 0.1042vw 0;
  }
  .hpb-container.mental-health .sub-title-intro {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .sub-title-intro {
    width: 90%;
  }
  .hpb-container.mental-health .sub-title-intro p {
    line-height: 1.1 !important;
  }
  .hpb-container.mental-health .empty-content-height {
    height: 5.5499vw;
  }
  .hpb-container.mental-health .title {
    width: 80%;
    padding: 1.0091vw 0 0.5045vw 0;
    margin: 0;
    border: 0.8073vw solid #000000;
  }
  .hpb-container.mental-health .title-wrapper {
    padding: 7.2654vw 0 7.5681vw;
    margin: 0 auto;
    width: 90.5%;
  }
  .hpb-container.mental-health .justCheckingIn-resources-title .title {
    width: 100%;
    margin: 0 auto;
  }
  .hpb-container.mental-health .justCheckingIn-practice-session-title .title {
    width: 100%;
  }
  .hpb-container.mental-health .justCheckingIn-participating-partner-title .title {
    width: 100%;
    padding-left: 2.6042vw;
    padding-right: 2.6042vw;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .hpb-container.mental-health .title-wrapper {
    padding: 6.7708vw 0 7.5521vw;
  }
  .hpb-container.mental-health .title {
    padding: 0.651vw 0 0.2604vw;
  }
  .hpb-container.mental-health .empty-content-height {
    height: 5.8594vw;
  }
}
@media only screen and (max-width: 576px) {
  .hpb-container.mental-health .title {
    border-width: 0.8681vw;
  }
  .hpb-container.mental-health .title-wrapper {
    padding: 7.8125vw 0 8.6806vw;
  }
  .hpb-container.mental-health .shadow {
    -webkit-box-shadow: 0px -20px 15px -15px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -20px 15px -15px rgba(0, 0, 0, 0.4);
  }
  .hpb-container.mental-health .empty-content-height {
    height: 6.0764vw;
  }
}
.hpb-container.mental-health .section-content {
  padding: 0 8.3333vw;
}
.hpb-container.mental-health .section-content .panel {
  background-color: #4eb7af;
  border: 0.5556vw solid #000000;
  padding-bottom: 3.4722vw;
  position: relative;
}
.hpb-container.mental-health .section-content .panel .accordion-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.hpb-container.mental-health .section-content .panel a[aria-expanded=true] .before-convo-collapse-text {
  display: none;
}
.hpb-container.mental-health .section-content .panel a[aria-expanded=false] .before-convo-collapse-text {
  display: block;
  top: -2.0833vw;
  position: relative;
}
.hpb-container.mental-health .section-content .panel a[aria-expanded=true] .accordion-icon-front {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  display: block;
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hpb-container.mental-health .section-content .panel a[aria-expanded=false] .accordion-icon-front {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  display: block;
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hpb-container.mental-health .section-content .panel a[aria-expanded=true] .accordion-icon-back {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  display: block;
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hpb-container.mental-health .section-content .panel a[aria-expanded=false] .accordion-icon-back {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  display: block;
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hpb-container.mental-health .section-content .panel-group {
  margin: 0 0 8.3333vw;
  width: 100%;
}
.hpb-container.mental-health .before-conversation {
  background-color: #fbdbdd;
}
.hpb-container.mental-health .before-conversation .before-conversation-thumbnail {
  background-color: #f7f7f7;
  border: 0.5556vw solid #000000;
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  top: -3.4722vw;
  position: relative;
  height: 18.0556vw;
}
.hpb-container.mental-health .before-conversation .before-conversation-thumbnail .thumbnail-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 40%;
  text-align: center;
  z-index: 2;
}
.hpb-container.mental-health .before-conversation .before-conversation-description {
  background-color: #4eb7af;
  padding: 0vw 2.0833vw 0vw;
  position: relative;
  top: -2.4306vw;
  height: 8.3333vw;
}
.hpb-container.mental-health .before-conversation .before-conversation-description ul {
  margin-left: -20px;
}
.hpb-container.mental-health .before-conversation .before-conversation-img {
  max-width: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.hpb-container.mental-health .before-conversation .before-conversation-img.first {
  width: 13.75vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 5px;
}
.hpb-container.mental-health .before-conversation .before-conversation-img.second {
  width: 9.1667vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 5px;
}
.hpb-container.mental-health .before-conversation .before-conversation-img.third {
  width: 16.9444vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 5px;
}
.hpb-container.mental-health .before-conversation .accordion-icon-wrapper {
  text-align: center;
  margin-top: 2.7778vw;
  margin-bottom: 0.6944vw;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.hpb-container.mental-health .before-conversation .before-conversation-expand {
  background-color: #94d3cd;
  width: 90%;
  margin: 0 auto 2.7778vw;
  border-radius: 1.3889vw;
  padding: 1.25vw;
  min-height: 23.0556vw;
}
.hpb-container.mental-health .before-conversation .before-conversation-expand .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hpb-container.mental-health .before-conversation .before-conversation-expand .list ul {
  margin-left: -20px;
}
.hpb-container.mental-health .during-conversation {
  background-color: #f9c4c6;
  padding-bottom: 6.9444vw;
}
.hpb-container.mental-health .during-conversation .sub-title-img {
  padding-bottom: 5.2084vw;
}
.hpb-container.mental-health .during-conversation .carousel-wrapper {
  position: relative;
}
.hpb-container.mental-health .during-conversation .carousel-inner {
  height: 28.6111vw;
  width: 95%;
  margin: 0 auto;
}
.hpb-container.mental-health .during-conversation .carousel-inner .item {
  padding-top: 3.4722vw;
  width: 100%;
  margin: 0 auto;
}
.hpb-container.mental-health .during-conversation .carousel-inner .next {
  border: none !important;
  color: inherit;
  height: inherit;
  line-height: inherit;
}
.hpb-container.mental-health .during-conversation .content-wrapper {
  position: relative;
  width: 95%;
  margin: 0 auto;
  left: 1.7361vw;
}
.hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail {
  position: absolute;
  width: 25vw;
  height: 25vw;
  top: -3.4722vw;
  left: -3.4722vw;
  border: 0.5556vw solid #000000;
  text-align: center;
  background-color: #f7f7f7;
}
.hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail .thumbnail-title {
  padding-top: 2.0833vw;
  min-height: 6.9444vw;
  margin-bottom: 0;
}
.hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img {
  width: 100%;
  max-width: 100%;
  padding-top: 2.0833vw;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description {
  background-color: #af95ef;
  border: 0.5556vw solid #000000;
  padding: 1.3889vw 1.3889vw 1.3889vw 22.3611vw;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-title {
  margin: 0;
  min-height: 4.8611vw;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description {
  background-color: #c7b5f4;
  border-radius: 10px;
  padding: 1.7361vw 1.7361vw;
  height: 16.3194vw;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .remember-to {
  text-align: center;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: 1 !important;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r .first-letter {
  color: #dd4b12;
  margin-right: 2px;
  top: -5px;
  position: relative;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r-img img {
  width: 16vw;
  margin-left: -1.4306vw;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .list {
  padding: 0;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .list ul {
  padding-left: 20px;
}
.hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .list ul li {
  margin-bottom: 10px;
}
.hpb-container.mental-health .during-conversation .carousel-control {
  background: transparent;
  opacity: 1;
  text-shadow: none !important;
}
.hpb-container.mental-health .during-conversation .carousel-control.left {
  width: 3.4722vw;
  top: 40%;
  left: -5%;
}
.hpb-container.mental-health .during-conversation .carousel-control.left img.radar-pulsing {
  -webkit-animation: pulse 1s 3;
          animation: pulse 1s 3;
  -webkit-box-shadow: 0 0 0 0 rgb(0, 0, 0);
          box-shadow: 0 0 0 0 rgb(0, 0, 0);
  border-radius: 50%;
}
.hpb-container.mental-health .during-conversation .carousel-control.right {
  width: 3.4722vw;
  top: 40%;
  right: -5%;
}
.hpb-container.mental-health .during-conversation .carousel-control.right img.radar-pulsing {
  -webkit-animation: pulse 1s 3;
          animation: pulse 1s 3;
  -webkit-box-shadow: 0 0 0 0 rgb(0, 0, 0);
          box-shadow: 0 0 0 0 rgb(0, 0, 0);
  border-radius: 50%;
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.hpb-container.mental-health .during-conversation .carousel-indicators {
  position: relative;
  bottom: 0;
  margin-top: 3.125vw;
  left: 0;
  margin-left: 0;
  width: 100%;
}
.hpb-container.mental-health .during-conversation .carousel-indicators li {
  text-indent: inherit;
  width: auto;
  background-color: #af95ef;
  height: auto;
  padding: 0.6944vw 1.7361vw 0.4167vw;
  border-radius: 50px;
  border: 0.3704vw solid #000000;
  margin-bottom: 1.3889vw;
  margin-left: 0.1736vw;
  margin-right: 0.1736vw;
  margin-bottom: 1.0417vw;
}
.hpb-container.mental-health .during-conversation .carousel-indicators li a {
  color: inherit;
}
.hpb-container.mental-health .during-conversation .carousel-indicators li.active {
  background-color: #000000;
  color: #af95ef !important;
}
.hpb-container.mental-health .during-conversation .carousel-indicators li.active a {
  color: inherit;
}
.hpb-container.mental-health .ending-conversation {
  background-color: #f7b0b3;
  padding-bottom: 37.8472vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper {
  position: relative;
  height: 29.8333vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .thumbnail-img {
  width: 15.4167vw;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .thumbnail-img.first, .hpb-container.mental-health .ending-conversation .ending-card-wrapper .thumbnail-img.second {
  bottom: 25px;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 0.5556vw solid #000000;
  background-color: #f7f7f7;
  width: 85%;
  position: absolute;
  top: -3.4722vw;
  z-index: 10;
  min-height: 21.5278vw;
  height: 21.5278vw !important;
  /*IE*/
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail .thumbnail-title {
  padding: 2.0833vw 1.0417vw 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description {
  background-color: #1a6f91;
  border: 0.5556vw solid #000000;
  padding: 18.75vw 1.7361vw 0;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.first-back .back-thumbnail img {
  width: 90%;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description p a {
  color: white;
  text-decoration: underline;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .card-inner > :first-child {
  z-index: 1;
  position: relative;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .card-inner ul {
  margin-left: -20px;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .card-inner #navp_feiyue_online_counselling_service {
  color: #f7b0b3;
  text-decoration: underline;
  cursor: pointer;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .copy {
  margin: 0;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .card-text-spacing {
  margin-bottom: 1.25vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail {
  text-align: right;
  display: block;
  position: absolute;
  bottom: 6vw;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail.img-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail.img-center .card-back-one-img {
  width: 80%;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail.img-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail img {
  width: 100%;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail .img-card-three-back {
  position: relative;
  top: 3.6389vw;
  left: 2.7778vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .list ul {
  margin-left: -20px;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .list ul li {
  margin-bottom: 10px;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description a {
  color: #f7b0b3;
  text-decoration: underline;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 1.0417vw;
  right: 1.3889vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper .flip-text {
  margin: 0 0.6944vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper .flip-icon {
  width: 2.2917vw;
  cursor: pointer;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper .flip-icon.reverse {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .click-flip-wrapper {
  bottom: 0.5556vw;
  right: unset;
  left: 0.8333vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .front-card,
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .front-card {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .front-card.flip {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .front-card .card-description {
  height: 45.7639vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card.flip {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-thumbnail {
  z-index: 0;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-thumbnail .thumbnail-title,
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-thumbnail img {
  opacity: 0;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description {
  padding: 1.7361vw 1.7361vw;
  position: relative;
  height: 65vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .copy {
  margin-bottom: 1.0417vw;
}
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .card-text-spacing {
  margin-bottom: 1.5vw;
}
.hpb-container.mental-health .sub-title-img {
  width: 23.9583vw;
  padding-top: 3.8194vw;
  padding-bottom: 8.6806vw;
}
.hpb-container.mental-health .sub-title-img.ending-conversation-sub-title {
  width: 45.1389vw;
}
.hpb-container.mental-health .sub-title-img.stickers-title {
  width: 100%;
  padding-bottom: 2.0833vw;
  display: block;
}
.hpb-container.mental-health .sub-title-img.other-resources-title {
  width: 25vw;
  padding-bottom: 3.8194vw;
}
.hpb-container.mental-health .sub-title-img.training-video-title {
  width: 22.0833vw;
  padding-bottom: 3.8194vw;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .section-content {
    padding: 0 6.25vw;
  }
  .hpb-container.mental-health .section-content .panel {
    padding-bottom: 2.6042vw;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .section-content .panel a[aria-expanded=false] .before-convo-collapse-text {
    top: -1.5625vw;
    position: relative;
  }
  .hpb-container.mental-health .section-content .panel-group {
    margin-bottom: 6.25vw;
  }
  .hpb-container.mental-health .sub-title-img {
    width: 17.9688vw;
    padding-top: 2.8646vw;
    padding-bottom: 6.5104vw;
  }
  .hpb-container.mental-health .sub-title-img.ending-conversation-sub-title {
    width: 30.9896vw;
  }
  .hpb-container.mental-health .sub-title-img.stickers-title {
    padding-bottom: 1.5625vw;
  }
  .hpb-container.mental-health .sub-title-img.other-resources-title {
    width: 18.75vw;
    padding-bottom: 2.8646vw;
  }
  .hpb-container.mental-health .sub-title-img.training-video-title {
    width: 16.5625vw;
    padding-bottom: 2.8646vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-description {
    padding: 0 1.4583vw 0;
    top: -1.8229vw;
    height: 6.25vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-thumbnail {
    top: -2.6042vw;
    border-width: 0.4167vw;
    height: 13.5417vw;
  }
  .hpb-container.mental-health .before-conversation .accordion-icon-wrapper {
    margin-top: 2.0833vw;
    margin-bottom: 0.5208vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-expand {
    padding: 0.9375vw;
    margin-bottom: 2.0833vw;
    min-height: 18vw;
    border-radius: 1.0417vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-img.first {
    width: 10.3125vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-img.second {
    width: 6.875vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-img.third {
    width: 12.7083vw;
  }
  .hpb-container.mental-health .during-conversation {
    padding-bottom: 5.2083vw;
  }
  .hpb-container.mental-health .during-conversation .sub-title-img {
    padding-bottom: 3.9062vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-inner {
    height: 21.4583vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-inner .item {
    padding-top: 2.6042vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper {
    left: 1.3021vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail {
    top: -2.6042vw;
    left: -2.6042vw;
    width: 18.75vw;
    height: 18.75vw;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail .thumbnail-title {
    padding-top: 1.5625vw;
    min-height: 5.2083vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img {
    padding-top: 1.5625vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description {
    padding: 1.0417vw 1.0417vw 1.0417vw 16.7708vw;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description {
    padding: 0.7813vw 0.7813vw;
    height: 12.2396vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r-img img {
    width: 13vw;
    margin-left: -0.8229vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-title {
    min-height: 3.6458vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators li {
    padding: 0.5208vw 1.3021vw 0.3125vw;
    margin-bottom: 0.7813vw;
    margin-left: 0.1302vw;
    margin-right: 0.1302vw;
    border-width: 0.34725vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-control.left, .hpb-container.mental-health .during-conversation .carousel-control.right {
    width: 2.6042vw;
    height: 2.6042vw;
  }
  .hpb-container.mental-health .ending-conversation {
    padding-bottom: 24.7396vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper {
    height: 26.0417vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description {
    padding: 14.0625vw 1.3021vw 0;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail {
    bottom: 2vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail .img-card-three-back {
    position: relative;
    top: 6.2vw;
    left: 2.0833vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .front-card .card-description {
    height: 35.5729vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description {
    height: 45.5729vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail {
    min-height: 16.1458vw;
    height: 16.1458vw !important;
    /*IE*/
    width: 85%;
    top: -2.6042vw;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail .thumbnail-title {
    padding: 1.5625vw 0.7813vw 0;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper .flip-icon {
    width: 1.7188vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper .flip-text {
    margin: 0 0.5208vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .thumbnail-img {
    width: 11.6979vw;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .section-content {
    padding: 0 4.5409vw;
  }
  .hpb-container.mental-health .section-content .panel {
    border-width: 0.8073vw;
  }
  .hpb-container.mental-health .section-content .panel a[aria-expanded=false] .before-convo-collapse-text {
    top: -3.0272vw;
    position: relative;
  }
  .hpb-container.mental-health .section-content .panel-group {
    margin-bottom: 13.1181vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-thumbnail {
    border-width: 0.8073vw;
    width: 85%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: -7.5681vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-thumbnail .thumbnail-text {
    left: 5%;
    right: 5%;
    bottom: 55%;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-thumbnail .thumbnail-text.f-18 {
    font-size: 4.125vw !important;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-description {
    top: -5.5499vw;
    padding: 0 7.8227vw 0;
    height: unset;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-img {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-expand {
    width: 80%;
    padding: 3.2595vw;
    margin-bottom: 3.9113vw;
    min-height: unset;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-expand p {
    margin-bottom: 2.6042vw;
  }
  .hpb-container.mental-health .before-conversation .accordion-icon-wrapper {
    margin-bottom: 1.8163vw;
  }
  .hpb-container.mental-health .before-conversation .accordion-icon-wrapper .accordion-icon {
    width: 3.33vw;
  }
  .hpb-container.mental-health .during-conversation {
    padding-bottom: 13.0378vw;
  }
  .hpb-container.mental-health .during-conversation .during-conversation-carousel {
    width: 99.5%;
    margin: 0 auto;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper {
    width: 100%;
    left: 0;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail {
    width: 85%;
    height: auto;
    top: -7.5681vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: 0.8073vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail .thumbnail-title {
    min-height: 12.3698vw;
    padding-top: 4.6042vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img {
    width: 70%;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-one {
    padding-top: 3.0636vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-three {
    padding-top: 3.0272vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-nine {
    padding-top: 0.7vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description {
    padding: 38.8496vw 7.5409vw 4.5409vw 7.5409vw;
    border-width: 0.8073vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .f-20 {
    font-size: 2.6042vw !important;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-title {
    min-height: 6.0545vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description {
    min-height: 30.0417vw;
    padding: 3.5318vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description p {
    margin-bottom: 2.6042vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r-img img {
    margin-left: -4.5573vw;
    width: 28vw;
    position: relative;
    top: -1.2109vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-inner {
    width: 100%;
    margin: 0 auto 13.0378vw;
    height: 89.8083vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-inner .item {
    padding-top: 7.4722vw;
    padding-left: 0;
    padding-right: 0;
  }
  .hpb-container.mental-health .during-conversation .carousel-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hpb-container.mental-health .during-conversation .carousel-control p {
    margin-top: 5px;
  }
  .hpb-container.mental-health .during-conversation .carousel-control.left {
    left: 10%;
    top: unset;
    bottom: -9.5863vw;
    width: 10.0908vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-control.right {
    right: 10%;
    top: unset;
    bottom: -9.5863vw;
    width: 10.0908vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators-drop-down {
    background-color: #fde7e8;
    border: 0.8073vw solid #000000;
    padding: 2.22vw 2.22vw 2.0182vw 2.22vw;
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators-drop-down .down-arrow-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    border-left: 0.8073vw solid #000;
    width: 9.1265vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators li {
    background-color: #fde7e8;
    border-radius: 0;
    padding: 2.6076vw 2.6076vw 1.9557vw;
    text-align: left;
    border: 0.8073vw solid #000000;
    margin: 0;
    border-bottom: none;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators li:first-child {
    border-top: none;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators li:last-child {
    border-bottom: 0.8073vw solid #000000;
  }
  .hpb-container.mental-health .during-conversation .during-conversation-indicators {
    display: none;
  }
  .hpb-container.mental-health .during-conversation .during-conversation-indicators.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hpb-container.mental-health .ending-conversation {
    padding-bottom: 8.5772vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper {
    height: auto;
    width: 100%;
    margin: 0 auto 4.5409vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .front-back-wrapper {
    position: relative;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .front-card,
.hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description {
    position: relative;
    top: 0;
    padding: 3.0272vw;
    text-align: left;
    border-width: 0.8073vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .copy.f-13 {
    font-size: 2.2135vw !important;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.first-front {
    height: 25.0777vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.first-back {
    height: 72vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.first-back .back-thumbnail {
    top: 10.5954vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.second-front {
    height: 30.0777vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.second-back {
    height: 77vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.third-front {
    height: 26.5777vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.third-back {
    height: 73.5vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description .back-thumbnail .img-card-three-back {
    top: 9vw;
    left: 0;
    right: 0;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card {
    position: absolute;
    top: 0;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-thumbnail {
    display: none;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description {
    padding: 3.0272vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .card-inner {
    display: block;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .card-inner .copy {
    margin-top: 0;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .card-inner .card-text-spacing {
    margin-bottom: 1.9531vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .back-thumbnail {
    bottom: 8.0182vw;
    width: 60%;
    margin: 0 auto;
    position: absolute;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .back-thumbnail.img-right {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .click-flip-wrapper {
    left: 0;
    right: 0;
    bottom: 1.2109vw;
    width: 100%;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail {
    width: 100%;
    border-bottom: none;
    height: 46.9223vw !important;
    top: auto;
    position: relative;
    min-height: auto;
    border-width: 0.8073vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail .thumbnail-title {
    text-align: center;
    padding-top: 3.6458vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail .thumbnail-img {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 0;
    width: 100%;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail .thumbnail-img.first img {
    width: 60%;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail .thumbnail-img.second {
    bottom: 3vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail .thumbnail-img.second img {
    width: 55%;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail .thumbnail-img.third img {
    width: 55%;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 1.2109vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper .flip-text {
    margin: 0 0 1.3038vw 0;
    font-size: 1.8229vw !important;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper .flip-icon {
    width: 3.9063vw;
  }
  .hpb-container.mental-health .sub-title-img {
    padding-top: 7.2654vw;
    padding-bottom: 15.1362vw;
    width: 40.3646vw;
  }
  .hpb-container.mental-health .sub-title-img.ending-conversation-sub-title {
    width: 67.6085vw;
    padding-bottom: 7.5681vw;
  }
  .hpb-container.mental-health .sub-title-img.stickers-title {
    width: 100%;
    padding-bottom: 3.5318vw;
  }
  .hpb-container.mental-health .sub-title-img.other-resources-title {
    width: 42.9688vw;
    padding-bottom: 3.5318vw;
  }
  .hpb-container.mental-health .sub-title-img.training-video-title {
    width: 37.3698vw;
    padding-bottom: 3.5318vw;
  }
}
@media only screen and (max-width: 768px) {
  .hpb-container.mental-health .section-content .panel {
    padding-bottom: 6.5104vw;
  }
  .hpb-container.mental-health .section-content .panel a[aria-expanded=false] .before-convo-collapse-text {
    top: -3.9063vw;
  }
  .hpb-container.mental-health .sub-title-img {
    padding-top: 6.7708vw;
    padding-bottom: 16.9271vw;
  }
  .hpb-container.mental-health .sub-title-img.ending-conversation-sub-title {
    width: 69.0104vw;
  }
  .hpb-container.mental-health .before-conversation .accordion-icon-wrapper .accordion-icon {
    width: 3.9063vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-thumbnail {
    top: -8.4635vw;
    border-width: 0.8681vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail {
    border-width: 0.8681vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description {
    border-width: 0.8681vw;
    padding: 39.7135vw 4.1667vw 4.1667vw 4.1667vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-title {
    min-height: 10.6771vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description {
    min-height: 35.8073vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r-img img {
    width: 32vw;
    top: 0.789vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-control.right, .hpb-container.mental-health .during-conversation .carousel-control.left {
    width: 9.7656vw;
    bottom: -9.7656vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-inner {
    height: 104.8083vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .card-inner .card-text-spacing {
    margin-bottom: 1.9531vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.first-front {
    height: 29.0777vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.first-back {
    height: 76vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.second-front {
    height: 34.0777vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.second-back {
    height: 81vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.third-front {
    height: 30.5777vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.third-back {
    height: 77.5vw;
  }
}
@media only screen and (max-width: 576px) {
  .hpb-container.mental-health .section-content .panel {
    border-width: 0.8681vw;
    padding-bottom: 14vw;
  }
  .hpb-container.mental-health .section-content .panel a[aria-expanded=false] .before-convo-collapse-text {
    top: -5.2083vw;
  }
  .hpb-container.mental-health .sub-title-img {
    padding-top: 7.8125vw;
    padding-bottom: 17.3611vw;
    width: 60%;
  }
  .hpb-container.mental-health .sub-title-img.ending-conversation-sub-title {
    width: 100%;
    padding-bottom: 8.6806vw;
  }
  .hpb-container.mental-health .before-conversation .accordion-icon-wrapper .accordion-icon {
    width: 4.3403vw;
  }
  .hpb-container.mental-health .before-conversation .before-conversation-thumbnail {
    top: -8.6806vw;
    border-width: 0.8681vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-inner {
    height: 140.8083vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-inner .item {
    padding-top: 8.4722vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail {
    border-width: 0.8681vw;
    top: -8.6806vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img {
    width: 71%;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-one {
    width: 69%;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-three {
    padding-top: 0;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-five {
    width: 60%;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-six, .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-seven {
    width: 62%;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-nine {
    padding-top: 1.1vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description {
    border-width: 0.8681vw;
    padding: 40.7986vw 7.5556vw 5.5556vw 7.5556vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description {
    padding: 4.3403vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-title {
    min-height: 17.3611vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description {
    padding: 4.3403vw;
    min-height: 61.5556vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r p {
    font-size: 2.2569vw !important;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .list ul {
    padding-left: 2.4306vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .inner-description .s-o-l-e-r-img img {
    width: 52.0833vw;
    top: 11.2847vw;
    margin: 0;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .right-description .f-20 {
    font-size: 2.8986vw !important;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators-drop-down {
    border-width: 0.8681vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators-drop-down .down-arrow-wrapper {
    border-left-width: 0.8681vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-indicators-drop-down .down-arrow-wrapper img {
    width: 3.6232vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-control.right {
    bottom: -15.625vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-control.left {
    bottom: -15.625vw;
  }
  .hpb-container.mental-health .during-conversation .carousel-inner {
    margin-bottom: 20.0378vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description {
    border-width: 0.8681vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.first-front {
    height: 41.125vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.first-back {
    height: 88vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.second-front {
    height: 53.125vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.second-back {
    height: 100vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.third-front {
    height: 58.125vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-description.third-back {
    height: 105vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .card-thumbnail {
    border-width: 0.8681vw;
    height: 46.875vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .card-text-spacing {
    margin-bottom: 2.6042vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .back-thumbnail {
    width: 70%;
    margin: 0 auto 8vw;
    bottom: 0vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .back-card .card-description .card-inner .card-text-spacing {
    margin-bottom: 3.5vw;
  }
  .hpb-container.mental-health .ending-conversation .ending-card-wrapper .click-flip-wrapper .flip-text {
    font-size: 1.9324vw !important;
  }
  .hpb-container.mental-health .sub-title-img.stickers-title {
    padding: 7.1615vw 0;
  }
  .hpb-container.mental-health .sub-title-img.other-resources-title {
    width: 55.5556vw;
  }
  .hpb-container.mental-health .sub-title-img.training-video-title {
    width: 50.7246vw;
  }
}
@media only screen and (max-width: 414px) {
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-one {
    width: 74%;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-three {
    padding-top: 0.5vw;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-six {
    width: 63%;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-seven {
    width: 60%;
  }
  .hpb-container.mental-health .during-conversation .content-wrapper .left-thumbnail img.slide-img-nine {
    padding-top: 1.7vw;
  }
}
.hpb-container.mental-health .sticker,
.hpb-container.mental-health .sticker-wrapper {
  background-color: #bfe8d1;
}
.hpb-container.mental-health .sub-title-intro.sticker-sub-title {
  width: 100%;
  margin: 0;
}
.hpb-container.mental-health .sub-title-intro.sticker-sub-title p {
  margin-bottom: 0;
}
.hpb-container.mental-health .stickers {
  border: 0.5556vw solid #000000;
  padding: 2.9167vw;
  width: 82%;
  margin: 0 auto 2.0833vw;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e7d1e5;
}
.hpb-container.mental-health .stickers .sticker-thumbnail {
  padding: 0.6944vw;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}
.hpb-container.mental-health .app-store-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 4.8611vw;
}
.hpb-container.mental-health .app-store-wrapper img {
  width: 12.8472vw;
}
.hpb-container.mental-health .app-store-wrapper .telegram-icon > svg,
.hpb-container.mental-health .app-store-wrapper .telegram-icon > svg > image {
  width: 12.8472vw;
  height: auto;
}
.hpb-container.mental-health .app-store-wrapper div {
  margin: 0 0.6944vw;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .stickers {
    padding: 2.1875vw;
    margin-bottom: 1.5625vw;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .app-store-wrapper {
    padding-bottom: 3.6458vw;
  }
  .hpb-container.mental-health .app-store-wrapper img {
    width: 9.6354vw;
  }
  .hpb-container.mental-health .app-store-wrapper .telegram-icon > svg,
.hpb-container.mental-health .app-store-wrapper .telegram-icon > svg > image {
    width: 9.6354vw;
    height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .stickers {
    width: 90%;
    border-width: 0.8073vw;
  }
  .hpb-container.mental-health .sticker-wrapper .sub-title-intro {
    padding: 0 2.6042vw 5.2083vw 0;
    width: 82.5%;
  }
  .hpb-container.mental-health .app-store-wrapper {
    width: 70%;
    margin: 1.5136vw auto 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hpb-container.mental-health .app-store-wrapper > div {
    margin: 0 auto 1.5136vw;
  }
  .hpb-container.mental-health .app-store-wrapper img {
    width: 38vw;
  }
  .hpb-container.mental-health .app-store-wrapper .telegram-icon > svg,
.hpb-container.mental-health .app-store-wrapper .telegram-icon > svg > image {
    width: 21.4844vw;
    height: auto;
  }
}
@media only screen and (max-width: 576px) {
  .hpb-container.mental-health .stickers {
    border-width: 0.8681vw;
    border-radius: 20px;
  }
}
.hpb-container.mental-health .other-resources,
.hpb-container.mental-health .other-resources-items {
  background-color: #ccedda;
}
.hpb-container.mental-health .other-resources-items .other-resources-items-wrapper {
  width: 75%;
  margin: 0 auto;
  padding-bottom: 8.3333vw;
}
.hpb-container.mental-health .other-resources-items .resource-item {
  min-height: 17.3611vw;
  text-align: center;
}
.hpb-container.mental-health .other-resources-items .resource-icon {
  max-width: 85%;
  width: 85%;
}
.hpb-container.mental-health .other-resources-items .resource-title {
  text-align: center;
  margin-top: 10px;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .other-resources-items .other-resources-items-wrapper {
    padding-bottom: 6.25vw;
    margin-bottom: 0;
  }
  .hpb-container.mental-health .other-resources-items .other-resources-items-wrapper .resource-item {
    min-height: 13.0208vw;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .other-resources-items .other-resources-items-wrapper {
    width: 90%;
    margin: 0 auto;
  }
  .hpb-container.mental-health .other-resources-items .other-resources-items-wrapper .resource-item {
    min-height: 35.3351vw;
  }
}
.hpb-container.mental-health .training-video, .hpb-container.mental-health .training-video-youtube {
  background-color: #dcf2e6;
}
.hpb-container.mental-health .training-video-youtube .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.hpb-container.mental-health .training-video-youtube .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hpb-container.mental-health .training-video-youtube .training-video-youtube-wrapper {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 8.3333vw;
}
.hpb-container.mental-health #mental-health-carousel .carousel .carousel-control {
  opacity: 1;
  background: none;
  width: auto;
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.hpb-container.mental-health #mental-health-carousel .carousel .carousel-control.left {
  left: 3%;
}
.hpb-container.mental-health #mental-health-carousel .carousel .carousel-control.right {
  right: 3%;
}
@media only screen and (max-width: 768px) {
  .hpb-container.mental-health #mental-health-carousel .carousel .carousel-control .carousel-arrow {
    width: 5.2vw;
  }
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .training-video-youtube .training-video-youtube-wrapper {
    padding-bottom: 6.25vw;
  }
}
.hpb-container.mental-health .section-practice-carousel {
  padding-bottom: 5.867vw;
}
.hpb-container.mental-health .section-practice-carousel .next {
  border: none !important;
  color: inherit;
  height: inherit;
}
.hpb-container.mental-health .section-practice-carousel .carousel-inner {
  width: 82%;
  margin: 0 auto;
}
.hpb-container.mental-health .section-practice-carousel .carousel-inner .item {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}
.hpb-container.mental-health .practice-session {
  background-color: #edd2f9;
}
.hpb-container.mental-health .practice-session p {
  margin: 0;
  line-height: 1.1 !important;
}
.hpb-container.mental-health .practice-session .practice-intro {
  padding: 2.2222vw 0 4.5139vw;
  width: 80%;
  margin: 0 auto;
}
.hpb-container.mental-health .practice-session .practice-question {
  background-color: #f7f7f7;
  border: 0.5556vw solid #000000;
  padding: 2.0833vw 2.0833vw 2.7778vw 2.0833vw;
  width: 99%;
  margin: 1.0417vw auto 0;
  -webkit-box-shadow: 10px -10px 0px 0px rgb(0, 0, 0);
  box-shadow: 10px -10px 0px 0px rgb(0, 0, 0);
  position: relative;
  left: -5px;
}
.hpb-container.mental-health .practice-session .practice-question .question {
  line-height: 1.1 !important;
  margin-bottom: 1.0417vw;
  min-height: 10.0694vw;
}
.hpb-container.mental-health .practice-session .practice-question .question-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.hpb-container.mental-health .practice-session .practice-question .question-option .option {
  border: 0.463vw solid #000;
  width: 4.8611vw;
  height: 4.1667vw;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hpb-container.mental-health .practice-session .practice-question .question-option .option-text {
  border: 0.463vw solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 1.3889vw;
  border-radius: 45px;
  min-height: 4.8611vw;
  height: 4.8611vw;
}
.hpb-container.mental-health .practice-session .practice-question .question-option.correct .option,
.hpb-container.mental-health .practice-session .practice-question .question-option.correct .option-text {
  background-color: #bfe8d1;
}
.hpb-container.mental-health .practice-session .practice-question .question-option.wrong .option,
.hpb-container.mental-health .practice-session .practice-question .question-option.wrong .option-text {
  background-color: #f7b0b3;
}
.hpb-container.mental-health .practice-session .practice-question .or {
  margin-left: 1.25vw;
  margin-top: 0.1389vw;
}
.hpb-container.mental-health .practice-session .practice-question .question-thumbnail-wrapper {
  position: absolute;
  bottom: 0;
  top: 5.5556vw;
  width: 90%;
  margin: 0 auto;
  display: block;
}
.hpb-container.mental-health .practice-session .practice-question .question-thumbnail-wrapper .question-thumbnail {
  width: 100%;
}
.hpb-container.mental-health .practice-session .practice-question .question-correct {
  background-color: #bfe8d1;
  padding: 1.3889vw;
  position: absolute;
  top: 0;
  height: 22.2778vw;
  overflow: hidden;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hpb-container.mental-health .practice-session .practice-question .question-correct .question-correct-inner {
  margin-bottom: 10px;
}
.hpb-container.mental-health .practice-session .practice-question .question-correct .question-correct-inner .correct-icon {
  width: 3.4722vw;
  display: none;
}
.hpb-container.mental-health .practice-session .practice-question .question-wrong {
  background-color: #f7b0b3;
  padding: 1.3889vw;
  position: absolute;
  height: 22.2778vw;
  overflow: hidden;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hpb-container.mental-health .practice-session .practice-question .question-wrong .answer-explain {
  margin-top: 10px;
}
.hpb-container.mental-health .practice-session .practice-question#practice-session-complete > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 27vw;
  margin-top: -1.4vw;
  margin-bottom: -1.9vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #cdfabb;
}
.hpb-container.mental-health .practice-session .practice-question#practice-session-complete .question-thumbnail-wrapper {
  position: static;
}
.hpb-container.mental-health .practice-session .carousel-control {
  background: transparent;
  text-shadow: none !important;
  opacity: 1;
  width: 4.8611vw;
  top: 45%;
}
.hpb-container.mental-health .practice-session .carousel-control img {
  width: 100%;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .practice-session .carousel-control {
    width: 3.6458vw;
  }
  .hpb-container.mental-health .practice-session .practice-intro {
    padding: 1.6667vw 0 3.3854vw;
  }
  .hpb-container.mental-health .practice-session .practice-question {
    padding: 1.5625vw 1.5625vw 2.0833vw 1.5625vw;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option {
    width: 3.6458vw;
    height: 3.125vw;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option-text {
    min-height: 3.6458vw;
    height: 3.6458vw;
    border-width: 0.4167vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question {
    margin-bottom: 0.7813vw;
    min-height: 7.5521vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .or {
    margin-left: 0.9375vw;
    margin-top: 0.1042vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-thumbnail-wrapper {
    top: 4.1667vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-correct {
    height: 17.2083vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-wrong {
    height: 17.2083vw;
  }
  .hpb-container.mental-health .practice-session .practice-question#practice-session-complete > .row {
    height: 21vw;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .section-practice-carousel {
    padding-bottom: 22vw;
  }
  .hpb-container.mental-health .section-practice-carousel .carousel-inner {
    width: 100%;
  }
  .hpb-container.mental-health .section-practice-carousel .carousel-inner .item {
    padding: 0;
  }
  .hpb-container.mental-health .practice-session .practice-intro {
    padding: 5.2083vw 0 11.0677vw;
  }
  .hpb-container.mental-health .practice-session .carousel-control {
    width: 8%;
  }
  .hpb-container.mental-health .practice-session .carousel-control img {
    width: auto;
  }
  .hpb-container.mental-health .practice-session .practice-question {
    padding: 3.2552vw;
    min-height: 70vw;
    height: 73vw;
    border-width: 0.8073vw;
    width: 92.5%;
  }
  .hpb-container.mental-health .practice-session .practice-question .question {
    margin-bottom: 3.2552vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option-text {
    border-width: 0.7339090909vw;
    height: 6.559vw;
    padding: 0 2.5227vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option {
    border-width: 0.7339090909vw;
    width: 7.0636vw;
    height: 6.559vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-thumbnail-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 65%;
    top: 5.0454vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-thumbnail-wrapper .question-thumbnail {
    width: 90%;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-correct,
.hpb-container.mental-health .practice-session .practice-question .question-wrong {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 6.5104vw;
    width: 95%;
    border-width: 0.8073vw;
    height: 27.5vw;
    padding-left: 2.6042vw;
    padding-right: 2.6042vw;
    text-align: left;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-correct .answer-explain,
.hpb-container.mental-health .practice-session .practice-question .question-wrong .answer-explain {
    padding-left: 0;
    padding-top: 0;
    margin-top: 2.6042vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .or {
    margin: 1.0091vw 2.22vw;
  }
  .hpb-container.mental-health .practice-session .practice-question#practice-session-complete > .row {
    height: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: auto;
  }
  .hpb-container.mental-health .practice-session .practice-question#practice-session-complete .question-thumbnail-wrapper {
    position: static;
    margin-top: 30px;
    width: 90%;
  }
  .hpb-container.mental-health .practice-session .carousel-control {
    top: 105%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hpb-container.mental-health .practice-session .carousel-control p {
    margin-top: 5px;
  }
  .hpb-container.mental-health .practice-session .carousel-control.left {
    left: 10%;
  }
  .hpb-container.mental-health .practice-session .carousel-control.right {
    right: 10%;
  }
}
@media only screen and (max-width: 768px) {
  .hpb-container.mental-health .practice-session .practice-question {
    height: 81vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .or {
    margin: 1.5625vw 1.3021vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option-text {
    height: 8.4635vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option {
    width: 7.8125vw;
    height: 7.1615vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question {
    margin-bottom: 3.2552vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-correct,
.hpb-container.mental-health .practice-session .practice-question .question-wrong {
    padding: 2.6042vw;
  }
}
@media only screen and (max-width: 576px) {
  .hpb-container.mental-health .practice-session .carousel-control {
    width: 10%;
  }
  .hpb-container.mental-health .practice-session .practice-question {
    border-width: 0.8681vw;
    height: 115vw;
    margin-top: 2.6042vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question {
    margin-bottom: 5.2083vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option-text {
    padding: 0 4.389vw;
    border-width: 0.8681vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option-text .f-20 {
    font-size: 2.7778vw !important;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option {
    width: 8.6806vw;
    height: 7.8125vw;
    border-width: 0.8681vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-correct,
.hpb-container.mental-health .practice-session .practice-question .question-wrong {
    height: 38vw;
    padding: 0 3.4722vw;
  }
  .hpb-container.mental-health .practice-session .practice-question#practice-session-complete > .row {
    height: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
@media only screen and (max-width: 471px) {
  .hpb-container.mental-health .practice-session .practice-question {
    height: 120vw;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-thumbnail-wrapper .question-thumbnail {
    width: 100%;
  }
  .hpb-container.mental-health .practice-session .practice-question .question-option .option-text {
    height: 11.6773vw;
  }
}
.hpb-container.mental-health .participating-sub-title {
  position: relative;
  padding-top: 6.9444vw;
  padding-bottom: 5.4722vw;
  padding-left: 5.5556vw;
  padding-right: 5.5556vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hpb-container.mental-health .participating-sub-title .title-line-bg {
  height: 0.5556vw;
  width: 100%;
  background-color: #000000;
}
.hpb-container.mental-health .participating-sub-title .sub-title {
  position: absolute;
  margin: 0 auto;
  top: 4.1667vw;
  padding: 0.55vw 0 0 0;
  display: inline-block;
  border: 0.5556vw solid #000000;
  --webkit-box-shadow: 10px -10px 0px 0px rgba(0, 0, 0, 1);
  -webkit-box-shadow: 10px -10px 0px 0px rgb(0, 0, 0);
          box-shadow: 10px -10px 0px 0px rgb(0, 0, 0);
  left: 0;
  right: 0;
  width: 20%;
  text-align: center;
}
.hpb-container.mental-health .participating-sub-title.partner-one {
  background-color: #ffd36e;
}
.hpb-container.mental-health .participating-sub-title.partner-one .sub-title {
  background-color: #f7b1b4;
}
.hpb-container.mental-health .participating-sub-title.partner-two {
  width: 100%;
}
.hpb-container.mental-health .participating-sub-title.partner-two .sub-title {
  width: 50%;
  background-color: #badae3;
}
.hpb-container.mental-health .participating-sub-title.partner-three {
  background-color: #ffe9b6;
}
.hpb-container.mental-health .participating-sub-title.partner-three .sub-title {
  background-color: #bfe8d1;
}
.hpb-container.mental-health .participating-sub-title.partner-four {
  width: 100%;
}
.hpb-container.mental-health .participating-sub-title.partner-four .sub-title {
  width: 46%;
  background-color: #badae3;
}
.hpb-container.mental-health .partner-wrapper {
  padding-bottom: 3.4722vw;
}
.hpb-container.mental-health .partner-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
  background-color: white;
  border-radius: 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hpb-container.mental-health .partner-image-wrapper .partner-label {
  padding-top: 30px;
  margin-left: -0.8334vw;
}
.hpb-container.mental-health .partner-image-wrapper .partner-label .label-wrapper {
  position: relative;
  display: inline-block;
  color: #000000;
  background-color: #ffd36e;
  border: 0.4167vw solid #000000;
  margin-top: 0.8334vw;
  padding: 0.3em 1em 0.15em;
}
.hpb-container.mental-health .partner-image-wrapper .partner-label .label-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: -1.2501vw;
  left: -0.4167vw;
  border: 0.4167vw solid black;
  border-top-color: transparent;
  border-left-color: transparent;
}
.hpb-container.mental-health .partner-image-wrapper::after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}
.hpb-container.mental-health .partner-offers .partner-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 20px;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-left {
  width: 60%;
  position: relative;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-left .offer-image {
  width: 50%;
  background-color: #ffffff;
  border: 0.4167vw solid #000000;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-left .offer-image::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-left .offer-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  max-width: none;
  max-height: none;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-left .offer-image.allow-overflow {
  overflow: visible;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-left .offer-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 20px;
  left: 25%;
  background-color: #ffd36e;
  color: #000000;
  border-radius: 0 35px 35px 0;
  padding-left: 30%;
  padding-right: 3%;
  text-align: left;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-right {
  width: 40%;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-right .offer-tnc {
  color: #000000;
  padding: 8% 5% 0 5%;
}
.hpb-container.mental-health .partner-offers .partner-offer .offer-right .offer-tnc ul, .hpb-container.mental-health .partner-offers .partner-offer .offer-right .offer-tnc ol {
  margin-left: 0;
  padding-left: 1.6em;
}
.hpb-container.mental-health .partner-section .partner-subsection {
  padding: 0 5%;
  margin-top: 20px;
}
.hpb-container.mental-health .partner-section .partner-subsection + .partner-subsection::before {
  content: "";
  display: block;
  border-top: 2px solid #ffd36e;
}
.hpb-container.mental-health .partner-section .partner-subsection .partner-logo {
  padding: 20px 0;
}
.hpb-container.mental-health .partner-section .participating-sub-title .sub-title {
  width: 68%;
  background-color: #ffd36e;
}
.hpb-container.mental-health .partner-section#partner-lifestyle .partner-label .label-wrapper {
  background-color: #ff8b6e;
}
.hpb-container.mental-health .partner-section#partner-lifestyle .partner-offer .offer-left .offer-desc {
  background-color: #ff8b6e;
}
.hpb-container.mental-health .partner-section#partner-lifestyle .partner-subsection + .partner-subsection::before {
  border-top-color: #ff8b6e;
}
.hpb-container.mental-health .partner-section#partner-lifestyle .participating-sub-title .sub-title {
  width: 40%;
  background-color: #ff8b6e;
}
.hpb-container.mental-health .partner-section#partner-attraction .partner-label .label-wrapper {
  background-color: #ffa4c1;
}
.hpb-container.mental-health .partner-section#partner-attraction .partner-offer .offer-left .offer-desc {
  background-color: #ffa4c1;
}
.hpb-container.mental-health .partner-section#partner-attraction .partner-subsection + .partner-subsection::before {
  border-top-color: #ffa4c1;
}
.hpb-container.mental-health .partner-section#partner-attraction .participating-sub-title .sub-title {
  width: 42%;
  background-color: #ffa4c1;
}
.hpb-container.mental-health .partner-one-partners {
  background-color: #ffd36e;
}
.hpb-container.mental-health .partner-two-partners {
  background-color: #ffd36e;
}
.hpb-container.mental-health .partner-three-partners {
  background-color: #ffe9b6;
}
.hpb-container.mental-health .partner-four-partners {
  background-color: #ffd36e;
}
.hpb-container.mental-health .partner-four-partners .partner-image-wrapper {
  display: block;
}
.hpb-container.mental-health .partner-four-partners .btn-download {
  display: inline-block;
  text-indent: inherit;
  width: auto;
  color: #000000;
  background-color: #ffd36e;
  height: auto;
  padding: 0.6944vw 2.5vw 0.4167vw;
  border-radius: 50px;
  border: 0.3704vw solid #000000;
  margin-bottom: 1.3889vw;
  margin-left: 0.1736vw;
  margin-right: 0.1736vw;
  margin-bottom: 1.0417vw;
}
.hpb-container.mental-health #virtual-journey .kv {
  margin-bottom: 2vw;
}
.hpb-container.mental-health #virtual-journey .car {
  margin-bottom: 3vw;
}
.hpb-container.mental-health .virtual-journey-partners {
  background-color: #ffffff;
}
.hpb-container.mental-health .partner-image {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.3889vw;
}
@media only screen and (min-width: 1441px) {
  .hpb-container.mental-health .participating-sub-title .participating-sub-title {
    padding-top: 5.2083vw;
    padding-bottom: 3.4722vw;
    padding-left: 4.1667vw;
    padding-right: 4.1667vw;
  }
  .hpb-container.mental-health .participating-sub-title .sub-title {
    top: 4.825vw;
    padding: 0.5vw 0 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .hpb-container.mental-health .partner-image {
    width: 100%;
    padding: 2.3889vw;
  }
  .hpb-container.mental-health .participating-sub-title {
    padding-top: 10.4167vw;
    padding-bottom: 9.1146vw;
  }
  .hpb-container.mental-health .participating-sub-title .sub-title {
    border-width: 0.8073vw;
    padding: 2vw 0 1vw 0;
    top: 6.5vw;
    width: 35%;
  }
  .hpb-container.mental-health .participating-sub-title.partner-two {
    margin-bottom: 50px;
  }
  .hpb-container.mental-health .participating-sub-title.partner-four {
    margin-bottom: 50px;
  }
  .hpb-container.mental-health .participating-sub-title.partner-four .sub-title {
    width: 50%;
  }
  .hpb-container.mental-health .partner-section .participating-sub-title .sub-title {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .hpb-container.mental-health .partner-section .partner-subsection {
    margin-top: 0;
  }
  .hpb-container.mental-health .partner-section .partner-subsection#partner-lao-jiang-superior-soup .partner-logo {
    width: 180px;
  }
  .hpb-container.mental-health .partner-section .partner-subsection#partner-liho-tea .partner-logo {
    width: 85px;
  }
  .hpb-container.mental-health .partner-section .partner-subsection#partner-agoda .partner-logo {
    width: 95px;
  }
  .hpb-container.mental-health .partner-section .partner-subsection#partner-ezbuy .partner-logo {
    width: 120px;
  }
  .hpb-container.mental-health .partner-section .partner-subsection#partner-huawei .partner-logo {
    width: 140px;
  }
  .hpb-container.mental-health .partner-section .partner-subsection#partner-madame-tussauds .partner-logo {
    width: 110px;
  }
  .hpb-container.mental-health .partner-section .partner-subsection#partner-acm .partner-logo {
    width: 66px;
  }
  .hpb-container.mental-health .partner-section .partner-subsection#partner-sentosa .partner-logo {
    width: 160px;
  }
  .hpb-container.mental-health .partner-offers .partner-offer .offer-left {
    width: 100%;
  }
  .hpb-container.mental-health .partner-offers .partner-offer .offer-left .offer-image {
    width: 40%;
  }
  .hpb-container.mental-health .partner-offers .partner-offer .offer-left .offer-desc {
    top: 1vw;
    bottom: 1vw;
    right: 1vw;
    padding-left: 19%;
    font-size: 2.66667vw !important;
  }
  .hpb-container.mental-health .partner-offers .partner-offer .offer-right {
    width: 100%;
  }
  .hpb-container.mental-health #virtual-journey .kv {
    margin-bottom: 5vw;
  }
  .hpb-container.mental-health #virtual-journey .car {
    margin-bottom: 8vw;
  }
}
@media only screen and (max-width: 576px) {
  .hpb-container.mental-health .partner-wrapper {
    padding-bottom: 8.5vw;
  }
  .hpb-container.mental-health .participating-sub-title .sub-title {
    top: 5vw;
  }
  .hpb-container.mental-health .participating-sub-title.partner-two {
    margin-bottom: 25px;
  }
  .hpb-container.mental-health .participating-sub-title.partner-four {
    margin-bottom: 25px;
  }
  .hpb-container.mental-health .partner-four-partners .btn-download {
    padding: 1.5vw 5vw;
  }
}