#page {
  background-color: var(--color-body-bg);
  position: relative;
  z-index: 1;
}
/* header */
.header-bound-hide #header .site-logo img,
.header-logo .site-logo img,
.menu-open .header-logo .site-logo img {
  /* mix-blend-mode: normal; */
  filter: var(--filter-white);
  opacity: 1;
}
#header .site-logo {
  pointer-events: all;
}
#header .site-logo img,
.menu-open #header .site-logo img,
.subMenu-open #header .site-logo img {
  /* mix-blend-mode: difference; */
  filter: normal;
  opacity: 0;
  transition: all var(--transition) var(--timing-function);
}
.header-bound-hide .header-logo,
#header:has(.search-container.active) + .header-logo {
  opacity: 0;
}
.header-bound-hide .menu-open .header-logo,
.header-bound-hide .subMenu-open .header-logo {
  opacity: 1;
}
.header-logo {
  mix-blend-mode: difference;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
#header,
.header-logo {
  /* mix-blend-mode: difference; */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 98;
  width: 100%;
  padding: var(--spacing-xs) var(--container-padding);
  padding-bottom: var(--spacing-3xs);
}
#header .header-container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.header-menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
}
.header-menu .menu-item.menu-item-has-children > a {
  position: relative;
  z-index: 4;
}
body.subMenu-open
  .header-menu
  > .menu-item.menu-item-has-children.sub-open
  > .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.header-menu .menu-item.menu-item-has-children > .sub-menu {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all var(--transition) var(--timing-function);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.header-menu .menu-item.menu-item-has-children > .sub-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--spacing-2sm);
  background: rgba(238, 227, 207, 0.92);
  backdrop-filter: blur(4px);
  padding: var(--spacing-2lg);
  padding-top: var(--spacing-2xl);
}
.header-menu .menu-item.menu-item-has-children > .sub-menu a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  grid-row-gap: var(--spacing-xs);
}
.header-r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
}
.header-menu.header-menu2 {
  justify-content: flex-end;
}
.header-btn.search-btn {
  padding: 0;
  width: 26px;
  height: 26px;
}
.header-btn.search-btn .ic {
  font-size: var(--font-size-btn);
}
.header-menu > .menu-item > a,
.header-btn {
  border-radius: 70px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(7px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--spacing-xs);
  height: 26px;
  white-space: nowrap;
  cursor: pointer;
}
.lang-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lang-container .lang-selector {
  overflow: hidden;
  display: grid;
  grid-template-columns: 0fr;
  transition: grid-template-columns var(--transition) var(--timing-function);
  white-space: nowrap;
}
.lang-container.active .lang-selector {
  grid-template-columns: 1fr;
}
.lang-container .lang-selector .lang-inner {
  overflow: hidden;
}
.lang-container .lang-selector .list-lang {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
  padding-left: var(--spacing-4xs);
}
.lang-container.active .lang-selector .list-lang {
  visibility: visible;
}
.lang-btn {
  cursor: pointer;
}
.lang-btn::after {
  display: inline-block;
  content: "\e90c";
  font-family: "iconfont";
  font-size: var(--font-size-btn);
  margin-left: var(--spacing-4xs);
  transition: all var(--transition) var(--timing-function);
  font-size: 8px;
}
.lang-container.active .lang-btn::after {
  transform: rotate(-90deg);
}
.search-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  background-color: var(--color-cream);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all var(--transition) var(--timing-function);
}
.search-container.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.search-container .search-form {
  padding: 0 var(--container-padding);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  grid-column-gap: var(--spacing-2xs);
}
.search-container .search-form button {
  cursor: pointer;
  flex-shrink: 0;
}
.search-container .search-form input[type="search"] {
  flex: 1 1 100%;
}
.search-form button[type="reset"] {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(var(--color-white-rgb), 0.8);
  backdrop-filter: blur(7px);
}
.search-form button[type="reset"] .ic {
  font-size: var(--font-size-btn);
}
.mobileMenu-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 96;
  background-color: var(--color-body-bg);
  padding: var(--container-padding);
  transition: all var(--transition) var(--timing-function);
  transform: translateX(-100%);
  pointer-events: none;
}
.menu-open .mobileMenu-container {
  transform: translateX(0);
  pointer-events: all;
}
.mobileMenu-container .mobileMenu-inner::before {
  content: "";
}
.mobileMenu-container .mobileMenu-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.mobile-menu {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-lg);
}
.mobile-menu > .menu-item.menu-item-has-children > a:after {
  display: inline-block;
  content: "\e90a";
  font-family: "iconfont";
  font-size: var(--font-size-btn);
  margin-left: var(--spacing-4xs);
  transition: all var(--transition) var(--timing-function);
  font-size: 10px;
  transform: translateY(-0.2em);
}
.mobile-menu > .menu-item.menu-item-has-children.active > a:after {
  transform: translateY(-0.2em) rotate(90deg);
}
.mobile-menu > .menu-item.menu-item-has-children > .subMenu-container {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--transition) var(--timing-function);
}
.mobile-menu > .menu-item.menu-item-has-children.active > .subMenu-container {
  grid-template-rows: 1fr;
}
.subMenu-container .sub-menu {
  overflow: hidden;
  min-height: 0;
  transition: visibility 1s;
  visibility: hidden;
}
.mobile-menu
  > .menu-item.menu-item-has-children.active
  > .subMenu-container
  > .sub-menu {
  visibility: visible;
}
.header-spacing {
  padding-top: var(--header-h);
}
.mobile-menu .sub-menu li {
  padding: var(--spacing-2xs) 0;
}
.mobile-menu .sub-menu li:first-child {
  padding-top: var(--spacing-2sm);
}
/* End of Header */
/* Footer */
#footer {
  background-color: var(--color-white);
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-2xs);
}
#footer .footer-logo img {
  width: auto;
  height: 52px;
}
#footer .footer-logo {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
#footer .footer-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  grid-row-gap: var(--spacing-2lg);
}
#footer .footer-l {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: var(--spacing-3xs);
  width: fit-content;
}
#footer .footer-content {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-column-gap: var(--spacing-lg);
}
#footer .footer-menu {
  columns: 3;
  column-gap: var(--spacing-2lg);
}
#footer .footer-menu > li {
  break-inside: avoid;
}
#footer .footer-menu .menu-item {
  display: block;
  width: 100%;
  margin-bottom: var(--spacing-2xs);
  white-space: nowrap;
}
#footer .footer-r {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
#footer .social-list {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
  grid-row-gap: var(--spacing-3xs);
}
#footer .footer-bottom .copyright {
  margin-top: var(--spacing-sm);
}
#footer .footer-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  grid-row-gap: var(--spacing-sm);
}
#footer .footer-bottom .list-partners {
  flex-wrap: wrap;
  grid-column-gap: var(--spacing-xs);
  grid-row-gap: var(--spacing-xs);
}

