:root {
  --color-white-1: #ffffff;
  --color-white-2: #F7FFE6;
  --color-white-3: #FFFBEB;
  --color-black: #000000;
  --color-gray-1: #BDBDBD;
  --color-gray-2: #282D33;
  --color-gray-3: #DCDCDC;
  --color-blue-1: #5BC2DC;
  --color-blue-2: #4E9DCF;
  --color-blue-3: #E2F7F7;
  --color-blue-4: #E2F7F7;
  --color-green-1: #8ABF65;
  --color-yellow-1: #FBBE6F;
  --gradient-gray: linear-gradient(180deg, #ffffff00 23%, #00000053 100%);
  --font-main: "Sunflower", sans-serif;
  --font-weight-regular: 400;
  --font-weight-light: 300;
  --font-weight-bold: 800;
  --font-weight-semibold: 600;
  --font-text-3xs: 0.7291666667vw;
  --font-text-2xs: 0.8333333333vw;
  --font-text-xs: 0.9375vw;
  --font-text-sm: 1.1458333333vw;
  --font-text-md: 1.3541666667vw;
  --font-text-lg: 1.5625vw;
  --font-text-xl: 1.6666666667vw;
  --font-title-xs: 1.875vw;
  --font-title-sm: 2.0833333333vw;
  --font-title-md: 2.5vw;
  --font-title-lg: 3.125vw;
  --font-title-xl: 4.1666666667vw;
  --font-title-2xl: 5.7291666667vw;
}

.container-small {
  max-width: 56.25vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 991px) {
  .container-small {
    max-width: 100%;
  }
}

.container {
  max-width: 75vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 991px) {
  .container {
    max-width: 100%;
    padding: 0 5.0890585242vw;
  }
}

.container-large {
  max-width: 85.4166666667vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 991px) {
  .container-large {
    max-width: 100%;
    padding: 0 5.0890585242vw;
  }
}

.container-xlarge {
  max-width: 89.5833333333vw;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 991px) {
  .container-xlarge {
    max-width: 100%;
    padding: 0 5.0890585242vw;
  }
}

.icon {
  --icon-color: var(--color-blue-1);
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-color: var(--icon-color);
  width: var(--icon-size);
  height: var(--icon-size);
}
@media (min-width: 992px) {
  .icon {
    --icon-size: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  .icon {
    --icon-size: 5.0890585242vw;
  }
}
.icon.\--home {
  mask: url("../images/icon-home.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-home.svg") no-repeat center/contain;
}
.icon.\--arrow-top {
  mask: url("../images/icon-arrow-top.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-arrow-top.svg") no-repeat center/contain;
}
.icon.\--arrow-left {
  mask: url("../images/icon-arrow-left.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-arrow-left.svg") no-repeat center/contain;
}
.icon.\--arrow-right {
  mask: url("../images/icon-arrow-right.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-arrow-right.svg") no-repeat center/contain;
}
.icon.\--arrow-right-2 {
  mask: url("../images/icon-arrow-right-2.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-arrow-right-2.svg") no-repeat center/contain;
}
.icon.\--search {
  mask: url("../images/icon-search.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-search.svg") no-repeat center/contain;
}
.icon.\--linkedin-2 {
  mask: url("../images/social-linkedin-2.svg") no-repeat center/contain;
  -webkit-mask: url("../images/social-linkedin-2.svg") no-repeat center/contain;
}
.icon.\--hamburger {
  mask: url("../images/icon-hamburger.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-hamburger.svg") no-repeat center/contain;
}
.icon.\--download {
  mask: url("../images/icon-download.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-download.svg") no-repeat center/contain;
}
.icon.\--share {
  mask: url("../images/icon-share.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-share.svg") no-repeat center/contain;
}
.icon.\--instagram {
  mask: url("../images/icon-instagram.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-instagram.svg") no-repeat center/contain;
}
.icon.\--facebook {
  mask: url("../images/social-facebook.svg") no-repeat center/contain;
  -webkit-mask: url("../images/social-facebook.svg") no-repeat center/contain;
}
.icon.\--x {
  mask: url("../images/icon-x.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-x.svg") no-repeat center/contain;
}
.icon.\--plus {
  mask: url("../images/icon-plus.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-plus.svg") no-repeat center/contain;
}
.icon.\--location {
  mask: url("../images/icon-location.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-location.svg") no-repeat center/contain;
}
.icon.\--close {
  mask: url("../images/icon-close.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-close.svg") no-repeat center/contain;
}

.header {
  position: absolute;
  width: 100%;
  z-index: 100;
  padding: 1.8229166667vw 2.0833333333vw;
  max-width: 100vw;
  overflow: hidden;
}
@media (max-width: 991px) {
  .header {
    padding: 5.0890585242vw 10.1781170483vw;
  }
}
.header__logo {
  width: 16.71875vw;
  height: 4.0625vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .header__logo {
    width: 40.7124681934vw;
    height: 9.9236641221vw;
    margin: 0 auto;
  }
}
.header__logo a {
  display: block;
  width: 100%;
  object-fit: contain;
}
.header__logo img {
  display: block;
  object-fit: contain;
  width: 120%;
  height: 120%;
}
@media (max-width: 991px) {
  .header__logo img {
    width: 100%;
    height: 100%;
  }
}
.header__search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-white-1);
  border: 1px solid var(--color-gray-1);
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 2.5vw;
  height: 2.5vw;
  right: 2.0833333333vw;
}
@media (max-width: 991px) {
  .header__search {
    width: 10.1781170483vw;
    height: 10.1781170483vw;
    right: 5.0890585242vw;
  }
}
.header__search .icon {
  --icon-size: 1.0416666667vw;
  --icon-color: var(--color-blue-1);
  margin-top: 0.0520833333vw;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .header__search .icon {
    --icon-size: 4.0712468193vw;
    margin-top: 0.7633587786vw;
  }
}
.header__search:hover {
  background: var(--color-blue-1);
}
.header__search:hover .icon {
  --icon-color: var(--color-white-1);
}
.header__title {
  position: absolute;
  right: 5.7291666667vw;
  top: 3.0208333333vw;
}
@media (max-width: 991px) {
  .header__title {
    display: none;
  }
}
.header__title h1 {
  font-size: var(--font-text-sm);
  color: var(--color-grey-1);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
}

.search-expandable {
  position: absolute;
  right: 2.0833333333vw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  background: var(--color-white-1);
  border: 1px solid var(--color-blue-1);
  border-radius: 2.6041666667vw;
  padding: 0.4166666667vw 0.8333333333vw;
  box-shadow: 0 0.2083333333vw 1.0416666667vw rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  width: 0;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10;
}
.search-expandable.--is-active {
  opacity: 1;
  visibility: visible;
  width: 15.625vw;
}
@media (max-width: 991px) {
  .search-expandable.--is-active {
    width: 63.6132315522vw;
  }
}
@media (max-width: 991px) {
  .search-expandable {
    right: 5.0890585242vw;
    border-radius: 5.0890585242vw;
    padding: 1.5267175573vw 3.0534351145vw;
  }
}

.search-input {
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--font-text-sm);
  color: var(--color-text);
  width: 100%;
  padding: 0.2083333333vw 0;
  font-family: var(--font-main);
}
.search-input:placeholder {
  font-family: var(--font-main);
}
.search-input::placeholder {
  font-family: var(--font-main);
}
@media (max-width: 991px) {
  .search-input {
    font-size: 4.5801526718vw;
    padding: 0.7633587786vw 0;
  }
}

.search-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.2083333333vw;
  margin-left: 0.4166666667vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.search-close:hover {
  background: rgba(0, 0, 0, 0.1);
  transform: scale(1.1);
}
.search-close .icon {
  --icon-size: 0.8333333333vw;
  --icon-color: var(--color-blue-1);
}
@media (max-width: 991px) {
  .search-close .icon {
    --icon-size: 3.5623409669vw;
  }
}

.nav {
  position: absolute;
  top: 8.125vw;
  left: 2.0833333333vw;
  width: 16.3020833333vw;
  height: 31.25vw;
  background: var(--color-blue-1);
  color: var(--color-white-1);
  border-radius: 1.0416666667vw 1.0416666667vw 4.1666666667vw 1.0416666667vw;
  z-index: 100;
  padding: 1.8229166667vw;
  box-shadow: 0 0 1.0416666667vw rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 991px) {
  .nav {
    top: 5.0890585242vw;
    left: 5.0890585242vw;
    width: 89.8218829517vw;
    height: 152.6717557252vw;
    padding: 8.9058524173vw;
    border-radius: 2.5445292621vw 2.5445292621vw 10.1781170483vw 2.5445292621vw;
  }
}
.nav__header-icon {
  --icon-color: var(--color-white-1);
  --icon-size: 1.25vw;
}
@media (max-width: 991px) {
  .nav__header-icon {
    --icon-size: 5.0890585242vw;
  }
}
.nav__header-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2604166667vw;
  border: 0;
  background: transparent;
  font-size: var(--font-text-2xs);
  font-weight: var(--font-weight-light);
  color: var(--color-white-1);
  letter-spacing: 0.05em;
  margin-top: 0.5208333333vw;
  position: absolute;
  right: 1.0416666667vw;
  top: 0.5208333333vw;
  cursor: pointer;
}
@media (max-width: 991px) {
  .nav__header-toggle {
    right: 5.0890585242vw;
    top: 2.5445292621vw;
    font-size: 4.0712468193vw;
  }
}
.nav__header-toggle .icon {
  --icon-color: var(--color-white-1);
  --icon-size: 0.5208333333vw;
  margin-top: -0.0520833333vw;
}
@media (max-width: 991px) {
  .nav__header-toggle .icon {
    --icon-size: 2.5445292621vw;
  }
}
.nav__list {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav__item {
  display: block;
  margin-top: 0.78125vw;
}
@media (max-width: 991px) {
  .nav__item {
    margin-top: 3.8167938931vw;
  }
}
.nav__link {
  display: block;
  color: var(--color-white-1);
  font-size: var(--font-text-sm);
  font-weight: var(--font-weight-light);
  text-decoration: none;
}
@media (max-width: 991px) {
  .nav__link {
    font-size: 5.0890585242vw;
  }
}
.nav__sub-list {
  display: block;
}
.nav__sub-item {
  display: block;
  margin-top: 0.2604166667vw;
  margin-left: 1.0416666667vw;
  text-decoration: none;
}
@media (max-width: 991px) {
  .nav__sub-item {
    font-size: 4.0712468193vw;
    margin-top: 1.272264631vw;
    margin-left: 5.0890585242vw;
  }
}
.nav__sub-link {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  color: var(--color-white-1);
  text-decoration: none;
}
@media (max-width: 991px) {
  .nav__sub-link {
    font-size: 4.0712468193vw;
  }
}
.nav__header-hamburger {
  background-color: var(--color-white-1);
  --icon-size: 1.25vw;
  margin: 0.6770833333vw;
  cursor: pointer;
  display: none;
}
@media (max-width: 991px) {
  .nav__header-hamburger {
    --icon-size: 5.0890585242vw;
    margin: 2.5445292621vw;
  }
}
.nav.--is-closed {
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  border-radius: 0 0.8333333333vw 0.8333333333vw 0.8333333333vw;
  padding: 0;
  box-sizing: border-box;
  box-shadow: none;
}
@media (max-width: 991px) {
  .nav.--is-closed {
    top: 5.0890585242vw;
    left: 5.0890585242vw;
    width: 10.1781170483vw;
    height: 10.1781170483vw;
    border-radius: 0 2.5445292621vw 2.5445292621vw 2.5445292621vw;
  }
}
.nav.--is-closed .nav__header-hamburger {
  display: block;
}
.nav.--is-closed .nav__header-toggle,
.nav.--is-closed .nav__header-icon {
  display: none;
}
.nav.--is-closed .nav__list {
  opacity: 0;
}

.banner-section {
  position: relative;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}
@media (max-width: 991px) {
  .banner-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
    z-index: 1;
    height: 50.8905852417vw;
  }
}

.banner-swiper {
  width: 100%;
  height: auto;
}

.banner {
  position: relative;
  width: 100%;
  padding-bottom: 48.3333333333%;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 4.1666666667vw 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .banner {
    padding: 0;
    height: 99.2366412214vw;
    border-radius: 0 0 10.1781170483vw 0;
  }
}
.banner.--banner-low {
  padding-bottom: 31.25%;
}
@media (max-width: 991px) {
  .banner.--banner-low {
    padding-bottom: 0;
    height: 50.8905852417vw;
    border-radius: 0;
  }
}
.banner__content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.1666666667vw;
  color: var(--color-white-1);
  text-align: center;
  z-index: 2;
  width: 72.9166666667vw;
}
@media (max-width: 991px) {
  .banner__content {
    max-width: auto;
    bottom: 10.1781170483vw;
    left: 0vw;
    transform: translateX(0);
    text-align: left;
    padding: 0 10.1781170483vw;
  }
}
.banner__title {
  font-size: var(--font-title-2xl);
  font-weight: var(--font-weight-regular);
  line-height: 1;
  text-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, 0.7);
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .banner__title {
    font-size: 12.213740458vw;
    text-shadow: 0 0 2.5445292621vw rgba(0, 0, 0, 0.7);
  }
  .banner__title span {
    font-size: 8.1424936387vw;
  }
}
.banner__description {
  font-size: var(--font-title-sm);
  font-weight: var(--font-weight-light);
  line-height: 1.2;
  text-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, 0.7);
  text-overflow: ellipsis;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 81.3541666667vw;
}
@media (max-width: 991px) {
  .banner__description {
    font-size: 3.5623409669vw;
    text-shadow: 0 0 2.5445292621vw rgba(0, 0, 0, 0.7);
    max-width: inherit;
  }
}
.banner__text {
  font-size: var(--font-title-md);
  font-weight: var(--font-weight-light);
  line-height: 1.2;
  text-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, 0.7);
  text-align: left;
  width: 81.3541666667vw;
}
.banner:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: var(--gradient-gray);
  z-index: 1;
}

.banner__pagination {
  display: none;
}
@media (max-width: 991px) {
  .banner__pagination {
    display: block;
  }
}

.banner__nav-btn {
  position: absolute;
  top: inherit;
  bottom: 2.0833333333vw;
  transform: translateY(-50%);
  width: 2.5vw;
  height: 2.5vw;
  background: var(--color-white-1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  color: var(--color-blue-1);
  font-size: 1.25vw;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
}
@media (max-width: 991px) {
  .banner__nav-btn {
    display: none;
  }
}
.banner__nav-btn:hover {
  background: var(--color-blue-1);
  color: var(--color-white-1);
  transition: all 0.3s ease;
}
.banner__nav-btn:hover:after {
  background-color: var(--color-white-1);
}
.banner__nav-btn:after {
  font-size: 1.0416666667vw;
  font-weight: bold;
}
.banner__nav-btn--prev {
  right: 7.2916666667vw;
  left: inherit;
}
.banner__nav-btn--prev:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  mask: url("../images/icon-arrow-left.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-arrow-left.svg") no-repeat center/contain;
  background-color: var(--color-blue-1);
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  margin-left: -0.2604166667vw;
}
.banner__nav-btn--next {
  left: inherit;
  right: 4.1666666667vw;
}
.banner__nav-btn--next:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  mask: url("../images/icon-arrow-right.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-arrow-right.svg") no-repeat center/contain;
  background-color: var(--color-blue-1);
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  margin-left: 0.2604166667vw;
}

