@import url('https://ch-api.healthhub.sg/api/public/content/5437c2b38f8148e8a97f6eeb2e46084f?v=d89a0907');

.mindsg .mindsg-container .bg-intro-sleep {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/45f621c276614c77ade250632204d7f9?v=eaaed490);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-left: 0px;
  padding-right: 0px;
}

.mindsg .mindsg-container .intro-sleep_inner {
  max-width: 1004px;
  width: 100%;
  margin: 30px auto;
}
.mindsg .mindsg-container .intro-sleep-grid .slick-track {
  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 .intro-sleep-grid .slick-list {
  margin-left: 0px;
  margin-right: 0px;
}
.mindsg .mindsg-container .intro-sleep-grid .content-box {
  margin: 13px;
  padding: 30px 15px;
  background-color: #fff;
  border-radius: 10px;
  width: 30%;
}

.mindsg .mindsg-container .sleep-diary-to-include-slider .slick-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mindsg .mindsg-container .sleep-diary-to-include-slider .content-box .box {
  border-radius: 20px;
  padding: 30px 32px;
  height: 100%;
}
.mindsg .mindsg-container .sleep-diary-to-include-slider .sleep-diary-img {
  margin-bottom: 20px !important;
}
.mindsg
  .mindsg-container
  .sleep-diary-to-include-slider
  .content-box
  .sleep-diary-one {
  background-color: #b5cdea;
}
.mindsg
  .mindsg-container
  .sleep-diary-to-include-slider
  .content-box
  .sleep-diary-two {
  background-color: #ffd0d1;
}
.mindsg
  .mindsg-container
  .sleep-diary-to-include-slider
  .content-box
  .sleep-diary-three {
  background-color: #e3d8ed;
}
.mindsg
  .mindsg-container
  .sleep-diary-to-include-slider
  .content-box
  .sleep-diary-four {
  background-color: #b5cdea;
}
.mindsg
  .mindsg-container
  .sleep-diary-to-include-slider
  .content-box
  .sleep-diary-five {
  background-color: #c0e0b1;
}
.mindsg
  .mindsg-container
  .sleep-diary-to-include-slider
  .content-box
  .sleep-diary-six {
  background-color: #b8dadd;
}

.mindsg .mindsg-container .sleep-centres-tbl .sleep-centres-row:nth-child(odd) {
  background-color: #f7d7d4;
}
.mindsg
  .mindsg-container
  .sleep-centres-tbl
  .sleep-centres-row:nth-child(even) {
  background-color: #f8f8f8;
}
.mindsg .mindsg-container .sleep-centres-tbl .sleep-centres-row .columns {
  padding: 25px;
}
.mindsg
  .mindsg-container
  .sleep-centres-tbl
  .sleep-centres-row
  .text-center.columns {
  margin-bottom: 15px;
  width: 35%;
}
.mindsg
  .mindsg-container
  .sleep-centres-tbl
  .sleep-centres-row
  .text-left.columns:nth-child(1) {
  width: 40%;
}
.mindsg
  .mindsg-container
  .sleep-centres-tbl
  .sleep-centres-row
  .text-left.columns:nth-child(2) {
  width: 60%;
}
.mindsg .mindsg-container .sleep-centres-tbl .sleep-centres-row .clinic-info > div:nth-child(1),
.mindsg .mindsg-container .sleep-centres-tbl .sleep-centres-row .clinic-info > div:nth-child(2) {
  margin-bottom: 10px;
}
.mindsg
  .mindsg-container
  .sleep-centres-tbl
  .sleep-centres-row
  .clinic-info
  .f3 {
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .mindsg .mindsg-container .intro-sleep-grid .content-box {
    margin: 10px;
  }
}
@media screen and (max-width: 767px) {
  .mindsg .mindsg-container .intro-sleep-grid .content-box {
    margin: 5px;
    padding: 30px 8px;
  }
  .mindsg .mindsg-container .intro-sleep-slider .slick-list {
    margin-left: 15px;
    margin-right: 15px;
  }

  .mindsg .mindsg-container .intro-sleep-slider {
    margin-bottom: 45px;
  }

  .mindsg .mindsg-container .intro-sleep-slider .slick-prev {
    left: 40%;
  }

  .mindsg .mindsg-container .intro-sleep-slider .slick-next {
    right: 40%;
  }

  .mindsg .mindsg-container .intro-sleep-slider .slick-prev,
  .mindsg .mindsg-container .intro-sleep-slider .slick-next {
    top: auto;
    bottom: -80px;
  }

  .mindsg .mindsg-container .sleep-diary-to-include-slider .content-box .box {
    padding: 30px 12px;
  }
  .mindsg .mindsg-container .sleep-centres-tbl {
    height: 540px;
    overflow: scroll;
  }
  .mindsg .mindsg-container .sleep-centres-tbl .sleep-centres-row.flexbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
  .mindsg .mindsg-container .sleep-centres-tbl .sleep-centres-row .columns {
    padding: 0;
  }
  .mindsg .mindsg-container .sleep-centres-tbl .sleep-centres-row .clinic-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mindsg
    .mindsg-container
    .sleep-centres-tbl
    .sleep-centres-row
    .clinic-info
    .f3:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .mindsg
    .mindsg-container
    .sleep-centres-tbl
    .sleep-centres-row
    .clinic-info
    .f3:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .mindsg
    .mindsg-container
    .sleep-centres-tbl
    .sleep-centres-row
    .clinic-info
    .f3:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mindsg
    .mindsg-container
    .sleep-centres-tbl
    .sleep-centres-row
    .text-left.columns
    .f3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mindsg
    .mindsg-container
    .sleep-centres-tbl
    .sleep-centres-row
    .text-center.columns,
  .mindsg
    .mindsg-container
    .sleep-centres-tbl
    .sleep-centres-row
    .text-left.columns {
    width: 100%;
  }
  .mindsg
  .mindsg-container
  .sleep-centres-tbl
  .sleep-centres-row
  .text-left.columns:nth-child(1),
    .mindsg
  .mindsg-container
  .sleep-centres-tbl
  .sleep-centres-row
  .text-left.columns:nth-child(2) {
    width: 100%;
  }
  .mindsg
  .mindsg-container
  .sleep-centres-tbl
  .sleep-centres-row
  .text-left.columns:nth-child(1){
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 600px) {
  .mindsg .mindsg-container .intro-sleep-slider .slick-prev {
    left: 35%;
  }

  .mindsg .mindsg-container .intro-sleep-slider .slick-next {
    right: 35%;
  }
}

.mindsg .mindsg-container .bg-howmuch-sleep-we-need {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/92c1ba4e06454bcbb6fd2e2cd626cfba?v=ee511553);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  margin-left: 0px;
  margin-right: 0px;
}

.mindsg .mindsg-container .sleep-deprivation_inner {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto 30px;
}

.mindsg .mindsg-container .sleep-deprivation_inner h4 {
  min-height: 40px;
  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;
}

.mindsg .mindsg-container .sleep-deprivation-grid .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 5px;
  padding: 30px 15px;
  border-radius: 10px;
  width: 19%;
}
.mindsg .mindsg-container .sleep-deprivation-grid .content-box:nth-child(1) {
  background-color: #f7d5d2;
}
.mindsg .mindsg-container .sleep-deprivation-grid .content-box:nth-child(2) {
  background-color: #fff4c2;
}
.mindsg .mindsg-container .sleep-deprivation-grid .content-box:nth-child(3) {
  background-color: #d9efd0;
}
.mindsg .mindsg-container .sleep-deprivation-grid .content-box:nth-child(4) {
  background-color: #e3d8ed;
}
.mindsg .mindsg-container .sleep-deprivation-grid .content-box:nth-child(5) {
  background-color: #dceeff;
}

