/* element */
a {
  text-decoration: none;
  color: unset;
  background: 0 0;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.overflow-hidden {
  overflow: hidden;
}

.margin-auto {
  margin: auto;
}

.fit-content {
  width: fit-content;
}

.display-flex {
  display: flex;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-auto {
  flex: auto;
}

.w-100 {
  width: 100%;
}

.margin-0 {
  margin: 0;
}

/* block layout */
main.view {
  padding-top: 170px;
}

.page-wrapper {
  padding: 0 10rem;
  /* padding: 0 8.5%; */
}

.section-wrapper {
  padding-top: 2.5em;
}

.program-wrapper {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  position: relative;
}

.activities-wrapper {
  padding: 3em 2rem;
}

.reward-wrapper {
  padding: 5.5em 10rem 3em;
}

.box-wrapper {
  padding: 0 8.5%;
}

.highlight-wrapper,
.related-wrapper {
  padding: 3em 0;
}

.gallery-wrapper {
  padding: 7em 0;
}

.project-wrapper {
  padding: 6rem 0;
}

.result-summary-wrapper {
  padding: 0 6rem;
  padding-top: 1rem;
}

/* navbar style */
nav {
  min-height: 170px;
}

nav.navbar,
nav.navbar .nav-wrapper i {
  /* height: fit-content; */
  line-height: normal;
}

.navbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0px 3px 9px rgb(0 0 0 / 9%);
  z-index: 4;
  transition: 1s all ease;
}

.navbar::before {
  content: "";
  background: #7e1da8;
  background: linear-gradient(90deg, #7e1da8 0%, #a73479 40%, #d04445 100%);
  height: 9px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

.navbar .row .col {
  padding: 0;
}

.navbar.bg-linear-gradient {
  background-color: black;
  /* box-shadow: none; */
  /* background: linear-gradient(to top, transparent 0%, black 55%); */
}

.navbar .logo-navbar {
  display: inline-block;
  max-width: 190px;
}

.navbar .logo-navbar img {
  max-width: 100%;
  height: auto;
  display: block;
}

.navbar .main-menu {
  margin-top: 3em;
}

.navbar .main-menu ul {
  margin: 0 -0.7em;
  margin-top: -0.6em;
}

.navbar .main-menu ul ul {
  margin-top: -0.3em;
  margin-right: 0.3em;
}

.navbar .main-menu ul a {
  /* padding: 0 12px; */
  padding: 0;
  margin: 0 12px;
  /* padding: 0;
  padding-right: 1.6em; */
}

.navbar .main-menu ul a:hover {
  color: #b252c4;
}

/* .navbar .member-authorized {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2.6rem 0 0;
} */

/* sitemap style */
#sitemap {
  padding: 4rem 0 0;
}

#sitemap .logo-sitemap {
  width: 170px;
  height: auto;
  margin-bottom: 0.937em;
}

#sitemap .sitemap-socail {
  margin-top: 4em;
  margin-bottom: 1em;
}

#sitemap .sitemap-socail img {
  width: 40px;
  margin-right: 0.5em;
}

#sitemap li {
  margin: 0.7em 0;
}

/* copyright style */
.footer-copyright {
  border-top: 1px solid #707070;
  padding: 0.625em 0 2.5em !important;
}

/* grid style */
.row {
  margin-bottom: 0;
}

.row-wrap {
  margin: 0 -10.33333%;
}

@media only screen and (max-width: 767px) {
  .row-wrap {
    margin: 0;
  }
}

.col .row {
  margin-left: 0;
  margin-right: 0;
}

.tabs-bar .col {
  padding: 0;
}

/* tabs style */
.tabs {
  background-color: transparent;
}

.tabs,
.tabs .tab {
  height: 62px;
}

.tabs .tab {
  line-height: 62px;
}

.tabs .tab a {
  color: white;
  position: relative;
  z-index: 2;
}

.tabs .tab a:hover,
.tabs .tab a.active,
.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background-color: transparent;
  color: white;
}