.banner__pagination {
  position: absolute;
  bottom: 2.0833333333vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.banner__pagination .swiper-pagination-bullet {
  width: 0.625vw;
  height: 0.625vw;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin: 0 0.3125vw;
  transition: all 0.3s ease;
}
.banner__pagination .swiper-pagination-bullet-active {
  background: var(--color-white-1);
  transform: scale(1.2);
}

.footer {
  background: var(--color-blue-1);
  padding: 4.1666666667vw 5.2083333333vw;
  position: relative;
  border-radius: 0 4.1666666667vw 0 0;
  margin-top: -4.1666666667vw;
  z-index: 2;
}
@media (max-width: 991px) {
  .footer {
    padding: 10.1781170483vw 5.0890585242vw;
    border-radius: 0 10.1781170483vw 0 0;
    margin-top: -10.1781170483vw;
  }
}
.footer .wrapper {
  display: flex;
  gap: 4.1666666667vw;
  align-items: start;
}
@media (max-width: 991px) {
  .footer .wrapper {
    flex-direction: column;
    gap: 5.0890585242vw;
  }
}
@media (max-width: 991px) {
  .footer__branding {
    margin: 0 auto;
  }
}
.footer__branding .logo {
  margin-bottom: 3.125vw;
}
@media (max-width: 991px) {
  .footer__branding .logo {
    margin-bottom: 5.0890585242vw;
    margin: 0 auto;
  }
}
.footer__branding .logo img {
  width: 21.3541666667vw;
  height: auto;
}
@media (max-width: 991px) {
  .footer__branding .logo img {
    width: 50.8905852417vw;
  }
}
.footer__branding .tagline {
  font-size: var(--font-text-sm);
  color: var(--color-white-1);
  margin-bottom: 1.5625vw;
  line-height: 1.4;
}
@media (max-width: 991px) {
  .footer__branding .tagline {
    font-size: 3.5623409669vw;
  }
}
.footer .legal-links {
  display: flex;
  gap: 2.0833333333vw;
  justify-content: center;
  color: var(--color-white-1);
  font-size: var(--font-text-xs);
  line-height: 1;
}
@media (max-width: 991px) {
  .footer .legal-links {
    gap: 5.0890585242vw;
    width: 100%;
    margin-top: 5.0890585242vw;
    justify-content: start;
    font-size: 3.5623409669vw;
  }
}
.footer .legal-links__item {
  font-size: var(--font-text-xs);
  color: var(--color-white-1);
  text-decoration: none;
  transition: opacity 0.3s ease;
  margin-right: 0vw;
  display: block;
}
@media (max-width: 991px) {
  .footer .legal-links__item {
    font-size: 3.5623409669vw;
    font-weight: var(--font-weight-light);
    margin-right: 0vw;
  }
}
.footer .legal-links__item:hover {
  opacity: 0.8;
}
.footer__navigation {
  display: flex;
  width: 100%;
}
@media (max-width: 991px) {
  .footer__navigation {
    flex-wrap: wrap;
  }
}
.footer__navigation .nav-column {
  flex: 0 0 25%;
}
@media (max-width: 991px) {
  .footer__navigation .nav-column {
    padding: 0 2.5445292621vw;
    flex: 0 0 50%;
  }
}
@media (max-width: 991px) {
  .footer__navigation .nav-column.--col-legal, .footer__navigation .nav-column.--col-linkedin {
    flex: 0 0 100%;
  }
}
.footer__navigation .nav-column__item {
  margin-bottom: 2.0833333333vw;
}
@media (max-width: 991px) {
  .footer__navigation .nav-column__item {
    margin-bottom: 3.8167938931vw;
  }
}
.footer__navigation .nav-column__title {
  font-size: var(--font-text-md);
  color: var(--color-white-1);
  font-weight: var(--font-weight-medium);
  margin-bottom: 1.0416666667vw;
  position: relative;
  flex: 0 0 50%;
  display: flex;
  align-items: baseline;
}
@media (max-width: 991px) {
  .footer__navigation .nav-column__title {
    font-size: 5.0890585242vw;
  }
}
.footer__navigation .nav-column__title a {
  font-size: var(--font-text-md);
  display: block;
  padding-right: 0.5208333333vw;
  white-space: nowrap;
  color: var(--color-white-1);
  text-decoration: none;
}
@media (max-width: 991px) {
  .footer__navigation .nav-column__title a {
    font-size: 5.0890585242vw;
  }
}
.footer__navigation .nav-column .nav-links {
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
}
@media (max-width: 991px) {
  .footer__navigation .nav-column .nav-links {
    gap: 2.5445292621vw;
    text-align: left;
  }
}
.footer__navigation .nav-column .nav-links__item {
  font-size: var(--font-text-sm);
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.3s ease;
  padding-left: 0.5208333333vw;
  font-weight: var(--font-weight-light);
}
@media (max-width: 991px) {
  .footer__navigation .nav-column .nav-links__item {
    font-size: 3.5623409669vw;
  }
}
.footer__navigation .nav-column .nav-links__item:hover {
  color: var(--color-white-1);
}
@media (max-width: 991px) {
  .footer__navigation__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5.0890585242vw;
  }
}
.footer__cta {
  display: flex;
}
@media (max-width: 991px) {
  .footer__cta {
    justify-content: center;
    align-items: center;
    gap: 2.5445292621vw;
    margin: 0 -5.0890585242vw;
  }
}
.footer__linkedin-btn {
  display: flex;
  gap: 0.5208333333vw;
  align-items: center;
  color: var(--color-white-1);
  text-decoration: none;
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-semibold);
  transition: all 0.3s ease;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .footer__linkedin-btn {
    font-size: 4.0712468193vw;
    gap: 2.5445292621vw;
  }
}
.footer__linkedin-btn span {
  color: var(--color-white-1);
}
.footer__linkedin-btn .icon {
  --icon-size: 2.8645833333vw;
  background-color: var(--color-white-1);
}
@media (max-width: 991px) {
  .footer__linkedin-btn .icon {
    --icon-size: 13.9949109415vw;
  }
}
.footer__linkedin-btn__icon {
  width: 2.8645833333vw;
  height: 2.8645833333vw;
}
@media (max-width: 991px) {
  .footer__linkedin-btn__icon {
    width: 13.9949109415vw;
    height: 13.9949109415vw;
  }
}
.footer__linkedin-description {
  font-size: var(--font-text-xs);
  color: var(--color-white-1);
  font-weight: var(--font-weight-light);
  line-height: 1.4;
  display: block;
  margin-top: 0.5208333333vw;
}
@media (max-width: 991px) {
  .footer__linkedin-description {
    margin-top: 2.5445292621vw;
    font-size: 3.0534351145vw;
  }
}
.footer .linkedin-btn {
  display: flex;
  align-items: center;
  gap: 0.5208333333vw;
  height: 2.6041666667vw;
  background: var(--color-white-1);
  color: var(--color-blue-1);
  padding: 0.625vw 1.0416666667vw;
  border-radius: 4.1666666667vw;
  text-decoration: none;
  font-size: var(--font-text-3xs);
  font-weight: var(--font-weight-light);
  transition: all 0.3s ease;
  line-height: 1.2;
  box-shadow: 0 0.2083333333vw 0.625vw rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  .footer .linkedin-btn {
    width: 31.8066157761vw;
    height: 10.1781170483vw;
    padding: 3.0534351145vw 2.5445292621vw;
    border-radius: 20.3562340967vw;
    font-size: 3.0534351145vw;
    margin: 0;
  }
}
.footer .linkedin-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.2083333333vw 0.625vw rgba(0, 0, 0, 0.15);
}
.footer .linkedin-btn .linkedin-icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .linkedin-btn .linkedin-icon .icon {
  --icon-size: 1.4583333333vw;
  background-color: var(--color-blue-1);
}
@media (max-width: 991px) {
  .footer .linkedin-btn .linkedin-icon .icon {
    --icon-size: 6.106870229vw;
    margin-right: 2.5445292621vw;
  }
}
.footer .scroll-top-btn {
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  background: var(--color-white-1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 0.2083333333vw 0.625vw rgba(0, 0, 0, 0.15);
  border: 0;
  cursor: pointer;
  margin-left: 1.0416666667vw;
  position: absolute;
  bottom: 2.0833333333vw;
  right: 2.0833333333vw;
}
@media (max-width: 991px) {
  .footer .scroll-top-btn {
    bottom: 8.9058524173vw;
    right: 5.0890585242vw;
    width: 8.1424936387vw;
    height: 8.1424936387vw;
    margin: 0;
  }
}
.footer .scroll-top-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.2083333333vw 0.625vw rgba(0, 0, 0, 0.15);
}
.footer .scroll-top-btn .arrow-up {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  background: var(--color-blue-light);
  mask: url("../images/icon-arrow-up.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-arrow-up.svg") no-repeat center/contain;
}
@media (max-width: 991px) {
  .footer .scroll-top-btn .arrow-up {
    width: 3.3078880407vw;
    height: 3.3078880407vw;
  }
}
@media (max-width: 991px) {
  .footer.--footer-2 {
    padding: 10.1781170483vw 5.0890585242vw;
  }
  .footer.--footer-2 .footer__branding {
    margin: 0;
  }
  .footer.--footer-2 .nav-column__item {
    display: none;
  }
  .footer.--footer-2 .footer__navigation__bottom {
    flex-wrap: wrap;
    padding: 0;
    align-items: center;
  }
  .footer.--footer-2 .social-links {
    margin: 0;
  }
  .footer.--footer-2 .footer__cta {
    justify-content: space-between;
    flex: 1;
    padding: 0 5.0890585242vw;
  }
}

.social-links-title {
  font-size: var(--font-text-md);
  color: var(--color-white-1);
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.78125vw;
}

.social-links {
  display: flex;
  gap: 1.0416666667vw;
  margin-bottom: 1.5625vw;
}
@media (max-width: 991px) {
  .social-links {
    margin-bottom: 5.0890585242vw;
    justify-content: center;
    gap: 5.0890585242vw;
  }
}
.social-links__item {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .social-links__item {
    width: 7.1246819338vw;
    height: 7.1246819338vw;
  }
}
.social-links__item:hover {
  transform: translateY(-2px);
}
.social-links__item img {
  width: auto;
  height: 1.71875vw;
  filter: brightness(0) invert(1);
}
@media (max-width: 991px) {
  .social-links__item img {
    height: 7.1246819338vw;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5208333333vw;
  padding: 0.625vw 1.5625vw;
  background: var(--color-blue-1);
  color: var(--color-white-1);
  border: none;
  border-radius: 1.3020833333vw;
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-decoration: none;
}
@media (max-width: 991px) {
  .btn {
    width: 100%;
    justify-content: center;
    gap: 2.5445292621vw;
    padding: 3.0534351145vw 7.6335877863vw;
    border-radius: 6.3613231552vw;
    font-size: 3.5623409669vw;
  }
}
.btn .icon {
  font-size: var(--font-text-sm);
  background-color: var(--color-white-1);
}
@media (max-width: 991px) {
  .btn .icon {
    font-size: var(--font-text-md);
  }
}
.btn:hover {
  background: var(--color-blue-2);
  transform: translateY(-2px);
  box-shadow: 0 0.4166666667vw 1.3020833333vw rgba(91, 194, 220, 0.3);
}
.btn:active {
  transform: translateY(0);
}

.infor {
  margin: 0;
}
@media (min-width: 992px) {
  .infor {
    margin: 4.1666666667vw 0;
  }
}
@media (min-width: 992px) {
  .infor .wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
  }
}
.infor .wrap-left {
  flex: 0 0 50%;
}
.infor .wrap-right {
  flex: 0 0 50%;
}
@media (min-width: 992px) {
  .infor .wrap-right {
    padding-top: 7.2916666667vw;
  }
}
.infor .wrap-bottom {
  flex: 0 0 100%;
}
@media (min-width: 992px) {
  .infor .wrap-bottom {
    padding-left: 1.5625vw;
  }
}
.infor__title {
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-1);
  line-height: 1.2;
  margin: 0;
  box-sizing: border-box;
}
.infor__title.\--black {
  color: var(--color-black);
}
@media (min-width: 992px) {
  .infor__title {
    font-size: 3.6458333333vw;
    padding-left: 3.125vw;
    flex: 0 0 47.5%;
  }
}
@media (max-width: 991px) {
  .infor__title {
    font-size: 7.6335877863vw;
    padding-left: 10.1781170483vw;
  }
}
.infor__title:before {
  content: "";
  display: block;
  width: var(--title-icon-size);
  height: var(--title-icon-size);
  display: block;
  background-size: contain;
  background-position: center;
  background-color: #bce0e6;
  mask: url("../images/icon-quote-01.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-quote-01.svg") no-repeat center/contain;
}
@media (min-width: 992px) {
  .infor__title:before {
    --title-icon-size: 2.6041666667vw;
    margin-right: 0.5208333333vw;
    margin-left: -3.125vw;
  }
}
@media (max-width: 991px) {
  .infor__title:before {
    --title-icon-size: 7.6335877863vw;
    margin-left: -7.6335877863vw;
  }
}
.infor__desc {
  color: var(--color-black);
}
@media (min-width: 992px) {
  .infor__desc {
    font-size: 1.875vw;
  }
}
@media (max-width: 991px) {
  .infor__desc {
    font-size: 12.213740458vw;
    padding-left: 16.5394402036vw;
    padding-right: 16.5394402036vw;
    margin-top: 5.0890585242vw;
  }
  .infor__desc br {
    display: none;
  }
}
.infor__sub-title {
  color: var(--color-black);
  font-family: var(--font-suntory-bold);
}
@media (min-width: 992px) {
  .infor__sub-title {
    font-size: 2.6041666667vw;
    padding-left: 3.3854166667vw;
  }
}
@media (max-width: 991px) {
  .infor__sub-title {
    font-size: 12.213740458vw;
    padding-left: 16.5394402036vw;
    padding-right: 16.5394402036vw;
    margin-top: 5.0890585242vw;
  }
  .infor__sub-title br {
    display: none;
  }
}
.infor__cate {
  color: #e0f6fa;
  position: absolute;
}
@media (min-width: 992px) {
  .infor__cate {
    font-size: 1.875vw;
    top: 0.5208333333vw;
    left: 3.6458333333vw;
  }
}
@media (max-width: 991px) {
  .infor__cate {
    font-size: 10.1781170483vw;
    top: 2.5445292621vw;
    left: 15.2671755725vw;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-main);
  line-height: 1.6;
  overflow-x: hidden;
}

main {
  overflow: hidden;
  width: 100vw;
  height: auto;
}

.text-center {
  text-align: center;
}

.page-title {
  font-size: var(--font-title-xl);
  color: var(--color-blue-2);
  font-weight: var(--font-weight-regular);
  text-align: center;
}
@media (max-width: 991px) {
  .page-title {
    font-size: 10.1781170483vw;
  }
}