@media screen and (max-width: 1098px) {
  .mindsg .mindsg-container .sleep-deprivation-grid .content-box {
    width: 18.9%;
  }
}
@media screen and (max-width: 1008px) {
  .mindsg .mindsg-container .sleep-deprivation-grid .content-box {
    width: 18.8%;
  }
}
@media screen and (max-width: 862px) {
  .mindsg .mindsg-container .sleep-deprivation-grid .content-box {
    width: 18.6%;
  }
}
@media screen and (max-width: 767px) {
  .mindsg .mindsg-container .sleep-deprivation-grid .content-box {
    width: 44%;
    margin: 5px;
  }
  .mindsg .mindsg-container .effects-of-sleep-deprivation_inner h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
  }
  .mindsg .mindsg-container .effects-of-sleep-deprivation_inner h4:nth-child(1),
  .mindsg .mindsg-container .effects-of-sleep-deprivation_inner h4:nth-child(2),
  .mindsg .mindsg-container .effects-of-sleep-deprivation_inner h4:nth-child(5),
  .mindsg .mindsg-container .effects-of-sleep-deprivation_inner h4:nth-child(6){
    min-height: 40px;
  }
  .mindsg .mindsg-container .effects-of-sleep-deprivation_inner h4:nth-child(3),
  .mindsg .mindsg-container .effects-of-sleep-deprivation_inner h4:nth-child(4){
  min-height: 60px;
  }
}