.tabs .tab a.active,
.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background-color: #88239A;
}

.tabs .tab a.active,
.tabs .tab a:focus,
.tabs .tab a:focus.active {
  font-weight: 500;
}

ul.tabs li.indicator {
  height: 100%;
  background-color: #88239A;
}

ul.tabs li.tab {
  border-right: 1px solid #707070;
}

ul.tabs li.tab:nth-last-child(2) {
  border-right: 0;
}

.home-page ul.tabs {
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}

/* carousel */
.carousel-banner {
  margin-top: -170px;
}

/* modal style */
.modal-intro .modal {
  width: 60%;
  overflow-y: visible;
}

.modal-intro .slider a.modal-close {
  position: absolute;
  z-index: 2;
  top: -40px;
  right: -40px;
}

.modal-intro .slider .indicators {
  position: absolute;
  z-index: 2;
  bottom: 8px;
}

.modal-intro .slider .indicators .indicator-item.active {
  background-color: #7E1DA8;
}

.modal-dialog {
  max-height: none;
  max-width: 560px;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  right: unset;

  .modal-content {
    padding: 0;
    position: relative;
    
    .modal-close {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      padding: 0;
      width: 36px;
    }

    img {
      display: block;
    }
  }
}

/* button style */
.btn-them-black {
  border: 1px solid white;
}

/* them style */
.them-bg-grey {
  background-color: #393939;
}

.them-bg-grey-dark {
  background-color: #141313;
}

.them-bg-purple {
  background-color: #661199;
}

.them-bg-indigo {
  background-color: #34296B;
}

.them-bg-light-blue {
  background-color: #2D93D3;
}

.them-text-purple {
  color: #88239A;
}

.cover,
.background-image {
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.background-image.width {
  background-size: 100% auto;
}

.background-image.center-bottom {
  background-position: center bottom;
}

.bg-cover-center {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.catchphrase {
  font-size: 2.5rem;
  line-height: 3.4375rem;
  padding: 1em 0;
}

.catchphrase::before,
.catchphrase::after,
.catchphrase-left::before {
  position: absolute;
  z-index: 2;
  color: grey;
  font-weight: bold;
  font-size: 5.75em;
  font-family: 'Margarine', 'Helvetica', arial;
}

.catchphrase::before {
  content: '\201C';
  top: 0.35em;
  left: 0.4em;
}

.catchphrase::after {
  content: '\201D';
  bottom: -0.1em;
  right: 0;
}

.card-knowledge .catchphrase-left {
  font-size: 40px;
  line-height: 55px;
  padding: 4rem 0;
}

.card-knowledge .catchphrase-left::before,
.knowledge-section .catchphrase-left::before,
.card-video .catchphrase-left::before {
  content: '\201C';
}

.card-knowledge .catchphrase-left::before {
  top: 0.35em;
  left: -0.1em;
}

.knowledge-section .catchphrase-left::before {
  font-size: 16.75em;
  top: -0.85em;
  left: -0.07em;
}

.card-video .catchphrase-left::before {
  font-size: 7em;
  top: -0.1em;
  left: -0.06em;
}

.bg-gradient,
.bg-black,
.bg-grey {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}

.bg-gradient {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 70%);
}

.carousel.carousel-slider .bg-gradient {
  top: 165px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 20%);
}

.bg-black {
  background-color: black;
  opacity: .5;
}

.bg-grey {
  background-color: #141313;
  opacity: .8;
}

.arrow-navigation {
  right: -10rem;
  top: 50%;
  transform: translateY(-50%);
}

/* icon vertical align */
.icon-vertical {
  margin: 1em 0;
}

.icon-vertical img,
.icon-vertical span,
.icon-vertical a,
.icon-vertical i {
  vertical-align: middle;
}

/* background zoom style */
.projects-activities-page .box-bg-zoom {
  height: 658px;
  margin: 1.4em 0;
  overflow: hidden;
}