@media (min-width: 992px) {
  .--mobile {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .--desktop {
    display: none !important;
  }
}

.banner-section {
  position: relative;
  z-index: 2;
}

.home {
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .home {
    padding-bottom: 10.1781170483vw;
  }
}
.home .home-bg-1 {
  content: "";
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  top: -5.2083333333vw;
  left: -9.45625vw;
  width: 80.6380208333vw;
  height: 53.7703125vw;
}
@media (max-width: 991px) {
  .home .home-bg-1 {
    top: 82.4427480916vw;
    left: -90.0763358779vw;
    width: 196.9465648855vw;
    height: 131.0432569975vw;
  }
}
.home .home-bg-2 {
  content: "";
  position: absolute;
  top: 39.0625vw;
  right: -5.2083333333vw;
  width: 53.8005208333vw;
  height: 43.3234375vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (max-width: 991px) {
  .home .home-bg-2 {
    top: 217.5572519084vw;
    left: 20.3562340967vw;
    width: 102.5445292621vw;
    height: 82.4427480916vw;
  }
}
.home__our-story {
  padding: 6.25vw 0 4.1666666667vw;
  text-align: center;
}
@media (max-width: 991px) {
  .home__our-story {
    padding: 10.1781170483vw 0 10.1781170483vw;
  }
}
.home__our-story .content {
  margin: 0 auto;
  padding: 0 2.0833333333vw;
}
@media (max-width: 991px) {
  .home__our-story .content {
    padding: 0;
  }
}
.home__our-story .content__title {
  font-size: var(--font-title-2xl);
  color: var(--color-blue-1);
  font-weight: var(--font-weight-regular);
  margin: 0 0 1.0416666667vw;
  line-height: 1;
}
@media (max-width: 991px) {
  .home__our-story .content__title {
    font-size: 10.1781170483vw;
  }
}
.home__our-story .content__description {
  font-size: var(--font-text-md);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  margin-bottom: 2.0833333333vw;
}
@media (max-width: 991px) {
  .home__our-story .content__description {
    margin-bottom: 10.1781170483vw;
    font-size: 3.5623409669vw;
  }
}
.home__our-story .content__description strong {
  font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
  .home__our-story .content__description strong {
    font-size: 3.5623409669vw;
  }
}
.home__our-story .content__description:last-of-type {
  margin-bottom: 0;
}
.home__our-purpose {
  padding: 0;
  text-align: center;
}
.home__our-purpose .content {
  margin: 0 auto 1.0416666667vw;
  padding: 0 2.0833333333vw;
}
@media (max-width: 991px) {
  .home__our-purpose .content {
    padding: 0;
  }
}
.home__our-purpose .content__title {
  font-size: var(--font-title-sm);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-medium);
}
@media (max-width: 991px) {
  .home__our-purpose .content__title {
    font-size: 5.0890585242vw;
  }
}
.home__our-purpose .content__description {
  font-size: var(--font-text-md);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .home__our-purpose .content__description {
    margin-bottom: 2.5445292621vw;
    font-size: 3.5623409669vw;
  }
}
.home__our-purpose .content__description--highlight {
  font-size: var(--font-text-md);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
  margin-bottom: 3.125vw;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .home__our-purpose .content__description--highlight {
    font-size: 3.5623409669vw;
    margin-bottom: 15.2671755725vw;
  }
}
.home__our-purpose .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125vw;
  margin: 0 auto;
  padding: 0 2.0833333333vw;
}
@media (max-width: 991px) {
  .home__our-purpose .list {
    padding: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}
.home__our-purpose .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
}
@media (max-width: 991px) {
  .home__our-purpose .list .item {
    flex-direction: row;
    gap: 5.0890585242vw;
    text-align: left;
    border-bottom: 2px solid var(--color-gray-3);
    padding: 0 0 5.0890585242vw;
  }
}
.home__our-purpose .list .item__icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5625vw;
  position: relative;
}
.home__our-purpose .list .item__icon img {
  width: 9.375vw;
  height: 9.375vw;
  object-fit: contain;
}
@media (max-width: 991px) {
  .home__our-purpose .list .item__icon img {
    width: 22.9007633588vw;
    height: 22.9007633588vw;
  }
}
.home__our-purpose .list .item__icon:nth-child(1) {
  background: var(--color-green-light);
}
.home__our-purpose .list .item__icon:nth-child(2) {
  background: var(--color-blue-light);
}
.home__our-purpose .list .item__icon:nth-child(3) {
  background: var(--color-orange-light);
}
.home__our-purpose .list .item__content__title {
  font-size: var(--font-title-sm);
  color: var(--color-gray-2);
  margin-bottom: 0.5208333333vw;
  font-weight: var(--font-weight-medium);
}
@media (max-width: 991px) {
  .home__our-purpose .list .item__content__title {
    font-size: 5.0890585242vw;
  }
}
.home__our-purpose .list .item__content__description {
  font-size: var(--font-text-md);
  color: var(--color-gray-2);
  line-height: 1.6;
  font-weight: var(--font-weight-light);
}
@media (max-width: 991px) {
  .home__our-purpose .list .item__content__description {
    font-size: 3.5623409669vw;
  }
}
.home__our-purpose .cards {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 3.125vw;
  margin-top: 6.25vw;
}
@media (max-width: 991px) {
  .home__our-purpose .cards {
    margin-top: 10.1781170483vw;
    padding: 0;
  }
}
.home__our-purpose .cards .item__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.125vw;
}
@media (max-width: 991px) {
  .home__our-purpose .cards .item__wrapper {
    flex-direction: column;
  }
}
.home__our-purpose .cards .item__thumbnail {
  flex: 0 0 43.75vw;
  border-radius: 1.0416666667vw;
  overflow: hidden;
}
@media (max-width: 991px) {
  .home__our-purpose .cards .item__thumbnail {
    flex: 0 0 100%;
  }
}
.home__our-purpose .cards .item__thumbnail img {
  width: 100%;
  height: 100%;
  display: block;
}
.home__our-purpose .cards .item__content {
  flex: 1;
  text-align: left;
}
@media (max-width: 991px) {
  .home__our-purpose .cards .item__content {
    padding-left: 5.0890585242vw;
  }
}
.home__our-purpose .cards .item__content__title {
  font-size: var(--font-title-md);
  color: var(--color-gray-2);
  margin-bottom: 0.5208333333vw;
  font-weight: var(--font-weight-medium);
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
}
@media (max-width: 991px) {
  .home__our-purpose .cards .item__content__title {
    gap: 2.5445292621vw;
    font-size: 5.0890585242vw;
  }
}
.home__our-purpose .cards .item__content__title .icon {
  --icon-size: 1.9270833333vw;
}
@media (max-width: 991px) {
  .home__our-purpose .cards .item__content__title .icon {
    --icon-size: 5.0890585242vw;
  }
}
.home__our-purpose .cards .item__content__description {
  font-size: var(--font-text-md);
  color: var(--color-gray-2);
  line-height: 1.6;
  font-weight: var(--font-weight-light);
}
@media (max-width: 991px) {
  .home__our-purpose .cards .item__content__description {
    font-size: 3.5623409669vw;
  }
}
.home__our-purpose .cards .item:nth-child(1) .item__thumbnail {
  border-bottom-right-radius: 4.1666666667vw;
}
.home__our-purpose .cards .item:nth-child(2) .item__thumbnail {
  order: 2;
  border-bottom-left-radius: 4.1666666667vw;
}
@media (max-width: 991px) {
  .home__our-purpose .cards .item:nth-child(2) .item__thumbnail {
    order: 1;
  }
}
.home__our-purpose .cards .item:nth-child(2) .item__content {
  order: 1;
  padding-left: 3.125vw;
}
@media (max-width: 991px) {
  .home__our-purpose .cards .item:nth-child(2) .item__content {
    order: 2;
  }
}
.home__our-brands {
  display: block;
  height: 52.0833333333vw;
  background-image: url("../images/home-img-3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 6.25vw;
  border-top-left-radius: 4.1666666667vw;
}
@media (max-width: 991px) {
  .home__our-brands {
    background-size: auto 71.2468193384vw;
    background-position: top center;
    margin-top: 10.1781170483vw;
    height: auto;
  }
}
.home__our-brands__wrapper {
  padding: 6.25vw 2.0833333333vw;
}
@media (max-width: 991px) {
  .home__our-brands__wrapper {
    padding: 10.1781170483vw 5.0890585242vw;
  }
}
.home__our-brands__title {
  font-size: var(--font-title-xl);
  color: var(--color-white-1);
  font-weight: var(--font-weight-regular);
  margin-bottom: 1.0416666667vw;
  line-height: 1;
}
@media (max-width: 991px) {
  .home__our-brands__title {
    font-size: 8.1424936387vw;
    margin-top: 30.534351145vw;
  }
}
.home__our-brands__description {
  font-size: var(--font-text-md);
  color: var(--color-white-1);
  line-height: 1.6;
  font-weight: var(--font-weight-light);
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .home__our-brands__description {
    font-size: 3.5623409669vw;
  }
}
@media (max-width: 991px) {
  .home__our-brands__list {
    margin-top: 10.1781170483vw;
  }
}
.home__our-brands__list .item {
  gap: 1.0416666667vw;
  display: block;
  width: 22.8125vw;
  height: 9.1145833333vw;
  border-radius: 0.5208333333vw;
  overflow: hidden;
  box-shadow: 0 0.2083333333vw 0.2083333333vw 0 rgba(0, 0, 0, 0.25);
  position: relative;
  margin-bottom: 1.0416666667vw;
  cursor: pointer;
}
@media (max-width: 991px) {
  .home__our-brands__list .item {
    width: 100%;
    height: 30.534351145vw;
    margin-bottom: 5.0890585242vw;
    border-radius: 2.5445292621vw;
    box-shadow: 0 0 1.0178117048vw 0 rgba(0, 0, 0, 0.25);
  }
}
.home__our-brands__list .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
}
.home__our-brands__list .item:hover:before {
  opacity: 1;
}
.home__our-brands__list .item__thumbnail {
  display: block;
  width: 16.1979166667vw;
  height: 9.4270833333vw;
  object-fit: contain;
  object-position: left bottom;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 991px) {
  .home__our-brands__list .item__thumbnail {
    width: 63.358778626vw;
    height: 36.8956743003vw;
  }
}
.home__our-brands__list .item__title {
  font-size: var(--font-text-md);
  color: var(--color-gray-2);
  line-height: 1.6;
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: center;
  gap: 0.5208333333vw;
  position: absolute;
  top: 1.0416666667vw;
  right: 1.0416666667vw;
}
@media (max-width: 991px) {
  .home__our-brands__list .item__title {
    font-size: 5.0890585242vw;
    top: 2.5445292621vw;
    right: 2.5445292621vw;
  }
}
.home__our-brands__list .item__title .icon {
  --icon-size: 0.7291666667vw;
  background-color: var(--color-gray-2);
}
@media (max-width: 991px) {
  .home__our-brands__list .item__title .icon {
    --icon-size: 3.5623409669vw;
  }
}

.philo {
  padding: 0 0 4.1666666667vw;
}
@media (max-width: 991px) {
  .philo {
    padding: 0 0 10.1781170483vw;
  }
}

.philo-infor {
  padding: 4.1666666667vw 0 0;
}
@media (max-width: 991px) {
  .philo-infor {
    padding: 10.1781170483vw 0 0;
  }
}
.philo-infor__title {
  font-size: var(--font-title-xl);
  color: var(--color-blue-2);
  font-weight: var(--font-weight-regular);
  text-align: center;
}
@media (max-width: 991px) {
  .philo-infor__title {
    font-size: 10.1781170483vw;
  }
}
.philo-infor__sub-title {
  font-size: var(--font-title-sm);
  color: var(--color-black);
  text-align: center;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .philo-infor__sub-title {
    font-size: 3.5623409669vw;
  }
}
.philo-infor__description {
  font-size: var(--font-text-md);
  color: var(--color-black);
  font-weight: var(--font-weight-light);
  text-align: center;
}
@media (max-width: 991px) {
  .philo-infor__description {
    font-size: 3.5623409669vw;
  }
}
@media (max-width: 991px) {
  .philo-infor br {
    display: none;
  }
}

.box-philo {
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
  border: 1px solid var(--color-blue-1);
  border-radius: 0.2604166667vw;
  overflow: hidden;
  background-color: var(--color-white-1);
}
@media (max-width: 991px) {
  .box-philo {
    margin-top: 10.1781170483vw;
    margin-bottom: 10.1781170483vw;
    border-radius: 2.5445292621vw;
  }
}
.box-philo__header {
  background: var(--color-blue-1);
  padding: 1.0416666667vw 2.0833333333vw;
  color: var(--color-white-1);
}
@media (max-width: 991px) {
  .box-philo__header {
    padding: 2.5445292621vw 5.0890585242vw;
  }
}
.box-philo__header__title {
  font-size: var(--font-title-sm);
  font-weight: var(--font-weight-regular);
  text-align: center;
}
@media (max-width: 991px) {
  .box-philo__header__title {
    font-size: 5.0890585242vw;
    text-align: left;
  }
}
.box-philo__header__title .text-2 {
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-light);
  display: block;
}
@media (max-width: 991px) {
  .box-philo__header__title .text-2 {
    font-size: 3.5623409669vw;
    display: block;
  }
}
.box-philo__body {
  padding: 2.0833333333vw;
}
@media (max-width: 991px) {
  .box-philo__body {
    padding: 5.0890585242vw;
  }
}
.box-philo__body .title {
  font-size: var(--font-title-sm);
  font-weight: var(--font-weight-regular);
}
@media (max-width: 991px) {
  .box-philo__body .title {
    font-size: 5.0890585242vw;
  }
}
.box-philo__body__list .item {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .box-philo__body__list .item {
    flex-direction: column;
  }
}
.box-philo__body__list .item .title {
  font-size: var(--font-title-sm);
  flex: 0 0 40%;
  padding: 2.0833333333vw;
}
@media (max-width: 991px) {
  .box-philo__body__list .item .title {
    font-size: 5.0890585242vw;
    padding: 0;
  }
}
.box-philo__body__list .item .description {
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-light);
  flex: 0 0 50%;
  padding: 2.0833333333vw 2.0833333333vw 2.0833333333vw 0;
}
@media (max-width: 991px) {
  .box-philo__body__list .item .description {
    font-size: 3.5623409669vw;
  }
}
@media (max-width: 991px) {
  .box-philo__body img {
    width: 41.9847328244vw;
    margin: 2.5445292621vw auto;
    display: block;
  }
}

.box-philo-main {
  background: var(--color-blue-1);
  padding: 2.0833333333vw 4.1666666667vw;
  text-align: center;
  border-radius: 0 0 0 4.1666666667vw;
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
}
@media (max-width: 991px) {
  .box-philo-main {
    padding: 5.0890585242vw 5.0890585242vw;
    margin-top: 10.1781170483vw;
    margin-bottom: 10.1781170483vw;
    border-radius: 0 0 0 10.1781170483vw;
  }
}
.box-philo-main__label {
  font-size: var(--font-title-md);
  color: var(--color-white-1);
  font-weight: var(--font-weight-light);
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .box-philo-main__label {
    font-size: 3.5623409669vw;
    margin-bottom: 2.5445292621vw;
  }
}
.box-philo-main__title {
  font-size: var(--font-title-lg);
  color: var(--color-white-1);
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
}
@media (max-width: 991px) {
  .box-philo-main__title {
    font-size: 5.0890585242vw;
  }
}

.philo-bg-1 {
  position: absolute;
  top: 6.415625vw;
  left: 15.6671875vw;
  width: 102.5151041667vw;
  height: 78.6963541667vw;
  z-index: 1;
}
@media (max-width: 991px) {
  .philo-bg-1 {
    top: 30.534351145vw;
    left: -8.3969465649vw;
    width: 144.2748091603vw;
    height: 110.1781170483vw;
  }
}

.philo-bg-2 {
  position: absolute;
  top: 84.3229166667vw;
  left: -33.0984375vw;
  width: 79.3838541667vw;
  height: 77.4625vw;
  z-index: 1;
}
@media (max-width: 991px) {
  .philo-bg-2 {
    top: 237.4045801527vw;
    left: -24.427480916vw;
    width: 138.1679389313vw;
    height: 134.6055979644vw;
  }
}

.philo-bg-3 {
  position: absolute;
  top: 141.25vw;
  left: 63.1770833333vw;
  width: 58.2708333333vw;
  height: 41.6828125vw;
  z-index: 1;
}
@media (max-width: 991px) {
  .philo-bg-3 {
    display: none;
  }
}