.mindsg .mindsg-container .bg1-effects-of-sleep-deprivation {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/3b2933e5d7244447a78e83cec5edbc71?v=224a66cd);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 50px 0px 15px 0px;
}
.mindsg .mindsg-container .bg2-effects-of-sleep-deprivation {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/3131ff4c587f42709dd28342533e1089?v=60da0504);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 0px 0px 20px 0px;
}
.mindsg .mindsg-container .effects-of-sleep-deprivation-grid .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 13px;
  padding: 25px 15px;
  background-color: #8bbce8;
  border-radius: 10px;
  width: 30%;
}

.mindsg .mindsg-container .intro-sleep-grid .content-box p,
.mindsg .mindsg-container .sleep-deprivation-grid .content-box p,
.mindsg .mindsg-container .effects-of-sleep-deprivation-grid .content p {
  margin-top: 15px;
}

.mindsg .mindsg-container .sleep-deprivation-grid .content-box img,
.mindsg .mindsg-container .effects-of-sleep-deprivation-grid .content img {
  margin-bottom: 15px !important;
}

@media screen and (max-width: 991px) {
  .mindsg .mindsg-container .effects-of-sleep-deprivation-grid .content {
    margin: 10px;
  }
}
@media screen and (max-width: 767px) {
  .mindsg .mindsg-container .effects-of-sleep-deprivation-grid .content {
    width: 44%;
    margin: 5px;
  }
}

.mindsg .mindsg-container .bg-goodnight-sleep {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/c451937390d84d1e97f3ab0b182b9e52?v=181bdc69);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 50px 0px 20px 0px;
}

.mindsg .mindsg-container .goodnight-sleep_inner {
  width: 100%;
  margin: 30px auto;
}

