@import url("https://ch-api.healthhub.sg/api/public/content/83fab8568b1545e59795f1de8076b94f");
@media (min-width: 768px) {
  .mindsg .mindsg-container .importance-of-managing-emotions .kv {
    margin-bottom: -30px;
  }
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .importance-of-managing-emotions .kv {
    margin-top: 20px;
  }
}
.mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner {
    margin-top: 0;
  }
}
.mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner .title-margin {
  color: #fff;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner .title-margin {
    margin-top: 20px;
    margin-bottom: 5px;
  }
}
.mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner .left-copy {
  padding-right: 6%;
}
.mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner .kv-container {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner .kv-container .kv-wrapper {
  margin-left: -24%;
  margin-right: -8%;
}
@media (min-width: 992px) {
  .mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner .kv-container .kv-wrapper {
    margin-left: -30%;
    margin-right: -20%;
  }
}
@media (max-width: 1265px) {
  .mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner .kv-container .kv-wrapper.youths {
    margin-left: -40%;
    margin-right: -10%;
  }
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .what-are-emotions .what-are-emotions_inner .kv {
    margin-top: 20px;
  }
}
.mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: -30px;
}
@media screen and (min-width: 1024px) {
  .mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 767px) {
  .mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper {
    margin-bottom: -10px;
  }
}
.mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper .emotion {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper .emotion .emotion-wrapper {
  padding: 35px 15px 30px;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper .emotion .emotion-wrapper {
    padding: 10px 0;
  }
}
.mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper .emotion .emotion-wrapper .title {
  font-weight: bold;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper .emotion .emotion-wrapper .icon {
    padding: 0 15px;
  }
}
.mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper .emotion .emotion-wrapper .icon img {
  margin: 10px auto 15px;
}
@media (max-width: 1024px) {
  .mindsg .mindsg-container .basic-emotions .basic-emotions-wrapper .emotion .emotion-wrapper .desc br {
    display: none;
  }
}
.mindsg .mindsg-container .understand-emotions hr {
  margin-left: -30px;
  margin-right: -30px;
  border-top: 2px solid #707070;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .understand-emotions hr {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.mindsg .mindsg-container .understand-emotions > .row, .mindsg .mindsg-container .understand-emotions > .container > .row {
  max-width: 1050px;
  margin: auto;
  padding: 0 30px;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .understand-emotions > .row, .mindsg .mindsg-container .understand-emotions > .container > .row {
    padding: 0;
  }
}
.mindsg .mindsg-container .understand-emotions .understand-tiles {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -20px;
}
.mindsg .mindsg-container .understand-emotions .understand-tiles .tile {
  padding: 0 10px 20px;
}
.mindsg .mindsg-container .understand-emotions .understand-tiles .tile .tile-wrapper {
  border-radius: 10px;
  padding: 30px 20px;
  height: 100%;
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .understand-emotions .understand-tiles .tile .tile-wrapper {
    padding: 20px;
  }
}
.mindsg .mindsg-container .understand-emotions .understand-tiles .tile .tile-wrapper .icon {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .understand-emotions .understand-tiles .tile .tile-wrapper .icon {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.mindsg .mindsg-container .understand-emotions .understand-tiles .tile .tile-wrapper .icon img {
  max-width: 80%;
}
.mindsg .mindsg-container .understand-emotions .video-wrapper {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .understand-emotions .video-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.mindsg .mindsg-container .manage-emotions {
  position: relative;
  overflow: hidden;
}
.mindsg .mindsg-container .manage-emotions .bg-white {
  background-color: #fff;
}
.mindsg .mindsg-container .manage-emotions .illustration {
  margin-top: 50px;
}
.mindsg .mindsg-container .manage-emotions .panel .panel-body ul {
  margin-bottom: -15px;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .manage-emotions .panel .panel-body ul {
    margin-bottom: -10px;
  }
}
.mindsg .mindsg-container .manage-emotions .panel .panel-body ul li {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .manage-emotions .panel .panel-body ul li {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .manage-emotions .illustration {
    margin-top: 30px;
  }
  .mindsg .mindsg-container .manage-emotions .illustration img {
    width: 50%;
  }
}
.mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .subtitle {
  margin-top: 20px;
}
.mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .accordion-items-wrapper {
  margin-bottom: -10px;
}
.mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .img-area, .mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .text-area {
  text-align: center;
}
.mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .text-area {
  margin: auto;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .text-area {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .shorter-height {
    height: 100px;
  }
}
.mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .panel-default {
  background-color: #fff;
}
.mindsg .mindsg-container .mindful-to-avoid-toxic-positivty .h4-padding {
  padding: 30px 40px;
}
.mindsg .mindsg-container .emotional-support h2 {
  position: relative;
}
.mindsg .mindsg-container .emotional-support .bg-white {
  background-color: #fff;
}

.mindsg .useful-self-help-tools-slider .slick-track {
  margin-left: auto;
  margin-right: auto;
}

.mindsg .mindsg-container .how-to-reach-out-for-support {
  position: relative;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  background-size: contain;
}
.mindsg .mindsg-container .how-to-reach-out-for-support .bg-kv-wrapper {
  position: absolute;
  left: 40px;
}
.mindsg .mindsg-container .how-to-reach-out-for-support #how-to-reach-out-for-support-accordion {
  width: 70%;
}
.mindsg .mindsg-container .how-to-reach-out-for-support .how-to-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mindsg .mindsg-container .how-to-reach-out-for-support .how-to-container .how-to-item {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #97E3D6;
  border-radius: 15px;
  margin: 10px;
}
.mindsg .mindsg-container .how-to-reach-out-for-support .how-to-container .how-to-item .how-to-title {
  color: #fff;
  background-color: #33757c;
  border-radius: 0 0 28px 0;
  padding: 15px;
  margin-right: 20px;
}
.mindsg .mindsg-container .how-to-reach-out-for-support .how-to-container .how-to-item .how-to-desc {
  padding: 15px;
}
.mindsg .mindsg-container .how-to-reach-out-for-support .how-to-container .how-to-image {
  margin: 10px;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .how-to-reach-out-for-support .how-to-container > * {
    width: 100% !important;
  }
}

.title-height {
  line-height: 1.2;
}