.team {
  position: relative;
  padding-bottom: 5.2083333333vw;
  overflow: hidden;
}
@media (max-width: 991px) {
  .team {
    padding-bottom: 15.2671755725vw;
  }
}
.team-main {
  position: relative;
  z-index: 2;
}
.team .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .team .wrapper {
    flex-direction: column;
  }
}
.team__title {
  font-size: var(--font-title-xl);
  color: var(--color-blue-2);
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin-right: 3.125vw;
}
@media (max-width: 991px) {
  .team__title {
    margin-right: 0;
    margin-bottom: 0vw;
    font-size: 10.1781170483vw;
    text-align: center;
    line-height: 1.2;
    padding: 22.9007633588vw 5.0890585242vw 0;
  }
}
.team .team-main-leader {
  margin-top: 4.1666666667vw;
}
@media (max-width: 991px) {
  .team .team-main-leader {
    margin-top: 0vw;
  }
}
.team .team-main-leader .leader-card {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .team .team-main-leader .leader-card {
    flex-direction: column;
    align-items: start;
  }
}
.team .team-main-leader .leader-card img {
  width: 24.53125vw;
}
@media (max-width: 991px) {
  .team .team-main-leader .leader-card img {
    width: 92.6208651399vw;
    margin-bottom: 5.0890585242vw;
  }
}
.team .team-main-leader .leader-card__content {
  margin-left: 2.0833333333vw;
}
@media (max-width: 991px) {
  .team .team-main-leader .leader-card__content {
    margin-left: 10.1781170483vw;
  }
}
.team .team-main-leader .leader-card__content__title {
  font-size: var(--font-title-md);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .team .team-main-leader .leader-card__content__title {
    font-size: 8.1424936387vw;
    margin-bottom: 0vw;
  }
}
.team .team-main-leader .leader-card__content__position {
  display: flex;
  align-items: center;
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-light);
}
@media (max-width: 991px) {
  .team .team-main-leader .leader-card__content__position {
    font-size: 5.0890585242vw;
  }
}
.team .team-main-leader .leader-card__content__position:before {
  content: "";
  display: block;
  width: 1.5625vw;
  height: 0.2083333333vw;
  background: var(--color-blue-1);
  margin-right: 0.5208333333vw;
  margin-top: 0;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .team .team-main-leader .leader-card__content__position:before {
    width: 6.3613231552vw;
    height: 1.0178117048vw;
    margin-bottom: 2.5445292621vw;
    margin-right: 2.5445292621vw;
  }
}
.team .team-list .row {
  display: flex;
  flex-wrap: wrap;
  width: 72.9166666667vw;
  margin: 0 auto;
  justify-content: center;
}
@media (max-width: 991px) {
  .team .team-list .row {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.team .team-list .item {
  flex: 0 0 33.33%;
  padding: 2.0833333333vw;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .team .team-list .item {
    flex: 0 0 58.4707379135vw;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .team .team-list .item .leader-card {
    width: 58.4707379135vw;
    margin: 2.5445292621vw auto;
  }
}
.team .leader-card img {
  width: 100%;
}
.team .leader-card__content {
  margin-left: 1.0416666667vw;
}
.team .leader-card__content__title {
  font-size: var(--font-title-xs);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
  margin-top: 0.5208333333vw;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .team .leader-card__content__title {
    margin-top: 2.5445292621vw;
    margin-bottom: 2.5445292621vw;
    font-size: 5.0890585242vw;
  }
}
.team .leader-card__content__position {
  display: flex;
  align-items: start;
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-light);
}
@media (max-width: 991px) {
  .team .leader-card__content__position {
    font-size: 3.5623409669vw;
  }
}
.team .leader-card__content__position:before {
  content: "";
  display: block;
  width: 1.5625vw;
  height: 0.2083333333vw;
  margin-top: 0.78125vw;
  background: var(--color-blue-1);
  margin-right: 0.5208333333vw;
}
@media (max-width: 991px) {
  .team .leader-card__content__position:before {
    width: 3.8371501272vw;
    height: 0.6132315522vw;
    margin-right: 2.5445292621vw;
    margin-top: 2.2900763359vw;
  }
}

.team-bg-1 {
  width: 49.0838541667vw;
  height: 34.8713541667vw;
  position: absolute;
  top: -11.0104166667vw;
  right: 0vw;
  z-index: 1;
}
@media (max-width: 991px) {
  .team-bg-1 {
    width: 239.7989821883vw;
    height: 170.3638676845vw;
    top: -49.8727735369vw;
    left: -59.796437659vw;
  }
}

.team-bg-2 {
  width: 74.7395833333vw;
  height: 57.7083333333vw;
  position: absolute;
  top: 8.6458333333vw;
  left: 0vw;
  z-index: 1;
}
@media (max-width: 991px) {
  .team-bg-2 {
    width: 287.2773536896vw;
    height: 269.465648855vw;
    top: 356.2340966921vw;
    left: -127.3282442748vw;
    transform: rotate(190.38deg);
  }
}

.team-bg-3 {
  width: 73.3609375vw;
  height: 52.4770833333vw;
  position: absolute;
  bottom: -10.4166666667vw;
  right: -5.2083333333vw;
  z-index: 1;
}
@media (max-width: 991px) {
  .team-bg-3 {
    width: 287.2773536896vw;
    height: 205.5979643766vw;
    top: 828.4987277354vw;
    left: -64.631043257vw;
  }
}

.sustain {
  padding-bottom: 9.375vw;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sustain {
    padding-bottom: 15.2671755725vw;
  }
}
.sustain .box-sustain {
  background: var(--color-blue-1);
  padding: 4.1666666667vw 0;
}
@media (max-width: 991px) {
  .sustain .box-sustain {
    padding: 5.0890585242vw 0;
  }
}
.sustain .box-sustain.--rounded-top-left {
  border-top-left-radius: 4.1666666667vw;
}
@media (max-width: 991px) {
  .sustain .box-sustain.--rounded-top-left {
    border-top-left-radius: 0vw;
  }
}
.sustain .box-sustain.--rounded-bottom-right {
  border-bottom-right-radius: 4.1666666667vw;
}
@media (max-width: 991px) {
  .sustain .box-sustain.--rounded-bottom-right {
    border-bottom-right-radius: 0vw;
  }
}
.sustain .box-sustain__wrapper {
  background: var(--color-white-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.0833333333vw;
  box-shadow: 0 0 0.5208333333vw rgba(0, 0, 0, 0.15);
  border-radius: 0.5208333333vw;
}
@media (max-width: 991px) {
  .sustain .box-sustain__wrapper {
    flex-direction: column;
    align-items: start;
    padding: 5.0890585242vw;
  }
}
.sustain .box-sustain__left {
  flex: 0 0 30%;
  padding: 0 2.0833333333vw;
  border-right: 1px solid var(--color-gray-3);
}
@media (max-width: 991px) {
  .sustain .box-sustain__left {
    flex: 0 0 100%;
    padding: 0;
    border: none;
  }
}
.sustain .box-sustain__right {
  flex: 1;
  padding: 0 2.0833333333vw;
}
@media (max-width: 991px) {
  .sustain .box-sustain__right {
    padding: 0;
  }
}
.sustain .box-sustain .title {
  color: var(--color-blue-1);
  font-size: var(--font-title-md);
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .sustain .box-sustain .title {
    font-size: 8.1424936387vw;
  }
}
.sustain .box-sustain .description {
  color: var(--color-black);
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .sustain .box-sustain .description {
    font-size: 5.0890585242vw;
  }
}
.sustain .box-sustain .content {
  color: var(--color-black);
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .sustain .box-sustain .content {
    font-size: 3.5623409669vw;
  }
}

.sustain-infor {
  padding-top: 5.2083333333vw;
}
@media (max-width: 991px) {
  .sustain-infor {
    padding-top: 5.0890585242vw;
  }
}

.sustain-content {
  padding-top: 4.1666666667vw;
}
@media (max-width: 991px) {
  .sustain-content {
    padding-top: 5.0890585242vw;
  }
}
.sustain-content__title {
  font-size: var(--font-title-md);
  color: var(--color-blue-1);
  font-weight: var(--font-weight-regular);
  margin-bottom: 2.0833333333vw;
}
@media (max-width: 991px) {
  .sustain-content__title {
    font-size: 8.1424936387vw;
    line-height: 1.2;
  }
}
.sustain-content__img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.sustain-table__header {
  display: flex;
  align-items: center;
  background: var(--color-blue-4);
  padding: 1.0416666667vw 2.0833333333vw;
  border-radius: 0.5208333333vw;
  color: var(--color-gray-2);
  font-size: var(--font-text-sm);
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .sustain-table__header {
    padding: 0;
    font-size: 3.5623409669vw;
  }
}
@media (max-width: 991px) {
  .sustain-table__header__item {
    padding: 5.0890585242vw;
  }
}
.sustain-table__header__item:nth-child(1) {
  flex: 0 0 25%;
}
@media (max-width: 991px) {
  .sustain-table__header__item:nth-child(1) {
    flex: 0 0 40%;
  }
}
.sustain-table__header__item:nth-child(2) {
  flex: 0 0 35%;
}
@media (max-width: 991px) {
  .sustain-table__header__item:nth-child(2) {
    flex: 0 0 60%;
  }
}
.sustain-table__header__item:nth-child(3) {
  flex: 0 0 40%;
}
@media (max-width: 991px) {
  .sustain-table__header__item:nth-child(3) {
    display: none;
  }
}
.sustain-table__body {
  padding: 1.0416666667vw 2.0833333333vw;
  display: flex;
  align-items: center;
  color: var(--color-gray-2);
  border-bottom: 0.1041666667vw solid var(--color-gray-3);
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .sustain-table__body {
    align-items: start;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .sustain-table__body__item {
    padding: 5.0890585242vw 2.5445292621vw;
    box-sizing: border-box;
  }
}
.sustain-table__body__item:nth-child(1) {
  flex: 0 0 25%;
}
@media (max-width: 991px) {
  .sustain-table__body__item:nth-child(1) {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.sustain-table__body__item:nth-child(2) {
  flex: 0 0 35%;
  padding-right: 4.1666666667vw;
}
@media (max-width: 991px) {
  .sustain-table__body__item:nth-child(2) {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
.sustain-table__body__item:nth-child(3) {
  flex: 0 0 40%;
}
@media (max-width: 991px) {
  .sustain-table__body__item:nth-child(3) {
    flex: 0 0 60%;
    max-width: 60%;
    margin-left: 40%;
    display: none;
  }
}
.sustain-table__body .title {
  font-size: var(--font-title-sm);
  font-weight: var(--font-weight-regular);
  line-height: 1.2;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .sustain-table__body .title {
    font-size: 5.0890585242vw;
  }
}
@media (max-width: 991px) {
  .sustain-table__body .sub-title {
    font-size: 3.0534351145vw;
    color: var(--color-blue-1);
    font-weight: var(--font-weight-regular);
    margin-top: 2.5445292621vw;
    margin-bottom: 1.272264631vw;
  }
}
.sustain-table__body .wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .sustain-table__body .wrapper {
    flex-direction: column;
    align-items: start;
  }
}
.sustain-table__body .sustain-icon {
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  margin-right: 0.5208333333vw;
}
@media (max-width: 991px) {
  .sustain-table__body .sustain-icon {
    width: 13.7404580153vw;
    height: 13.7404580153vw;
  }
}
.sustain-table__body .text {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  line-height: 1.2;
}
@media (max-width: 991px) {
  .sustain-table__body .text {
    font-size: 3.5623409669vw;
  }
}
.sustain-table__body .image {
  height: 5.2083333333vw;
  object-fit: cover;
}
@media (max-width: 991px) {
  .sustain-table__body .image {
    display: block;
    height: 12.4681933842vw;
  }
}

.sustain-download {
  display: block;
  margin: 4.1666666667vw auto;
  width: 55.9375vw;
  position: relative;
  text-decoration: none;
}
@media (max-width: 991px) {
  .sustain-download {
    width: 89.8218829517vw;
    margin: 10.1781170483vw auto;
    padding-bottom: 2.5445292621vw;
  }
}
.sustain-download:before {
  content: "";
  display: block;
  width: 100%;
  height: 7.7083333333vw;
  background: var(--color-blue-4);
  border-radius: 5.2083333333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (max-width: 991px) {
  .sustain-download:before {
    height: 37.6590330789vw;
    border-radius: 5.0890585242vw;
    top: inherit;
    left: inherit;
    transform: none;
    bottom: 0;
  }
}
.sustain-download .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.0416666667vw 4.1666666667vw;
  border-radius: 0.5208333333vw;
}
@media (max-width: 991px) {
  .sustain-download .wrapper {
    flex-wrap: wrap;
    align-items: start;
  }
}
.sustain-download__img {
  width: 10.7291666667vw;
  height: auto;
  object-fit: cover;
}
.sustain-download__img img {
  width: 100%;
}
@media (max-width: 991px) {
  .sustain-download__img {
    flex: 0 0 100%;
    margin-bottom: 2.5445292621vw;
  }
  .sustain-download__img img {
    width: 26.2086513995vw;
    margin: 0 auto;
    display: block;
  }
}
.sustain-download__text {
  flex: 1;
}
@media (max-width: 991px) {
  .sustain-download__text {
    flex: 0 0 68.7022900763vw;
    width: 68.7022900763vw;
  }
}
.sustain-download .title {
  font-size: 2.9166666667vw;
  font-weight: var(--font-weight-regular);
  color: var(--color-gray-2);
  line-height: 1;
}
@media (max-width: 991px) {
  .sustain-download .title {
    font-size: 6.6157760814vw;
  }
}
.sustain-download .description {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  color: var(--color-blue-1);
  line-height: 1.2;
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .sustain-download .description {
    font-size: 3.5623409669vw;
  }
}
.sustain-download .icon {
  --icon-size: 2.1875vw;
}
@media (max-width: 991px) {
  .sustain-download .icon {
    --icon-size: 5.3435114504vw;
  }
}

.news {
  padding: 9.375vw 0;
}
@media (max-width: 991px) {
  .news {
    padding: 22.9007633588vw 0 15.2671755725vw;
  }
}

.box-news-filter {
  margin-bottom: 3.125vw;
  background: var(--color-blue-1);
  border-bottom-right-radius: 4.1666666667vw;
  padding: 4.1666666667vw 0;
}
@media (max-width: 991px) {
  .box-news-filter {
    border-bottom-right-radius: 0vw;
    padding: 5.0890585242vw 0;
    margin-bottom: 5.0890585242vw;
  }
}
.box-news-filter .wrapper {
  margin: 0 auto;
  padding: 0 1.0416666667vw;
}
@media (max-width: 991px) {
  .box-news-filter .wrapper {
    padding: 0;
    padding: 0;
  }
}

.news-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.0416666667vw;
  background: var(--color-white-1);
  padding: 1.5625vw;
  border-radius: 0.78125vw;
  box-shadow: 0 0.2083333333vw 1.0416666667vw rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .news-filter {
    flex-direction: column;
    gap: 5.0890585242vw;
    padding: 5.0890585242vw;
    border-radius: 1.272264631vw;
  }
}
.news-filter__search-section, .news-filter__year-section {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
}
@media (max-width: 991px) {
  .news-filter__search-section, .news-filter__year-section {
    width: 100%;
    gap: 1.272264631vw;
    flex-wrap: wrap;
  }
}
.news-filter__label {
  font-size: var(--font-text-sm);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}
@media (max-width: 991px) {
  .news-filter__label {
    font-size: 5.0890585242vw;
    font-weight: var(--font-weight-light);
  }
}
.news-filter__input {
  width: 20.8333333333vw;
  padding: 0.625vw 0.8333333333vw;
  border: 0.1041666667vw solid var(--color-gray-3);
  border-radius: 1.3020833333vw;
  font-size: var(--font-text-xs);
  color: var(--color-gray-2);
  background: var(--color-white-1);
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .news-filter__input {
    font-size: 3.5623409669vw;
    padding: 3.0534351145vw 4.0712468193vw;
    width: 100%;
    border-width: 1px;
    border-radius: 6.3613231552vw;
    flex: 0 0 100%;
  }
}
.news-filter__input::placeholder {
  color: var(--color-gray-1);
}
.news-filter__input:focus {
  outline: none;
  border-color: var(--color-blue-1);
  box-shadow: 0 0 0 0.15625vw rgba(91, 194, 220, 0.1);
}
.news-filter__select {
  width: 7.8125vw;
  padding: 0.625vw 0.8333333333vw;
  border: 0.1041666667vw solid var(--color-gray-3);
  border-radius: 1.3020833333vw;
  font-size: var(--font-text-xs);
  color: var(--color-blue-1);
  background: var(--color-white-1);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%235BC2DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.625vw center;
  background-size: 0.8333333333vw;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .news-filter__select {
    width: 100%;
    padding: 3.0534351145vw 4.0712468193vw;
    border-width: 0.5089058524vw;
    border-radius: 6.3613231552vw;
    background-position: right 3.0534351145vw center;
    background-size: 6.106870229vw;
    font-size: 3.5623409669vw;
    margin-left: 2.5445292621vw;
    flex: 1;
  }
}
.news-filter__select:focus {
  outline: none;
  border-color: var(--color-blue-1);
  box-shadow: 0 0 0 0.15625vw rgba(91, 194, 220, 0.1);
}
.news-filter__separator {
  width: 0.1041666667vw;
  height: 2.0833333333vw;
  background: var(--color-gray-3);
  margin: 0 0.5208333333vw;
}
@media (max-width: 991px) {
  .news-filter__separator {
    width: 100%;
    height: 0.5089058524vw;
    margin: 2.5445292621vw 0;
    display: none;
  }
}
.news-filter__categories {
  display: flex;
  gap: 0.5208333333vw;
}
@media (max-width: 991px) {
  .news-filter__categories {
    width: 100%;
    justify-content: center;
    gap: 2.5445292621vw;
  }
}
.news-filter__category-btn {
  padding: 0.625vw 1.0416666667vw;
  border: 0.1041666667vw solid var(--color-gray-3);
  border-radius: 1.3020833333vw;
  background: var(--color-white-1);
  color: var(--color-blue-2);
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .news-filter__category-btn {
    padding: 3.0534351145vw 5.0890585242vw;
    border-width: 0.5089058524vw;
    border-radius: 6.3613231552vw;
    font-size: 3.5623409669vw;
  }
}
.news-filter__category-btn:hover {
  border-color: var(--color-blue-1);
  background: var(--color-blue-3);
}
.news-filter__category-btn.--active {
  background: rgba(202, 224, 255, 0.5);
  border-color: rgba(202, 224, 255, 0.5);
}
.news-filter__search-btn {
  display: flex;
  align-items: center;
  gap: 0.5208333333vw;
  padding: 0.625vw 1.5625vw;
  background: var(--color-blue-1);
  color: var(--color-white-1);
  border: none;
  border-radius: 1.3020833333vw;
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .news-filter__search-btn {
    width: 100%;
    justify-content: center;
    gap: 2.5445292621vw;
    padding: 3.0534351145vw 7.6335877863vw;
    border-radius: 6.3613231552vw;
    font-size: 3.5623409669vw;
  }
}
.news-filter__search-btn .icon {
  font-size: var(--font-text-sm);
  background-color: var(--color-white-1);
}
@media (max-width: 991px) {
  .news-filter__search-btn .icon {
    font-size: var(--font-text-md);
  }
}
.news-filter__search-btn:hover {
  background: var(--color-blue-2);
  transform: translateY(-2px);
  box-shadow: 0 0.4166666667vw 1.3020833333vw rgba(91, 194, 220, 0.3);
}
.news-filter__search-btn:active {
  transform: translateY(0);
}

.news-result {
  margin-bottom: 4.1666666667vw;
}
@media (max-width: 991px) {
  .news-result {
    margin-bottom: 5.0890585242vw;
  }
}
.news-result .wrapper {
  max-width: 72.9166666667vw;
  margin: 0 auto;
  padding: 0 1.0416666667vw;
}
@media (max-width: 991px) {
  .news-result .wrapper {
    padding: 0 5.0890585242vw;
    max-width: inherit;
  }
}

.news-grid {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .news-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 5.0890585242vw;
  }
}
@media (max-width: 575px) {
  .news-grid {
    grid-template-columns: 1fr;
    gap: 5.0890585242vw;
  }
}

.news-result__item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0.78125vw;
}
@media (max-width: 991px) {
  .news-result__item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 3.8167938931vw;
  }
}

.news-card {
  background: var(--color-white-1);
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .news-card {
    border-radius: 0vw;
    box-shadow: 0 1.0178117048vw 5.0890585242vw rgba(0, 0, 0, 0.1);
  }
}
.news-card__image {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background-color: var(--color-gray-3);
}
.news-card__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.news-card__share {
  position: absolute;
  bottom: 0.78125vw;
  right: 0.78125vw;
  width: 1.8229166667vw;
  height: 1.8229166667vw;
  border: none;
  border-radius: 0.5208333333vw;
  background-color: rgb(91, 194, 220);
  color: var(--color-white-1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .news-card__share {
    bottom: 3.8167938931vw;
    right: 3.8167938931vw;
    width: 8.9058524173vw;
    height: 8.9058524173vw;
    border-radius: 2.0356234097vw;
  }
}
.news-card__share:hover {
  background: var(--color-blue-1);
  transform: scale(1.1);
}
.news-card__share .icon {
  --icon-size: 0.8333333333vw;
  background-color: var(--color-white-1);
}
@media (max-width: 991px) {
  .news-card__share .icon {
    --icon-size: 4.0712468193vw;
  }
}
.news-card__content {
  padding: 1.0416666667vw 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .news-card__content {
    padding: 5.0890585242vw;
  }
}
.news-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.78125vw;
  gap: 0.5208333333vw;
}
@media (max-width: 991px) {
  .news-card__meta {
    margin-bottom: 3.8167938931vw;
    gap: 2.5445292621vw;
  }
}
.news-card__date {
  font-size: var(--font-text-xs);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
  white-space: nowrap;
}
@media (max-width: 991px) {
  .news-card__date {
    font-size: 4.5801526718vw;
  }
}
.news-card__tags {
  display: flex;
  align-items: center;
  gap: 0.2604166667vw;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .news-card__tags {
    gap: 2.5445292621vw;
  }
}
.news-card__tag {
  background: rgba(202, 224, 255, 0.5);
  color: var(--color-blue-2);
  padding: 0.2083333333vw 0.4166666667vw;
  border-radius: 1.5625vw;
  font-size: var(--font-text-3xs);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .news-card__tag {
    padding: 1.0178117048vw 2.5445292621vw;
    border-radius: 7.6335877863vw;
    font-size: 3.0534351145vw;
  }
}
.news-card__title {
  font-size: var(--font-text-sm);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-regular);
  line-height: 1.4;
  margin-bottom: 1.0416666667vw;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
  .news-card__title {
    font-size: 6.106870229vw;
    margin-bottom: 5.0890585242vw;
  }
}
.news-card__read-more {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  color: var(--color-gray-2);
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  margin-top: auto;
}
@media (max-width: 991px) {
  .news-card__read-more {
    gap: 2.0356234097vw;
    font-size: 4.5801526718vw;
  }
}
.news-card__read-more .icon {
  transition: transform 0.3s ease;
  --icon-size: 1.25vw;
}
@media (max-width: 991px) {
  .news-card__read-more .icon {
    --icon-size: 6.106870229vw;
  }
}
.news-card__read-more:hover .icon {
  transform: translateX(3px);
}

.news-result__load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5208333333vw;
  margin: 2.6041666667vw auto 0;
  padding: 0.78125vw 2.0833333333vw;
  background: var(--color-blue-1);
  color: var(--color-white-1);
  border: none;
  border-radius: 1.5625vw;
  font-size: var(--font-text-sm);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 0.2083333333vw 0.78125vw rgba(91, 194, 220, 0.3);
}
@media (max-width: 991px) {
  .news-result__load-more {
    margin: 10.1781170483vw auto 0;
    padding: 3.8167938931vw 10.1781170483vw;
    border-radius: 7.6335877863vw;
    font-size: 4.5801526718vw;
    gap: 2.5445292621vw;
  }
}
.news-result__load-more .icon {
  font-size: var(--font-text-sm);
  background-color: var(--color-white-1);
  transition: transform 0.3s ease;
}
@media (max-width: 991px) {
  .news-result__load-more .icon {
    font-size: var(--font-text-md);
  }
}
.news-result__load-more:hover {
  background: var(--color-blue-2);
  transform: translateY(-2px);
  box-shadow: 0 0.4166666667vw 1.3020833333vw rgba(91, 194, 220, 0.4);
}
@media (max-width: 991px) {
  .news-result__load-more:hover {
    transform: translateY(-1px);
    box-shadow: 0 2.0356234097vw 6.3613231552vw rgba(91, 194, 220, 0.4);
  }
}
.news-result__load-more:hover .icon {
  transform: scale(1.1);
}
.news-result__load-more:active {
  transform: translateY(0);
}
@media (max-width: 991px) {
  .news-result__load-more:active {
    transform: translateY(0);
  }
}
.news-result__load-more:focus {
  outline: none;
  box-shadow: 0 0 0 0.15625vw rgba(91, 194, 220, 0.5);
}
@media (max-width: 991px) {
  .news-result__load-more:focus {
    box-shadow: 0 0 0 0.7633587786vw rgba(91, 194, 220, 0.5);
  }
}

.news-details {
  padding: 2.0833333333vw 0 0;
}
@media (max-width: 991px) {
  .news-details {
    padding: 0 0 15.2671755725vw;
  }
}
.news-details .container-large {
  max-width: 62.5vw;
  margin: 0 auto;
  padding: 0 1.0416666667vw;
}
@media (max-width: 991px) {
  .news-details .container-large {
    max-width: inherit;
    padding: 0 5.0890585242vw;
  }
}
@media (max-width: 991px) {
  .news-details__title {
    font-size: 6.106870229vw;
    line-height: 1.2;
    margin-bottom: 0vw;
    font-weight: var(--font-weight-regular);
  }
}

.news-details-banner {
  padding-top: 7.2916666667vw;
}
@media (max-width: 991px) {
  .news-details-banner {
    padding-top: 0;
  }
}
.news-details-banner .banner:before {
  --gradient-gray: linear-gradient(180deg, #ffffff00 0, #000000ed 100%);
}

.news-details__control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5625vw 4.1666666667vw;
  margin-bottom: 2.0833333333vw;
}
@media (max-width: 991px) {
  .news-details__control {
    flex-direction: column;
    gap: 5.0890585242vw;
    padding: 5.0890585242vw;
    border-bottom-width: 0.5089058524vw;
    margin-bottom: 0vw;
    align-items: flex-start;
  }
}

.news-details__meta {
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
}
@media (max-width: 991px) {
  .news-details__meta {
    gap: 3.8167938931vw;
    flex-wrap: wrap;
  }
}

.news-details__date {
  font-size: var(--font-text-xs);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
  white-space: nowrap;
}
@media (max-width: 991px) {
  .news-details__date {
    font-size: 4.5801526718vw;
  }
}

.news-details__tags {
  display: flex;
  align-items: center;
  gap: 0.5208333333vw;
}
@media (max-width: 991px) {
  .news-details__tags {
    gap: 2.5445292621vw;
  }
}

.news-details__tag {
  background: rgba(202, 224, 255, 0.5);
  color: var(--color-blue-2);
  padding: 0.3125vw 0.625vw;
  border-radius: 1.0416666667vw;
  font-size: var(--font-text-3xs);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .news-details__tag {
    padding: 1.5267175573vw 3.0534351145vw;
    border-radius: 5.0890585242vw;
    font-size: 3.0534351145vw;
    border-width: 0.2544529262vw;
  }
}
.news-details__tag:hover {
  background: rgba(202, 224, 255, 0.8);
  border-color: var(--color-blue-1);
  transform: translateY(-1px);
}

.news-details__share {
  display: flex;
  align-items: center;
  gap: 0.78125vw;
}
@media (max-width: 991px) {
  .news-details__share {
    gap: 3.8167938931vw;
    border-top: 2px solid var(--color-gray-3);
    border-bottom: 2px solid var(--color-gray-3);
    width: 100%;
    padding: 5.0890585242vw 0;
  }
}

.news-details__share-label {
  display: flex;
  align-items: center;
  font-size: var(--font-text-xs);
  margin-top: 0.2604166667vw;
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .news-details__share-label {
    font-size: 4.5801526718vw;
    margin-right: 2.5445292621vw;
  }
}

.news-details__social-icons {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
@media (max-width: 991px) {
  .news-details__social-icons {
    gap: 3.0534351145vw;
  }
}

.news-details__social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-blue-1);
  text-decoration: none;
  transition: all 0.3s ease;
}
.news-details__social-icon:hover {
  color: var(--color-white-1);
  transform: scale(1.1);
  box-shadow: 0 0.2083333333vw 0.78125vw rgba(91, 194, 220, 0.3);
}
@media (max-width: 991px) {
  .news-details__social-icon:hover {
    box-shadow: 0 1.0178117048vw 3.8167938931vw rgba(91, 194, 220, 0.3);
  }
}
.news-details__social-icon .icon {
  font-size: var(--font-text-sm);
  --icon-size: 1.5625vw;
}
@media (max-width: 991px) {
  .news-details__social-icon .icon {
    --icon-size: 8.1424936387vw;
  }
}