#footer .footer-bottom .list-brands {
  grid-column-gap: var(--spacing-xs);
}
#footer .footer-bottom .list-brands img {
  height: 52px;
  width: auto;
}
#footer .footer-bottom .list-partners img {
  height: 34px;
  width: auto;
  filter: grayscale(1);
  opacity: 0.5;
  transition: all var(--transition) var(--timing-function);
}
#footer .footer-bottom .list-partners a:hover img {
  filter: grayscale(0);
  opacity: 1;
}
#footer .footer-bottom .list-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-menu a {
  font-size: var(--font-size-btn);
  font-family: var(--font-heading);
}
.social-list a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
}
.social-list .ic {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(var(--color-lightGold-rgb), 0.5);
  color: var(--color-black);
  background-color: var(--color-white);
}
/* End of Footer */
/* Marquee */
.marquee-wrapper .marquee-item > * {
  width: 22.1775694vw;
  min-width: 216px;
}
/* End of Marquee */
/* Section */
.section-heading.heading-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-heading.heading-spacing {
  margin-bottom: var(--spacing-2md);
}
.section-btn.btn-spacing {
  padding: var(--spacing-md) 0;
}
.section-btn.btn-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-section .heading-pill {
  margin-bottom: var(--spacing-xs);
}
.pinned-section {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pinned-section .bg-obj::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 45%,
    rgba(0, 0, 0, 0.34) 100%
  );
}
.pinned-section .section-heading {
  position: relative;
  z-index: 4;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-row-gap: var(--spacing-sm);
  padding: var(--spacing-xl) var(--container-padding);
  text-align: center;
  align-items: center;
}
.pinned-section .section-content {
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.pinned-section .section-content .scroll-container {
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
}
.pinned-section .section-content .scroll-container .scroll-list {
  position: relative;
  display: flex;
  flex-direction: row;
  width: max-content;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  grid-gap: var(--spacing-2sm);
}
/* End of Section */
/* Business section */
.businessSlide-item {
  position: relative;
  width: 100%;
}
.businessSlide-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background: var(--color-body);
  opacity: 0.2;
}
.businessSlide-item .media-wrapper {
  min-height: 810px;
}
.businessSlide-item .media-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 37%,
    rgba(0, 0, 0, 1) 100%
  );
  opacity: 0.92;
}
.iso-item {
  position: relative;
}
.iso-item img:hover + .iso-desc {
  opacity: 1;
  visibility: visible;
}
.iso-item .iso-desc {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(calc(-100% - var(--spacing-xs)), -50%);
  background: var(--color-lightGold);
  width: max-content;
  border-radius: 50px;
  padding: var(--spacing-3xs) var(--spacing-sm);
  opacity: 0;
  visibility: hidden;
  transition: all var(--transition) var(--timing-function);
}
.iso-item img {
  cursor: pointer;
  width: auto;
  height: 72px;
  filter: var(--filter-white);
  opacity: 0.72;
}
.businessSlide-iso ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  grid-row-gap: var(--spacing-lg);
}
.businessSlide-item .businessSlide-iso {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  grid-row-gap: var(--spacing-xs);
  padding: var(--container-padding);
}
.businessSlide-item .businessSlide-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  grid-row-gap: var(--spacing-xs);
  padding: 125px var(--container-padding);
  transition: all var(--transition) var(--timing-function);
  opacity: 0;
  transition-delay: 0.5s;
}
.swiper-slide-active .businessSlide-item .businessSlide-content {
  opacity: 1;
}
.businessSlides-section .businessSlide-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: var(--spacing-md);
}
.businessSlides-section .businessSlide-nav .swiper-businessThumb {
  padding: 0 var(--container-padding);
}
.business-nav {
  cursor: pointer;
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(var(--color-white-rgb), 0.18);
  backdrop-filter: blur(5px);
  transition: all var(--transition) var(--timing-function);
}
.swiper.swiper-businessThumb .swiper-slide:not(:last-child) {
  margin-right: var(--spacing-3xs);
}
.swiper.swiper-businessThumb .swiper-slide {
  min-width: 186px;
  width: calc((100% - (var(--spacing-3xs) * 5)) / 6);
}
.business-nav > * {
  filter: var(--filter-white);
}
.swiper-slide-thumb-active .business-nav {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
}
.swiper-slide-thumb-active .business-nav > * {
  filter: none;
}
/* Award Slides */
.swiper-awards .swiper-slide .awardSlide-content {
  margin-top: var(--spacing-md);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all var(--transition) var(--timing-function);
}
.swiper-awards .swiper-slide.swiper-slide-active .awardSlide-content {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  transition-delay: var(--transition);
}
.swiperAwards-container .swiper-button {
  top: 0;
  margin-top: 0;
}
.swiperAwards-container .swiper-button.swiper-button-prev {
  left: 15%;
}
.swiperAwards-container .swiper-button.swiper-button-next {
  right: 15%;
}
.awardSlide-content > *:not(:last-child) {
  margin-bottom: var(--spacing-2sm);
}
.awardSlide-content > *:first-child {
  margin-bottom: var(--spacing-2xs);
}
.award-tags {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: var(--spacing-4xs);
}
.sustain-item {
  position: relative;
  width: 350px;
}
.sustain-item .fsw-h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
/* Recent Blogs */
.gridSticky-container {
  position: relative;
}
.gridSticky-container .grid-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: var(--header-h);
  width: 100%;
  height: fit-content;
  border-radius: 4px;
  overflow: hidden;
  /* height: calc(100svh - var(--header-h));
  display: flex;
  align-items: center; */
}
.recentBlogs-heading {
  width: 100%;
}
.grid-content.grid-recentBlogs {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: var(--spacing-2sm);
}
.recentBlogs-item {
  position: relative;
}
.recentBlogs-item .recentBlogs-content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  grid-row-gap: var(--spacing-sm);
  padding: var(--spacing-sm);
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.3) 100%
    ),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.8) 100%);
}
.blogThumb-item {
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  background: rgba(var(--color-cream-rgb), 0.32);
  transition: background var(--transition) var(--timing-function);
}
.blogThumb-item:hover {
  background: rgba(var(--color-cream-rgb), 1);
}
.blogThumb-item > .media-wrapper {
  flex: 0 0 205px;
}
.blogThumb-item .blogThumb-title > .fsw-h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.blogThumb-item .blogThumb-desc > .fsw-sub1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.blogThumb-item > .blogThumb-detail {
  padding: var(--spacing-sm);
  padding-bottom: var(--spacing-3xs);
  padding-right: var(--spacing-3xs);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  grid-row-gap: var(--spacing-2xs);
  width: 100%;
}
.blogThumb-item .blogThumb-btn {
  flex-grow: 1;
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
}
.blogThumb-item .blogThumb-btn > .ic {
  font-size: 10px;
  display: inline-flex;
  width: 46px;
  border-radius: 44px;
  height: 24px;
  justify-content: center;
  align-items: center;
  background-color: var(--color-white);
  color: var(--color-body);
}
.swiper.swiper-recentBlogs .swiper-wrapper .swiper-slide {
  width: 280px;
  height: auto;
}
/* End of Recent Blogs */
.media-slide {
  position: relative;
}
.mediaBanner-section {
  position: relative;
}
.mediaBanner-section .mediaBanner-content {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--container-padding);
  grid-row-gap: var(--spacing-md);
  background: linear-gradient(
      270deg,
      rgba(0, 0, 0, 0) 40%,
      rgba(0, 0, 0, 0.4) 100%
    ),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.pageIntro-section {
  width: 100%;
  height: 100svh;
  min-height: 750px;
  position: relative;
  z-index: 5;
}
.pageIntro-section .bg-obj::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
}
.pageIntro-section .bg-obj::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(var(--color-black-rgb), var(--bg-overlay, 0.2));
}
.pageIntro-section .pageIntro-content > p {
  max-width: 510px;
  margin: 0 auto;
}
.pageIntro-section .pageIntro-content {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  grid-row-gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--container-padding);
}
.slide-section .pageIntro-lead {
  position: absolute;
  z-index: 4;
  bottom: var(--spacing-sm);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-3xs);
}
.pageIntro-section .pageIntro-content > .ic,
.pageIntro-lead .ic {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 10px;
  background-color: transparent;
  border: 1px solid rgba(var(--color-white-rgb), 0.18);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: var(--color-white);
}
.pageIntro-lead .ic {
  color: var(--color-black);
  background-color: var(--color-lighterGold);
}
.grid-content.grid2 {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - (var(--spacing-2sm) / 2)));
  grid-gap: var(--spacing-2sm);
}
.grid-content.grid2.gap-0 {
  grid-template-columns: repeat(2, 50%);
}
.grid-content.gap-0 {
  grid-gap: 0;
}
.stickyCenter-section {
  padding-bottom: var(--container-padding);
}