.mindsg .mindsg-container .goodnight-sleep-grid .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 13px;
  padding: 30px 15px;
  width: 30%;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='0'],
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='11'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/e5a27a7ea741422e9baca1a61492d824?v=b075f813);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='1'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/25b769e5b45d41d28464a55bf6d7ec53?v=3b7bb094);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='2'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/80842400be754c2e9c2567c294b1080d?v=f58c45fe);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='3'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/84f7a39309ab4743bb278be98076fea4?v=f188fc30);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='4'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/690bd3aa983e488d80738988ca1303c9?v=de9749f8);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='5'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/64cc0e95390a447486a8d96f83a7779c?v=3a03c23a);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='6'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/ea78816f19244956bbd784005d1239ca?v=b1e5b19e);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='7'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/e3a8c1a2e87c4c33ac36f0c49165ef89?v=d939aac1);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='8'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/75da6dedd4464e5d9d25999809e572c1?v=0280adce);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='-2'],
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='9'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/d1352253c9ad4344b2903aa4bc41d5c5?v=97260c91);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='-1'],
.mindsg
  .mindsg-container
  .goodnight-sleep-grid
  .content-box[data-slick-index='10'] {
  background-image: url(https://ch-api.healthhub.sg/api/public/content/e4d62589930a435ba1faa6e3c616dc7a?v=4e67b530);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.mindsg .mindsg-container .goodnight-sleep-slider .slick-track {
  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 .goodnight-sleep-slider .slick-list {
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (max-width: 1280px) {
  .mindsg .mindsg-container .goodnight-sleep-slider .slick-list {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.mindsg .mindsg-container .goodnight-sleep-slider {
  margin-bottom: 80px;
}

.mindsg .mindsg-container .goodnight-sleep-slider .slick-prev {
  left: 8%;
}

.mindsg .mindsg-container .goodnight-sleep-slider .slick-next {
  right: 8%;
}

.mindsg .mindsg-container .goodnight-sleep-slider .slick-prev,
.mindsg .mindsg-container .goodnight-sleep-slider .slick-next {
  top: auto;
  bottom: -80px;
}

@media screen and (max-width: 991px) {
  .mindsg .mindsg-container .goodnight-sleep-grid .content-box {
    margin: 10px;
  }
}
.mindsg .mindsg-container .goodnight-sleep_inner .progress {
  display: block;
  width: 71%;
  height: 5px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, right top, from(#00afe6), to(#00afe6));
  background-image: -o-linear-gradient(left, #00afe6, #00afe6);
  background-image: linear-gradient(to right, #00afe6, #00afe6);
  background-repeat: no-repeat;
  background-size: 10% 100%;
  -webkit-transition: background-size 0.4s ease-in-out;
  -o-transition: background-size 0.4s ease-in-out;
  transition: background-size 0.4s ease-in-out;
  margin: -46px auto 0px 12%;
}
.mindsg .mindsg-container .goodnight-sleep_inner .slider__label {
  margin: -15px auto 0 auto;
  width: 77%;
  text-align: right;
}
@media screen and (max-width: 1280px) {
  .mindsg .mindsg-container .goodnight-sleep_inner .progress {
    margin: -46px auto 0px 12.5%;
  }
  .slider__label {
    width: 75%;
  }
}
@media screen and (max-width: 991px) {
  .mindsg .mindsg-container .goodnight-sleep-slider .slick-prev {
    left: 2%;
  }

  .mindsg .mindsg-container .goodnight-sleep-slider .slick-next {
    right: 2%;
  }
  .mindsg .mindsg-container .goodnight-sleep_inner .progress {
    width: 79%;
    margin: -48px auto 0 8%;
  }
  .mindsg .mindsg-container .goodnight-sleep_inner .slider__label {
    width: 84%;
  }
}
@media screen and (max-width: 767px) {
  .mindsg .mindsg-container .goodnight-sleep-slider .slick-prev {
    left: 0;
  }

  .mindsg .mindsg-container .goodnight-sleep-slider .slick-next {
    right: 0;
  }
  .mindsg .mindsg-container .goodnight-sleep_inner .progress {
    margin: -48px auto 0 7%;
  }
  .mindsg .mindsg-container .goodnight-sleep_inner .slider__label {
    width: 85%;
  }
}
@media screen and (max-width: 600px) {
  .mindsg .mindsg-container .goodnight-sleep_inner .progress {
    width: 73%;
    margin: -48px auto 0 10%;
  }
  .mindsg .mindsg-container .goodnight-sleep_inner .slider__label {
    width: 85%;
  }
}
@media screen and (max-width: 500px) {
  .mindsg .mindsg-container .goodnight-sleep_inner .progress {
    width: 80%;
    margin: -48px auto 0 auto;
  }
  .mindsg .mindsg-container .goodnight-sleep_inner .slider__label {
    margin: 10px auto;
    text-align: center;
  }
}
.mindsg .mindsg-container .goodnight-sleep-slider .slide-no {
  top: 0;
  left: 0;
  padding: 10px 0px 0px 10px;
  font-size: 45px;
}

.mindsg .mindsg-container .intro-sleep_inner img,
.mindsg .mindsg-container .sleep-deprivation_inner img {
  -webkit-filter: none;
          filter: none;
}