.projects-activities-page .box-bg-zoom .background-zoom,
.card-news .box-bg-zoom .background-zoom {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.card-knowledge .box-bg-zoom .background-zoom,
.card-news .box-bg-zoom .background-zoom {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.projects-activities-page .box-bg-zoom:hover .background-zoom,
.projects-activities-page .box-bg-zoom:focus .background-zoom,
.card-knowledge:hover .background-zoom,
.card-knowledge:focus .background-zoom,
.card-news:hover .background-zoom,
.card-news:focus .background-zoom {
  transform: scale(1.2);
  transition: all .5s;
}

.projects-activities-page .box-bg-zoom .background-zoom::before,
.card-knowledge .box-bg-zoom .background-zoom::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.50);
}

.projects-activities-page .box-bg-zoom:hover .background-zoom:before,
.projects-activities-page .box-bg-zoom:focus .background-zoom:before,
.card-knowledge .box-bg-zoom:hover .background-zoom:before,
.card-knowledge .box-bg-zoom:focus .background-zoom:before {
  display: block;
}

/* background blur style */
.background-blur {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(60px);
  -webkit-backdrop-filter: blur(60px);
  height: 100%;
  width: 100%;
}

/* line border style */
.border-bottom-grey {
  border-bottom: 1px solid #707070;
}

.border-top-grey {
  border-top: 1px solid #707070;
}

.border-left-grey {
  border-left: 1px solid #707070;
}

.border-right-grey {
  border-right: 1px solid #707070;
}

.line-right,
.line-bottom {
  position: relative;
}

.line-right::after,
.line-bottom::after {
  content: '';
  position: absolute;
  background: #707070;
}

.line-right::after {
  width: 1px;
  height: 150vw;
  top: 0;
  right: 0;
}

.line-bottom::after {
  width: 100vw;
  height: 1px;
  bottom: 0;
  left: 0;
}

/* truncation */
.truncate-2,
.truncate-3,
.truncate-4,
.truncate-5 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.truncate-2 {
  -webkit-line-clamp: 2;
}

.truncate-3 {
  -webkit-line-clamp: 3;
}

.truncate-4 {
  -webkit-line-clamp: 4;
}

.truncate-5 {
  -webkit-line-clamp: 5;
}

/* collapsible style */
.present-box .collapsible {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.present-box .collapsible .collapsible-header i {
  margin: 0;
  margin-top: -0.2rem;
  font-size: 2rem;
}

.present-box .collapsible li.active i {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.present-box .collapsible .collapsible-header {
  border: 0;
  padding: 0;
  display: block;
  padding: 0 0.6em;
  background-color: transparent;
}

.present-box .collapsible .collapsible-body {
  border: 0;
  padding: 0;
}

/* card style */
.card-activities {
  padding: 0.6em;
  /* min-height: 46.875em; */
  padding-bottom: 1.5em;
}

.card-activities .card-activities-type {
  width: fit-content;
  margin-top: 1em;
}

.card-activities .bg-play-video {
  opacity: 0.4;
}

.card-activities .icon-play-video {
  width: 5.25em;
}

.home-page .col.s9.m9 .card-activities,
.projects-activities-page .card-activities {
  /* min-height: 47.85em; */
  min-height: 42.85em;
}

.card-news {
  padding: 0.6em;
  min-height: 380px;
}

.card-news .card-news-date {
  font-size: 0.875rem;
  margin-top: 1em;
}

.card-news .card-news-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-top: 0.25em;
}

.news-page .project-content .project-desc {
  font-size: 1.125rem;
}

.card-gallery .card-gallery-gradient {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 90%);
}

.card-gallery .card-gallery-date {
  margin-top: 0.5em;
}

.card-gallery .card-gallery-title {
  /* height: 4.5em; */
  margin-top: 0.25em;
}

.card-knowledge .row,
.card-knowledge .col {
  height: 18rem;
}