.stickyCenter-container.gridSticky-container .grid-media {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  grid-row-gap: var(--spacing-2sm);
}
.stickyCenter-container.gridSticky-container .grid-stickyCenter {
  height: calc(100% - 30vw);
  margin-top: -30vw;
  z-index: 5;
  position: relative;
  grid-row: 1 / span 2;
  grid-column: 1;
  order: -1;
}
.stickyCenter-container.gridSticky-container .grid-sticky {
  max-height: 0px;
  overflow: visible;
  top: 50%;
}
.stickyCenter-container .stickyCenter-logo > img {
  width: auto;
  height: 100px;
}
.stickyCenter-container .stickyCenter-content {
  transform: translateY(-50%);
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 524px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4.5px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-sm);
  padding: var(--spacing-lg) var(--container-padding);
}
.boxes-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: var(--spacing-2sm);
}
.boxes-container .box-item {
  height: 85px;
  flex: 0 0 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-4xs);
  padding: var(--spacing-md) var(--spacing-sm);
  background-color: var(--color-white);
  text-align: center;
}
.boxes-section {
  height: 100svh;
  min-height: 750px;
}
.boxes-section .section-heading {
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-2sm);
  margin-bottom: var(--spacing-2lg);
}
.boxes-section .boxes-content {
  position: relative;
  z-index: 2;
  padding: var(--container-padding);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
}
.splitText-section .splitText-content {
  position: relative;
  z-index: 2;
  padding: min(50svh, 750px) var(--container-padding);
}
.splitText-section .bg-obj::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(var(--color-black-rgb), 0.4);
}
.repeater-item .grid-context {
  background-color: var(--color-cream);
}
.repeater-item .repeater-content {
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-2sm);
  width: 100%;
  height: 100%;
  text-align: center;
  padding: var(--container-padding);
}
.repeater-item:nth-child(even) .grid-context {
  background-color: transparent;
}
.repeater-item .repeater-content > * {
  max-width: 372px;
  margin: 0 auto;
}
.section-nav .btn-fn {
  margin-left: auto;
  width: fit-content;
}
.grid-content.grid4 {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: var(--spacing-2sm);
}
.award-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: var(--spacing-sm);
  background: rgba(var(--color-cream-rgb), 0.32);
}
.award-item .awardItem-detail {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  grid-row-gap: var(--spacing-sm);
}
.award-item .awardItem-detail .awardItem-title .c-gold {
  margin-bottom: var(--spacing-4xs);
}
.award-item .awardItem-tags {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
}
.awards-section .load-more {
  display: flex;
  margin: 0 auto;
  margin-top: var(--spacing-3xl);
}
.awards-section .section-nav {
  padding-bottom: var(--spacing-2sm);
}
.filter-container .filter-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--container-padding);
}
.filter-container .btn-close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 10px;
  background-color: var(--color-lighterGold);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: var(--color-black);
}
.section-nav .filter-form {
  margin-top: var(--spacing-2xs);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  grid-column-gap: var(--spacing-5xl);
  grid-row-gap: var(--spacing-md);
  background-color: var(--color-white);
  padding: var(--spacing-md);
}
.org-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  grid-row-gap: var(--spacing-2xl);
}
.org-container .org-group {
  display: grid;
  grid-template-columns: 440px auto;
  grid-column-gap: min(var(--spacing-3xl), 7.4vw);
  grid-row-gap: var(--spacing-xl);
}
.org-group .org-heading {
  text-align: center;
}
.org-group .org-heading > .fsw-h1 {
  margin-bottom: var(--spacing-2sm);
}
.org-group .org-heading > p {
  margin: 0 auto;
  margin-top: var(--spacing-md);
  max-width: 350px;
}
.org-group .org-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--spacing-2sm);
  grid-row-gap: var(--spacing-md);
}
.org-item,
.org-item .org-detail {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  grid-row-gap: var(--spacing-sm);
}
.org-item .org-detail {
  grid-row-gap: var(--spacing-3xs);
}
.textContent-section .textContent-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-sm);
  text-align: center;
}
.textContent-section .textContent-container > .textContent-desc {
  max-width: 660px;
  margin: 0 auto;
  margin-top: var(--spacing-2xs);
}
.projectSlides-section .media-slide {
  position: relative;
}
.projectSlides-section .media-slide .mediaSlide-overlay {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--container-padding);
  padding-right: calc(var(--container-padding) + var(--spacing-3xl));
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.projectSlides-section .media-slide .mediaSlide-overlay .mediaSlide-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  grid-row-gap: var(--spacing-xs);
  height: 100%;
  text-align: left;
}
.mediaSlide-content {
  transition: all var(--transition) var(--timing-function);
  opacity: 0;
  transition-delay: var(--transition);
}
.swiper-slide-active .mediaSlide-content {
  opacity: 1;
}
.projectSlides-section .media-slide::before,
.projectSlides-section .media-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.projectSlides-section .media-slide::before {
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.projectSlides-section .media-slide::after {
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0.56) 100%
  );
}
.projectSlides-section .media-slide .slide-content {
  max-width: 50%;
}
.projectSlides-section .media-slide .slide-content .showMore-container,
.projectSlides-section .media-slide .slide-content > p {
  margin-top: var(--spacing-md);
}
.projectSlides-section .media-slide .slide-content > h5 {
  margin-top: var(--spacing-md);
}
.projectSlides-section .media-slide .slide-content > h5 + p {
  margin-top: var(--spacing-4xs);
}
.projectSlides-section .section-overlay {
  position: absolute;
  top: var(--spacing-xl);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 4;
}
.gridBox-item {
  position: relative;
}
.gridBox-item .gridBox-content {
  position: absolute;
  padding: var(--spacing-xl);
  padding-bottom: var(--spacing-md);
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.slide-item {
  position: relative;
}
.slide-item .slideOverlay-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--container-padding);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
}
.slideOverlay-content .slide-content {
  max-width: 460px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  grid-row-gap: var(--spacing-sm);
  transition: all var(--transition) var(--timing-function);
  opacity: 0;
  transition-delay: var(--transition);
}
.swiper-slide-active .slideOverlay-content .slide-content {
  opacity: 1;
}
.slidesWithThumbs-container {
  position: relative;
}
.slidesBottomThumb-section .slidesWithThumbs-container .swiper-thumbs {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--spacing-md);
  padding: 0 var(--container-padding);
}
.slidesWithThumbs-container .swiper-thumbs .swiper-slide {
  width: fit-content;
}
.slidesWithThumbs-container .swiper-thumbs .swiper-slide:not(:last-child) {
  margin-right: var(--spacing-3xs);
}
.swiper-thumbs .slide-thumb > span {
  text-box: trim-both cap alphabetic;
}
.swiper-thumbs .slide-thumb {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  border-radius: 34px;
  background: rgba(var(--color-white-rgb), 0.18);
  backdrop-filter: blur(7.5px);
  padding: 0 24px;
  height: 38px;
  color: var(--color-white);
}
.swiper-thumbs .swiper-slide-thumb-active .slide-thumb {
  background: rgba(var(--color-white-rgb), 0.92);
  color: var(--color-gold);
}
.businessGroup-container > .businessGroup-item:not(:last-child) {
  margin-bottom: var(--spacing-md);
}
.grid-content.grid-businessGroup {
  display: grid;
  grid-template-columns: 30% calc(70% - var(--spacing-2sm));
  grid-column-gap: var(--spacing-2sm);
  grid-row-gap: var(--spacing-md);
  margin-left: var(--container-padding);
  align-items: center;
}
.businessGroup-item > .grid-content > .grid-slide > *,
.businessGroup-item > .grid-content > .grid-slide .swiper-wrapper {
  height: 100%;
}
.businessGroup-item > .grid-content > .grid-slide .media-wrapper {
  min-height: 100%;
}
.businessGroup-item .businessGroup-content .businessGroup-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-2xs);
  width: 100%;
}
.businessGroup-item .businessGroup-content .businessGroup-desc {
  max-width: 310px;
  margin: 0 auto;
}
.businessGroup-item
  .businessGroup-content
  .businessGroup-heading
  .swiper-thumbs {
  width: 100%;
}
.businessGroup-item .businessGroup-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-md);
  text-align: center;
  overflow: hidden;
  padding: var(--spacing-xl) var(--container-padding);
}
.thumb-nav {
  cursor: pointer;
  position: relative;
  width: fit-content;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 1px solid rgba(var(--color-lightGold-rgb), 0.5);
  background: var(--color-white);
  white-space: nowrap;
  padding: 0 var(--spacing-sm);
  overflow: hidden;
}
.thumb-nav::after {
  transition: all var(--transition) var(--timing-function);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  background: linear-gradient(
    90deg,
    #cfb992 0%,
    #e1ceab 31.73%,
    #e2d2b5 49.52%,
    #e1ceab 64.42%,
    #cfb992 100%
  );
}
.swiper-slide.swiper-slide-thumb-active .thumb-nav::after,
.thumb-nav.active::after {
  opacity: 1;
}
.thumb-nav > span {
  position: relative;
  z-index: 2;
  text-box: trim-both cap alphabetic;
}
.slidesWithThumbs-container.businessGroup-item
  .swiper-thumbs
  .swiper-slide:not(:last-child) {
  margin-right: 6px;
}
.businessContact-section .grid-context {
  background-color: rgba(var(--color-cream-rgb), 0.5);
}
.businessContact-section .businessGroup-item .grid-content.grid2 {
  align-items: stretch;
}

