body.education {
  background-color: var(--theme-bg-color); }
body.reports {
  background-color: var(--theme-bg-color); }
body.static-page {
  background-color: var(--theme-bg-color); }
body.search, body.ohs, body.green_activities {
  background-color: var(--theme-bg-color); }

.static h2,
.static h3,
.static h4 {
  color: var(--theme-main-color); }
.static h3 {
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.3571428571; }
  @media (max-width: 767.98px) {
    .static h3 {
      font-size: 1.25em; } }
.static h4 {
  font-size: 1em; }
.static strong {
  font-weight: bold; }
.static img:only-child {
  border-radius: 24px; }
.static ul {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0; }
.static li {
  padding-left: 1.5em;
  background-image: url(../images/common/list-bullet.png);
  background-size: 0.85em;
  background-position: 0 0.3125em;
  background-repeat: no-repeat;
  list-style: none; }
  .static li img {
    display: inline-block; }
.static--head {
  text-align: center; }
  .static--head h2 {
    color: var(--theme-main-color); }
    @media (min-width: 768px) {
      .static--head h2 {
        font-size: 3.125em; } }
  .static--head ul {
    max-width: 795px; }

.two-light-box {
  overflow: hidden; }

.page-hero {
  position: relative;
  width: 100%;
  padding: 5.75em 0em;
  display: flex;
  align-items: center; }
  @media (min-width: 768px) {
    .page-hero:has(> .page-hero__backdrop) {
      min-height: 380px; } }
  @media (max-width: 767.98px) {
    .page-hero:has(> .page-hero__backdrop) {
      height: 380px; } }
  .page-hero:has(> .page-hero__backdrop) .page-hero__title,
  .page-hero:has(> .page-hero__backdrop) .page-hero__headline,
  .page-hero:has(> .page-hero__backdrop) .page-hero__desc {
    color: #fff; }
  @media (max-width: 767.98px) {
    .page-hero {
      padding: 2em 0em; } }
  .page-hero__backdrop {
    position: absolute;
    inset: 0; }
    .page-hero__backdrop:before {
      content: "";
      position: absolute;
      inset: 0;
      background-color: #7aa391;
      opacity: 0.25;
      z-index: 1;
      mix-blend-mode: multiply; }
  .page-hero__container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    margin: auto; }
  .page-hero__title, .page-hero__headline {
    color: var(--theme-main-color); }
  .page-hero__title {
    letter-spacing: 0.1em;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 2;
    margin-bottom: 10px; }
  .page-hero__headline {
    font-size: 4.375em;
    font-weight: bold;
    letter-spacing: 0.025em;
    line-height: 1.1428571429; }
    @media (max-width: 767.98px) {
      .page-hero__headline {
        font-size: 1.875em; } }
  .page-hero__desc {
    margin-top: 1.25em;
    color: #000;
    max-width: 800px;
    font-weight: 500;
    line-height: 1.5555555556; }
    .page-hero__desc a {
      text-decoration: underline; }
      .page-hero__desc a:hover {
        color: var(--theme-main-color); }
    .page-hero__desc .flex-content {
      display: flex;
      align-items: center; }
      .page-hero__desc .flex-content img {
        filter: brightness(0) saturate(100%); }
    .page-hero__desc p img {
      display: inline-block; }
    @media (min-width: 768px) {
      .page-hero__desc {
        font-size: 1.125em; } }

.page-dual--block,
.page-tri--block {
  margin: 90px 0 80px; }
  @media (max-width: 575.98px) {
    .page-dual--block,
    .page-tri--block {
      margin: 32px 0 48px; } }
.page-dual--color-box,
.page-tri--color-box {
  padding-top: 3.75em;
  padding-bottom: 3.75em;
  margin: 0; }

.page-dual__row {
  display: flex;
  justify-content: center; }
  @media (min-width: 768px) {
    .page-dual__row {
      gap: 6.9444444444%; } }
  @media (max-width: 767.98px) {
    .page-dual__row {
      flex-direction: column;
      gap: 1.25em; } }
  .two-light-box .page-dual__row {
    align-items: flex-start; }
    @media (min-width: 768px) {
      .two-light-box .page-dual__row {
        gap: 3.75em; } }
    @media (max-width: 767.98px) {
      .two-light-box .page-dual__row {
        padding: 0 20px; } }