@media (max-width: 991px) {
  .news-details__content {
    padding: 5.0890585242vw;
  }
}
.news-details__content a {
  color: var(--color-blue-1);
}
.news-details__content p {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  line-height: 1.5;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .news-details__content p {
    margin-bottom: 5.0890585242vw;
    font-size: 3.5623409669vw;
  }
}
.news-details__content h3 {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .news-details__content h3 {
    font-size: 3.5623409669vw;
  }
}
.news-details__content ul {
  list-style: disc;
  margin-left: 1.0416666667vw;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .news-details__content ul {
    font-size: 3.5623409669vw;
  }
}
.news-details__content li {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  line-height: 1.5;
  margin-bottom: 0.5208333333vw;
  display: flex;
  align-items: baseline;
}
@media (max-width: 991px) {
  .news-details__content li {
    font-size: 3.5623409669vw;
  }
}
.news-details__content li:before {
  content: "-";
  margin-right: 0.5208333333vw;
}
@media (max-width: 991px) {
  .news-details__content li:before {
    margin-right: 2.5445292621vw;
  }
}

.news-details__photos {
  padding: 4.1666666667vw 8.3333333333vw 8.3333333333vw;
  background-image: url("../images/news-details-bg.svg");
  background-position: center;
  background-repeat: repeat;
  display: flex;
  flex-wrap: wrap;
  gap: 1.0416666667vw;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .news-details__photos .wrap-slider,
.news-details__photos .wrap-frame {
    margin: 0 -3.125vw;
  }
}
@media (min-width: 992px) {
  .news-details__photos .slider {
    padding-bottom: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  .news-details__photos .slider {
    padding-bottom: 5.0890585242vw;
  }
}
.news-details__photos .slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-details__photos .slider .swiper-scrollbar-drag {
  background-color: var(--color-blue-1);
}
.news-details__photos .slider .swiper-slide {
  width: auto;
}
.news-details__photos .slider img {
  width: auto;
  display: block;
}
@media (min-width: 992px) {
  .news-details__photos .slider img {
    height: 31.25vw;
  }
}
@media (max-width: 991px) {
  .news-details__photos .slider img {
    height: 83.9694656489vw;
  }
}
.news-details__photos .slider .swiper-scrollbar {
  --swiper-scrollbar-bg-color: #cccccc;
}

@media (min-width: 992px) {
  .swiper-slide-active .str-news-card {
    box-shadow: 0 0 1.0416666667vw rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 991px) {
  .swiper-slide-active .str-news-card {
    box-shadow: 0 0 5.0890585242vw rgba(0, 0, 0, 0.2);
  }
}

.contact {
  padding-bottom: 8.3333333333vw;
  position: relative;
}
@media (max-width: 991px) {
  .contact {
    padding-bottom: 15.2671755725vw;
  }
}
.contact .container-xlarge {
  position: relative;
  z-index: 2;
}
.contact .contact-infor {
  padding: 5.2083333333vw 0;
  text-align: center;
}
@media (max-width: 991px) {
  .contact .contact-infor {
    padding: 20.3562340967vw 5.0890585242vw 0;
  }
  .contact .contact-infor br {
    display: none;
  }
}
.contact .contact-infor__title {
  font-size: var(--font-title-xl);
  color: var(--color-blue-2);
  font-weight: var(--font-weight-regular);
}
@media (max-width: 991px) {
  .contact .contact-infor__title {
    font-size: 10.1781170483vw;
  }
}
.contact .contact-infor__content {
  font-size: var(--font-text-xs);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
}
@media (max-width: 991px) {
  .contact .contact-infor__content {
    font-size: 3.5623409669vw;
  }
}
.contact .contact-list__item {
  border-radius: 0.5208333333vw;
  box-shadow: 0 0.0520833333vw 0.5208333333vw 0 rgba(0, 0, 0, 0.15);
  margin: 2.0833333333vw 0;
  display: grid;
  align-items: start;
  background-color: var(--color-white-1);
}
@media (max-width: 991px) {
  .contact .contact-list__item {
    margin: 5.0890585242vw 0;
    box-shadow: 0 0.2544529262vw 2.5445292621vw 0 rgba(0, 0, 0, 0.15);
  }
}
.contact .contact-list__item .wrapper {
  display: flex;
  align-items: start;
  padding: 2.0833333333vw;
  height: 100%;
}
@media (max-width: 991px) {
  .contact .contact-list__item .wrapper {
    padding: 5.0890585242vw;
    flex-direction: column;
    width: 100%;
    height: auto;
  }
}
.contact .contact-list__item .logo {
  flex: 0 0 20.8333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.0833333333vw;
}
@media (max-width: 991px) {
  .contact .contact-list__item .logo {
    display: block;
    flex: 0 0 100%;
    margin-bottom: 0vw;
    margin: 0 auto;
  }
}
.contact .contact-list__item .logo img {
  width: 19.0104166667vw;
  height: 8.8541666667vw;
  object-fit: contain;
}
@media (max-width: 991px) {
  .contact .contact-list__item .logo img {
    width: 61.3231552163vw;
    height: 28.8091603053vw;
    margin: 0 auto;
    display: block;
  }
}
.contact .contact-list__item .content {
  flex: 0 0 41.6666666667vw;
  padding: 0 2.0833333333vw;
}
@media (max-width: 991px) {
  .contact .contact-list__item .content {
    flex: 0 0 100%;
    padding: 0;
  }
}
.contact .contact-list__item .content__title {
  font-size: var(--font-text-md);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-regular);
}
@media (max-width: 991px) {
  .contact .contact-list__item .content__title {
    font-size: 5.0890585242vw;
  }
}
.contact .contact-list__item .content__description {
  font-size: var(--font-text-xs);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
  margin-top: 0.5208333333vw;
}
@media (max-width: 991px) {
  .contact .contact-list__item .content__description {
    font-size: 3.5623409669vw;
  }
}
.contact .contact-list__item .content__actions {
  display: flex;
  gap: 0.5208333333vw;
  margin-top: 1.0416666667vw;
}
@media (max-width: 991px) {
  .contact .contact-list__item .content__actions {
    margin-top: 5.0890585242vw;
    gap: 2.5445292621vw;
    align-items: center;
    justify-content: center;
  }
}
.contact .contact-list__item .content__actions .btn {
  display: flex;
  align-items: self-end;
  justify-content: center;
  line-height: 1;
  gap: 0.5208333333vw;
  border: 1px solid var(--color-blue-1);
  border-radius: 2.6041666667vw;
  padding: 0.5208333333vw 2.0833333333vw;
  font-size: var(--font-text-xs);
  color: var(--color-white-1);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .contact .contact-list__item .content__actions .btn {
    width: 100%;
    padding: 2.5445292621vw 7.6335877863vw;
    font-size: 3.5623409669vw;
    border-radius: 12.7226463104vw;
    gap: 2.5445292621vw;
  }
}
.contact .contact-list__item .content__actions .btn .icon {
  transition: all 0.3s ease;
  --icon-size: 1.25vw;
}
@media (max-width: 991px) {
  .contact .contact-list__item .content__actions .btn .icon {
    --icon-size: 5.0890585242vw;
  }
}
.contact .contact-list__item .content__actions .btn:hover {
  background-color: var(--color-blue-2);
  color: var(--color-white-1);
}
.contact .contact-list__item .content__actions .btn:hover .icon {
  background-color: var(--color-white-1);
}
.contact .contact-list__item .address {
  flex: 1;
  padding: 0 2.0833333333vw;
  border-left: 1px solid var(--color-gray-3);
  height: 100%;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .contact .contact-list__item .address {
    display: block;
    padding: 5.0890585242vw 0;
    margin-top: 5.0890585242vw;
    border-left: none;
    border-top: 2px solid var(--color-gray-3);
    border-bottom: 2px solid var(--color-gray-3);
  }
}
.contact .contact-list__item .address__title {
  font-size: var(--font-text-xs);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-regular);
}
@media (max-width: 991px) {
  .contact .contact-list__item .address__title {
    font-size: 3.5623409669vw;
  }
}
.contact .contact-list__item .address__text {
  font-size: var(--font-text-xs);
  color: var(--color-gray-2);
  font-weight: var(--font-weight-light);
  margin-top: 1.1458333333vw;
}
@media (max-width: 991px) {
  .contact .contact-list__item .address__text {
    font-size: 3.5623409669vw;
  }
}