.card-knowledge .card-knowledge-content {
  padding: 1em;
  padding-right: 6em;
}

.card-knowledge .card-knowledge-title {
  font-size: 2rem;
  height: 4.5rem;
}

.card-knowledge .card-knowledge-author {
  font-size: 1.125rem;
  margin-top: -0.8em;
}

.card-knowledge .card-knowledge-desc {
  height: 4.25rem;
  margin-top: 1.5em;
}

.card-knowledge .box-bg-zoom img.background-zoom {
  height: 100%;
  object-fit: cover;
}

.card-knowledge img.bg-play-video {
  opacity: 0.7;
}

.card-knowledge img.icon-play-video {
  width: 6.25em;
}

.knowledge-hub-view-page #read .card-knowledge .knowledge-author,
.knowledge-hub-view-page #listen .card-knowledge .knowledge-author {
  margin-bottom: 1rem;
}

.knowledge-hub-view-page #read .card-knowledge .btn-url {
  margin-top: 2rem;
}

.knowledge-hub-view-page #listen .card-knowledge .knowledge-desc {
  margin-top: 1rem;
}

.card-our-sites {
  padding: 6em 0;
}

.card-our-sites img.our-site-logo {
  height: 6em;
}

.card-our-sites .our-site-content {
  padding-left: 6em;
}

.card-our-sites .our-site-desc {
  margin-top: 1.5em;
}

.card-listen {
  padding: 2em;
}

.card-listen .card-listen-content {
  padding-left: 3em;
}

.card-listen .card-listen-content .card-listen-title {
  font-size: 2rem;
  line-height: 2.5rem;
  height: 7.25rem;
}

.card-listen .card-listen-content .card-listen-date {
  font-size: 1.125rem;
}

.card-listen .card-listen-play-video {
  width: 20.75em;
  margin: auto;
}

.card-listen .card-listen-play-video hr {
  border: 1px solid #707070;
  margin: 0 0.5em 0 -0.7em;
  /* width: 100%; */
  flex: 1;
}

.card-play-list .card-listen {
  padding: 1em;
}

.card-play-list .card-listen .card-listen-play-video {
  width: unset;
  padding: 0 1em;
}

.card-play-list .card-listen .card-listen-play-video img {
  margin-top: 0.5em;
  margin-bottom: -1.2em;
}

.card-play-list .card-listen .card-listen-play-video hr {
  margin: 0 0.5em 0 -0.5em;
}

.card-listen .badge {
  float: unset;
  margin-left: 0;
}

.card-listen:hover {
  transform: scale(1.05);
  transition: all .8s;
}

.card-articles .card-articles-content {
  padding: 2.5em;
}

.card-video .row,
.card-video .col {
  height: 478px;
}

.card-video .card-video-quotation {
  right: 0;
  top: 0;
}

.card-video .card-video-content {
  bottom: 2em;
  left: 2em
}

/* box style */
.reward-box {
  width: 18.125em;
  margin: auto;
}

.reward-box img {
  height: 6em;
}

.reward-box p {
  margin-top: 1em;
}

.news-box {
  padding: 2.5em 0;
}

.news-box .news-topic {
  font-size: 1.875rem;
  padding: 0.2em;
  margin-bottom: 1.6em;
}

.news-box .row .col {
  padding: 0;
}

.gallery-box {
  padding: 4em 0 6.5em;
}

.gallery-box .col {
  padding: 0.5rem;
}

.map-box .row,
.map-box .map-content {
  height: 45em;
}

.map-box .col {
  padding: 0;
}

.map-box .map-descript {
  padding: 0 6em;
}

.map-box .map-descript>img {
  width: 11.8em;
  margin: 1em 0;
}

.about-box .about-content {
  padding-top: 3em;
  padding-left: 7em;
}

.about-box .about-logo {
  width: 26.563em;
  right: 0;
  bottom: 2px;
}

.knowledge-box {
  padding-top: 3em;
  padding-bottom: 8em;
}

