:root {
  --black: #000;
  --white: white;
  --green: #2fda77;
  --light-blue: #aae5ef;
  --tran: #fff0;
  --gray: #f1f1f1;
}

*{
    --font-size: calc((var(--pixels)/16) * 1rem);
    --font-size-medium: calc((var(--pixels)/16) * 1.2rem);
    --font-size-large: calc((var(--pixels)/16) * 1.4rem);
}

.font-medium .col-title-b,
.font-medium h2,
.font-medium h3,
.font-medium h4,
.font-medium div
{
  font-size: var(--font-size-medium) !important;
  /* display: none; */
}

.font-large .col-title-b,
.font-large h2,
.font-large h3,
.font-large h4,
.font-large div
{
  font-size: var(--font-size-large) !important;
}


.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  background-image: url('../images/bg-1.png');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: cover;
  font-family: Noto Sans, sans-serif;
  --pixels: 16;
  font-size: 16px;
  line-height: 130%;
}

h2 {
  text-shadow: 0 4px 4px #00000040;
  margin-top: 0;
  margin-bottom: 0;
  --pixels: 54;
  font-size: 54px;
  font-weight: 700;
  line-height: 130%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  --pixels: 32;
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  --pixels: 24;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

a {
  color: var(--black);
  text-decoration: none;
}

.navbar-container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.navbar {
  z-index: 9999;
  background-color: var(--white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: color-mix(in srgb, var(--green) 50%, var(--light-blue) 50%);
  position: sticky;
  top: 0;
  box-shadow: 0 2px 5px #0003;
}

.navbar-row {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  display: flex;
}

.logo-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.logo-linkb.cuhk {
  width: 73px;
}

.logo-linkb.cuhk-cantre {
  width: 260px;
}

.logo-line {
  background-color: var(--black);
  width: 1px;
  height: 70px;
}

.nav-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.top-nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.down-nav-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.nav-link {
  padding: 0;
  transition: color .5s;
}

.nav-link:hover {
  color: var(--green);
}

.nav-link.w--current {
  color: var(--black);
}

.nav-link.w--current:hover {
  color: var(--green);
}

.nav-inner-row {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.nav-inner-row.font-size {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-end;
}

.media-btn {
  width: 24px;
  height: 24px;
}

.media-btn-hover {
  width: 24px;
  height: 24px;
  transition: opacity .5s;
  position: absolute;
}

.media-btn-hover:hover {
  opacity: 0;
}

.nav-search {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
}

.body {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: color-mix(in srgb, var(--green) 0%, var(--light-blue) 100%);
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 0;
}

.section.inner-top {
  background-color: var(--tran);
  background-image: url('../images/top-half-Ellipse.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.footer {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.home {
  padding-top: 0;
  padding-bottom: 0;
}

.section._1-80p {
  padding-top: 0;
}

.section.top-80 {
  padding-bottom: 0;
}

.container {
  width: 100%;
  max-width: 1440px;
  padding-left: 100px;
  padding-right: 100px;
}

.container.home-top-banner {
  padding-left: 0;
  padding-right: 0;
}

.container.footer {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.home-banner-b {
  position: relative;
}

.know-mron-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.inner-link-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-item {
  color: var(--black);
  text-decoration: none;
  transition: color .5s;
}

.link-item:hover {
  color: var(--green);
}

.link-item.inner-top {
  color: #00000080;
}

.link-item.inner-top.w--current {
  transition-property: all;
}

.link-item.inner-top.w--current:hover {
  color: var(--green);
}

.link-item.inner-top.no-link {
  pointer-events: none;
}

.inner-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.main-row-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: 1;
  flex-flow: column;
  display: flex;
  position: relative;
}

.main-row-b.site-map {
  width: 50%;
  padding-left: 40px;
  padding-right: 40px;
}

.main-row-b.events {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.main-row-b.project {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.main-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.main-top-line-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  display: flex;
}

.main-top-line-b.publications {
  padding-top: 20px;
}

.main-top-line {
  width: 20%;
  height: 1px;
}

.main-top-line.green {
  background-color: var(--green);
  width: 20%;
}

.main-top-line.gray {
  background-color: var(--gray);
  width: 80%;
}

.main-top-line.blue {
  background-color: var(--light-blue);
}

.main-content-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.footer-content-b {
  border-top: 1px solid var(--green);
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 0;
  display: flex;
}

.footer-contact-header {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.footer-info-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.icon-b {
  width: 20px;
  height: 20px;
  position: relative;
}

.footer-contact-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.info-contact {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.footer-bottom-b {
  border-top: 1px solid var(--green);
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 10px 100px;
  display: flex;
}

.footer-bottom-row {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.footer-bottom {
  flex-flow: row;
  display: flex;
}

.footer-bottom.r {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.footer-bottom.l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.heading-none {
  display: none;
}

.dot-b {
  background-color: var(--black);
  border-radius: 10px;
  width: 3px;
  height: 3px;
}

.site-map-row {
  grid-row-gap: 80px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: -40px;
  margin-right: -40px;
  display: flex;
  position: relative;
}

.list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.project-col-b {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.project-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  transition: color .5s;
  display: flex;
}

.project-b:hover {
  color: var(--green);
}

.project-date {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #00000080;
  display: flex;
}

.submit-btn {
  display: block;
}

.submit-btn.search {
  background-color: var(--tran);
  background-image: url('../images/green-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  margin-right: 0;
  padding: 0 20px;
  transition: opacity .5s;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.submit-btn.search:hover {
  opacity: .5;
}

.date-select-field {
  border: 1px solid var(--green);
  background-color: var(--white);
  background-image: url('../images/stash_play-solid.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: stretch;
  height: 40px;
  margin-bottom: 0;
  padding: 10px;
  display: flex;
}

.select-bar-b {
  width: 100%;
  padding-bottom: 20px;
}

.select-bar {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 33.33%;
  display: flex;
  position: relative;
}

.events-col-b {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.events-row {
  width: 100%;
  display: flex;
}

.event-col-b {
  width: 50%;
}

.event-col-b.r {
  justify-content: center;
  align-items: center;
  width: 30%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.event-col-b.l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 70%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.events-date-b {
  z-index: 1;
  background-color: var(--green);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: -20px;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.events-date-b.blue {
  background-color: var(--light-blue);
}

.events-subdate-b {
  border: 1px solid var(--green);
  background-color: var(--tran);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin: -11px 10px -10px -12px;
  padding: 10px 100px 10px 10px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.events-subdate-b.blue {
  border-color: var(--light-blue);
  margin-bottom: -9px;
  margin-left: -10px;
  margin-right: 17px;
  padding-left: 10px;
  padding-right: 100px;
  inset: 0% auto 0% 0%;
}

.events-subdate-b.long {
  width: 100%;
  margin-top: -9px;
  margin-bottom: -4px;
  padding-top: 80px;
  padding-bottom: 10px;
  padding-left: 10px;
  position: absolute;
  inset: auto 0% -12% auto;
}

.event-date {
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  --pixels: 30;
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
}

.events-date-time {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #00000080;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.img-border {
  border-radius: 10px;
  overflow: clip;
}

.search-select-b {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.search-result-row {
  justify-content: space-between;
  align-items: center;
  width: 33.33%;
  display: flex;
}

.search-row {
  width: 100%;
  display: flex;
}

.search-col-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 100%;
  transition: color .5s;
  display: flex;
}

.search-col-b:hover {
  color: var(--green);
}

.search-type-field {
  border: 1px solid var(--green);
  border-radius: 10px;
  margin-bottom: 0;
}

.center {
  text-align: center;
}

.about-contact-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-right: 0;
  display: flex;
}

.about-header-border {
  border-bottom: 1px solid var(--green);
  background-color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.about-content-b {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-right: 0;
  display: grid;
}

.about-content-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--green);
  background-color: var(--white);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.about-content-number {
  width: 50px;
  min-width: 50px;
}

.full-image {
  width: 100%;
  max-width: 100%;
  /* height: 100%; */
  display: block;
}

.full-image.news {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  border-radius: 10px;
  height: auto;
}

.full-image.inner {
  aspect-ratio: 16 / 9;
  object-fit: fill;
  border-radius: 10px;
}

.about-ppl-main-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  transition: all .5s;
  display: flex;
}

.about-ppl-main-b:hover {
  color: var(--green);
}

.ppl-main-image-b {
  border: 1px solid var(--green);
  border-radius: 500px;
  width: 200px;
  height: 200px;
  overflow: clip;
  box-shadow: inset 0 0 10px #00000040;
}

.about-ppl-info, .about-ppl-contact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.about-ppl-emaill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-ppl-sub-row {
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.about-ppl-sub-content-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--green);
  background-color: var(--white);
  border-radius: 500px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 85px 30px;
  transition: all .5s;
  display: flex;
}

.about-ppl-sub-b {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.join-us-content-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.filter-gp {
  width: 100%;
  transition: color .5s;
  display: block;
}

.filter-gp:hover {
  color: var(--green);
}

.filter-gp.w--current {
  font-weight: 700;
}

.join-us-list-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.publications-fliter-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 320px;
  padding-right: 40px;
  display: flex;
  position: sticky;
  top: 140px;
}

.publications-content-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.about--copy {
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.publications-header-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.publications-subhaeder {
  padding-top: 5px;
  padding-bottom: 5px;
}

.publications-list-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.fliter-tag-b {
  flex-flow: column;
  display: block;
}

.events-inner-content-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.events-inner-top-haeder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.back-btn-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .5;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  transition: opacity .3s;
  display: flex;
}

.back-btn-link:hover {
  opacity: .2;
}

.events-banner-b {
  padding-left: 15%;
  padding-right: 15%;
}

.projects-investigat-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  opacity: .5;
  display: flex;
}

.home-top-banner {
  aspect-ratio: 144 / 71;
  width: 100%;
  height: 100%;
}

.right-arrow, .left-arrow {
  display: none;
}

.home-top-banner-b {
  aspect-ratio: auto;
}

.home-top-banner-bottom {
  z-index: 2;
  background-image: url('../images/bottom-line.png');
  background-position: 50%;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.slide-nav {
  z-index: 3;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
  inset: auto 0% 5%;
}

.home-banner-header-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  flex-flow: column;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: absolute;
  inset: auto 0% 15%;
}

.home-news-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.home-news {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.header-circle-b {
  z-index: -1;
  background-image: url('../images/small-circle.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-top: -20px;
  margin-right: -20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.home-news-header-b {
  position: relative;
}

.home-news-row {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.home-news-img {
  border-radius: 10px;
  position: relative;
}

.home-news-content-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.home-news-line {
  background-color: var(--green);
  border-radius: 10px;
  width: 5px;
}

.home-news-line.blue {
  background-color: var(--light-blue);
}

.bold {
  font-weight: 700;
}

.p-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-news-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 33.33%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.home-news-date-b {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--green);
  color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -20px;
  margin-right: 4px;
  padding: 20px;
  --pixels: 30;
  font-size: 30px;
  font-weight: 700;
  display: flex;
}

.home-news-date-b.blue {
  background-color: var(--light-blue);
}

.home-news-date-out-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--green);
  color: var(--white);
  border-radius: 10px;
  flex-flow: column;
  margin-top: -84px;
  margin-left: -11px;
  margin-right: 12px;
  padding: 20px;
  --pixels: 30;
  font-size: 30px;
  font-weight: 700;
  display: flex;
}

.home-news-date-out-b.blue {
  border-color: var(--light-blue);
}

.o-0 {
  opacity: 0;
}

.home-mission-row {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-mission-col {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.home-mission-col.r {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.home-mission-col.l {
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.home-mission-col.l._02 {
  display: flex;
}

.home-mission-item-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
}

.home-mission-img-b {
  background-image: linear-gradient(132deg, var(--green), var(--light-blue));
  border-radius: 10px;
  padding: 3px;
}

.home-mission-out-line {
  background-color: var(--white);
  border-radius: 10px;
  overflow: clip;
}

.home-mission-b {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.out-line-b {
  z-index: -1;
  margin-top: -20px;
  margin-right: -20px;
  padding-left: 140px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.out-line-b.r {
  margin-left: 20px;
  padding-left: 0;
  padding-right: 40px;
}

.line-1 {
  z-index: -1;
  width: 100px;
  height: 100px;
  margin-right: 41%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.line-2 {
  width: 72px;
  height: 70px;
  margin-bottom: -7%;
  margin-left: -22%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.line-3 {
  z-index: -1;
  width: 300px;
  height: 100px;
  margin-bottom: -99px;
  margin-left: -80px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.line-4 {
  width: 1px;
  height: 80px;
  margin-left: 20%;
  display: block;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.nav-search-bar {
  margin-bottom: 0;
  display: block;
}

.search-bar {
  border: 1px solid var(--green);
  background-image: url('../images/symbols_search.svg');
  background-position: 5%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 50px;
  margin-bottom: 0;
  padding: 0 15px 0 40px;
}

.nav-dropdown {
  display: block;
}

.nav-dropdown-list {
  background-color: var(--white);
  margin-top: 30px;
  left: 50%;
  overflow: hidden;
}

.nav-dropdown-list.w--open {
  background-color: var(--white);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: 10px;
  transform: translate(-50%);
}

.nav-dropdown-b {
  border-right: 1px solid var(--green);
  border-bottom: 1px solid var(--green);
  border-left: 1px solid var(--green);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.nav-dropdown-link {
  padding: 20px;
  transition: all .3s;
  display: block;
}

.nav-dropdown-link:hover {
  color: var(--green);
}

.nav-dropdown-link.w--current {
  color: var(--black);
  text-decoration: none;
  transition-duration: .5s;
}

.nav-dropdown-link.w--current:hover {
  color: var(--green);
}

.home-banner-btn {
  justify-content: center;
  align-items: center;
  width: 22%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.know-more-btn {
  z-index: 10;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.search-icon {
  z-index: 1;
  background-color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  width: 35px;
  height: 35px;
  padding: 7px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.play-btn {
  display: none;
}

.green-arrow {
  opacity: 0;
  height: 100%;
  display: block;
  position: absolute;
}

.home-news-outer {
  margin-left: -20px;
  margin-right: -20px;
}

.phone-top-banner {
  display: none;
}

.black-50 {
  color: #33333380;
}

.event-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.home-news-btn-b {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.home-banner-gradient {
  z-index: 1;
  background-image: linear-gradient(0deg, var(--green), #fff0 26%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.arrow {
  height: 100%;
}

.nav-circle {
  background-color: var(--green);
  border-radius: 50px;
  width: 4px;
  height: 4px;
  display: block;
}

.nav-circle._01, .nav-circle._02, .nav-circle._03, .nav-circle._04, .nav-circle._05, .nav-circle._06 {
  display: none;
}

.nav-menu-hover-b {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  transition: color .5s;
  display: flex;
}

.nav-menu-hover-b:hover {
  color: var(--green);
}

.nav-menu-hover-b.aaa-btn {
  border: 1px none var(--green);
  border-radius: 100px;
  padding: 7px 10px;
}

.nav-menu-hover-b.aaa-btn-active {
  border: 1px solid var(--green);
  color: var(--green);
  border-radius: 100px;
  padding: 7px 10px;
}

.small {
  --pixels: 12;
  font-size: 12px;
  line-height: 100%;
}

.medium {
  line-height: 100%;
}

.big {
  --pixels: 20;
  font-size: 20px;
}

.source-link {
  transition: color .3s;
}

.source-link:hover {
  color: var(--green);
}

.news-date-b {
  margin-top: 1%;
  margin-right: -20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.search-page-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.search-arrow-b {
  width: 30px;
  height: 30px;
  position: relative;
}

.page-num-b {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: color .3s;
  display: flex;
}

.page-num-b:hover {
  color: var(--green);
}

.page-circle {
  width: 40px;
  height: 40px;
  display: none;
  position: absolute;
}

.enter-page-b {
  margin-bottom: 0;
}

.input-b {
  border: 1px solid var(--green);
  border-radius: 10000px;
  margin-bottom: 0;
}

.bg-animation {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 80px;
  margin-left: -5%;
  position: absolute;
  inset: 0% 100px;
}

.code-embed {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.popup-bg-click {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% auto auto 0%;
}

.popup-bg-click.popup-close {
  cursor: pointer;
}

.common-popup-box {
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
}

.btn-pop-close {
  background-color: #ed5a9e;
  background-image: url('../images/pop-close.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 60px;
  height: 30px;
  margin-right: -30px;
  transition: background-color .5s, color .5s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-pop-close:hover {
  background-color: #f7ac1b;
}

.btn-pop-close.popup-close {
  background-color: var(--green);
}

.btn-pop-close.popup-close:hover {
  background-color: var(--light-blue);
}

.pop-search {
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.common-popup-box-outter {
  background-image: linear-gradient(90deg, var(--green), var(--light-blue));
  border-radius: 21px;
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: flex;
  position: relative;
}

.container-2 {
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.popup-b {
  z-index: 4000;
  opacity: 0;
  background-color: #2e3091cc;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.popup-b.popup-scroll {
  z-index: 40000;
  opacity: 0;
  background-color: #2fda7766;
  display: none;
}

.qr-code {
  width: 200px;
}

.img-b {
  width: 100%;
}

.date-line-b {
  background-color: var(--white);
  width: 3px;
  height: 10px;
}

.div-block-2 {
  position: absolute;
  inset: 0% 0% auto auto;
}

.top-20 {
  padding-top: 20px;
}

.top-10 {
  padding-top: 10px;
}

.green {
  color: var(--green);
}

.search-header {
  margin-bottom: 0;
  --pixels: 40;
  font-size: 40px;
  line-height: 140%;
}

.search-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

@media screen and (min-width: 1440px) {
  .container-2 {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .navbar-row {
    justify-content: space-between;
    align-items: center;
  }

  .logo-row {
    justify-content: flex-start;
    align-items: center;
    width: 80%;
  }

  .nav-menu {
    border-top: 1px solid var(--green);
    border-bottom: 1px solid var(--green);
    background-color: var(--white);
    width: 100%;
  }

  .top-nav-menu {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
  }

  .down-nav-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .nav-search {
    padding-left: 40px;
    padding-right: 40px;
  }

  .menu-btn {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }

  .menu-btn.w--open {
    background-color: var(--white);
  }

  .menu-btn-line-b {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 40px;
    height: 30px;
    display: flex;
  }

  .menu-btn-line {
    background-color: #90caca;
    width: 100%;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .section, .section.inner-top {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .main-row-b.events, .main-row-b.project {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-bottom-b {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-bottom-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .form {
    width: 100%;
  }

  .events-row {
    justify-content: flex-start;
    align-items: center;
  }

  .event-col-b.r {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .events-date-b, .events-subdate-b {
    display: none;
  }

  .img-border, .search-result-row {
    width: 100%;
  }

  .about-content-b {
    flex-flow: column;
    grid-auto-flow: row;
    display: flex;
  }

  .about-ppl-sub-row {
    grid-column-gap: 0px;
    grid-row-gap: 50px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .about-ppl-sub-b {
    width: 50%;
  }

  .join-us-content-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    width: 100%;
  }

  .filter-gp {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .join-us-list-b {
    padding-left: 10px;
  }

  .publications-fliter-b {
    z-index: 1;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid var(--green);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fffc;
    border-radius: 10px;
    flex-flow: row;
    width: 100%;
    padding: 10px;
    top: 100px;
  }

  .events-banner-b {
    padding-left: 100px;
    padding-right: 100px;
  }

  .home-banner-header-b {
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-news-b {
    margin-left: 0;
    margin-right: 0;
  }

  .home-news {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .header-circle-b {
    width: 70px;
    height: 70px;
    margin-top: 0;
  }

  .home-news-row {
    flex-flow: column;
  }

  .home-news-img {
    width: 40%;
  }

  .home-news-content-b {
    width: 60%;
  }

  .home-news-col {
    flex-flow: row;
    width: 100%;
    padding: 20px 10px;
  }

  .home-news-date-b {
    margin-top: -19%;
    margin-left: 0%;
    margin-right: 0;
    display: flex;
    inset: 0% auto auto 0%;
  }

  .home-news-date-out-b {
    margin-top: -100px;
    margin-left: -11%;
    margin-right: 12px;
    display: block;
    inset: 0% auto auto 0%;
  }

  .home-mission-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
  }

  .home-mission-row.down {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
  }

  .home-mission-col.r {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .home-mission-col.l {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .home-mission-col.l._02 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-mission-item-b {
    background-color: var(--tran);
    width: 100%;
  }

  .home-mission-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 40px;
  }

  .out-line-b.r {
    padding-right: 0;
  }

  .line-1, .line-2, .line-3 {
    display: none;
  }

  .line-4 {
    margin-left: 50%;
    display: block;
  }

  .search-bar {
    background-position: 11px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav-col {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .nav-dropdown {
    text-align: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown-list {
    margin-top: 0;
    position: static;
    transform: none;
  }

  .nav-dropdown-list.w--open {
    width: 100%;
    position: relative;
    left: 50%;
  }

  .nav-dropdown-b {
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: var(--green);
    width: 100%;
    box-shadow: inset 0 2px 5px #0003;
  }

  .nav-dropdown-link {
    text-align: center;
    position: relative;
  }

  .home-banner-btn {
    bottom: 0%;
    right: 0%;
  }

  .search-icon {
    display: none;
  }

  .home-news-outer {
    margin-left: 0;
    margin-right: 0;
  }

  .phone-top-banner {
    display: none;
  }

  .news-date-b {
    z-index: 100;
    margin-top: 2%;
    margin-left: -19px;
    inset: 0% auto auto 0%;
  }

  .search-page-b {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bg-animation {
    opacity: 0;
    display: none;
  }

  .container-2 {
    max-width: 1440px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .img-b {
    border-radius: 10px;
    overflow: clip;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    --pixels: 36;
    font-size: 36px;
  }

  .navbar-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    width: 80%;
  }

  .logo-line {
    height: 50px;
  }

  .menu-btn-line.line1, .menu-btn-line.line2, .menu-btn-line.line3 {
    background-color: var(--green);
  }

  .section {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .section.inner-top {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.home-top-banner {
    aspect-ratio: auto;
  }

  .main-row-b.events {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .footer-bottom-b {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-bottom-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .footer-bottom.r {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .events-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .event-col-b.r {
    width: 100%;
  }

  .event-col-b.l {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .center.pub {
    --pixels: 18;
    font-size: 18px;
  }

  .about-ppl-sub-b {
    width: 100%;
  }

  .join-us-content-b {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .filter-gp {
    justify-content: space-between;
    align-items: center;
    width: 50%;
    margin-top: 20px;
  }

  .join-us-list-b {
    width: 100%;
    padding-left: 0;
  }

  .publications-fliter-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    width: 100%;
  }

  .publications-header-b {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .fliter-tag-b {
    text-align: center;
  }

  .events-banner-b {
    padding-left: 60px;
    padding-right: 60px;
  }

  .home-top-banner {
    aspect-ratio: auto;
    background-color: var(--tran);
    height: 100%;
  }

  .home-top-banner-b {
    width: 100%;
  }

  .home-top-banner-bottom {
    display: none;
  }

  .slide-nav {
    display: none;
    inset: auto 0% 0%;
  }

  .home-banner-header-b {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .home-banner-header-b.phone {
    margin-bottom: 10px;
    display: flex;
    position: static;
  }

  .home-news-b {
    margin-left: 0;
    margin-right: 0;
  }

  .home-news {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .header-circle-b {
    width: 50px;
    height: 50px;
    margin-top: 0;
  }

  .home-news-header-b {
    padding-bottom: 20px;
  }

  .home-news-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: flex-start;
  }

  .home-news-img {
    width: 100%;
  }

  .home-news-content-b {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    width: 100%;
  }

  .home-news-line {
    width: 100%;
    height: 1px;
  }

  .home-news-col {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
  }

  .home-news-date-b {
    justify-content: center;
    align-items: center;
    margin-top: -1%;
    margin-left: -2%;
    inset: 0% auto auto 0%;
  }

  .home-news-date-out-b {
    margin-top: -94%;
    margin-left: -12%;
    margin-right: 14px;
  }

  .home-mission-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .out-line-b {
    margin-right: -2%;
    padding-left: 0;
    inset: 0% 0% auto auto;
  }

  .out-line-b.r {
    margin-right: -2%;
    padding-right: 0;
    inset: 0% 0% auto auto;
  }

  .home-banner-btn {
    display: none;
  }

  .home-banner-grad {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .phone-top-banner {
    background-image: linear-gradient(299deg, var(--green), #b3e449 71%);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .home-banner-gradient {
    z-index: 0;
    background-image: none;
  }

  .news-date-b {
    margin-top: -2%;
    margin-left: 1px;
    margin-right: 0;
    inset: 0% auto auto 0%;
  }

  .common-popup-box, .pop-search, .common-popup-box-outter, .container-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .popup-b {
    padding: 40px 10px;
  }

  .popup-b.popup-scroll {
    padding-top: 100px;
  }

  .home-banner-header {
    --pixels: 28;
    font-size: 28px;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    --pixels: 32;
    font-size: 32px;
  }

  h3 {
    --pixels: 28;
    font-size: 28px;
  }

  .top-nav-menu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-item {
    transition: color .5s;
  }

  .link-item:hover {
    color: var(--green);
  }

  .main-row-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .main-row-b.site-map {
    width: 100%;
  }

  .main-row-b.events {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .main-row-b.project {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .footer-info-b {
    transition: color .5s;
  }

  .footer-info-b:hover {
    color: var(--green);
  }

  .footer-bottom-b {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-bottom-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .footer-bottom.r {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-bottom.l {
    flex-flow: row;
  }

  .site-map-row {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .project-date {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .events-col-b {
    grid-row-gap: 0px;
  }

  .center.about {
    padding-top: 20px;
  }

  .about-contact-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 60px;
  }

  .full-image.inner {
    aspect-ratio: 16 / 9;
  }

  .join-us-content-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .filter-gp {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .publications-b {
    padding-top: 0;
    padding-bottom: 0;
  }

  .publications-fliter-b {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding: 0;
  }

  .publications-header-b {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .events-banner-b {
    padding-left: 0;
    padding-right: 0;
  }

  .home-news-date-b {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: -12%;
    padding: 10px;
    --pixels: 24;
    font-size: 24px;
  }

  .home-news-date-out-b {
    margin-top: -85%;
    margin-left: -13%;
    margin-right: 14px;
    padding: 10px;
  }

  .home-mission-row.down {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .out-line-b {
    margin-left: 20px;
  }

  .text-block {
    word-break: break-all;
  }

  .home-banner-grad {
    justify-content: space-between;
  }

  .news-date-b {
    margin-top: 0%;
    margin-left: 0;
  }

  .btn-pop-close.popup-close {
    width: 50px;
    height: 25px;
    margin-right: -25px;
  }

  .home-banner-header {
    --pixels: 24;
    font-size: 24px;
  }
}