.page-dual__box {
  position: relative; }
  @media (min-width: 768px) {
    .page-dual__box {
      flex: 0 0 46.2006079027%;
      width: 46.2006079027%; } }
  .two-light-box .page-dual__box {
    padding: 2.5em; }
    @media (max-width: 767.98px) {
      .two-light-box .page-dual__box {
        padding: 1.25em 0em; } }
    .two-light-box .page-dual__box:before {
      content: "";
      inset: 0 -20px;
      position: absolute;
      border-radius: 24px;
      background-color: #f6faf2; }
  .page-dual__box .static {
    position: relative; }
  .page-dual__box:has(img[alt*="sustain nature"]):before, .page-dual__box:has(img[alt*="sustain nature"]):after {
    content: "";
    width: 9.25em;
    aspect-ratio: 1;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    inset: auto auto 0 0;
    translate: -30% 20%;
    z-index: 2; }
    @media (max-width: 767.98px) {
      .page-dual__box:has(img[alt*="sustain nature"]):before, .page-dual__box:has(img[alt*="sustain nature"]):after {
        inset: 0 0 auto auto;
        translate: 8px -30%;
        width: 30%; } }
  .page-dual__box:has(img[alt*="sustain nature"]):before {
    background-image: url(../images/about/cesdo-committees/sticker.svg); }
.page-dual__intro-title {
  font-size: 3.125em;
  color: #518e50;
  margin-top: -5px; }
  @media (max-width: 575.98px) {
    .page-dual__intro-title {
      font-size: 1.875em; } }
.page-dual__intro-desc {
  font-size: 1.125em;
  max-width: 800px; }
.page-dual--intro {
  padding: 45px 0 40px; }
.page-dual--intro.page-dual--block {
  padding: 0; }
.page-dual--contact {
  color: #fff; }
  .page-dual--contact .static h2,
  .page-dual--contact .static h3 {
    color: #fff; }
  .page-dual--contact .static h3 {
    font-weight: 500; }

.page-tri__row {
  gap: 24px;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 991.98px) {
    .page-tri__row {
      flex-direction: column;
      gap: 1.25em; } }
.page-tri__item {
  border-radius: 24px;
  background-color: #fff; }
  @media (min-width: 992px) {
    .page-tri__item {
      flex: 0 0 calc((100% - 48px) / 3);
      max-width: calc((100% - 48px) / 3); } }
  @media (max-width: 991.98px) {
    .page-tri__item {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
  .page-tri__item > img {
    transition: 0.3s ease; }
  .list .page-tri__item:not(.active), .list .page-tri__item.hide {
    display: none; }
.page-tri__item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 12px;
  gap: 24px;
  transition: background-color linear 0.2s; }
  .page-tri__item-label:hover {
    background-color: rgba(0, 0, 0, 0.2); }
  @media (max-width: 767.98px) {
    .page-tri__item-label {
      gap: 12px; } }
  .page-tri__item-label span {
    font-size: 40px;
    font-weight: bold; }
    @media (max-width: 1199.98px) {
      .page-tri__item-label span {
        font-size: 24px; } }
  .page-tri__item-label img {
    width: 3.375em; }
    @media (min-width: 992px) and (max-width: 1199.98px) {
      .page-tri__item-label img {
        width: 2.25em; } }
    @media (max-width: 991.98px) {
      .page-tri__item-label img {
        width: 2.625em; } }
  .page-tri__item-label .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: 999px;
    width: 50px;
    background-color: #fff;
    color: var(--theme-main-color);
    padding-right: 0.3em; }
.page-tri--3-link .page-tri__item {
  aspect-ratio: 448/300; }
  .page-tri--3-link .page-tri__item:hover > img {
    transform: scale(1.2); }
.page-tri--article-related {
  background-color: var(--theme-thi-color);
  padding: 5em 0em 1.5em;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px; }
  @media (max-width: 991.98px) {
    .page-tri--article-related {
      padding-top: 2.5em; } }
  .page-tri--article-related .page-tri__title {
    text-align: center;
    font-size: 3.5em;
    font-weight: bold;
    letter-spacing: 0.025em;
    margin-bottom: 0.5357142857em;
    color: var(--theme-main-color); }
    @media (max-width: 991.98px) {
      .page-tri--article-related .page-tri__title {
        font-size: 2em; } }
  @media (min-width: 992px) {
    .page-tri--article-related .card__title {
      font-size: 1.75em; } }

.light-box {
  position: relative; }
  .light-box:before {
    content: "";
    inset: 0 20px;
    position: absolute;
    border-radius: 24px;
    background-color: #f6faf2;
    z-index: 1; }
  .light-box__body {
    position: relative;
    z-index: 2;
    padding: 2.5em; }

.four-figure__body {
  margin-top: 2.5em;
  margin-bottom: 1.25em;
  background-color: #fff;
  border-radius: 24px;
  padding: 1.875em; }
  @media (max-width: 767.98px) {
    .four-figure__body {
      padding: 1.875em 1em 1em;
      margin-bottom: 0; } }
.four-figure__row {
  display: flex;
  gap: 1.5em;
  margin-top: 1.875em;
  justify-content: center;
  flex-wrap: wrap; }
  @media (max-width: 767.98px) {
    .four-figure__row {
      gap: 0.75em; } }
.four-figure__item {
  flex: 0 0 calc(25% - 24px);
  gap: 1.875em; }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .four-figure__item {
      font-size: 12px; } }
  @media (max-width: 767.98px) {
    .four-figure__item {
      flex: 0 0 calc(50% - 12px);
      gap: 1.25em; } }
.four-figure .static {
  text-align: center; }
  .four-figure .static h3 {
    max-width: 462px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500; }

.figure-box {
  border-radius: 20px;
  background-color: var(--theme-sec-color);
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 1.25em;
  gap: 0.625em; }
  @media (max-width: 767.98px) {
    .figure-box {
      flex: 0 0 calc(50% - 12px);
      padding: 0.75em; } }
  .figure-box__index {
    width: 3em;
    height: 2em;
    font-size: 0.75em;
    line-height: 1;
    border-radius: 999px;
    background-color: var(--theme-sec-color);
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    justify-content: center; }
    .figure-box__index:before {
      content: counter(itemIndex); }
  .figure-box__img {
    aspect-ratio: 1;
    width: 50%;
    max-width: 110px; }
  .figure-box__label {
    margin-top: auto;
    font-weight: 500;
    letter-spacing: 0.025em;
    line-height: 1.1363636364em;
    font-size: 1.375em; }
    @media (max-width: 767.98px) {
      .figure-box__label {
        font-size: 0.875em; } }
    @media screen and (max-width: 392px) {
      .figure-box__label {
        font-size: 0.8125em; } }

.dual-card-slides {
  overflow: hidden;
  margin-bottom: 1.875em; }
  .dual-card-slides__pagin {
    display: flex;
    justify-content: center;
    gap: 0.9375em;
    margin-top: -1.875em;
    position: relative;
    padding-bottom: 1.875em;
    z-index: 1; }
    .dual-card-slides__pagin .swiper-pagination-bullet {
      flex: 0 0 0.9375em;
      height: 0.9375em;
      margin: 0;
      aspect-ratio: 1;
      border-radius: 999px;
      background-color: #d8d8d8;
      opacity: 1; }
      .dual-card-slides__pagin .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--theme-main-color); }
    .dual-card .dual-card-slides__pagin {
      position: absolute;
      inset: auto 0 24px; }
  .dual-card-slides .dual-card {
    background-color: var(--theme-bg-color); }

.list {
  background-color: var(--theme-bg-color);
  padding: 3.75em 0em 5em; }
  @media (max-width: 767.98px) {
    .list {
      padding: 1.875em 0em 2.5em; } }
  .list__filter {
    margin-bottom: 2.5em; }
  .list__more-btn {
    margin-top: 1.5em;
    width: 100%; }
    .list__more-btn:not(.active) {
      display: none; }

.filter {
  display: flex;
  justify-content: center; }
  .filter__row {
    position: relative; }
    @media (min-width: 768px) {
      .filter__row {
        padding: 0.5em 0.3125em;
        border-radius: 30px;
        background-color: #fff;
        text-align: left; } }
  .filter__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.5em;
    border-radius: 999px;
    padding: 0.3125em 1.5625em;
    margin: 0.1875em 0.3125em;
    background-color: #9dc907;
    vertical-align: middle;
    text-align: left; }
    @media (max-width: 767.98px) {
      .filter__item {
        padding: 0.625em 1em;
        height: 2.5em;
        margin: 0.3125em; } }
    .filter__item:not(.active) {
      opacity: 0.5; }
    .filter__item span {
      text-transform: uppercase;
      font-size: 0.875em;
      line-height: 1;
      font-weight: 600;
      letter-spacing: 0.06em;
      color: #fff;
      pointer-events: none; }
      @media (max-width: 767.98px) {
        .filter__item span {
          font-size: 0.6875em; } }
    .filter__item--search {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.125em;
      aspect-ratio: 1;
      flex: 0 0 3.5em;
      opacity: 1 !important;
      pointer-events: all; }
      .filter__item--search img {
        flex: 0 0 2.5em;
        width: 2.5em; }
  .filter__search {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    gap: 1.25em;
    z-index: 1;
    background-color: #9dc907;
    border-radius: 1.875em;
    border-radius: 30px;
    padding: 0.25em 1.5em 0.25em 0.75em;
    transition: 0.5s ease; }
    @media (min-width: 768px) {
      .filter__search {
        inset: 0.5em; } }
    .filter__search:not(.active) {
      display: none;
      left: 100%;
      opacity: 0;
      pointer-events: none; }
  .filter__search-input {
    width: auto;
    height: auto;
    flex: 1 1 auto;
    max-width: 100%;
    background-color: transparent;
    border: none;
    padding: 0.375em 0em;
    color: #fff;
    font-weight: 500; }
  .filter__search-submit {
    color: #fff; }
  .filter--page-sticky {
    position: fixed;
    inset: 6.5625em 0 auto;
    z-index: 5; }
    @media (max-width: 767.98px) {
      .filter--page-sticky {
        inset: 60px 0 auto; } }
    .filter--page-sticky.sticky-bottom {
      position: absolute;
      bottom: 3.125em;
      top: auto; }
    .filter--page-sticky .filter__container {
      display: flex;
      justify-content: center; }
      @media (max-width: 767.98px) {
        .filter--page-sticky .filter__container {
          padding: 0; } }
    .filter--page-sticky .filter__row {
      background-color: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px); }
      @media (max-width: 767.98px) {
        .filter--page-sticky .filter__row {
          padding: 12px 0;
          text-align: center; } }
    .filter--page-sticky .filter__item {
      pointer-events: all;
      opacity: 1;
      background-color: currentColor; }
      @media (max-width: 767.98px) {
        .filter--page-sticky .filter__item {
          margin: 0.3125em;
          font-size: 13px; } }
      .filter--page-sticky .filter__item span {
        color: #fff; }

.page-back {
  display: inline-flex;
  align-items: center;
  gap: 1.25em;
  margin: 2.5em 0em 3em; }
  @media (max-width: 767.98px) {
    .page-back {
      font-size: 12px; } }
  .page-back img {
    flex: 0 0 1.5em;
    width: 1.5em; }
  .page-back span {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 600;
    color: var(--theme-main-color); }

.article {
  background-color: var(--theme-bg-color);
  padding-bottom: 5em; }
  @media (max-width: 767.98px) {
    .article {
      padding-bottom: 2.5em; } }
  .article__tags {
    display: flex;
    justify-content: center;
    gap: 0.3125em 0.625em;
    margin-bottom: 1.25em; }
    .article__tags span {
      white-space: nowrap;
      font-size: 0.75em;
      padding: 0.4166666667em 1em 0.5em;
      color: #fff;
      background-color: #9dc907;
      border-radius: 999px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase; }
  .article__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.45em;
    color: var(--theme-main-color); }
    @media (max-width: 767.98px) {
      .article__title {
        font-size: 1.5em; } }
  .article__date {
    text-align: center; }
    .article__date span {
      font-size: 0.875em;
      font-weight: 500;
      letter-spacing: 0.02em; }
  .article__thumbnail {
    margin: 3.125em 0em;
    aspect-ratio: 4.6/3; }
    @media (max-width: 767.98px) {
      .article__thumbnail {
        margin: 2em 0em; } }
  .article img {
    border-radius: 20px; }
    .article img + img {
      margin-top: 20px; }