.knowledge-box .knowledge-program {
  padding-top: 1em;
  padding-bottom: 6em;
}

.knowledge-box .border-bottom-grey {
  margin: 3.5em 0;
}

.institution-box {
  padding: 8em 0;
}

.institution-box .col {
  padding: 0.4em;
}

.institution-box .l6 img {
  height: 23.5em;
  object-fit: cover;
}

.program-box {
  padding: 2.5em 4em 5em 0.5em;
}

.present-box {
  padding: 2.5em 0 1em 1em;
}

.present-box .card-activities .related-image {
  height: 13.334rem;
  object-fit: cover;
}

.play-list-box {
  height: 41.5em;
  overflow-y: scroll;
  margin-bottom: 2.5em;
}

.related-box {
  /* overflow: hidden; */
  min-height: 50em;
}

.related-box .related-content.absolute {
  top: 20em;
}

.related-box .related-site {
  margin-left: 0.6em;
}

.banner-project-box .banner-project-content {
  margin-top: 3em;
}

.knowledge-section .row .col {
  padding: 0;
}

.knowledge-section .knowledge-section-title {
  padding: 4em 0;
  padding-right: 4em;
}

.knowledge-section .card-knowledge {
  left: -21rem;
  bottom: 4em;
  width: 18em;
}

.knowledge-section .knowledge-section-listen {
  padding: 2em 3em;
}

.knowledge-section .knowledge-section-narrator {
  padding: 1em 3em;
}

.knowledge-section .knowledge-section-listen img {
  margin: 6em 0;
}

.knowledge-section .bg-grey {
  background-color: white;
  opacity: .06;
}

.knowledge-section .knowledge-section-listen-mc {
  left: -15rem;
  bottom: 7.5em;
  width: 18.75em;
  z-index: 2;
}

.articles-box .row .col {
  padding: 0 0.75rem;
}

.articles-box {
  margin: 0 -0.75rem;
  padding-bottom: 4em;
}

.project-box .row .col {
  padding: 0;
}

.project-box .project-box-title {
  padding: 1em 0;
}

.project-box .project-content {
  padding-top: 13em;
  padding-right: 3em;
  padding-bottom: 20em;
}

.project-box .project-content .project-desc,
.project-box .project-content .project-date {
  margin-top: 2em;
}

.project-box .project-content .project-desc img {
  max-width: 100%;
  height: auto;
}

.project-box .project-content .project-btn {
  margin-top: 8em;
}

.home-page .activities-wrapper .row .col {
  padding: 0 0.15rem;
}

.gallery-section .row {
  margin: 0 -0.75rem;
}

.gallery-section .carousel {
  /* overflow: visible; */
}

.gallery-section .gallery-gradient {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 40%);
}

.gallery-section .img-gallery:hover {
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
  transform: scale(1.06);
}

.result-summary-banner .row,
.result-summary-banner .col {
  width: 100%;
  height: 100%;
}

.result-summary-banner .business-type-img {
  height: 20.25rem;
  left: 0;
  bottom: 0;
}

.result-summary-banner .business-type-content {
  width: 15.25rem;
  right: 0;
  top: 0;
}

.section-profile {
  .row.row-profile {
    margin: 0 -1.5rem;
  }

  .row .col.col-item {
    padding: 0 1.5rem;
  }

  .section-header {
    display: flex;
    align-items: center;
    font-size: 2rem;
    margin-bottom: 1.5rem;

    .material-icons {
      font-size: 2rem;
      margin-right: 0.875rem;
    }
  }

  .menu-nav {
    margin-left: 3rem;

    .menu-item {
      padding: 0.6875rem 0;
      border-bottom: 1px solid white;

      a {
        display: flex;
        align-items: center;

        .material-icons {
          margin-right: 0.875rem;
        }
      }
    }

    .menu-item:last-child {
      border-bottom: none;
    }
  }

  .section-profile-info {
    .section-header {
      margin-bottom: 1.875rem;
    }

    .row {
      margin-left: 2.625rem;
    }

    .input-field {
      input[type=text] {
        font-size: 1.125rem;
        color: white;
        border-bottom: 1px solid white;
      }

      label {
        font-size: 1.125rem;
        color: white;
      }
    }
  }
}