.detail-group > .fsw-sub2 {
  opacity: 0.5;
  margin-bottom: var(--spacing-3xs);
}
.social-list {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
}
.social-list .ic {
  background-color: var(--color-white);
}
.businessDetail-container .business-details {
  max-width: 245px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-2sm);
}
.mediaOverlay-section .mediaOverlay-container {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 45%,
      rgba(0, 0, 0, 0.32) 100%
    ),
    linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 100%);

  padding: var(--container-padding);
}
.mediaOverlay-container .mediaOverlay-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 500px;
}
.mediaOverlay-container .mediaOverlay-content > .fsw-h2 {
  margin-bottom: var(--spacing-md);
}
.mediaOverlay-container .mediaOverlay-content > .fsw-h4 {
  margin-bottom: var(--spacing-sm);
}
.position-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  background-color: var(--color-white);
  border-radius: 4px;
  padding: var(--spacing-sm) var(--spacing-md);
  grid-row-gap: var(--spacing-md);
}
.position-item .position-heading {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: var(--spacing-3xs);
}
.position-item .position-detail .list-detail {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: var(--spacing-xs);
}
.position-item .position-detail .list-detail > li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: var(--spacing-4xs);
}
.position-item .position-detail .list-detail .fsw-sub2 {
  opacity: 0.4;
  letter-spacing: 0.4px;
}
.blog-slide {
  position: relative;
  display: block;
}
.single-blog .blog-slide .blogSlide-overlay {
  padding: var(--container-padding);
}
.blog-slide .blogSlide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: var(--spacing-xl) var(--container-padding);
  text-align: center;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.blog-slide .blogSlide-overlay .blogSlide-content {
  max-width: 1070px;
  margin: 0 auto;
}
.swiper-slide .blog-slide .blogSlide-overlay .blogSlide-content {
  opacity: 0;
  transition: all var(--transition) var(--timing-function);
  transition-delay: var(--transition);
}
.swiper-slide.swiper-slide-active .blog-slide .blogSlide-overlay .blogSlide-content {
  opacity: 1;
}
.blog-slide .blogSlide-overlay .blogSlide-content .tags {
  margin-bottom: var(--spacing-sm);
}
.pageIntro-section .swiper-container .swiper-pagination {
  bottom: var(--spacing-md);
}
.blogIndex-section .section-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  grid-column-gap: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}
.blogIndex-section .section-nav > .section-fn.fn-cate {
  flex: 0 1 auto;
  max-width: calc(100% - 200px - var(--spacing-lg));
}
.blogIndex-section .section-nav > .section-fn.fn-filter {
  flex: 0 0 200px;
}
.section-fn.fn-filter .custom-select {
  width: fit-content;
  margin-left: auto;
}
.section-fn .swiper-overflow {
  width: calc(100% + (var(--container-padding) * 2));
  margin-left: calc(var(--container-padding) * -1);
}
.section-fn .swiper-slide {
  width: fit-content;
}
.section-fn .swiper-slide:not(:last-child) {
  margin-right: 6px;
}
.share-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-2xs);
}
.single-blog .blog-section {
  background-color: var(--color-cream);
}
.single-blog .blog-section .blogThumb-item {
  background: rgba(255, 255, 255, 0.32);
}
.single-blog .blog-section .blogThumb-item:hover {
  background: rgba(255, 255, 255, 0.8);
}
.blog-section .swiperBlog-container .swiper-slide {
  height: auto;
}
/* CONTACT */
.contact-main .contactMain-content {
  grid-row-gap: var(--spacing-md);
  position: relative;
  z-index: 2;
  padding: var(--spacing-5xl) var(--container-padding);
  background: linear-gradient(
    0deg,
    rgba(238, 227, 207, 0.6) 0%,
    rgba(238, 227, 207, 0.6) 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact-main .boxes-container .box-item {
  flex: 0 0 280px;
}
.box-item a {
  cursor: pointer;
  transition: all var(--transition) var(--timing-function);
}
.box-item a.c-black:hover {
  color: var(--color-gold);
}
.contact-item .swiper.auto .swiper-slide {
  width: fit-content;
}
.contact-section .businessGroup-item .swiper.auto .swiper-slide {
  width: fit-content;
}
.contact-section
  .businessGroup-item
  .swiper.auto
  .swiper-slide:not(:last-child) {
  margin-right: var(--spacing-4xs);
}
.page-section .entry-content {
  margin-top: var(--spacing-md);
}
.contact-info {
  margin-top: var(--spacing-md);
}
.contact-table {
  margin-top: var(--spacing-xs);
  border-collapse: separate;
  border-spacing: 4px;
  text-align: left;
}
.contact-table th,
.contact-table td {
  padding: var(--spacing-2sm);
  background: rgba(var(--color-cream-rgb), 0.4);
}
.contact-table thead th,
.contact-table tbody td:first-child {
  background: rgba(var(--color-cream-rgb), 1);
}
.contact-table tbody td:first-child p {
  font-weight: var(--weight-bold);
}
/* End CONTACT */
/* 404 */
body[data-page="404"] #header,
body[data-page="404"] .header-logo,
body[data-page="404"] #footer {
  display: none;
}
.content-404 {
  position: relative;
  z-index: 4;
  padding: var(--container-padding);
  width: 100%;
  height: 100svh;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background: linear-gradient(
    0deg,
    rgba(207, 185, 146, 0.8) 0%,
    rgba(207, 185, 146, 0.8) 100%
  );
}
.content-404 .section-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  grid-row-gap: var(--spacing-sm);
}
.content-404 .section-content .fsw-h4 {
  max-width: 500px;
}
.search-section .section-content {
  margin-top: var(--spacing-lg);
}
.no-result {
  display: none;
}
/* End of 404 */
/* Min-width breakpoints */
@media (min-width: 576px) {
  .grid-content.grid4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .showMore-container .btn-text {
    display: none;
  }
  .projectSlides-section .swiper-pagination {
    left: unset;
    right: var(--container-padding);
    bottom: var(--spacing-md);
    width: fit-content;
  }
  .filter-container .filter-heading {
    display: none;
  }
  .toggle-container {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition) var(--timing-function);
  }
  .toggle-container.active {
    grid-template-rows: 1fr;
  }
  .toggle-container .toggle-inner {
    overflow: hidden;
    min-height: 0;
    transition: visibility 1s;
    visibility: hidden;
  }
  .toggle-container.active .toggle-inner {
    visibility: visible;
  }
  .grid-content.grid4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .blog-section .swiperBlog-container .swiper.auto .swiper-wrapper {
    transform: unset !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--spacing-2sm);
  }
  .stickyCenter-section {
    margin-top: -50vw;
    padding-top: 50vw;
  }
  .stickyCenter-container.gridSticky-container .grid-stickyCenter {
    grid-column: 1 / span 2;
    grid-row: 1;
    height: calc(100% + 25vw);
    margin-top: -50vw;
  }
  .stickyCenter-container.gridSticky-container .grid-media:first-child {
    grid-column: 1;
  }
  .stickyCenter-container.gridSticky-container .grid-media:last-child {
    grid-column: 2;
  }
  .stickyCenter-container.gridSticky-container .grid-media {
    grid-row: 1;
  }
  #footer .social-list {
    margin-right: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .mediaSlide-section .swiper-container .swiper-button-next,
  .mediaSlide-section .swiper-container .swiper-button-prev {
    right: var(--container-padding);
    bottom: var(--container-padding);
    top: unset;
    margin-top: unset;
  }
  .mediaSlide-section .swiper-container .swiper-button-prev {
    left: unset;
    right: calc(var(--container-padding) + var(--spacing-3xs) + 36px);
  }
  .media-slide .media-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 70%,
      rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
  }
  .media-slide .mediaSlide-overlay {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--container-padding);
    padding-right: calc(var(--container-padding) + var(--spacing-3xl));
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .media-slide .mediaSlide-overlay .mediaSlide-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    grid-row-gap: var(--spacing-xs);
  }
  .mediaSlide-overlay .mediaSlide-content .fsw-h2 {
    color: var(--color-white);
  }
}
@media (min-width: 992px) {
  .grid-content.grid4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .sustain-item {
    width: 100%;
  }
  .sustain-item .fsw-h3 {
    font-size: clamp(1.4667rem, calc((22 / 1440) * 100vw), 1.8667rem);
  }
  .sustain-item .sustainItem-overlay::after {
    content: "";
  }
  .sustain-item .sustainItem-overlay .sustainItem-content > .btn-main {
    margin-top: var(--spacing-md);
  }
  .sustain-item .sustainItem-overlay .sustainItem-content > p {
    max-width: 356px;
    margin: 0 auto;
    margin-top: var(--spacing-2sm);
  }
  .sustain-item:hover .sustainItem-overlay {
    opacity: 1;
    pointer-events: all;
  }
  .sustain-item .sustainItem-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-md);
    text-align: center;
    background: linear-gradient(
      0deg,
      rgba(176, 141, 91, 0.8) 0%,
      rgba(176, 141, 91, 0.8) 100%
    );
    transition: all var(--transition) var(--timing-function);
    opacity: 0;
    pointer-events: none;
  }
  .pinned-section .section-content .scroll-container .scroll-list {
    padding-top: 100svh;
    padding-bottom: var(--container-padding);
    flex-direction: column;
    width: 100%;
  }
  .pinned-section .section-content .scroll-container {
    align-items: flex-start;
  }
  .pinned-section {
    flex-direction: row;
  }
  .pinned-section .section-heading {
    text-align: left;
    align-items: flex-start;
  }
  .pinned-section .section-heading,
  .pinned-section .section-content {
    width: 50%;
    height: 100%;
  }
  .contact-section
    .grid-content.layout-odd
    .businessGroup-item:nth-child(4n + 2),
  .contact-section
    .grid-content.layout-odd
    .businessGroup-item:nth-child(4n + 1):not(:first-child),
  .contact-section .grid-content.layout-even .businessGroup-item:nth-child(4n),
  .contact-section
    .grid-content.layout-even
    .businessGroup-item:nth-child(4n + 1) {
    background: rgba(238, 227, 207, 0.5);
  }
  .contact-section
    .grid-content.layout-odd
    .businessGroup-item:nth-child(4n + 2)
    .swiper-overflow::before,
  .contact-section
    .grid-content.layout-odd
    .businessGroup-item:nth-child(4n + 1):not(:first-child)
    .swiper-overflow::before,
  .contact-section
    .grid-content.layout-even
    .businessGroup-item:nth-child(4n)
    .swiper-overflow::before,
  .contact-section
    .grid-content.layout-even
    .businessGroup-item:nth-child(4n + 1)
    .swiper-overflow::before {
    background: linear-gradient(
      270deg,
      rgba(var(--color-cream-rgb), 0) 0%,
      #f3ece1 100%
    );
  }

  .contact-section
    .grid-content.layout-odd
    .businessGroup-item:nth-child(4n + 2)
    .swiper-overflow::after,
  .contact-section
    .grid-content.layout-odd
    .businessGroup-item:nth-child(4n + 1):not(:first-child)
    .swiper-overflow::after,
  .contact-section
    .grid-content.layout-even
    .businessGroup-item:nth-child(4n)
    .swiper-overflow::after,
  .contact-section
    .grid-content.layout-even
    .businessGroup-item:nth-child(4n + 1)
    .swiper-overflow::after {
    background: linear-gradient(
      90deg,
      rgba(var(--color-cream-rgb), 0) 0%,
      #f3ece1 100%
    );
  }
  .contact-section .grid-content.layout-odd .businessGroup-item:first-child {
    grid-column: 1 / span 2;
  }
  .org-group .org-heading > p {
    margin-left: 0;
  }
  .org-group .org-heading {
    max-width: 350px;
    text-align: left;
  }
  .repeater-item:nth-child(even) .grid-context {
    order: -1;
  }
  #footer .footer-menu > li:nth-child(7),
  #footer .footer-menu > li:nth-child(12) {
    break-before: column;
  }
  .grid-content.grid-recentBlogs {
    grid-template-columns: repeat(2, calc(50% - (var(--spacing-2sm) / 2)));
  }
  .swiper.swiper-recentBlogs .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .swiper.swiper-recentBlogs .swiper-wrapper {
    transform: unset !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    grid-row-gap: var(--spacing-2sm);
  }
}
@media (min-width: 1200px) {
  .mobileMenu-container {
    display: none;
  }
}
@media (min-width: 1400px) {
}