.img-show {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .img-show__popup-btn {
    position: absolute;
    inset: auto 10px 10px auto;
    aspect-ratio: 1;
    width: 50px;
    border-radius: 999px;
    background-color: #fff;
    color: var(--theme-main-color);
    transform: rotate(45deg);
    display: flex;
    line-height: 0;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 24px;
    z-index: 6; }
  .img-show__control {
    pointer-events: none;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: space-between;
    z-index: 5; }
  .img-show__btn {
    pointer-events: all;
    height: 100%;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 32px;
    transition: opacity 0.2s linear; }
    .img-show__btn:not(:hover) {
      opacity: 0; }
    .img-show__btn--prev {
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0) 100%); }
    .img-show__btn--next {
      background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0) 100%); }

.sym-arrow {
  position: relative;
  display: block;
  width: 1em;
  flex: 0 0 1em;
  aspect-ratio: 1;
  background-color: currentColor;
  clip-path: polygon(90% 90%, 90% 0, 100% 0, 100% 100%, 0 100%, 0 90%); }
  .sym-arrow--left {
    transform: rotate(135deg); }
  .sym-arrow--right {
    transform: rotate(-45deg); }
  .sym-arrow--down {
    transform: rotate(45deg);
    translate: 0 -25%; }

[data-popup-id="imgPopupSlide"] .common-popup__wrapper {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background-color: transparent; }
[data-popup-id="imgPopupSlide"] .common-popup__backdrop {
  background-color: rgba(0, 0, 0, 0.8); }
[data-popup-id="imgPopupSlide"] .common-popup__body {
  overflow: visible;
  height: 100%; }
[data-popup-id="imgPopupSlide"] .common-popup__content {
  height: 100%;
  width: 100%; }
[data-popup-id="imgPopupSlide"] .common-popup__close-btn {
  top: 0;
  right: 0;
  z-index: 3;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  background-color: #fff;
  color: var(--theme-main-color);
  display: flex;
  align-items: center;
  justify-content: center; }