/* form style */
form.survey-form {
  width: 100%;
  height: 100%;
}

.survey-form .form-title,
.survey-form .form-note {
  position: absolute;
  left: 11.375rem;
}

.survey-form .form-note {
  font-size: 3.5rem;
  top: 4.375rem;
}

.survey-form .form-title {
  font-size: 4.375rem;
  top: 8.75rem;
}

.survey-form .form-choice-content {
  z-index: 3;
}

.survey-form .form-choice-content .form-choice-input {
  margin-top: 1.2rem;
}

.survey-form #survey_first .form-choice-content .form-choice-title {
  font-size: 2.5rem;
  line-height: 3.125rem;
}

.survey-form #survey_second .form-choice-content .form-choice-title {
  font-weight: 700;
  line-height: 3.125rem;
}

.survey-form #survey_third .form-choice-content .form-choice-title,
.survey-form #survey_fourth .form-choice-content .form-choice-title {
  font-size: 4.5rem;
  line-height: 3.125rem;
}

.survey-form .form-choice-content [type="radio"]+span:before,
.survey-form .form-choice-content [type="radio"]+span:after {
  width: 5.3rem;
  height: 5.3rem;
  margin-top: 2rem
}

.survey-form .form-choice-content [type="radio"]:not(:checked)+span,
.survey-form .form-choice-content [type="radio"]:checked+span {
  padding-left: 7.5rem;
}

.survey-form .form-choice-content [type="radio"]:not(:checked)+span:before,
.survey-form .form-choice-content [type="radio"].with-gap:checked+span:before {
  border: 0;
  background-color: white;
}

.survey-form #survey_second .form-choice-content [type="radio"]:not(:checked)+span:before,
.survey-form #survey_second .form-choice-content [type="radio"].with-gap:checked+span:before,
.survey-form #survey_second .form-choice-content [type="radio"]:checked+span:after {
  display: none;
}

.survey-form .form-choice-content [type="radio"]:checked+span:after,
.survey-form .form-choice-content [type="radio"].with-gap:checked+span:after {
  border: 0;
  background-color: #45B1BE;
}

.survey-form .form-choice-content.red-bg [type="radio"]:checked+span:after,
.survey-form .form-choice-content.red-bg [type="radio"].with-gap:checked+span:after {
  background-color: #EB314D;
}

.form-questionnaire .bg_breadcrumb {
  background-color: black;
  text-align: center;
  font-size: 2rem;
  border-bottom: 1px solid #707070;
}

.form-questionnaire .container {
  padding: 3.5em 0;
}

.form-questionnaire .bg_breadcrumb .container {
  padding: unset;
}

.form-questionnaire section {
  padding: 3em;
  background-color: white;
}

.form-questionnaire .head_editprofile {
  border-bottom: 2px solid black;
  margin-bottom: 1.5em;
}

.form-questionnaire .head_editprofile h3 {
  margin: 0;
  margin-bottom: 0.8em;
}

.form-questionnaire .list_editprofile {
  margin: 2.5em 0;
}

.form-questionnaire .list_editprofile .col-12 {
  margin: 0.5em 0;
}

.form-questionnaire .list_editprofile .col-12 p {
  padding: 0.6em;
  background-color: black;
  color: white;
}

.form-questionnaire button {
  font-size: 1.25rem;
  height: 54px;
  line-height: 54px;
  text-align: center;
  padding: 0 28px;
  color: white;
  background-color: black;
  border: none;
  border: 2px solid black;
  transition: 0.4s;
}

.form-questionnaire button:hover {
  color: black;
  background-color: white;
  border: 2px solid black;
}

.form-questionnaire input {
  font-family: 'Prompt';
  font-weight: 300;
}