.contact-bg-1 {
  width: 97.9411458333vw;
  height: 48.9229166667vw;
  position: absolute;
  top: 0vw;
  left: 11.71875vw;
  z-index: 0;
}
@media (max-width: 991px) {
  .contact-bg-1 {
    width: 250.631043257vw;
    height: 125.1933842239vw;
    transform: rotate(-12.82deg);
    top: -29.1526717557vw;
    left: -78.058524173vw;
  }
}

.contact-bg-2 {
  width: 58.2864583333vw;
  height: 51.7494791667vw;
  position: absolute;
  top: 41.9270833333vw;
  left: -24.4541666667vw;
  z-index: 0;
}
@media (max-width: 991px) {
  .contact-bg-2 {
    width: 249.6183206107vw;
    height: 221.8829516539vw;
    top: 236.8956743003vw;
    left: -76.3358778626vw;
  }
}

.contact-bg-3 {
  width: 78.3333333333vw;
  height: 87.65625vw;
  position: absolute;
  top: 58.3854166667vw;
  right: -10.4166666667vw;
  z-index: 0;
}
@media (max-width: 991px) {
  .contact-bg-3 {
    width: 269.7201017812vw;
    height: 302.0356234097vw;
    top: 580.9160305344vw;
    left: -73.0279898219vw;
  }
}