@media (max-width: 575.98px) {
}
@media (max-width: 767.98px) {
  .showMore-container > p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 5.6rem;
    overflow: hidden;
    transition: max-height var(--transition) var(--timing-function);
  }
  .showMore-container.show-more > p {
    -webkit-line-clamp: unset;
    max-height: var(--inner-height);
  }
  .recentBlogs-section .section-heading {
    justify-content: center;
  }
  .recentBlogs-section .section-btn {
    margin-top: var(--spacing-md);
  }
  .mediaBanner-section .mediaBanner-content {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    grid-row-gap: var(--spacing-sm);
    padding-bottom: var(--spacing-xl);
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.4) 100%
      ),
      linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
  .businessGroup-item > .grid-content > .grid-slide .media-wrapper::before {
    padding-top: 100%;
  }
  .projectSlides-section .swiper-pagination {
    bottom: var(--spacing-xs);
  }
  .content-404 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    grid-row-gap: var(--spacing-md);
  }
  .mediaOverlay-container .mediaOverlay-content {
    padding: var(--spacing-2xl) var(--container-padding);
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  .mediaOverlay-section .mediaOverlay-container {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.56) 75%,
      rgba(0, 0, 0, 0.56) 100%
    );
  }
  .projectSlides-section .media-slide .mediaSlide-overlay {
    padding-right: var(--container-padding);
    padding-bottom: var(--spacing-2lg);
  }
  .projectSlides-section .media-slide .slide-content {
    max-width: 100%;
  }
  .awardSlides-section {
    z-index: 1;
  }
  .awards-section {
    position: relative;
    z-index: 9;
  }
  .filter-container {
    position: fixed;
    top: 0;
    max-height: calc(100svh);
    overflow: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: var(--color-white);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all var(--transition) var(--timing-function);
  }
  .filter-container.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .splitText-section .splitText-content {
    height: 100svh;
    min-height: 732px;
    padding: var(--spacing-3xl) var(--container-padding);
  }
  .splitText-section .splitText-content .grid-context {
    padding-top: var(--spacing-3xl);
  }
  .swiperAwards-container .swiper-button.swiper-button-prev {
    left: calc(var(--container-padding) / 2);
  }
  .swiperAwards-container .swiper-button.swiper-button-next {
    right: calc(var(--container-padding) / 2);
  }
  .swiperAwards-container {
    padding: 0 calc(var(--container-padding) * 1.5);
  }
  .blog-section .wrapper.wrapper-grid {
    padding: 0;
  }
  .blog-section .swiperBlog-container .swiper.auto {
    padding: 0 var(--container-padding);
  }
  .blog-section .swiperBlog-container .swiper-slide {
    width: 280px;
  }
  .blog-section .swiperBlog-container .swiper-slide:not(:last-child) {
    margin-right: var(--spacing-2xs);
  }
  .stickyCenter-container.gridSticky-container .grid-media:first-child {
    grid-row: 1;
    padding-top: 15vw;
  }
  .stickyCenter-section {
    margin-top: -15vw;
  }
  .stickyCenter-container.gridSticky-container .grid-media:last-child {
    grid-row: 2;
  }
  .grid-content.grid2.grid-mb-1 {
    grid-template-columns: 100%;
  }
  #footer .footer-bottom {
    grid-row-gap: var(--spacing-md);
  }
  #footer .footer-bottom .list-brands img {
    height: 42px;
  }
  #footer .footer-bottom .list-partners {
    grid-column-gap: var(--spacing-2xs);
    grid-row-gap: var(--spacing-3xs);
  }
  #footer .footer-bottom .list-partners img {
    height: 25px;
  }
  #footer .footer-l {
    margin: 0 auto;
    text-align: center;
    align-items: center;
  }
  #footer .footer-content {
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-lg);
  }
  #footer .social-list a > .fsw-btn {
    display: none;
  }
  .mediaBanner-section .media-wrapper::before {
    padding-top: calc((19 / 10) * 100%);
  }
  .mediaBanner-section .media-wrapper {
    max-height: 733px;
  }
  .media-slide .mediaSlide-overlay .mediaSlide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-row-gap: var(--spacing-sm);
  }
  .media-slide .mediaSlide-overlay {
    padding: var(--spacing-lg) var(--container-padding);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-row-gap: var(--spacing-md);
  }
  .mediaSlide-section .swiper-container .swiper-button-prev {
    left: var(--spacing-4xs);
  }
  .mediaSlide-section .swiper-container .swiper-button-next {
    right: var(--spacing-4xs);
  }
  .mediaSlide-section .swiper-container .swiper-button-next,
  .mediaSlide-section .swiper-container .swiper-button-prev {
    top: calc(100vw - 15px);
    transform: translateY(-50%);
  }
  .media-slide {
    background-color: var(--color-white);
  }
  .media-slide .media-wrapper::before {
    padding-top: 100%;
  }
}
@media (max-width: 991.98px) {
  .recentBlogs-section .grid-context .swiper-container {
    width: calc(100% + (var(--container-padding) * 2));
    margin-left: calc(var(--container-padding) * -1);
  }
  .recentBlogs-section .grid-context .swiper-container .swiper {
    padding: 0 var(--container-padding);
  }
  .businessGroup-section.section-padding {
    padding-top: 0;
  }
  .sustain-item .sustainItem-content .fsw-h3 {
    font-size: var(--font-size-h5);
  }
  .blogIndex-section .section-nav > .section-fn.fn-cate,
  .blogIndex-section .section-nav > .section-fn.fn-filter {
    width: fit-content;
    max-width: 100%;
    flex: unset;
  }
  .blogIndex-section .section-nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-2xs);
  }
  .grid-content.grid-businessGroup {
    margin-left: 0;
  }
  .pinned-section {
    min-height: 734px;
    justify-content: space-between;
    padding-bottom: var(--spacing-3xl);
  }
  .sustain-item .sustainItem-content {
    margin-top: var(--spacing-2xs);
    text-align: center;
  }
  .sustain-item .sustainItem-heading,
  .sustain-item .sustainItem-content p,
  .sustain-item .sustainItem-content .btn-main {
    display: none;
  }
  .pinned-section .bg-obj::before {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.34) 100%
    );
  }
  .contact-section .grid-content .businessGroup-item:nth-child(odd) {
    background: rgba(238, 227, 207, 0.5);
  }
  .contact-section .grid-content .businessGroup-item:nth-child(odd) {
  }
  .contact-section
    .grid-content
    .businessGroup-item:nth-child(odd)
    .swiper-overflow::before {
    background: linear-gradient(
      270deg,
      rgba(var(--color-cream-rgb), 0) 0%,
      #f3ece1 100%
    );
  }
  .contact-section
    .grid-content
    .businessGroup-item:nth-child(odd)
    .swiper-overflow::after {
    background: linear-gradient(
      90deg,
      rgba(var(--color-cream-rgb), 0) 0%,
      #f3ece1 100%
    );
  }
  .grid-content.grid-businessGroup {
    grid-template-columns: 100%;
  }
  .org-container .org-group {
    grid-template-columns: 100%;
  }
  .grid-content.grid2.grid-lg-1 {
    grid-template-columns: 100%;
  }
  .header-menu > .menu-item.menu-item-has-children > .sub-menu {
    display: none;
  }
  #footer .footer-menu {
    columns: 2;
  }
  #footer .footer-menu > li:nth-child(8) {
    break-before: column;
  }
  .blogThumb-item > .media-wrapper {
    flex: unset;
  }
  .blogThumb-item > .blogThumb-detail {
    height: auto;
  }
  .blogThumb-item > .blogThumb-detail .blogThumb-title {
    height: 2.5em;
  }
  .blogThumb-item > .blogThumb-detail .blogThumb-btn {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .blogThumb-item {
    flex-direction: column;
  }
  .grid-content.grid-recentBlogs .grid-sticky {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .header-btn.search-btn {
    width: 36px;
    height: 36px;
  }
  .org-group .org-content {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--spacing-3xs);
  }
  .header-menu,
  #header .lang-container {
    display: none;
  }
}
@media (max-width: 1399.98px) {
}