@import url("https://ch-api.healthhub.sg/api/public/content/83fab8568b1545e59795f1de8076b94f");
.mindsg .mindsg-container:not(.has-mobile-topics) .age-group-navbar,
.mindsg .mindsg-container:not(.has-mobile-topics) .age-select-section {
  background-color: #E0F7E5 !important;
}

@media (min-width: 768px) {
  .mindsg .mindsg-container .age-group-navbar {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .mindsg .mindsg-container .age-select-section {
    background-color: #E0F7E5 !important;
  }
}

.mindsg .mindsg-container .slick-slider .slick-list {
  margin-left: 0;
  margin-right: 0;
}
.mindsg .mindsg-container .slick-slider .slick-arrow + .slick-list {
  margin-left: 40px;
  margin-right: 40px;
}

.mindsg .mindsg-container .btn-bright-yellow {
  display: inline-block;
  background-color: #FFE23C;
  padding: 5px 10px;
  border-radius: 1000px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .reveal-mobile .card {
    display: none;
  }
  .sync-text-read-more .panel-arrow,
  .sync-text-read-less .panel-arrow {
    background-color: #a3e3a3;
  }
  .load-more .panel-arrow,
  .load-less .panel-arrow {
    background-color: #000;
  }
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .navigating-the-digital-world .kv {
    width: 200px;
  }
}

@media (max-width: 767px) {
  .mindsg .mindsg-container .what-is-cyber-wellness .kv {
    width: 230px;
  }
}

@media (max-width: 767px) {
  .mindsg .mindsg-container .why-should-be-monitored .white-area .card-wrapper {
    background-color: transparent;
    padding: 0;
    text-align: center;
  }
  .mindsg .mindsg-container .why-should-be-monitored .white-area .card-wrapper ul li {
    text-indent: 0;
    padding: 15px;
    background-color: #fff;
  }
  .mindsg .mindsg-container .why-should-be-monitored .white-area .card-wrapper ul li::before {
    content: none;
  }
}
.mindsg .mindsg-container .why-should-be-monitored .screen-time-wrapper {
  max-width: 630px;
  margin: 0 -15px;
}
@media (min-width: 768px) {
  .mindsg .mindsg-container .why-should-be-monitored .screen-time-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
.mindsg .mindsg-container .why-should-be-monitored .screen-time-wrapper .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 0 -10px -7px;
  border: 0px solid transparent !important;
}
.mindsg .mindsg-container .why-should-be-monitored .screen-time-wrapper .nav-tabs li {
  width: 50%;
  padding-left: 7px;
  margin-bottom: 0px;
  border: 0;
}
.mindsg .mindsg-container .why-should-be-monitored .screen-time-wrapper .nav-tabs li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  margin: 0;
  border: 0;
  text-decoration: none;
  color: #000;
  background-color: #A3E3A3;
  border-radius: 10px 10px 0 0;
  padding: 10px 10px 20px 10px;
}
.mindsg .mindsg-container .why-should-be-monitored .screen-time-wrapper .nav-tabs li.active a {
  background-color: #fff;
}
.mindsg .mindsg-container .why-should-be-monitored .screen-time-wrapper .tab-content {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .why-should-be-monitored .screen-time-wrapper .tab-content .illustration {
    width: 115px;
  }
}

.mindsg .mindsg-container .why-is-cyber-wellness-important .list-wrapper {
  max-width: 850px;
  margin: 0 auto;
}

.mindsg .mindsg-container .tips-cyber-wellness .tip-cards {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .tips-cyber-wellness .tip-cards {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.mindsg .mindsg-container .tips-cyber-wellness .tip-cards > * {
  width: 20%;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .tips-cyber-wellness .tip-cards > * {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .tips-cyber-wellness .establish-screen-free-zones .card .card-wrapper {
    background-color: transparent;
    padding: 0 0 26px;
  }
  .mindsg .mindsg-container .tips-cyber-wellness .establish-screen-free-zones .card .card-wrapper:last-child {
    padding-bottom: 0;
  }
}

.mindsg .mindsg-container .modal-tips-cyber-wellness .btn-bright-yellow {
  min-width: 210px;
}

.mindsg .mindsg-container .mind-their-digital-footprint .keep-in-mind-wrapper {
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .mindsg .mindsg-container .mind-their-digital-footprint .keep-in-mind-wrapper .keep-in-mind-slider {
    margin-left: -30px;
    margin-right: -30px;
  }
}

@media (max-width: 767px) {
  .mindsg .mindsg-container .tab-preschool .why-is-important .illustration .kv {
    width: 132%;
    max-width: none;
    margin-left: -18%;
  }
}

@media (max-width: 767px) {
  .mindsg .mindsg-container .tab-primary-teen .why-is-important .illustration .kv {
    width: 164%;
    max-width: none;
    margin-left: -32%;
  }
}