.brand {
  z-index: 2;
  position: relative;
}
@media (max-width: 991px) {
  .brand {
    padding-bottom: 20.3562340967vw;
  }
}
.brand-banner {
  position: relative;
  z-index: 1;
}
.brand-banner .page-title {
  text-align: left;
  line-height: 1;
  position: absolute;
  bottom: 10.4166666667vw;
  right: 8.3333333333vw;
}
@media (max-width: 991px) {
  .brand-banner {
    height: 99.2366412214vw;
  }
  .brand-banner .banner {
    height: 99.2366412214vw;
    border-radius: 0 0 10.1781170483vw 0;
  }
  .brand-banner .page-title {
    bottom: 5.0890585242vw;
    left: 10.1781170483vw;
    right: inherit;
  }
}
.brand .wrap-page {
  position: relative;
  z-index: 2;
}
.brand-banner-2 {
  position: relative;
}
.brand-banner-2 .banner {
  border-radius: 0 0 0 4.1666666667vw;
}
.brand-banner-2 .page-title {
  text-align: left;
  line-height: 1;
  position: absolute;
  bottom: 4.1666666667vw;
  left: 8.3333333333vw;
}
@media (max-width: 991px) {
  .brand-banner-2 {
    height: 99.2366412214vw;
  }
  .brand-banner-2 .banner {
    height: 99.2366412214vw;
    border-radius: 0 0 10.1781170483vw 0;
  }
  .brand-banner-2 .page-title {
    bottom: 5.0890585242vw;
    left: 10.1781170483vw;
    right: inherit;
  }
}
.brand-infor {
  padding-bottom: 5.2083333333vw;
}
.brand-infor .wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .brand-infor .wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.brand-infor__thumb {
  width: 33.9583333333vw;
  height: 27.5520833333vw;
  flex: 0 0 50%;
  box-sizing: border-box;
  margin-top: -10.4166666667vw;
}
@media (max-width: 991px) {
  .brand-infor__thumb {
    width: 82.9007633588vw;
    height: 67.3027989822vw;
  }
}
.brand-infor__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 991px) {
  .brand-infor__thumb img {
    margin: 0 auto;
    display: block;
  }
}
.brand-infor__content {
  padding: 4.1666666667vw 5.2083333333vw 0 2.0833333333vw;
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .brand-infor__content {
    padding: 5.0890585242vw 5.0890585242vw 0vw;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.brand-infor__content__title {
  font-size: var(--font-title-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-gray-2);
  line-height: 1.2;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .brand-infor__content__title {
    margin-bottom: 5.0890585242vw;
    font-size: 5.0890585242vw;
  }
}
.brand-infor__content__text {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  margin-bottom: 1.0416666667vw;
  line-height: 1.6;
}
@media (max-width: 991px) {
  .brand-infor__content__text {
    font-size: 3.5623409669vw;
  }
}
.brand-infor__content__image {
  width: 13.28125vw;
  height: 6.4583333333vw;
  object-fit: contain;
}
@media (max-width: 991px) {
  .brand-infor__content__image {
    width: auto;
    height: 15.7760814249vw;
  }
}
.brand-infor__content__btns {
  display: flex;
  max-width: 100%;
  justify-content: center;
  gap: 0.5208333333vw;
}
@media (max-width: 991px) {
  .brand-infor__content__btns {
    gap: 2.5445292621vw;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.brand-infor__content__btns .item {
  align-items: center;
  flex: 0 0 10.4166666667vw;
  max-width: 10.4166666667vw;
}
@media (max-width: 991px) {
  .brand-infor__content__btns .item {
    flex: 0 0 calc(33.33% - 1.7811704835vw);
    max-width: calc(33.33% - 1.7811704835vw);
    margin-top: 5.0890585242vw;
  }
}
.brand-infor__content__btns .item .btn {
  width: 100%;
  display: block;
  text-align: center;
}
@media (max-width: 991px) {
  .brand-infor__content__btns .item .btn {
    padding: 1.7811704835vw 5.0890585242vw 1.272264631vw;
  }
}
.brand-infor__content__btns .item .flag {
  display: block;
  width: 3.125vw;
  height: 2.0833333333vw;
  max-width: 100%;
  margin: 1.0416666667vw auto 0;
}
@media (max-width: 991px) {
  .brand-infor__content__btns .item .flag {
    width: 7.6335877863vw;
    height: 5.0890585242vw;
  }
}
.brand-infor__content.--bottom {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .brand-infor__content.--bottom {
    padding-left: 5.2083333333vw;
    padding-right: 5.2083333333vw;
  }
}
@media (max-width: 991px) {
  .brand-infor__content.--bottom {
    padding: 0vw 5.0890585242vw;
  }
}
.brand-infor-2 {
  z-index: 2;
  position: relative;
}
.brand-infor-2 .brand-infor__content__image {
  width: auto;
  height: 4.6875vw;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .brand-infor-2 .brand-infor__content__image {
    margin-bottom: 5.0890585242vw;
    height: 36.8956743003vw;
  }
}
.brand-infor-2 .brand-infor__thumb {
  order: 2;
}
.brand-infor-2 .brand-infor__content {
  order: 1;
  padding: 4.1666666667vw 0 4.1666666667vw 8.3333333333vw;
}
@media (max-width: 991px) {
  .brand-infor-2 .brand-infor__content {
    padding: 5.0890585242vw;
    order: 2;
  }
}
.brand-list {
  padding-bottom: 5.2083333333vw;
}
@media (max-width: 991px) {
  .brand-list {
    padding-bottom: 25.4452926209vw;
  }
}
.brand-list .container {
  max-width: 89.5833333333vw;
}
@media (max-width: 991px) {
  .brand-list .container {
    padding: 0;
  }
}
.brand-list .item {
  margin-bottom: 2.0833333333vw;
}
@media (max-width: 991px) {
  .brand-list .item {
    margin-bottom: 5.0890585242vw;
  }
}
.brand-list .item__wrapper {
  display: flex;
  align-items: center;
  gap: 2.0833333333vw;
}
@media (max-width: 991px) {
  .brand-list .item__wrapper {
    gap: 5.0890585242vw;
    flex-direction: column;
  }
}
.brand-list .item__thumb {
  width: 33.8541666667vw;
  object-fit: contain;
}
@media (max-width: 991px) {
  .brand-list .item__thumb {
    width: 89.058524173vw;
  }
}
.brand-list .item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand-list .item__content {
  flex: 1;
}
@media (max-width: 991px) {
  .brand-list .item__content {
    flex: 1;
  }
}
.brand-list .item__content p {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .brand-list .item__content p {
    font-size: 3.5623409669vw;
  }
}

.brand-bg-1 {
  width: 69.1828125vw;
  height: 38.1817708333vw;
  position: absolute;
  top: 17.0072916667vw;
  left: -20.5692708333vw;
  z-index: 0;
}
@media (max-width: 991px) {
  .brand-bg-1 {
    width: 160.5597964377vw;
    height: 106.8702290076vw;
    top: 82.4427480916vw;
    left: -42.4936386768vw;
  }
}

.brand-bg-2 {
  width: 64.9479166667vw;
  height: 32.4479166667vw;
  position: absolute;
  top: 88.5416666667vw;
  left: 55.6770833333vw;
  z-index: 0;
}
@media (max-width: 991px) {
  .brand-bg-2 {
    width: 215.5216284987vw;
    height: 107.6335877863vw;
    top: 322.1374045802vw;
    left: -29.0076335878vw;
  }
}

.about {
  padding: 0 0 8.3333333333vw;
  position: relative;
  overflow: hidden;
  z-index: 1;
  overflow: hidden;
}

.wrap-page {
  position: relative;
  z-index: 1;
}

.about-infor {
  margin-bottom: 2.0833333333vw;
  position: relative;
}
@media (max-width: 991px) {
  .about-infor {
    padding: 0;
  }
}
.about-infor .wrapper {
  gap: 3.125vw;
  transform: translateY(-2.0833333333vw);
  margin: 0 auto;
}
@media (max-width: 991px) {
  .about-infor .wrapper {
    flex-direction: column;
    gap: 10.1781170483vw;
    text-align: center;
  }
}
.about-infor__thumb {
  flex: 1;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.about-infor__thumb img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
}
.about-infor__content {
  flex: 1;
  padding: 2.0833333333vw;
  border-radius: 1.0416666667vw;
  position: relative;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 991px) {
  .about-infor__content {
    padding: 7.6335877863vw;
    border-radius: 3.8167938931vw;
  }
}
.about-infor__content__title {
  font-size: var(--font-title-xl);
  color: var(--color-blue-2);
  font-weight: var(--font-weight-regular);
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .about-infor__content__title {
    font-size: 10.1781170483vw;
    margin-bottom: 3.8167938931vw;
  }
}
.about-infor__content__text {
  font-size: var(--font-text-xs);
  color: var(--color-grey-2);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .about-infor__content__text {
    font-size: 3.5623409669vw;
  }
}
@media (max-width: 991px) {
  .about-infor__content__text br {
    display: none;
  }
}

.about-list {
  background-color: var(--color-blue-1);
  border-radius: 0 0 4.1666666667vw 0;
  padding: 4.1666666667vw 6.25vw;
}
@media (max-width: 991px) {
  .about-list {
    padding: 10.1781170483vw 5.0890585242vw;
    border-radius: 0 0 0 0vw;
  }
}
.about-list__title {
  font-size: var(--font-title-sm);
  color: var(--color-white-1);
  font-weight: var(--font-weight-regular);
  line-height: 1;
  text-align: center;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .about-list__title {
    font-size: 6.6157760814vw;
    margin-bottom: 5.0890585242vw;
  }
}
.about-list__description {
  font-size: var(--font-text-xs);
  color: var(--color-white-1);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  text-align: center;
  margin-bottom: 2.0833333333vw;
}
@media (max-width: 991px) {
  .about-list__description {
    font-size: 3.5623409669vw;
    margin-bottom: 5.0890585242vw;
  }
  .about-list__description br {
    display: none;
  }
}
.about-list__logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -1.0416666667vw 2.0833333333vw;
  padding: 0 4.1666666667vw;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .about-list__logos {
    margin: 0 0 5.0890585242vw;
    padding: 0 5.0890585242vw;
    width: 100%;
    margin: 0 auto;
  }
}
.about-list__logos__item {
  flex: 0 0 33.33%;
  padding: 0 2.0833333333vw;
  width: 6.25vw;
  height: 6.25vw;
}
@media (max-width: 991px) {
  .about-list__logos__item {
    flex: 0 0 50%;
    padding: 2.5445292621vw 5.0890585242vw;
    width: 33.8422391858vw;
    height: auto;
  }
}
.about-list__logos__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-list .wrapper {
  display: flex;
  gap: 2.0833333333vw;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .about-list .wrapper {
    flex-direction: column;
    gap: 5.0890585242vw;
  }
}
.about-list__item {
  flex: 0 0 calc(50% - 1.0416666667vw);
  position: relative;
  margin: 0 auto;
  background-color: var(--color-white-1);
  border-radius: 0.5208333333vw;
  padding: 1.0416666667vw 2.0833333333vw;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
}
@media (max-width: 991px) {
  .about-list__item {
    gap: 5.0890585242vw;
    width: 100%;
    padding: 5.0890585242vw 5.0890585242vw;
    border-radius: 1.272264631vw;
  }
}
.about-list__item__thumb {
  width: 4.6875vw;
  height: 4.6875vw;
  padding-right: 0.5208333333vw;
}
@media (max-width: 991px) {
  .about-list__item__thumb {
    width: 20.3562340967vw;
    height: auto;
    padding-right: 2.5445292621vw;
    padding-left: 2.5445292621vw;
  }
}
.about-list__item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-list__item__content {
  flex: 1;
  box-sizing: border-box;
  text-align: left;
  border-left: 1px solid var(--color-gray-3);
  padding-left: 1.5625vw;
}
@media (max-width: 991px) {
  .about-list__item__content {
    padding-left: 5.0890585242vw;
    padding-top: 2.5445292621vw;
    padding-bottom: 2.5445292621vw;
  }
}
.about-list__item__content .number {
  font-size: var(--font-title-lg);
  color: var(--color-blue-2);
  font-weight: var(--font-weight-light);
  line-height: 1;
}
@media (max-width: 991px) {
  .about-list__item__content .number {
    font-size: 8.1424936387vw;
  }
}
.about-list__item__content .text {
  font-size: 1.25vw;
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  display: block;
}
@media (max-width: 991px) {
  .about-list__item__content .text {
    font-size: 3.5623409669vw;
    line-height: 1.5;
    margin-top: 2.5445292621vw;
  }
}

.about-content {
  padding: 4.1666666667vw 2.0833333333vw 4.1666666667vw;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 991px) {
  .about-content {
    padding: 10.1781170483vw 5.0890585242vw 10.1781170483vw;
    flex-direction: column;
  }
}
.about-content:before {
  content: "";
  width: 34.375vw;
  height: 7.7083333333vw;
  border-radius: 0 5.2083333333vw 5.2083333333vw 0;
  background-color: var(--color-blue-1);
  opacity: 0.25;
  position: absolute;
  bottom: 4.1666666667vw;
  left: 0;
  z-index: 0;
}
@media (max-width: 991px) {
  .about-content:before {
    width: 94.9109414758vw;
    height: 21.2824427481vw;
    border-radius: 0 12.7226463104vw 12.7226463104vw 0;
    top: 48.3460559796vw;
  }
}
.about-content:after {
  content: "";
  width: 21.3541666667vw;
  height: 7.7083333333vw;
  border-radius: 5.2083333333vw 0 0 5.2083333333vw;
  background-color: var(--color-blue-1);
  opacity: 0.25;
  position: absolute;
  bottom: 4.1666666667vw;
  right: 0;
  z-index: 0;
}
@media (max-width: 991px) {
  .about-content:after {
    display: none;
  }
}
.about-content__thumb {
  width: 27.6041666667vw;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .about-content__thumb {
    width: 74.5674300254vw;
    height: auto;
  }
}
.about-content__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-content__content {
  flex: 1;
  width: 46.875vw;
  padding: 8.3333333333vw 20.8333333333vw 0 6.25vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .about-content__content {
    width: 84.7455470738vw;
    padding: 5.0890585242vw 5.0890585242vw 0 5.0890585242vw;
  }
}
.about-content__content__title {
  font-size: 2.9166666667vw;
  color: var(--color-blue-1);
  font-weight: var(--font-weight-regular);
  margin-bottom: 0.5208333333vw;
}
@media (max-width: 991px) {
  .about-content__content__title {
    font-size: 6.6157760814vw;
  }
}
.about-content__content__title span {
  text-transform: uppercase;
  color: var(--color-blue-1);
}
.about-content__content__text {
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-light);
  line-height: 1.3;
}
@media (max-width: 991px) {
  .about-content__content__text {
    font-size: 3.5623409669vw;
  }
}

.about-growing {
  padding: 4.1666666667vw 2.0833333333vw;
  height: 29.7916666667vw;
  color: var(--color-white-1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0 0 0 4.1666666667vw;
  background-image: url("../images/about-img-3.jpg");
}
@media (max-width: 991px) {
  .about-growing {
    padding: 10.1781170483vw 10.1781170483vw;
    height: 195.4198473282vw;
    border-radius: 0 0 0 10.1781170483vw;
    background-image: url("../images/about-img-3-mobile.jpg");
  }
}
.about-growing__title {
  color: var(--color-blue-1);
  text-align: left;
}
@media (max-width: 991px) {
  .about-growing__title {
    font-size: 6.6157760814vw;
  }
}
.about-growing__description {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
}
@media (max-width: 991px) {
  .about-growing__description {
    font-size: 3.5623409669vw;
  }
}
.about-growing .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.0833333333vw;
}
@media (max-width: 991px) {
  .about-growing .wrapper {
    flex-direction: column;
    gap: 5.0890585242vw;
  }
}
.about-growing .left {
  flex: 0 0 30%;
  box-sizing: border-box;
  padding: 0 2.0833333333vw;
}
@media (max-width: 991px) {
  .about-growing .left {
    padding: 0 0vw;
  }
}
.about-growing .right {
  flex: 0 0 50%;
  padding-right: 4.1666666667vw;
}
@media (max-width: 991px) {
  .about-growing .right {
    padding-right: 0vw;
  }
}
.about-growing__cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.0833333333vw;
}
@media (max-width: 991px) {
  .about-growing__cards {
    gap: 5.0890585242vw;
    flex-wrap: wrap;
  }
}
.about-growing__cards__item {
  flex: 1;
  width: 14.5833333333vw;
  height: 14.5833333333vw;
  background: no-repeat url("../images/icon-circle-2.svg");
  background-size: contain;
  background-position: center;
  padding: 1.0416666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 991px) {
  .about-growing__cards__item {
    width: 34.7709923664vw;
    height: 34.7709923664vw;
  }
}
@media (max-width: 991px) {
  .about-growing__cards__item:nth-child(1) {
    flex: 0 0 100%;
    width: 100%;
  }
}
.about-growing__cards__item .value {
  font-size: 2.9166666667vw;
  font-weight: var(--font-weight-light);
  line-height: 1;
  display: block;
  padding-top: 0.5208333333vw;
}
@media (max-width: 991px) {
  .about-growing__cards__item .value {
    padding-top: 2.5445292621vw;
    font-size: 6.9541984733vw;
  }
}
.about-growing__cards__item .value span {
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-light);
  display: block;
}
@media (max-width: 991px) {
  .about-growing__cards__item .value span {
    font-size: 3.2290076336vw;
  }
}