.popup-slide-show {
  color: #fff;
  height: 100%;
  padding: 0;
  width: 100%; }
  .popup-slide-show__swiper {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 80px auto 0; }
    @media (min-width: 768px) {
      .popup-slide-show__swiper {
        height: 100%;
        margin: auto; } }
  .popup-slide-show__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
    justify-content: center;
    transition: opacity linear 0.3s; }
    .popup-slide-show__slide:not(.swiper-slide-active) {
      opacity: 0; }
  .popup-slide-show__slide-img {
    max-width: 68vw;
    width: 100%;
    margin: 0 auto; }
    @media (max-width: 575.98px) {
      .popup-slide-show__slide-img {
        max-width: none; } }
  .popup-slide-show__control {
    display: flex;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    z-index: 2;
    gap: 20px;
    margin-top: 20px; }
    @media (min-width: 768px) {
      .popup-slide-show__control {
        position: absolute;
        inset: 0;
        padding: 32px;
        justify-content: space-between; } }
  .popup-slide-show__btn {
    flex: 0 0 42px;
    width: 42px;
    border-radius: 999px;
    background-color: #fff;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    color: var(--theme-main-color); }
    .popup-slide-show__btn--prev {
      padding-left: 0.5em; }
    .popup-slide-show__btn--next {
      padding-right: 0.5em; }

.achvmt {
  padding: 5em 0em;
  background-color: var(--theme-bg-color); }
  @media (max-width: 767.98px) {
    .achvmt {
      padding: 2.5em 0em; } }
  .achvmt__desc {
    margin-bottom: 2.5em;
    max-width: 800px; }
  .achvmt__row {
    display: flex;
    flex-direction: column;
    gap: 1.875em; }
    @media (max-width: 767.98px) {
      .achvmt__row {
        gap: 1.25em; } }
  .achvmt__item {
    display: flex;
    position: relative;
    background-color: #fff;
    border-radius: 24px;
    gap: 1.875em;
    padding: 1.875em; }
    @media (min-width: 768px) {
      .achvmt__item {
        padding-right: 8.75em; } }
    @media (max-width: 767.98px) {
      .achvmt__item {
        padding: 1em;
        gap: 1em;
        flex-direction: column; } }
    .achvmt__item:not(.js-list-item):nth-child(n + 4) {
      display: none; }
  .achvmt__item-date {
    margin-right: auto; }
    @media (max-width: 767.98px) {
      .achvmt__item-date {
        display: flex;
        flex-direction: column;
        align-items: normal;
        gap: 0.2em;
        margin-bottom: 0; } }
    .achvmt__item-date div {
      color: var(--theme-main-color); }
      .achvmt__item-date div:nth-child(1) {
        font-weight: 500;
        letter-spacing: 0.1em;
        text-transform: uppercase; }
      .achvmt__item-date div:nth-child(2) {
        font-size: 3em;
        font-weight: 300;
        letter-spacing: 0.025em; }
        @media (min-width: 768px) and (max-width: 1439.98px) {
          .achvmt__item-date div:nth-child(2) {
            font-size: 2.8vw; } }
        @media (max-width: 767.98px) {
          .achvmt__item-date div:nth-child(2) {
            line-height: 1;
            font-size: 2.5em; } }
  .achvmt__item-thumbnail {
    flex: 0 0 26.8412438625%;
    border: 1px solid #e2e2e2;
    align-self: flex-start;
    aspect-ratio: 328/246; }
    @media (max-width: 767.98px) {
      .achvmt__item-thumbnail {
        width: 100%; } }
  .achvmt__item-body {
    position: relative;
    aspect-ratio: 594/246;
    flex: 0 0 48.6088379705%;
    overflow: hidden; }
    @media (max-width: 767.98px) {
      .achvmt__item-body {
        padding-right: 3.8571428571em;
        font-size: 0.875em; } }
    .achvmt__item-body.collapse:after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 2em;
      background-image: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); }
    .achvmt__item-body h3 {
      color: #9dc907;
      text-transform: uppercase; }
    .achvmt__item-body h4 {
      font-size: 1.25em;
      font-weight: bold;
      color: var(--theme-main-color); }
  .achvmt__item-link {
    position: absolute;
    inset: 0;
    z-index: 2; }
  .achvmt__more-btn:nth-child(-n + 4) {
    display: none; }
  .js-list .achvmt__more-btn:not(.active) {
    display: none; }
  .achvmt__item-show-btn {
    position: absolute;
    inset: 1.875em 1.875em auto auto;
    width: 3.125em;
    aspect-ratio: 1;
    border-radius: 999px;
    background-color: var(--theme-main-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3; }
    @media (max-width: 767.98px) {
      .achvmt__item-show-btn {
        width: 2em;
        top: auto;
        bottom: 1.875em; } }
    .achvmt__item-show-btn.active {
      transform: rotate(180deg); }
  .achvmt + .achvmt {
    background-color: var(--theme-thi-color); }
  .achvmt + .achvmt + .achvmt {
    background-color: #6cb765; }
    .achvmt + .achvmt + .achvmt .achvmt__desc {
      color: #fff; }
      .achvmt + .achvmt + .achvmt .achvmt__desc h2,
      .achvmt + .achvmt + .achvmt .achvmt__desc h3 {
        color: #fff; }
  .achvmt--showcase {
    padding-top: 0; }
    .achvmt--showcase .achvmt__item.js-list-item:not(.active) {
      display: none; }

.reports-list__filter {
  margin-bottom: 2.5em; }
  @media (max-width: 767.98px) {
    .reports-list__filter {
      margin-top: 1.25em; } }
.reports-list__body {
  display: flex;
  flex-direction: column;
  gap: 1.5em; }
.reports-list__item {
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  align-items: flex-start;
  gap: 1.875em;
  padding: 1.25em 1.875em; }
  @media (max-width: 767.98px) {
    .reports-list__item {
      gap: 1.25em;
      padding: 1em 1.25em;
      flex-direction: column; } }
.reports-list__item-thumbnail {
  aspect-ratio: 158/106; }
  @media (min-width: 768px) {
    .reports-list__item-thumbnail {
      flex: 0 0 9.875em; } }
  @media (max-width: 767.98px) {
    .reports-list__item-thumbnail {
      width: 100%; } }
.reports-list__item-body {
  width: 100%; }
  @media (min-width: 768px) {
    .reports-list__item-body {
      flex: 0 1 43.75em; } }
.reports-list__item-tag {
  display: flex;
  align-items: center;
  gap: 0.625em;
  margin-bottom: 0.5em; }
  .reports-list__item-tag span {
    font-weight: 700;
    letter-spacing: 0.06em;
    font-size: 0.75em;
    color: #fff;
    background-color: #9dc907;
    border-radius: 999px;
    text-transform: uppercase;
    padding: 0.4166666667em 1em 0.5em;
    line-height: 1; }
    @media (max-width: 767.98px) {
      .reports-list__item-tag span {
        font-size: 0.625em; } }
.reports-list__item-title span {
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.2;
  color: var(--theme-main-color); }
  @media (min-width: 768px) {
    .reports-list__item-title span {
      font-size: 1.5em; } }
.reports-list__item-action {
  display: flex;
  gap: 0.9375em;
  flex: 1 0 auto; }
  @media (min-width: 768px) {
    .reports-list__item-action {
      margin-left: auto; } }
.reports-list__pagin {
  margin-top: 1.25em; }

.reports-pagin {
  display: flex; }
  .reports-pagin__row {
    display: flex;
    align-items: center;
    gap: 0.9375em;
    width: 100%; }
  .reports-pagin__action-btn {
    flex: 0 0 2.5em;
    width: 2.5em; }
  .reports-pagin__btn-row {
    display: flex;
    margin-right: auto;
    gap: 0.9375em; }
  .reports-pagin__page-btn {
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--theme-main-color); }
    .reports-pagin__page-btn.current {
      pointer-events: none;
      opacity: 0.5; }
  .reports-pagin:has(.reports-pagin__page-btn:only-child) {
    display: none; }

.static-page-content {
  padding: 5em 1.25em; }
  @media (max-width: 767.98px) {
    .static-page-content {
      padding: 2.5em 1.25em; } }

.tips {
  padding: 8em 0em 0em;
  overflow: hidden; }
  @media (max-width: 767.98px) {
    .tips {
      padding: 2.5em 0em 0em; } }
  .tips__title {
    margin-bottom: 3.125em; }
    @media (max-width: 767.98px) {
      .tips__title {
        margin-bottom: 1.25em; } }
    .tips__title span {
      font-size: 3.125em;
      font-weight: bold;
      line-height: 1.2; }
      @media (max-width: 767.98px) {
        .tips__title span {
          font-size: 1.875em; } }
  .tips__heading {
    display: flex;
    gap: 6.6091954023%;
    margin-bottom: 3.125em; }
    @media (max-width: 767.98px) {
      .tips__heading {
        flex-direction: column;
        gap: 1.25em;
        margin-bottom: 1.25em; } }
  @media (min-width: 768px) {
    .tips__headline {
      flex: 0 0 35.9195402299%; } }
  .tips__headline span {
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.025em;
    line-height: 1.2; }
    @media (max-width: 767.98px) {
      .tips__headline span {
        font-size: 1.25em; } }
  @media (min-width: 768px) {
    .tips__desc {
      flex: 0 0 57.4712643678%; } }
  .tips__desc strong {
    text-transform: uppercase; }
  .tips__swiper {
    padding-bottom: 5em;
    counter-reset: itemIndex; }
    @media (max-width: 767.98px) {
      .tips__swiper {
        padding-bottom: 2.5em; } }
  .tips__slide {
    width: 18.75em;
    flex: 0 0 18.75em;
    height: auto;
    counter-increment: itemIndex; }
    @media (max-width: 767.98px) {
      .tips__slide {
        width: 12.5em;
        flex: 0 0 12.5em; } }
    .tips__slide:nth-child(n + 10) .figure-box__index:before {
      content: counter(itemIndex); }
  .tips .figure-box {
    height: 100%; }
    .tips .figure-box__index {
      color: var(--theme-sec-color);
      background-color: #fff; }
      .tips .figure-box__index:before {
        content: "0" counter(itemIndex); }
      @media (min-width: 768px) {
        .tips .figure-box__index {
          margin-top: 1.875em; } }
      @media (max-width: 767.98px) {
        .tips .figure-box__index {
          position: absolute;
          inset: 12px 12px auto auto; } }
    .tips .figure-box__label {
      margin-top: 0;
      font-weight: 600; }
    @media (max-width: 767.98px) {
      .tips .figure-box__desc {
        font-size: 0.875em; } }
  .tips--0 {
    background-color: #f6faf2; }
    .tips--0 .tips__title, .tips--0 .tips__desc strong {
      color: #518e50; }
    .tips--0 .tips__headline {
      color: #9dc907; }
    .tips--0 .figure-box {
      background-color: #6cb765; }
      .tips--0 .figure-box__index {
        color: #518e50; }
  .tips--1 {
    background-color: #fffaf5; }
    .tips--1 .tips__title, .tips--1 .tips__desc strong {
      color: #e47c8f; }
    .tips--1 .tips__headline {
      color: #efc5cc; }
    .tips--1 .figure-box {
      background-color: #e47c8f; }
      .tips--1 .figure-box__index {
        color: #e47c8f; }
  .tips--2 {
    background-color: #f4eff4; }
    .tips--2 .tips__title, .tips--2 .tips__desc strong {
      color: #966896; }
    .tips--2 .tips__headline {
      color: #c392c3; }
    .tips--2 .figure-box {
      background-color: #966896; }
      .tips--2 .figure-box__index {
        color: #966896; }
  .tips--3 {
    background-color: #e7f4f7; }
    .tips--3 .tips__title, .tips--3 .tips__desc strong {
      color: #379bb5; }
    .tips--3 .tips__headline {
      color: #71c1d6; }
    .tips--3 .figure-box {
      background-color: #379bb5; }
      .tips--3 .figure-box__index {
        color: #379bb5; }

.full-twin__container {
  padding: 0; }
@media (min-width: 768px) {
  .full-twin__row {
    display: flex; } }
@media (min-width: 768px) {
  .full-twin__img, .full-twin__body {
    padding: 5.5555555556% 4.4444444444%;
    flex: 0 0 50%; } }
.full-twin__img {
  background-color: #fff; }
  @media (max-width: 767.98px) {
    .full-twin__img {
      padding: 20px; } }
.full-twin__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; }
  @media (max-width: 767.98px) {
    .full-twin__body {
      padding: 32px 20px; } }
.full-twin__btn-row {
  margin-top: 0.75em; }
.full-twin:nth-child(3n + 1) {
  background-color: #f6faf2; }
.full-twin:nth-child(3n + 2) {
  background-color: #dcf0c6; }
.full-twin:nth-child(3n) {
  background-color: #6cb765;
  color: #fff; }
  .full-twin:nth-child(3n) .static h2,
  .full-twin:nth-child(3n) .static h3 {
    color: #fff; }
.full-twin:nth-child(odd) .full-twin__row {
  flex-direction: row-reverse; }

.anchor {
  translate: 0 -205px; }

.gallery {
  padding: 5em 0em;
  background-color: #fff;
  overflow: hidden; }
  @media (max-width: 767.98px) {
    .gallery {
      padding: 2.5em 0em; } }
  .gallery__slide {
    width: auto;
    height: 18.75em; }
    @media (max-width: 767.98px) {
      .gallery__slide {
        height: 12.5em; } }
  .gallery__btn-row {
    margin-top: 1.875em; }
    @media (max-width: 767.98px) {
      .gallery__btn-row {
        margin-top: 1.25em; } }

.contact-list {
  display: flex;
  flex-direction: column;
  gap: 0.9375em; }
  .contact-list__row {
    display: flex;
    align-items: center;
    gap: 1.875em;
    padding: 1.5625em 1.875em;
    background-color: #fff;
    color: var(--theme-base-color);
    border-radius: 30px; }
  .contact-list__icon {
    flex: 0 0 3.125em;
    aspect-ratio: 1; }
  .contact-list__content {
    font-weight: 500;
    color: #000; }
    @media (min-width: 768px) {
      .contact-list__content {
        font-size: 1.125em; } }
    .contact-list__content a:hover {
      color: var(--theme-main-color); }

.get-touch-footer {
  background-color: var(--theme-sec-color);
  color: #fff;
  padding: 2.5em 0em; }
  @media (min-width: 768px) {
    .get-touch-footer {
      padding: 5em 0em; } }
  .get-touch-footer .page-dual {
    margin-bottom: 2.5em; }
    @media (min-width: 768px) {
      .get-touch-footer .page-dual {
        margin-bottom: 5em; } }

.page-content-mask {
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
  clip: rect(0, auto, auto, 0);
  position: relative; }

.image.image-style-align-center {
  margin: 0 auto; }
  .image.image-style-align-center img {
    margin: 0 auto; }
.image.image-style-align-left {
  margin-right: auto;
  margin-left: 0; }
  .image.image-style-align-left img {
    margin-right: auto;
    margin-left: 0; }
.image.image-style-align-right {
  margin-right: 0;
  margin-left: auto; }
  .image.image-style-align-right img {
    margin-right: 0;
    margin-left: auto; }

.search-label {
  margin-bottom: 0.5em;
  font-size: 1em;
  text-transform: uppercase;
  color: var(--theme-main-color);
  letter-spacing: 1px; }

.search-text {
  font-size: 2.5em;
  font-weight: 600;
  color: #9dc907; }
  @media (max-width: 767.98px) {
    .search-text {
      font-size: 2em; } }

.search-results {
  display: flex;
  flex-flow: column;
  margin-top: 4.0625em;
  gap: 1.5em; }
  @media (max-width: 767.98px) {
    .search-results {
      margin-top: 3.4375em; } }
  .search-results .result-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.875em;
    gap: 1.875em;
    background-color: #fff;
    border-radius: 24px; }
    @media (max-width: 767.98px) {
      .search-results .result-item {
        flex-direction: column;
        padding: 1.25em;
        gap: 1.25em; } }
    .search-results .result-item__number {
      padding: 0.4166666667em 1em 0.5em;
      font-size: 0.75em;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1;
      letter-spacing: 0.06em;
      color: #fff;
      background-color: #9dc907;
      border-radius: 999px;
      min-width: 2.25em;
      min-height: 2.25em;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767.98px) {
        .search-results .result-item__number {
          min-width: 2em;
          min-height: 2em;
          font-size: 0.625em; } }
    .search-results .result-item__content {
      flex: 0 1 56.25em; }
      @media (max-width: 767.98px) {
        .search-results .result-item__content {
          flex: 0 1 auto;
          width: 100%; } }
    .search-results .result-item__title {
      font-size: 1.75em;
      font-weight: 500;
      color: var(--theme-main-color); }
      @media (max-width: 767.98px) {
        .search-results .result-item__title {
          font-size: 1.5em; } }
      .search-results .result-item__title strong {
        font-weight: bold; }
    .search-results .result-item__description {
      display: block;
      margin-top: 0.9375em;
      font-size: 1em;
      line-height: 1.5;
      color: #333;
      opacity: 0.8;
      overflow: hidden; }
      @media (max-width: 767.98px) {
        .search-results .result-item__description {
          font-size: 0.875em; } }
      .search-results .result-item__description strong {
        font-weight: bold;
        color: var(--theme-main-color); }
    .search-results .result-item__button {
      flex-shrink: 0; }
      @media (max-width: 767.98px) {
        .search-results .result-item__button {
          align-self: flex-start;
          margin-top: 1em;
          width: 100%;
          max-width: 217px; } }

.page-green-facilities__map {
  position: relative;
  border-bottom: 0.0625rem solid var(--theme-main-color);
  height: calc(100dvh - 85px);
  background-color: #d5e9f0; }
  @media (max-width: 991.98px) {
    .page-green-facilities__map {
      user-select: none;
      -webkit-user-select: none; } }
  @media (max-width: 575.98px) {
    .page-green-facilities__map {
      height: calc(100dvh - 60px); } }
.page-green-facilities #map {
  height: 100%;
  background-color: #d5e9f0; }
  @media (max-width: 991.98px) {
    .page-green-facilities #map {
      height: 80%; } }
.page-green-facilities .map__text-content {
  width: 100%; }
  @media (min-width: 992px) {
    .page-green-facilities .map__text-content {
      position: absolute;
      bottom: 3.3125rem;
      left: 2.5rem;
      z-index: 6;
      width: 25rem; } }
  .page-green-facilities .map__text-content__title {
    font-size: 4.375rem;
    letter-spacing: 0.109375rem;
    color: var(--theme-main-color);
    line-height: 4.5625rem;
    font-weight: 700;
    text-transform: uppercase; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__text-content__title {
        font-size: 1.875rem;
        line-height: 2.0625rem;
        margin-bottom: 0.3125rem; } }
  .page-green-facilities .map__text-content__sub-title {
    color: var(--theme-main-color);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1rem; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__text-content__sub-title {
        margin-bottom: 0.3125rem; } }
  .page-green-facilities .map__text-content__description {
    font-size: 1rem;
    letter-spacing: 0.03125rem;
    color: #000;
    font-weight: 700; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__text-content__description {
        font-size: 0.9375rem;
        padding-bottom: 0.625rem; } }
  .page-green-facilities .map__text-content--popup {
    padding: 1.25rem 1.25rem;
    height: 100%; }
    .page-green-facilities .map__text-content--popup__scroll {
      height: 100%;
      overflow-y: auto; }
  @media (max-width: 991.98px) {
    .page-green-facilities .map__text-content--default {
      display: none; } }
.page-green-facilities .map-controller {
  display: flex;
  height: 3.75rem;
  border-radius: 1.875rem;
  overflow: hidden;
  width: fit-content;
  box-shadow: 0px 3px 6px #00000029;
  position: absolute;
  z-index: 6;
  top: 1.4375rem;
  right: 1.875rem; }
  @media (max-width: 991.98px) {
    .page-green-facilities .map-controller {
      top: 0;
      right: 0;
      width: 100%;
      background: #fff;
      border-radius: 0;
      height: 3.125rem;
      border-top: 0.0625rem solid #ccc; } }
  .page-green-facilities .map-controller__logo {
    background: var(--theme-main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.75rem; }
    @media (min-width: 992px) {
      .page-green-facilities .map-controller__logo {
        padding-left: 0.625rem; } }
    @media (max-width: 991.98px) {
      .page-green-facilities .map-controller__logo {
        width: 2.8125rem; } }
    .page-green-facilities .map-controller__logo img {
      width: 2.125rem; }
      @media (max-width: 991.98px) {
        .page-green-facilities .map-controller__logo img {
          width: 1.5625rem; } }
  .page-green-facilities .map-controller__filter {
    background: #fff;
    position: relative;
    width: 16.6875rem;
    border-right: 0.0625rem solid #d5d5d5; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map-controller__filter {
        width: 100%; } }
    .page-green-facilities .map-controller__filter__select {
      height: 100%;
      width: 100%;
      opacity: 0;
      position: absolute;
      z-index: 2;
      top: 0;
      cursor: pointer; }
    .page-green-facilities .map-controller__filter__selected-option {
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0.3125rem 2.5rem 0.3125rem 0.8125rem;
      color: #a0a0a0; }
      @media (max-width: 991.98px) {
        .page-green-facilities .map-controller__filter__selected-option {
          font-size: 0.875rem;
          color: #000;
          font-weight: 700; } }
    .page-green-facilities .map-controller__filter .custom-select-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0.75rem; }
  .page-green-facilities .map-controller__zoom {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 1.25rem;
    gap: 1.125rem; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map-controller__zoom {
        padding: 0 0.75rem; } }
    .page-green-facilities .map-controller__zoom__button {
      cursor: pointer; }
      @media (max-width: 991.98px) {
        .page-green-facilities .map-controller__zoom__button {
          width: 1.5rem; } }
.page-green-facilities .map__popup-sheet {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 6;
  background: #fff; }
  @media (min-width: 992px) {
    .page-green-facilities .map__popup-sheet {
      width: 28.4375rem;
      height: 100%;
      transition: left 0.5s ease-out; } }
  @media (max-width: 991.98px) {
    .page-green-facilities .map__popup-sheet {
      top: unset;
      bottom: 0;
      left: 0;
      height: 32%;
      width: 100%;
      border-radius: 0.9375rem 0.9375rem 0 0;
      overflow: hidden;
      box-shadow: 0 0 6px #00000029; } }
  .page-green-facilities .map__popup-sheet.active {
    left: 0; }
    @media (min-width: 992px) {
      .page-green-facilities .map__popup-sheet.active {
        transition: left 0.5s ease-in; } }
    .page-green-facilities .map__popup-sheet.active .map__text-content--popup {
      display: none; }
  .page-green-facilities .map__popup-sheet:not(.active) .map__popup-sheet__top {
    display: none; }
  .page-green-facilities .map__popup-sheet.fullscreen, .page-green-facilities .map__popup-sheet.medium {
    transition: height 0.3s ease-in; }
  .page-green-facilities .map__popup-sheet__top {
    padding: 1.25rem 1.5625rem;
    position: relative;
    border-bottom: 0.0625rem solid #f2f2f2; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__popup-sheet__top {
        padding: 0.75rem 1.25rem; } }
  .page-green-facilities .map__popup-sheet__back-btn {
    font-weight: 500;
    color: #000;
    padding-left: 1.5625rem;
    position: relative;
    cursor: pointer;
    z-index: 1;
    width: fit-content; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__popup-sheet__back-btn {
        font-size: 0.8125rem; } }
    .page-green-facilities .map__popup-sheet__back-btn::before {
      content: "";
      display: block;
      border: solid #000;
      border-width: 0 0.125rem 0.125rem 0;
      padding: 0.25rem;
      position: absolute;
      top: 50%;
      left: 0.0625rem;
      transform: translateY(-50%) rotate(135deg); }
  .page-green-facilities .map__popup-sheet__drag-icon {
    display: none; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__popup-sheet__drag-icon {
        display: block;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
        padding: 0.6875rem 1.875rem;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        width: 100%; } }
    .page-green-facilities .map__popup-sheet__drag-icon span {
      height: 0.3125rem;
      width: 3rem;
      display: block;
      background: #cccccc;
      border-radius: 3.125rem;
      margin: 0 auto; }
  .page-green-facilities .map__popup-sheet__content {
    height: 100%; }
    @media (min-width: 992px) {
      .page-green-facilities .map__popup-sheet__content {
        overflow-y: scroll; } }
  .page-green-facilities .map__popup-sheet__inner-content {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__popup-sheet__inner-content {
        overflow-y: auto;
        height: calc(100% - 3.125rem); } }
  .page-green-facilities .map__popup-sheet__wrapper {
    padding: 0 1.5625rem; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__popup-sheet__wrapper {
        padding: 0 1.25rem; } }
  .page-green-facilities .map__popup-sheet__campus-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--theme-main-color);
    margin-bottom: 0.625rem; }
  .page-green-facilities .map__popup-sheet__campus-image {
    height: 15.625rem;
    width: 100%;
    object-fit: cover; }
  .page-green-facilities .map__popup-sheet__address {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.9375rem; }
    .page-green-facilities .map__popup-sheet__address__icon {
      height: 1.25rem; }
    .page-green-facilities .map__popup-sheet__address__text {
      font-size: 0.75rem;
      font-weight: 500; }
  .page-green-facilities .map__popup-sheet__campus-image {
    margin-bottom: 1.25rem; }
  .page-green-facilities .map__popup-sheet__facility-title {
    font-size: 0.875rem;
    color: var(--theme-main-color);
    text-transform: uppercase;
    margin-bottom: 0.9375rem;
    padding: 0 1.5625rem; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__popup-sheet__facility-title {
        padding: 0 1.25rem; } }
  .page-green-facilities .map__popup-sheet .collapse-row__top {
    padding: 0.3125rem 1.5625rem; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__popup-sheet .collapse-row__top {
        padding: 0.3125rem 1.25rem; } }
  .page-green-facilities .map__popup-sheet .collapse-row.active .page-green-facilities .map__popup-sheet .collapse-row__content {
    padding: 0.3125rem 1.5625rem; }
    @media (max-width: 991.98px) {
      .page-green-facilities .map__popup-sheet .collapse-row.active .page-green-facilities .map__popup-sheet .collapse-row__content {
        padding: 0.3125rem 1.25rem; } }
.page-green-facilities .custom-tooltip {
  border: 0; }
.page-green-facilities .leaflet-pane {
  z-index: 5; }
.page-green-facilities .leaflet-tooltip {
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
  color: black;
  -webkit-text-stroke: 0.25rem var(--theme-bg-color);
  -webkit-font-smoothing: antialiased;
  paint-order: stroke fill;
  pointer-events: auto;
  cursor: pointer;
  padding: 0.3125rem 0; }
  @media (max-width: 991.98px) {
    .page-green-facilities .leaflet-tooltip {
      font-size: 0.6875rem; } }
  .page-green-facilities .leaflet-tooltip-bottom, .page-green-facilities .leaflet-tooltip-left, .page-green-facilities .leaflet-tooltip-right {
    margin: 0; }
    .page-green-facilities .leaflet-tooltip-bottom:before, .page-green-facilities .leaflet-tooltip-left:before, .page-green-facilities .leaflet-tooltip-right:before {
      display: none; }

.collapse-row:not(:first-of-type) .collapse-row__top {
  border-top: 0.0625rem solid #f2f2f2; }
.collapse-row__top {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  padding: 0 0.3125rem;
  user-select: none;
  -webkit-user-select: none; }
  .collapse-row__top__title {
    font-weight: 500;
    color: #282828; }
  .collapse-row__top .custom-select-arrow {
    margin-left: auto; }
.collapse-row__content {
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease-out, visibility 0.4s ease-in-out, opacity 0.4s ease-out; }
.collapse-row.active .collapse-row__content {
  max-height: 39.0625rem;
  transition: max-height 0.6s ease-in, opacity 0.4s ease-in;
  visibility: visible;
  opacity: 1; }
.collapse-row.active .custom-select-arrow::before {
  transform: translate(-50%, -30%) scaleY(-1) rotate(45deg); }
.collapse-row__swiper {
  width: calc(100% - 70px);
  overflow: hidden;
  position: relative;
  margin: 0 auto; }
  .collapse-row__swiper__button-next, .collapse-row__swiper__button-prev {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    display: block;
    cursor: pointer;
    z-index: 1;
    transform: translateY(-50%);
    user-select: none;
    -webkit-user-select: none; }
    .collapse-row__swiper__button-next::before, .collapse-row__swiper__button-prev::before {
      content: "";
      display: block;
      border: solid var(--theme-main-color);
      border-width: 0 0.25rem 0.25rem 0;
      height: 0.9375rem;
      padding: 0.5625rem;
      position: absolute;
      top: 50%;
      left: 50%; }
    .collapse-row__swiper__button-next.swiper-button-disabled, .collapse-row__swiper__button-prev.swiper-button-disabled {
      opacity: 0.1;
      cursor: not-allowed; }
  .collapse-row__swiper__button-next {
    right: 0; }
    .collapse-row__swiper__button-next::before {
      left: 40%;
      transform: translate(-50%, -50%) rotate(-45deg); }
  .collapse-row__swiper__button-prev {
    left: 0; }
    .collapse-row__swiper__button-prev::before {
      left: 60%;
      transform: translate(-50%, -50%) rotate(135deg); }
  .collapse-row__swiper__wrapper {
    position: relative; }
  .collapse-row__swiper__label {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 0.3125em;
    padding: 0 0.625rem;
    font-weight: 500;
    color: #9dc907; }
    .collapse-row__swiper__label img {
      width: 0.6875em; }
    .collapse-row__swiper__label span {
      margin-left: 8px;
      font-size: 0.8125rem; }
  .collapse-row__swiper__image {
    border-radius: 0.9375rem;
    width: 100%;
    object-fit: contain;
    aspect-ratio: 300 / 220; }
  .collapse-row__swiper__desc {
    color: #a0a0a0;
    padding: 0.3125rem 0.625rem 0.625rem 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.2;
    letter-spacing: 0.01875rem; }
  .collapse-row__swiper .swiper-slide {
    padding: 0 2.1875rem; }

.custom-select-arrow {
  border-radius: 50%;
  background-color: var(--theme-main-color);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  position: relative; }
  .custom-select-arrow::before {
    content: "";
    display: block;
    border: solid #fff;
    border-width: 0 0.125rem 0.125rem 0;
    padding: 0.15625rem;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-style: preserve-3d;
    transition: 0.3s ease; }

.staff-login-container {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 150px auto; }
  .staff-login-container p {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 1.125em; }