.form-questionnaire label.checkbox {
  display: flex;
  align-items: center;
}

.form-questionnaire input[type="checkbox"]:not(:checked),
.form-questionnaire input[type="checkbox"]:checked {
  position: relative;
  opacity: unset;
  pointer-events: unset;
  width: 16px;
  height: 16px;
  margin: 10px 0;
  margin-right: 10px;
}

/* privacy policy cookie */
.privacy {
  display: flex;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  align-items: center;
  padding: 20px;
  width: 100%;
  animation-name: slide-bar;
  animation-direction: normal;
  animation-duration: 900ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes slide-bar {
  from {
    transform: translateY(50px);
  }

  to {
    transform: translateY(0);
  }
}

.policy-banner {
  padding: 20px;
  opacity: 1;
  width: unset;
  max-width: 1280px;
  margin: 0 auto;
  border: 1px solid rgb(232, 232, 232);
  border-radius: 8px;
  box-shadow: rgb(0 0 0 / 10%) 0px 2px 8px 0px;
}

.policy-banner .policy-title {
  margin-bottom: 5px;
}

.policy-banner .policy-link {
  /* margin: 0 0.2em; */
  color: #BB3C61;
}

.policy-btn .policy-btn-accept {
  background-color: #BB3C61;
  border-radius: 10px;
  font-weight: 400;
  margin-top: 1.5em;
  color: white;
}

/* font style */
.navbar .main-menu h2 {
  /* font-size: 2.65em; */
}

.navbar .main-menu ul a {
  font-size: 1.125rem;
}

.tabs .tab a {
  font-size: 1.5em;
}

.highlight-title,
.related-title {
  font-size: 6.25rem;
}

.highlight-brief {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.about-box .about-content .about-title {
  font-size: 1.625rem;
  line-height: 2.1875rem;
}

.about-box .about-content .about-detail {
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding-bottom: 3em;
}

.box-bg-zoom h1 {
  font-size: 5rem;
}

.projects-activities-page .box-bg-zoom:hover h1,
.projects-activities-page .box-bg-zoom:focus h1 {
  transform: scale(1.2);
  transition: all .5s;
}

.institution-banner .institution-title {
  /* font-size: 12.5rem; */
  font-size: 7vw;
  font-weight: 700;
  margin: 0;
}

.institution-banner .institution-desc {
  font-size: 1.75rem;
  line-height: 2.75rem;
  margin: auto;
  width: 50%;
  /* padding: 0 11.625rem; */
}

.card-activities h4.card-activities-title {
  line-height: 1.875rem;
}

.card-activities h4.card-activities-title.larger {
  line-height: 2.625rem;
}

.card-listen .card-listen-play-video .material-icons {
  font-size: 3.125em;
  line-height: 2;
}

.arrow-navigation {
  font-size: 6em;
}

.project-box .project-content .project-title {
  font-size: 2.65rem;
  line-height: 3.25rem;
}

.knowledge-title {
  line-height: 3.125rem;
}

.result-summary-banner .business-size-title {
  font-size: 16.625rem;
  margin: 0;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}

.result-summary-banner .business-size-desc {
  margin: 0;
  left: 4.5rem;
  bottom: 4.4rem;
}

/* Truncation */
.truncate-1,
.truncate-2,
.truncate-3,
.truncate-4,
.truncate-5,
.truncate-6,
.truncate-8 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.truncate-1 {
  -webkit-line-clamp: 1;
}

.truncate-2 {
  -webkit-line-clamp: 2;
}

.truncate-3 {
  -webkit-line-clamp: 3;
}

.truncate-4 {
  -webkit-line-clamp: 4;
}

.truncate-5 {
  -webkit-line-clamp: 5;
}

.truncate-6 {
  -webkit-line-clamp: 6;
}

.truncate-8 {
  -webkit-line-clamp: 8;
}

/* Page */
.profile-page {
  padding: 3.375rem 0;
}