.about-good {
  padding: 4.1666666667vw 0;
}
@media (max-width: 991px) {
  .about-good {
    padding: 0vw;
  }
}
.about-good .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.0833333333vw;
}
@media (max-width: 991px) {
  .about-good .wrapper {
    flex-direction: column;
    gap: 0vw;
  }
}
.about-good .left {
  flex: 0 0 60%;
  box-sizing: border-box;
  padding: 0 2.0833333333vw;
}
@media (max-width: 991px) {
  .about-good .left {
    flex: 0 0 100%;
    padding: 0 10.1781170483vw;
  }
}
.about-good .right {
  flex: 0 0 40%;
  padding-right: 4.1666666667vw;
}
@media (max-width: 991px) {
  .about-good .right {
    flex: 0 0 100%;
    padding: 0 0vw;
    margin-bottom: 15.2671755725vw;
  }
}
.about-good__image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .about-good__image img {
    width: 90vw;
    margin: 5.0890585242vw auto;
  }
}
.about-good__circle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: no-repeat url("../images/about-circle-bg.svg");
  background-size: 44.0625vw 26.0416666667vw;
  background-position: 4.1666666667vw 4.1666666667vw;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .about-good__circle {
    background: none;
    flex-direction: column;
    padding: 10.1781170483vw 10.1781170483vw;
  }
}
.about-good__circle__item {
  flex: 0 0 50%;
  padding: 2.0833333333vw 0;
}
.about-good__circle__item:nth-child(1), .about-good__circle__item:nth-child(4) {
  flex: 0 0 100%;
}
@media (max-width: 991px) {
  .about-good__circle__item {
    flex: 0 0 100%;
    padding: 5.0890585242vw 0;
  }
  .about-good__circle__item:nth-child(1) {
    order: 1;
  }
  .about-good__circle__item:nth-child(2) {
    order: 4;
  }
  .about-good__circle__item:nth-child(3) {
    order: 2;
  }
  .about-good__circle__item:nth-child(4) {
    order: 3;
  }
}
.about-good__circle__item .wrap {
  width: 26.0416666667vw;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.0416666667vw;
}
@media (max-width: 991px) {
  .about-good__circle__item .wrap {
    gap: 5.0890585242vw;
    align-items: start;
  }
}
.about-good__circle__item .wrap .thumb {
  flex: 0 0 7.8125vw;
  width: 7.8125vw;
  height: 7.8125vw;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .about-good__circle__item .wrap .thumb {
    flex: 0 0 20.3562340967vw;
    width: 20.3562340967vw;
    height: 20.3562340967vw;
  }
}
.about-good__circle__item .wrap .thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-good__circle__item .wrap .content {
  flex: 0 0 15.625vw;
  text-align: left;
}
@media (max-width: 991px) {
  .about-good__circle__item .wrap .content {
    flex: 0 0 59.796437659vw;
  }
}
.about-good__circle__item .wrap .content__label {
  font-size: var(--font-text-md);
  font-weight: var(--font-weight-light);
  line-height: 1;
}
@media (max-width: 991px) {
  .about-good__circle__item .wrap .content__label {
    font-size: 5.0890585242vw;
  }
}
.about-good__circle__item .wrap .content__title {
  font-size: 2.9166666667vw;
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 991px) {
  .about-good__circle__item .wrap .content__title {
    font-size: 6.6157760814vw;
    margin-top: 2.5445292621vw;
  }
}
.about-good__circle__item .wrap .content__description {
  font-size: var(--font-text-xs);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
}
@media (max-width: 991px) {
  .about-good__circle__item .wrap .content__description {
    font-size: 3.5623409669vw;
    margin-top: 1.272264631vw;
  }
}
.about-good__content {
  width: 31.9270833333vw;
  height: auto;
  border-radius: 1.0416666667vw 4.1666666667vw 1.0416666667vw 1.0416666667vw;
  background-color: var(--color-blue-1);
  padding: 5.2083333333vw 3.125vw;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .about-good__content {
    width: 100%;
    height: auto;
    border-radius: 0vw;
    padding: 10.1781170483vw;
    padding-bottom: 5.0890585242vw;
  }
}
.about-good__content__title {
  font-size: var(--font-title-lg);
  color: var(--color-white-1);
  font-weight: var(--font-weight-regular);
  line-height: 1.1;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .about-good__content__title {
    font-size: 5.0890585242vw;
    margin-bottom: 5.0890585242vw;
  }
  .about-good__content__title br {
    display: none;
  }
}
.about-good__content__text {
  font-size: var(--font-text-xs);
  color: var(--color-white-1);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  margin-bottom: 1.0416666667vw;
}
@media (max-width: 991px) {
  .about-good__content__text {
    font-size: 3.5623409669vw;
    margin-bottom: 5.0890585242vw;
  }
}
.about-good__content__link {
  font-size: var(--font-text-sm);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  margin-bottom: 1.0416666667vw;
  display: flex;
  align-items: center;
  gap: 0.5208333333vw;
}
@media (max-width: 991px) {
  .about-good__content__link {
    font-size: 3.5623409669vw;
    margin-bottom: 5.0890585242vw;
  }
}
.about-good__content__link .text {
  color: var(--color-white-1);
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.about-good__content__link .icon {
  --icon-size: 0.8333333333vw;
  background-color: var(--color-white-1);
}
@media (max-width: 991px) {
  .about-good__content__link .icon {
    --icon-size: 4.0712468193vw;
  }
}
@media (max-width: 991px) {
  .about-good__content__link {
    font-size: 3.5623409669vw;
    margin-bottom: 5.0890585242vw;
  }
}
.about-good__logos {
  width: 29.8958333333vw;
  height: auto;
  display: block;
  margin-top: 2.0833333333vw;
  margin-left: 2.0833333333vw;
}
@media (max-width: 991px) {
  .about-good__logos {
    width: 95%;
    margin-top: 5.0890585242vw;
    margin-left: 5.0890585242vw;
  }
}

.about-bg-1 {
  position: absolute;
  left: -21.9791666667vw;
  top: 24.946875vw;
  width: 63.1572916667vw;
  height: 61.9015625vw;
  z-index: 0;
}

.about-bg-2 {
  position: absolute;
  left: 72.1354166667vw;
  top: 25.1489583333vw;
  width: 50.8786458333vw;
  height: 50.8333333333vw;
  z-index: 0;
}

.about-bg-3 {
  position: absolute;
  left: 15.2083333333vw;
  top: 82.2916666667vw;
  width: 64.21875vw;
  height: 38.75vw;
  z-index: 0;
}
@media (max-width: 991px) {
  .about-bg-3 {
    left: -34.096692112vw;
    top: 222.9007633588vw;
    width: 143.7659033079vw;
    height: 87.0229007634vw;
  }
}

.people img {
  max-width: 100%;
}
.people .container {
  max-width: 100%;
  padding-left: 9.375vw;
  padding-right: 9.375vw;
}
@media (max-width: 991px) {
  .people .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.people__title {
  text-align: center;
  padding: 2.0833333333vw 0;
  font-size: var(--font-title-xl);
  color: var(--color-blue-1);
}
@media (max-width: 991px) {
  .people__title {
    padding: 10.1781170483vw 0;
    font-size: 10.1781170483vw;
  }
}
.people__leadership {
  background: no-repeat url("../images/people-bg-01.webp") center top;
  background-size: cover;
  position: relative;
}
@media (min-width: 992px) {
  .people__leadership {
    padding: 4.1666666667vw 0 4.1666666667vw;
  }
}
@media (max-width: 991px) {
  .people__leadership {
    padding: 10.1781170483vw 0;
  }
}
@media (min-width: 992px) {
  .people__leadership__infor {
    padding-right: 41.6666666667vw;
  }
}
.people__leadership__infor .infor {
  margin: 0;
}
.people__leadership__infor .content {
  color: var(--color-black);
}
@media (min-width: 992px) {
  .people__leadership__infor .content {
    padding-left: 3.125vw;
    font-size: 1.875vw;
    margin-top: 1.0416666667vw;
  }
}
@media (max-width: 991px) {
  .people__leadership__infor .content {
    padding-left: 5.0890585242vw;
    padding-right: 5.0890585242vw;
    font-size: 8.9058524173vw;
    margin-top: 5.0890585242vw;
  }
}
.people__leadership__infor .content p {
  margin-bottom: 0.5208333333vw;
  font-size: var(--font-text-sm);
  font-weight: var(--font-weight-light);
}
@media (max-width: 991px) {
  .people__leadership__infor .content p {
    margin-top: 5.0890585242vw;
    font-size: 4.5801526718vw;
  }
}
.people__leadership__infor .thumb {
  content: "";
  display: block;
  background: no-repeat url("../images/people-01.webp") center top;
  background-size: contain;
}
@media (min-width: 992px) {
  .people__leadership__infor .thumb {
    width: 30.7291666667vw;
    height: 30.7291666667vw;
    top: 8.3333333333vw;
    right: 12.5vw;
    position: absolute;
  }
}
@media (max-width: 991px) {
  .people__leadership__infor .thumb {
    width: 89.058524173vw;
    height: 89.058524173vw;
    margin: 0 auto;
    margin-top: 10.1781170483vw;
  }
}
.people__leadership__list {
  margin: 0;
  padding: 0;
  display: block;
  margin-top: 8.3333333333vw;
}
@media (max-width: 991px) {
  .people__leadership__list {
    margin-top: 10.1781170483vw;
    padding-left: 5.0890585242vw;
    padding-right: 5.0890585242vw;
  }
}
.people__leadership__list .item {
  display: flex;
  list-style: none;
}
@media (min-width: 992px) {
  .people__leadership__list .item {
    margin-top: 2.0833333333vw;
  }
}
@media (max-width: 991px) {
  .people__leadership__list .item {
    margin-top: 5.0890585242vw;
  }
}
@media (min-width: 992px) {
  .people__leadership__list .item__thumb {
    flex: 0 0 9.375vw;
  }
}
@media (max-width: 991px) {
  .people__leadership__list .item__thumb {
    flex: 0 0 25.4452926209vw;
  }
}
.people__leadership__list .item__thumb img {
  object-fit: contain;
  max-width: 100%;
}
@media (min-width: 992px) {
  .people__leadership__list .item__thumb img {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .people__leadership__list .item__thumb img {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .people__leadership__list .item__content {
    flex: 0 0 39.0625vw;
    padding-left: 1.5625vw;
  }
}
@media (max-width: 991px) {
  .people__leadership__list .item__content {
    padding-left: 3.8167938931vw;
  }
}
.people__leadership__list .item__content__title {
  text-transform: uppercase;
  margin-top: 0;
}
@media (min-width: 992px) {
  .people__leadership__list .item__content__title {
    margin-top: 1.0416666667vw;
    margin-bottom: 0.5208333333vw;
    font-size: 2.0833333333vw;
  }
}
@media (max-width: 991px) {
  .people__leadership__list .item__content__title {
    margin-top: 5.0890585242vw;
    margin-bottom: 2.5445292621vw;
    font-size: 5.5979643766vw;
  }
}
.people__leadership__list .item__content__desc {
  color: #555555;
  margin: 0;
  font-weight: var(--font-weight-light);
}
@media (min-width: 992px) {
  .people__leadership__list .item__content__desc {
    font-size: var(--font-text-sm);
  }
}
@media (max-width: 991px) {
  .people__leadership__list .item__content__desc {
    font-size: 4.0712468193vw;
  }
}
.people__leadership__list .item ::marker {
  display: none;
}
.people__leadership__list .item:nth-child(2n+1) {
  color: #0770b9;
  list-style: none;
}
@media (min-width: 992px) {
  .people__leadership__list .item:nth-child(2n+1) {
    padding-left: 3.125vw;
  }
}
.people__leadership__list .item:nth-child(2n+2) {
  list-style: none;
  color: #51c5da;
}
@media (min-width: 992px) {
  .people__leadership__list .item:nth-child(2n+2) {
    padding-left: 24.4791666667vw;
  }
}
.people__employee {
  background: var(--color-white);
  padding-bottom: 4.1666666667vw;
}
@media (max-width: 991px) {
  .people__employee {
    padding: 20.3562340967vw 0;
  }
}
@media (min-width: 992px) {
  .people__employee .wrapper {
    display: flex;
  }
}
@media (min-width: 992px) {
  .people__employee__thumb {
    flex: 0 0 46.875vw;
    margin-left: -5.2083333333vw;
  }
}
@media (max-width: 991px) {
  .people__employee__thumb {
    display: none;
  }
}
@media (min-width: 992px) {
  .people__employee__content {
    padding-top: 10.4166666667vw;
    margin-left: -4.1666666667vw;
  }
}
.people__employee__content .infor {
  position: relative;
  z-index: 2;
  margin: 0;
}
.people__employee__content .desc {
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .people__employee__content .desc {
    padding-left: 3.125vw;
    width: 34.8958333333vw;
  }
}
@media (max-width: 991px) {
  .people__employee__content .desc {
    padding: 0 5.0890585242vw;
  }
}
.people__employee__content .desc p {
  color: var(--color-black);
  font-weight: var(--font-weight-light);
}
@media (min-width: 992px) {
  .people__employee__content .desc p {
    font-size: var(--font-text-sm);
  }
}
@media (max-width: 991px) {
  .people__employee__content .desc p {
    font-size: 4.0712468193vw;
  }
}
.people__employee__content .thumb {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .people__employee__content .thumb {
    display: none;
  }
}
@media (max-width: 991px) {
  .people__employee__content .thumb {
    display: block;
    height: auto;
    width: auto;
    margin: 0 -5.0890585242vw;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .people__video {
    padding: 4.1666666667vw 0;
  }
}
@media (max-width: 991px) {
  .people__video {
    padding: 20.3562340967vw 0;
  }
}
@media (min-width: 992px) {
  .people__video .wrapper {
    display: flex;
  }
}
@media (min-width: 992px) {
  .people__video__content {
    flex: 0 0 39.0625vw;
  }
}
.people__video__content .title h3 {
  margin: 0;
  font-family: var(--font-weight-s);
}
@media (min-width: 992px) {
  .people__video__content .title h3 {
    font-size: 3.125vw;
  }
}
@media (max-width: 991px) {
  .people__video__content .title h3 {
    font-size: 17.8117048346vw;
  }
}
@media (min-width: 992px) {
  .people__video__content .desc p {
    font-size: 1.5625vw;
    margin-top: 0.5208333333vw;
  }
}
@media (max-width: 991px) {
  .people__video__content .desc p {
    font-size: 12.213740458vw;
    margin-top: 2.5445292621vw;
  }
}
@media (min-width: 992px) {
  .people__video__thumb {
    padding: 0 4.1666666667vw;
  }
}
@media (max-width: 991px) {
  .people__video__thumb {
    margin-top: 10.1781170483vw;
  }
}
@media (min-width: 992px) {
  .people__video__frame {
    padding: 0 4.1666666667vw;
    flex: auto;
  }
}
@media (max-width: 991px) {
  .people__video__frame {
    margin-top: 10.1781170483vw;
  }
}
.people__video:nth-child(2n+1) {
  color: var(--color-white);
}
@media (min-width: 992px) {
  .people__video:nth-child(2n+1) {
    background: no-repeat url("../images/people-bg-02.webp") top right;
    background-color: #51c5da;
    background-size: auto 100%;
  }
}
@media (max-width: 991px) {
  .people__video:nth-child(2n+1) {
    background: no-repeat url("../images/corporate-about-bg-bottom.webp") bottom center;
    background-color: #51c5da;
    background-size: 100% auto;
  }
}
.people__video:nth-child(2n+2) {
  color: #555555;
}
.people__video:nth-child(2n+2) .title h3 {
  color: var(--color-blue-1);
}
@media (min-width: 992px) {
  .people__video:nth-child(2n+2) .str-people__video__content {
    order: 2;
  }
  .people__video:nth-child(2n+2) .str-people__video__thumb {
    order: 1;
  }
}
.people__life-work__list {
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .people__life-work__list {
    display: flex;
  }
}
.people__life-work__list .item {
  display: block;
  position: relative;
}
@media (min-width: 992px) {
  .people__life-work__list .item {
    flex: 0 0 50%;
  }
}
@media (max-width: 991px) {
  .people__life-work__list .item {
    width: 100%;
  }
}
.people__life-work__list .item > a {
  display: block;
  width: 100%;
}
.people__life-work__list .item__thumb {
  display: block;
  position: relative;
}
@media (min-width: 992px) {
  .people__life-work__list .item__thumb {
    padding-bottom: 75%;
  }
}
@media (max-width: 991px) {
  .people__life-work__list .item__thumb {
    padding-bottom: 100%;
  }
}
.people__life-work__list .item__thumb img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.people__life-work__list .item__content {
  position: absolute;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .people__life-work__list .item__content {
    bottom: 2.0833333333vw;
  }
}
@media (max-width: 991px) {
  .people__life-work__list .item__content {
    bottom: 10.1781170483vw;
  }
}
.people__life-work__list .item__content p {
  display: inline-block;
  position: relative;
  color: var(--color-white);
  font-family: var(--font-weight-semibold);
}
@media (min-width: 992px) {
  .people__life-work__list .item__content p {
    padding: 0 2.0833333333vw;
    font-size: 3.6458333333vw;
  }
}
@media (max-width: 991px) {
  .people__life-work__list .item__content p {
    padding: 0 10.1781170483vw;
    font-size: 21.3740458015vw;
  }
}
.people__life-work__list .item__content p:before, .people__life-work__list .item__content p:after {
  content: "";
  display: block;
  background-size: contain;
  background-position: center;
  background-color: var(--color-white);
  position: absolute;
}
@media (min-width: 992px) {
  .people__life-work__list .item__content p:before, .people__life-work__list .item__content p:after {
    width: 1.5625vw;
    height: 1.5625vw;
    top: 0.2604166667vw;
  }
}
@media (max-width: 991px) {
  .people__life-work__list .item__content p:before, .people__life-work__list .item__content p:after {
    width: 7.6335877863vw;
    height: 7.6335877863vw;
    top: 1.272264631vw;
  }
}
.people__life-work__list .item__content p:before {
  mask: url("../images/icon-quote-left-02.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-quote-left-02.svg") no-repeat center/contain;
  left: 0;
}
.people__life-work__list .item__content p:after {
  mask: url("../images/icon-quote-right-02.svg") no-repeat center/contain;
  -webkit-mask: url("../images/icon-quote-right-02.svg") no-repeat center/contain;
  right: 0;
}
.people__list {
  padding-bottom: 8.3333333333vw;
}
@media (max-width: 991px) {
  .people__list {
    padding-bottom: 40.7124681934vw;
  }
}
.people__list__header {
  background: var(--color-blue-1);
  color: var(--color-white-1);
  padding: 2.0833333333vw 2.0833333333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .people__list__header {
    padding: 10.1781170483vw 10.1781170483vw;
    flex-direction: column;
  }
}
.people__list__header .title {
  font-size: var(--font-title-xl);
  color: var(--color-white-1);
  font-weight: var(--font-weight-light);
  width: 50%;
  margin: 0;
}
@media (max-width: 991px) {
  .people__list__header .title {
    font-size: 26.7175572519vw;
    width: 100%;
    text-align: center;
    line-height: 1;
  }
}
.people__list__header .desc {
  font-size: var(--font-text-sm);
  font-weight: var(--font-weight-light);
  color: var(--color-white-1);
  width: 50%;
  margin: 0;
}
@media (max-width: 991px) {
  .people__list__header .desc {
    font-size: 4.0712468193vw;
    width: 100%;
  }
}
.people__list__table .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.0833333333vw 2.0833333333vw;
  border-bottom: 0.1041666667vw solid var(--color-gray-3);
}
@media (max-width: 991px) {
  .people__list__table .item {
    padding: 10.1781170483vw 10.1781170483vw;
    flex-direction: column;
    align-items: start;
  }
}
.people__list__table .item__title {
  font-size: var(--font-title-sm);
  font-weight: var(--font-weight-regular);
  flex: 0 0 50%;
  color: var(--color-black);
}
@media (max-width: 991px) {
  .people__list__table .item__title {
    flex: 0 0 100%;
    font-size: 8.3969465649vw;
    display: flex;
    align-items: end;
    line-height: 1;
    justify-content: start;
  }
}
.people__list__table .item__title span {
  color: var(--color-blue-1);
  font-size: var(--font-title-xl);
  display: inline-block;
  line-height: 1;
  margin-right: 1.0416666667vw;
}
@media (max-width: 991px) {
  .people__list__table .item__title span {
    font-size: 25.4452926209vw;
    margin-right: 5.0890585242vw;
    line-height: 0.75;
  }
}
.people__list__table .item__desc {
  flex: 0 0 50%;
  font-size: var(--font-text-sm);
  font-weight: var(--font-weight-light);
}
@media (max-width: 991px) {
  .people__list__table .item__desc {
    font-size: 4.0712468193vw;
    flex: 0 0 100%;
    margin-top: 5.0890585242vw;
  }
}

@media (max-width: 991px) {
  br.\--desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  br.\--mobile {
    display: none;
  }
}

/*# sourceMappingURL=styles.css.map */