:root {
  --white-2: #f8fbff;
  --dark-slate-blue: #3e4d5e;
  --dark-slate-blue-2: #004a97;
  --dark-orange: #f3982b;
  --alice-blue-2: #edf5ff;
  --alice-blue: #e2efff;
  --light-steel-blue: #b6d3fa;
  --dark-orange-2: #e9840b;
  --white: white;
  --light-sky-blue: #84bcef;
  --dark-turquoise: #72d8e5;
  --light-salmon: #fab694;
  --peach-puff: #ffcbad;
  --light-steel-blue-2: #c8e1fe;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  background-color: var(--white-2);
  color: var(--dark-slate-blue);
  font-family: Maven Pro, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 600;
  line-height: 90%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 110%;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--dark-slate-blue-2);
  text-decoration: none;
  transition: color .5s;
}

a:hover {
  color: var(--dark-orange);
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

li {
  margin-bottom: 10px;
}

.all {
  padding-top: 50px;
  position: relative;
}

.all.v-home {
  padding-top: 80px;
}

.section-banner, .home-banner-b {
  position: relative;
  overflow: hidden;
}

.home-banner-slider {
  background-color: #0000;
  height: auto;
}

.hide {
  display: none;
}

.home-banner-slider-nav {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 3.4vw;
  display: flex;
}

.home-banner-content-b {
  align-items: stretch;
  display: flex;
}

.home-banner-mv-b {
  z-index: 10;
  flex: none;
  width: 40%;
  position: relative;
}

.img-full {
  width: 100%;
  display: block;
  position: relative;
}

.img-full.v-esg-bg {
  margin-left: 5%;
}

.home-banner-txt-b {
  background-color: var(--white-2);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  display: flex;
  position: relative;
}

.home-banner-photo-b {
  border-top-right-radius: 60px;
  flex: 1;
  margin-left: -39%;
  position: relative;
  overflow: hidden;
}

.home-banner-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-banner-img.banner-1 {
  background-image: url('../images/home-banner-1-22x.jpg');
}

.home-banner-img.banner-2 {
  background-image: url('../images/home-banner-22x.jpg');
}

.home-banner-img.banner-3 {
  background-image: url('../images/home-banner-32x.jpg');
}

.home-banner-img.banner-4 {
  background-image: url('../images/home-banner-4-22x.jpg');
}

.home-banner-img.banner-5 {
  background-image: url('../images/home-banner-52x.jpg');
}

.home-banner-txt-wrap {
  z-index: 20;
  flex: 1;
  margin-right: -41%;
  position: relative;
}

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

.container.relative {
  position: relative;
}

.container.v-header {
  padding-left: 2vw;
  padding-right: 2vw;
  position: relative;
}

.container.overview-hidden {
  overflow: hidden;
}

.home-banner-title {
  color: var(--dark-slate-blue-2);
  font-size: 4.86vw;
  font-weight: 600;
  line-height: 100%;
  position: relative;
}

.home-banner-btn-b {
  margin-top: 1.73vw;
  position: relative;
}

.common-btn {
  color: var(--dark-slate-blue);
  font-weight: 600;
}

.common-btn:hover {
  color: var(--dark-orange);
}

.common-btn-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.common-btn-circle {
  background-color: var(--dark-orange);
  border-radius: 50%;
  flex: none;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.common-btn-txt-b {
  border-bottom: 1px solid var(--dark-orange);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.home-banner-message {
  margin-top: 1.73vw;
  padding-right: 10%;
  font-size: 1.5vw;
  line-height: 120%;
  position: relative;
}

.home-banner-mask {
  background-color: #00213f33;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-banner-deco-1 {
  width: 14.5vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-banner-deco-2 {
  width: 5.5vw;
  margin-top: 5vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-banner-deco-3 {
  width: 6.94vw;
  margin-bottom: 8vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.home-banner-deco-4 {
  width: 4.86vw;
  margin-bottom: 3vw;
  margin-left: 9vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.section-div {
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
}

.section-div.v-home-market {
  margin-bottom: 0;
  padding-bottom: 100px;
}

.section-div.v-home-product {
  background-color: var(--alice-blue-2);
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  margin-top: 0;
  margin-right: 40px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-div.v-detail {
  margin-top: 60px;
}

.section-div.v-about-who-vid {
  background-color: var(--alice-blue);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-div.v-about-who-intro {
  margin-bottom: 0;
}

.section-div.v-rich-first {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
}

.section-div.v-case {
  background-color: var(--alice-blue-2);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  margin-bottom: 0;
  margin-right: 40px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-div.v-about-mission {
  background-color: var(--alice-blue);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 0;
  overflow: hidden;
}

.section-div.v-about-milestone {
  background-color: var(--alice-blue-2);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.section-div.v-esg {
  margin-top: 140px;
  margin-bottom: 140px;
}

.section-div.v-rich {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
}

.section-div.v-rich.v-last {
  padding-bottom: 100px;
}

.section-heading-b {
  color: var(--dark-slate-blue-2);
  margin-bottom: 40px;
}

.section-heading-wrap {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -50px;
  display: flex;
  position: relative;
}

.section-heading-graphic-b {
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  flex: none;
  width: 69px;
  margin-left: -30px;
  position: relative;
  overflow: hidden;
}

.relative {
  position: relative;
}

.section-heading-liquid {
  transform-origin: 50% 0;
  padding: 0;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.section-heading-txt {
  flex: 1;
  margin-top: 35px;
  margin-left: 10px;
}

.section-heading-sub-headings {
  border-left: 2px solid var(--dark-slate-blue-2);
  max-width: 1000px;
  margin-top: 5px;
  margin-left: 50px;
  padding-left: 30px;
  font-size: 30px;
  line-height: 120%;
  position: relative;
}

.section-subheading-2 {
  text-align: right;
  text-transform: uppercase;
  font-weight: 600;
}

.content-subtitle {
  color: var(--dark-slate-blue-2);
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.content-subtitle.v-shorter {
  margin-bottom: 15px;
}

.section-footer {
  z-index: 10;
  border-top: 1px solid var(--light-steel-blue);
  background-color: var(--white-2);
  background-image: url('../images/footer-bg-deco2x.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 511px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.footer-wrap {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.footer-left {
  flex-direction: column;
  flex: none;
  order: -1;
  justify-content: space-between;
  width: 33.3%;
  margin-right: 50px;
  display: flex;
}

.footer-right {
  flex: 1;
}

.footer-sitemap-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -30px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.footer-sitemap-b.v-mobile {
  display: none;
}

.footer-sitemap-gp {
  width: 50%;
  margin-bottom: 30px;
  padding-left: 5px;
  padding-right: 5px;
}

.footer-sitemap-gp-title {
  color: var(--dark-slate-blue-2);
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.footer-sitemap-gp-title:hover {
  color: var(--dark-orange);
}

.footer-sitemap-gp-list {
  margin-top: 15px;
}

.footer-sitemap-item {
  margin-bottom: 10px;
}

.footer-sitemap-link {
  color: var(--dark-slate-blue-2);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-sitemap-link:hover {
  color: var(--dark-orange);
}

.footer-sitemap-arrow {
  flex: none;
  width: 14px;
  margin-top: 7px;
  margin-right: 10px;
}

.footer-sitemap-single {
  margin-bottom: 20px;
}

.footer-subscribe-b {
  margin-bottom: 30px;
}

.form-b {
  margin-bottom: 0;
}

.sub-txt-field {
  border: 1px solid var(--alice-blue-2);
  background-color: var(--alice-blue-2);
  border-radius: 40px;
  height: 40px;
  margin-bottom: 0;
  padding: 5px 20px;
  font-size: 19px;
  line-height: 120%;
  transition: border-color .5s;
}

.sub-txt-field:focus {
  border-style: solid;
  border-color: var(--light-steel-blue);
}

.sub-txt-field::placeholder {
  color: #3e4d5e4d;
}

.sub-txt-field.v-subscription {
  border-color: var(--alice-blue);
  background-color: var(--alice-blue);
}

.sub-txt-field.v-subscription:focus {
  border-color: var(--light-steel-blue);
}

.subscription-submit {
  background-color: var(--dark-orange);
  background-image: url('../images/btn-arrow-r2x_1btn-arrow-r@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  padding: 0;
  transition: background-color .5s;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.subscription-submit:hover {
  background-color: var(--dark-orange-2);
}

.subscription-b {
  position: relative;
}

.footer-social-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.footer-social-item {
  flex: none;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.footer-social-link {
  width: 30px;
  display: block;
}

.footer-bottom-b {
  color: var(--dark-slate-blue-2);
  font-size: 15px;
  line-height: 120%;
}

.footer-copyright {
  margin-bottom: 10px;
}

.form-success-b {
  background-color: var(--alice-blue);
  text-align: left;
  border-radius: 15px;
  padding: 20px;
}

.form-error-b {
  color: #fa9494;
  background-color: #0000;
  margin-top: 20px;
  padding: 0;
}

.home-who-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: 50px -10px -20px;
  display: flex;
}

.home-who-item {
  text-align: center;
  width: 16.6%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.home-who-icon-b {
  background-color: var(--alice-blue);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-deco-1 {
  width: 200px;
  margin-right: 60px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.section-deco-1.v-home-product {
  margin-top: 40px;
}

.section-deco-1.v-home-latest {
  margin-top: -150px;
}

.section-deco-1.v-detail-1 {
  margin-top: -130px;
}

.section-deco-1.v-about-vid {
  margin-top: -60px;
  margin-right: 180px;
}

.section-deco-1.v-market-detail {
  margin-top: 0;
}

.section-deco-1.v-enquiry {
  margin-top: 40px;
}

.section-deco-1.v-contact {
  margin-top: 0;
}

.home-market-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.common-btn-b {
  margin-top: 30px;
}

.common-btn-b.v-listing {
  text-align: center;
  margin-top: 50px;
}

.home-market-intro-b {
  flex: none;
  width: 40%;
  max-width: 800px;
  position: sticky;
  top: 140px;
}

.home-market-content {
  flex: 1;
  margin-left: 30px;
  padding-top: 30px;
}

.home-market-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.home-market-item {
  justify-content: flex-start;
  align-items: stretch;
  width: 50%;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.market-link {
  border-bottom: 1px solid var(--dark-slate-blue-2);
  color: var(--dark-slate-blue-2);
  text-align: center;
  width: 100%;
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  transition: border-color .5s, color .5s;
  display: block;
}

.market-link:hover {
  border-bottom-color: var(--dark-orange);
  color: var(--dark-orange);
}

.market-img-b {
  border-radius: 180px;
  justify-content: center;
  align-items: center;
  width: 146px;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: rotate(15deg);
}

.market-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 220px;
  height: 220px;
  transform: rotate(-15deg);
}

.market-img.market-1 {
  background-image: url('../images/market-item-12x.jpg');
}

.market-img.market-2 {
  background-image: url('../images/market-item-2-22x.jpg');
}

.market-img.market-3 {
  background-image: url('../images/market-item-32x.jpg');
}

.market-img.market-4 {
  background-image: url('../images/market-item-42x.jpg');
}

.market-img.market-5 {
  background-image: url('../images/market-item-52x.jpg');
}

.market-img.market-6 {
  background-image: url('../images/market-item-62x.jpg');
}

.market-item-title {
  margin-top: 15px;
}

.home-market-bg-b {
  z-index: -1;
  width: 800px;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.home-market-img {
  width: 100%;
  margin-left: -180px;
  display: block;
}

.home-who-btn-b {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.home-product-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.home-product-item {
  width: 25%;
  margin-bottom: 16px;
  padding-left: 5px;
  padding-right: 5px;
}

.product-item-box {
  color: var(--white);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.product-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 110%;
}

.product-item-img.img-1 {
  background-image: url('../images/ps-item-water_treatment2x.jpg');
  position: relative;
}

.product-item-img.img-2 {
  background-image: url('../images/ps-item-dosing-22x.jpg');
  position: relative;
}

.product-item-img.img-3 {
  background-image: url('../images/ps-item-complete_containment2x.jpg');
  position: relative;
}

.product-item-img.img-4 {
  background-image: url('../images/ps-item-paper2x.jpg');
  position: relative;
}

.product-item-img.img-5 {
  background-image: url('../images/ps-item-pulp2x.jpg');
  position: relative;
}

.product-item-img.img-6 {
  background-image: url('../images/ps-item-tissue-22x.jpg');
  position: relative;
}

.product-item-img.img-7 {
  background-image: url('../images/ps-item-barrier-22x.jpg');
  position: relative;
}

.product-item-img.img-8 {
  background-image: url('../images/ps-item-environmental2x.jpg');
  position: relative;
}

.product-item-over {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.product-item-title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 120%;
}

.product-icon-arrow {
  background-image: url('../images/ps-item-arrow2x_1ps-item-arrow@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-left: auto;
  margin-right: auto;
}

.product-item-content {
  background-color: #004a97e6;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.product-item-content-link {
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  font-size: 1.04vw;
  line-height: 120%;
  display: flex;
}

.product-item-content-link:hover {
  color: var(--dark-orange);
}

.product-item-content-link-arrow {
  flex: none;
  width: .97vw;
  margin-top: .3vw;
  margin-right: 10px;
}

.product-item-link-list {
  padding-bottom: 30px;
}

.btn-product-cat-link {
  background-color: var(--dark-orange);
  transform-origin: 100% 100%;
  border-top-left-radius: 100px;
  width: 60px;
  height: 60px;
  padding-top: 7px;
  padding-left: 10px;
  transition: background-color .5s, color .5s;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.btn-product-cat-link:hover {
  background-color: var(--dark-orange-2);
}

.product-item-top {
  background-image: linear-gradient(#004a9700, #004a97e6 86%);
  padding: 30px 20px 15px;
}

.home-latest-slider {
  background-color: #0000;
  height: auto;
}

.home-latest-slide {
  width: 25%;
  padding-left: 1vw;
  padding-right: 1vw;
}

.home-latest-slider-mask {
  margin-left: -1vw;
  margin-right: -1vw;
}

.latest-item-link {
  border-top: 1px solid var(--dark-slate-blue-2);
  color: var(--dark-slate-blue-2);
  padding-top: 20px;
  transition: border-color .5s, color .5s;
  display: block;
}

.latest-item-link:hover {
  border-top-color: var(--dark-orange);
  color: var(--dark-orange);
}

.latest-item-top-b {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 120%;
  display: flex;
}

.latest-item-cat {
  background-color: var(--light-sky-blue);
  color: var(--white);
  border-radius: 30px;
  padding: 5px 10px;
  font-size: 17px;
  font-weight: 600;
  line-height: 120%;
}

.latest-item-cat.v-publication {
  background-color: var(--dark-turquoise);
}

.latest-item-cat.v-event {
  background-color: var(--light-salmon);
}

.latest-item-img-b {
  border-radius: 20px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.latest-item-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
  position: relative;
}

.latest-item-img.news-1 {
  background-image: url('../images/news-item-12x.jpg');
}

.latest-item-img.news-2 {
  background-image: url('../images/news-item-22x.jpg');
}

.latest-item-img.news-3 {
  background-image: url('../images/news-item-32x.jpg');
}

.latest-item-img.news-4 {
  background-image: url('../images/news-item-42x.jpg');
}

.latest-item-title {
  height: 57.6px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 120%;
  overflow: hidden;
}

.latest-item-des {
  color: var(--dark-slate-blue);
  height: 91.2px;
  overflow: hidden;
}

.latest-item-arrow-b {
  background-color: var(--dark-orange);
  border-top-left-radius: 45px;
  width: 45px;
  height: 45px;
  padding-top: 4px;
  padding-left: 4px;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.home-latest-bg {
  width: 50%;
  margin-bottom: -80px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.img-home-latest-bg {
  width: 100%;
  margin-left: -70px;
  display: block;
  position: relative;
}

.slider-heading-b {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.slider-arrow-gp {
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-right: -10px;
  display: flex;
}

.slider-arrow-gp.v-heading {
  margin-top: -10px;
}

.btn-slider-arrow {
  border: 1px solid var(--dark-slate-blue-2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  transition: background-color .5s, color .5s;
  display: block;
  overflow: hidden;
}

.btn-slider-arrow:hover {
  background-color: var(--alice-blue);
}

.btn-slider-arrow.v-presence-l {
  margin-left: -30px;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.btn-slider-arrow.v-presence-r {
  margin-left: 30px;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.slider-arrow-item {
  padding-left: 10px;
  padding-right: 10px;
}

.header {
  z-index: 1500;
  background-color: var(--white-2);
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 100%;
  position: fixed;
}

.brand {
  float: none;
  flex: none;
  width: 130px;
  padding: 0;
  transition: all .5s;
}

.brand:hover {
  transform: scale(.9);
}

.header-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-menu {
  flex: 1;
  height: 80px;
}

.header-l-b {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.lang-b {
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 20px;
  font-size: 15px;
  line-height: 120%;
  display: flex;
}

.lang-link {
  background-color: var(--alice-blue);
  color: #004a974d;
  border-radius: 30px;
  padding: 10px 15px;
}

.lang-link.lang-1 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 10px;
}

.lang-link.current {
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue-2);
}

.lang-link.lang-2 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 10px;
}

.nav-top-b {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.nav-top-btn-gp {
  justify-content: center;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.nav-top-btn-item {
  margin-left: 20px;
}

.btn-search {
  width: 18px;
  display: block;
}

.btn-header-social {
  width: 20px;
  display: block;
}

.nav-top-link-box {
  background-color: var(--dark-orange);
  text-align: center;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  font-size: 15px;
  line-height: 120%;
  display: flex;
}

.nav-top-link-item {
  padding-left: 10px;
  padding-right: 10px;
}

.nav-top-link {
  color: var(--white);
}

.nav-top-link:hover {
  color: var(--dark-slate-blue-2);
}

.nav-top-link.w--current {
  color: var(--dark-slate-blue-2);
  font-weight: 700;
}

.nav-main-menu {
  justify-content: flex-end;
  align-items: center;
  height: 50px;
  display: flex;
  position: relative;
}

.nav-item {
  text-align: center;
  margin-left: 1.8vw;
  position: relative;
}

.nav-item.desktop-hide {
  display: none;
}

.nav-link {
  color: var(--dark-slate-blue-2);
  padding: 0;
  font-size: 17px;
  transition: color .5s;
  display: block;
  position: relative;
}

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

.nav-dot {
  background-color: var(--dark-orange);
  opacity: 0;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin-bottom: -7px;
  transition: opacity .5s;
  position: absolute;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.nav-dropdown {
  display: block;
}

.nav-dropdown-list.w--open {
  background-color: #0000;
  width: 200px;
  inset: auto auto 0% 50%;
  overflow: hidden;
  transform: translate(-50%, 100%);
}

.nav-dropdown-wrap {
  background-color: var(--alice-blue);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-top: 10px;
  padding: 5px 15px;
}

.nav-sublink {
  border-bottom: 1px solid var(--light-steel-blue);
  color: var(--dark-slate-blue);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 120%;
  display: block;
}

.nav-sublink:hover, .nav-sublink.w--current {
  color: var(--dark-orange);
}

.pop-search {
  z-index: 3000;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.pop-search-mask {
  background-color: #004a9799;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% auto auto 0%;
}

.pop-search-box {
  background-color: var(--dark-orange);
  border-radius: 0 0 60px 60px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.pop-search-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.search-b {
  flex: 1;
  margin-bottom: 0;
}

.search-input {
  color: var(--white);
  background-color: #0000;
  background-image: url('../images/pop-search-icon2x_1pop-search-icon@2x.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 50px;
  border: 1px #000;
  margin-bottom: 0;
  padding: 10px 0 10px 70px;
  font-size: 30px;
  line-height: 120%;
}

.search-input::placeholder {
  color: #ffffff80;
}

.btn-search-close {
  background-image: url('../images/pop-search-close2x_1pop-search-close@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 22px;
  height: 22px;
  transition: all .5s, color .5s;
}

.btn-search-close:hover {
  transform: rotate(90deg);
}

.header-bg {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.overview-market-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: 50px -20px -30px;
  display: flex;
}

.overview-market-item {
  justify-content: flex-start;
  align-items: stretch;
  width: 25%;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.inner-banner-b {
  border-bottom: 1px solid var(--white-2);
  color: var(--white);
  padding-top: 9vw;
  position: relative;
  overflow: hidden;
}

.inner-banner-bottom-b {
  margin-bottom: -2px;
  position: relative;
  overflow: visible;
}

.inner-banner-bottom-front {
  transform-origin: 100% 100%;
  background-image: url('../images/inner-banner-curve-front4x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -6px;
  margin-right: -6px;
  padding-top: 5.24%;
  position: absolute;
  inset: auto 0% 0%;
}

.inner-banner-bottom-back {
  transform-origin: 100% 100%;
  background-image: url('../images/inner-banner-curve-back4x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -5px;
  margin-right: -5px;
  padding-top: 11.67%;
  position: relative;
}

.inner-banner-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3vw;
  display: flex;
}

.inner-banner-heading-b {
  flex: 1;
}

.inner-banner-heading-deco {
  width: 60px;
}

.inner-banner-img {
  filter: blur(4px);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: -10px;
  position: absolute;
  inset: 0%;
}

.inner-banner-img.banner-market-overview {
  background-image: url('../images/inner-banner-market-overview2x.jpg');
}

.inner-banner-img.banner-productservices-overview {
  background-image: url('../images/inner-banner-productservices-overview2x.jpg');
}

.inner-banner-img.banner-latest {
  background-image: url('../images/inner-banner-latest2x.jpg');
}

.inner-banner-img.banner-about-manage {
  background-image: url('../images/inner-banner-about-management2x.jpg');
}

.inner-banner-img.banner-career {
  background-image: url('../images/inner-banner-career2x.jpg');
}

.inner-banner-img.banner-about-who {
  background-image: url('../images/inner-banner-about-who2x.jpg');
}

.inner-banner-img.banner-market-graphicpaper {
  background-image: url('../images/inner-banner-market-graphic_paper2x.jpg');
}

.inner-banner-img.banner-ps-watertreatment {
  background-image: url('../images/inner-banner-product-watertreament2x.jpg');
}

.inner-banner-img.banner-ps-microbiological {
  background-image: url('../images/inner-banner-product-microbiologicalcontrol2x.jpg');
}

.inner-banner-img.banner-contact {
  background-image: url('../images/inner-banner-contactus2x.jpg');
}

.inner-banner-img.banner-about-presence {
  background-image: url('../images/inner-banner-about-presence2x.jpg');
}

.inner-banner-img.banner-about-mission {
  background-image: url('../images/inner-banner-about-mission2x.jpg');
}

.inner-banner-img.banner-esg {
  background-image: url('../images/inner-banner-esg2x.jpg');
}

.inner-banner-sec-txt {
  letter-spacing: 2px;
  font-size: 17px;
  line-height: 120%;
}

.inner-banner-des-b {
  border-left: 1px solid var(--white);
  width: 40%;
  margin-top: 60px;
  padding-left: 40px;
  font-size: 24px;
  line-height: 120%;
}

.inner-banner-mask {
  background-color: #00213f80;
  position: absolute;
  inset: 0%;
}

.ps-overview-intro-b {
  border-bottom: 1px solid var(--light-steel-blue);
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 50px;
  display: flex;
}

.ps-overview-intro-graphic-b {
  flex: none;
  order: -1;
  width: 300px;
  margin-top: -140px;
  margin-right: 40px;
  position: relative;
  overflow: hidden;
}

.ps-overview-graphic-frame {
  background-image: url('../images/ps-overview-graphic-frame2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.ps-overview-graphic-liquid {
  transform-origin: 50% 0;
  background-image: url('../images/ps-overview-graphic-front2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.overview-product-item {
  width: 25%;
  margin-bottom: 2vw;
  padding-left: 5px;
  padding-right: 5px;
}

.overview-product-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.img-section-heading-liquid {
  width: 100%;
  display: block;
  position: relative;
}

.market-slider {
  background-color: #0000;
  height: auto;
  margin-top: 20px;
  margin-right: 80px;
}

.market-slide {
  flex: none;
  width: 25%;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.market-slide.v-rich {
  width: 33.3%;
}

.market-slider-mask {
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  overflow: visible;
}

.market-slide-wrap {
  align-items: stretch;
  height: 100%;
  display: flex;
}

.detail-page-heading-b {
  color: var(--dark-slate-blue-2);
  flex: 1;
  margin-bottom: 30px;
}

.bg-detail {
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.bg-detail-img {
  width: 50%;
  margin-top: 80px;
  margin-left: auto;
}

.search-result-input {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--dark-slate-blue-2);
  color: var(--dark-slate-blue);
  background-color: #0000;
  background-image: url('../images/icon-search-result2x_1icon-search-result@2x.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 50px;
  border-radius: 0;
  height: auto;
  margin-bottom: 0;
  padding: 15px 0 15px 80px;
  font-size: 30px;
  line-height: 120%;
}

.search-result-input::placeholder {
  color: #3e4d5e80;
}

.search-result-search {
  margin-bottom: 0;
}

.search-count {
  color: var(--dark-slate-blue-2);
  margin-top: 30px;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.txt-color-orange {
  color: var(--dark-orange);
}

.search-result-list {
  margin-top: 50px;
  margin-bottom: -15px;
}

.search-result-item {
  margin-bottom: 15px;
}

.search-result-link {
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue-2);
  border-radius: 30px;
  padding: 30px;
  transition: background-color .5s, color .5s;
  display: block;
}

.search-result-link:hover {
  background-color: var(--alice-blue);
  color: var(--dark-orange);
}

.search-item-sec {
  margin-bottom: 15px;
  font-weight: 700;
}

.search-item-title {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.search-item-des {
  color: var(--dark-slate-blue);
  height: 45.6px;
  overflow: hidden;
}

.latest-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -1vw;
  margin-right: -1vw;
  display: flex;
}

.latest-item {
  width: 25%;
  margin-bottom: 50px;
  padding-left: 1vw;
  padding-right: 1vw;
}

.latest-cat-b {
  z-index: 100;
  margin-top: -50px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 15px;
  position: sticky;
  top: 80px;
}

.latest-cat-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.latest-cat-item {
  margin-bottom: 5px;
  margin-right: 15px;
}

.latest-cat-link {
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue-2);
  text-align: center;
  text-shadow: 0 2px 10px #0000;
  border-radius: 30px;
  padding: 8px 20px;
  transition: background-color .5s, color .5s;
  display: block;
  position: relative;
  overflow: hidden;
}

.latest-cat-link:hover {
  background-color: var(--alice-blue);
  color: var(--dark-slate-blue-2);
}

.latest-cat-link.w--current {
  color: var(--white);
  text-shadow: 0 2px 10px #0006;
  font-weight: 700;
}

.latest-cat-active {
  background-image: linear-gradient(225deg, var(--peach-puff), var(--light-steel-blue-2));
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.filter-bg {
  background-color: var(--white-2);
  background-image: linear-gradient(to bottom, var(--white-2), #f8fbffd4 43%, #f8fbff00);
  opacity: 1;
  position: absolute;
  inset: 0%;
}

.filter-bg.desktop-hide {
  display: none;
}

.latest-detail-top-b {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.latest-detail-img-b {
  border-radius: 20px;
  width: 45%;
  max-width: 600px;
  margin-left: 30px;
  overflow: hidden;
}

.latest-detail-top-txt-b {
  flex: 1;
}

.latest-detail-info-b {
  border-top: 1px solid var(--light-steel-blue);
  color: var(--dark-slate-blue-2);
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.latest-info-item {
  margin-right: 30px;
}

.detail-top-back-b {
  margin-bottom: 40px;
}

.latest-detail-content-b {
  margin-top: -7vw;
  position: relative;
}

.latest-detail-box-top {
  margin-bottom: -2px;
  position: relative;
}

.latest-detail-box {
  background-color: var(--alice-blue-2);
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  padding: 40px;
  position: relative;
}

.latest-detail-subtitle {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.detail-bottom-back-b {
  margin-top: 50px;
}

.latest-share-b {
  z-index: 1;
  background-color: var(--light-steel-blue);
  color: var(--white);
  border-radius: 60px;
  margin-right: 10px;
  padding: 20px 10px 30px;
  font-size: 15px;
  font-weight: 700;
  line-height: 120%;
  position: fixed;
  inset: 50% 0% auto auto;
  overflow: hidden;
  transform: translate(0, -50%);
}

.share-icon-list {
  margin-top: 20px;
  margin-bottom: -15px;
}

.share-item {
  margin-bottom: 15px;
}

.share-link {
  width: 30px;
  margin-left: auto;
  margin-right: auto;
  transition-property: all;
  display: block;
}

.share-link:hover {
  transform: scale(.9);
}

.latest-detail-deco {
  width: 100px;
  margin-top: 130px;
  margin-left: -40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.management-top-b {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 100px;
  margin-left: -2.5%;
  margin-right: -2.5%;
  display: flex;
  position: relative;
}

.management-top-col {
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
  position: relative;
}

.management-top-img-b {
  background-color: var(--alice-blue);
  border-radius: 20px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.management-top-txt-b {
  width: 60%;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.management-top-txt-b.v-l {
  text-align: center;
  width: 50%;
  min-height: 90px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 0;
  font-size: 1.4vw;
}

.management-top-name {
  color: var(--dark-slate-blue-2);
  text-align: left;
  font-size: 2vw;
  font-weight: 700;
  line-height: 120%;
}

.management-top-title {
  color: var(--dark-slate-blue-2);
  text-align: left;
  margin-top: 2.5%;
  font-weight: 700;
}

.management-top-bg {
  width: 30%;
  position: absolute;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.management-box {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: var(--alice-blue-2);
  border-radius: 20px;
  flex-flow: column;
  padding: 50px 30px;
  display: flex;
  position: relative;
}

.manage-director-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -20px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.manage-director-item {
  flex-flow: column;
  align-self: stretch;
  width: 25%;
  margin-bottom: 4%;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.manage-director-img-b {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.manage-director-img {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.manage-director-bg {
  background-color: var(--light-steel-blue);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.manage-director-bg._1st {
  border-top-left-radius: 80px;
}

.manage-director-txt-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  text-align: left;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  flex: 1;
  padding: 10px;
  display: flex;
}

.manage-director-name {
  color: var(--dark-slate-blue-2);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.manage-director-separator {
  background-color: var(--dark-orange);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: 5px auto;
}

.manage-director-title {
  font-size: 17px;
  line-height: 120%;
}

.manage-manager-item {
  width: 25%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.manage-manager-img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.manage-manager-img-b {
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  width: 90%;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.manage-manager-bg {
  background-color: var(--alice-blue);
  border-radius: 100px;
  width: 100%;
  padding-top: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.manage-manager-name {
  color: var(--dark-slate-blue-2);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.manage-manager-title {
  font-size: 17px;
  line-height: 120%;
}

.manage-manager-txt-b {
  text-align: center;
  margin-top: 10px;
}

.manage-manager-separator {
  background-color: var(--dark-orange);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: 5px auto;
}

.section-deco-4 {
  width: 120px;
  margin-left: 60px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-deco-4.v-manage {
  margin-bottom: 60px;
  margin-left: 0;
  inset: auto auto 0% 0%;
}

.section-deco-4.v-career-listing {
  margin-top: -28px;
  margin-right: -20px;
  inset: 0% 0% auto auto;
}

.career-remark-box {
  background-color: var(--alice-blue-2);
  border-radius: 30px;
  margin-top: 30px;
  padding: 30px;
  position: relative;
}

.career-remark-icon {
  width: 30px;
  margin-top: -5px;
  margin-left: -5px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.career-remark-email-txt {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}

.career-listing-b {
  margin-top: 40px;
  position: relative;
}

.career-filter-b {
  z-index: 100;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 15px;
  position: sticky;
  top: 80px;
}

.career-filter-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.career-filter-item {
  margin-bottom: 5px;
  margin-right: 15px;
}

.filter-dropdown:hover {
  z-index: 1;
}

.filter-dropdown-toggle {
  background-image: linear-gradient(225deg, var(--peach-puff), var(--light-steel-blue-2));
  color: var(--white);
  text-shadow: 0 2px 10px #0006;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  min-width: 250px;
  padding: 0 15px 0 0;
  font-weight: 700;
  transition: all .5s;
  display: flex;
  box-shadow: 1px 1px 5px #0000;
}

.filter-dropdown-toggle:hover {
  text-shadow: 0 2px 5px #0000004d;
  box-shadow: 1px 1px 5px #0000001a;
}

.filter-dropdown-toggle.w--open {
  z-index: 1;
}

.filter-toggle-txt {
  flex: 1;
  padding: 8px 15px 8px 20px;
  overflow: hidden;
}

.dropdown-arrow {
  background-image: url('../images/dropdown-arrow-white2x_1dropdown-arrow-white@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
}

.dropdown-arrow.v-blue {
  background-image: url('../images/dropdown-arrow-blue2x_1dropdown-arrow-blue@2x.png');
}

.filter-dropdown-list.w--open {
  background-color: #0000;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.filter-dropdown-wrap {
  background-color: var(--white);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  max-height: 300px;
  margin-top: 15px;
  padding: 25px 15px 5px;
  overflow: auto;
}

.filter-dropdown-link {
  border-bottom: 1px solid var(--alice-blue);
  color: var(--dark-slate-blue);
  text-align: center;
  white-space: normal;
  padding: 10px 0;
  font-size: 15px;
  line-height: 120%;
  display: block;
}

.filter-dropdown-link:hover, .filter-dropdown-link.w--current {
  color: var(--dark-orange);
}

.career-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: -15px;
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
}

.career-item-b {
  width: 33.3%;
  margin-bottom: 25px;
  padding-left: 12px;
  padding-right: 12px;
}

.career-item-link {
  background-color: var(--alice-blue-2);
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.career-item-content-b {
  height: 100%;
  position: relative;
}

.career-item-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.career-item-cat {
  margin-top: 5px;
  font-weight: 700;
}

.career-item-des {
  color: var(--dark-slate-blue);
  height: 68.4px;
  margin-top: 20px;
  overflow: hidden;
}

.career-item-info-box {
  background-color: var(--white-2);
  color: var(--dark-slate-blue-2);
  border-radius: 30px;
  flex-wrap: wrap;
  margin-top: 30px;
  padding: 5px 15px;
  font-size: 15px;
  line-height: 120%;
  display: flex;
  position: relative;
}

.career-item-info-item {
  justify-content: flex-start;
  align-items: center;
  margin-right: 15px;
  display: flex;
}

.career-item-info-icon {
  flex: none;
  width: 25px;
  margin-right: 5px;
}

.img-career-icon {
  width: 100%;
  display: block;
  position: relative;
}

.career-item-bg {
  background-image: url('../images/career-item-bg2x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 100%;
  padding-top: 26%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.career-item-arrow-b {
  background-color: var(--dark-orange);
  border-top-left-radius: 45px;
  flex: none;
  width: 45px;
  height: 45px;
  padding-top: 5px;
  padding-left: 5px;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.career-detail-info-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: -5px;
  display: flex;
}

.career-detail-info-box {
  background-color: var(--alice-blue);
  color: var(--dark-slate-blue-2);
  border-radius: 30px;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 15px;
  font-size: 15px;
  line-height: 120%;
  display: flex;
  position: relative;
}

.career-detail-cat-txt {
  color: var(--dark-slate-blue-2);
  margin-right: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.career-detail-content-b {
  margin-top: 50px;
}

.career-detail-box {
  background-color: var(--alice-blue-2);
  border-radius: 30px;
  margin-bottom: 50px;
  padding: 50px 30px 30px;
  position: relative;
}

.career-content-title-b {
  border: 8px solid var(--alice-blue-2);
  background-color: var(--dark-slate-blue-2);
  color: var(--white);
  border-radius: 40px;
  margin-left: -20px;
  padding: 12px 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, -50%);
}

.career-detail-contact-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.career-contact-icon {
  flex: none;
  width: 150px;
  margin-right: 30px;
}

.career-contact-content {
  flex: 1;
}

.about-who-intro-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-intro-txt-b {
  flex: 1;
}

.about-intro-graphic-b {
  width: 50%;
  max-width: 600px;
  margin-top: -80px;
  margin-left: 50px;
  position: relative;
}

.about-who-intro-graphic-top {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-who-intro-circle-1 {
  background-color: var(--alice-blue-2);
  border-radius: 50%;
  width: 78%;
  padding: 5%;
}

.about-who-intro-slider {
  background-color: #0000;
  height: auto;
}

.about-who-intro-slider-mask {
  border-radius: 50%;
}

.about-who-intro-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 100%;
}

.about-who-intro-img.big-1 {
  background-image: url('../images/about-who-photo-big-12x.jpg');
}

.about-who-intro-img.big-2 {
  background-image: url('../images/about-who-photo-big-22x.jpg');
}

.about-who-intro-img.small-1 {
  background-image: url('../images/about-who-photo-small-12x.jpg');
}

.about-who-intro-img.small-2 {
  background-image: url('../images/about-who-photo-small-22x.jpg');
}

.about-who-intro-slider-shadow {
  z-index: 10;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: inset 0 0 40px #0006;
}

.about-who-intro-arrow-gp {
  flex: 1;
}

.about-who-intro-arrow-item {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.about-who-intro-circle-2 {
  background-color: var(--alice-blue-2);
  border-radius: 50%;
  width: 41.6%;
  margin-top: -12%;
  margin-left: auto;
  padding: 4%;
}

.about-why-intro-b {
  position: relative;
}

.about-sec-curve-b {
  padding-top: 4vw;
  position: relative;
  overflow: hidden;
}

.about-sec-curve {
  transform-origin: 100% 100%;
  background-image: url('../images/about-sec-curve-lighter4x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -2px;
  padding-top: 5.3%;
}

.about-sec-curve.v-darker {
  transform-origin: 0 100%;
  background-image: url('../images/about-sec-curve-darker4x.png');
}

.about-who-intro-deco-1 {
  width: 115px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.about-who-intro-deco-2 {
  width: 150px;
  margin-bottom: -5%;
  margin-left: 6%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.about-why-glance-b {
  background-color: var(--alice-blue-2);
  text-align: center;
  padding-top: 50px;
  position: relative;
}

.content-subheading {
  color: var(--dark-slate-blue-2);
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
}

.about-glance-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.about-glance-item {
  width: 33.3%;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.about-glance-icon-b {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.about-glance-bg-b {
  border-radius: 0% 0% 120% 120px;
  width: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.about-glance-txt-b {
  margin-top: 15px;
}

.about-glance-title {
  color: var(--dark-slate-blue-2);
  margin-bottom: 5px;
  font-weight: 700;
}

.about-glance-dot {
  background-color: var(--alice-blue);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(-50%, -50%);
}

.about-glance-dot.v-right {
  inset: 50% 0% auto auto;
  transform: translate(50%, -50%);
}

.about-bubble-deco {
  width: 100px;
  margin-right: 40px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.about-vid-slider {
  background-color: #0000;
  height: auto;
}

.about-vid-slide {
  flex: none;
  width: 50%;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.about-vid-slider-mask {
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.about-vid-link {
  background-color: var(--white-2);
  border-radius: 15px;
  height: 100%;
  transition: background-color .5s, color .5s;
  display: block;
}

.about-vid-link:hover {
  background-color: var(--white-2);
}

.about-vid-media-b {
  border-radius: 15px;
  overflow: hidden;
}

.about-vid-info-b {
  justify-content: flex-start;
  align-items: center;
  padding: 15px 20px;
  display: flex;
}

.about-vid-title {
  flex: 1;
  margin-right: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

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

.rich-content-menu-b {
  z-index: 100;
  flex: none;
  width: 260px;
  margin-top: 100px;
  padding-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 17px;
  line-height: 120%;
  position: sticky;
  top: 90px;
}

.rich-content-shortcut-link {
  background-color: var(--alice-blue-2);
  text-shadow: 0 2px 10px #0000;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 8px 10px;
  transition-property: all;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rich-content-shortcut-link:hover {
  background-color: var(--alice-blue);
  color: var(--dark-slate-blue-2);
}

.rich-content-shortcut-link.w--current {
  color: var(--white);
  text-shadow: 0 2px 10px #0006;
  font-weight: 700;
}

.rich-menu-dot {
  flex: none;
  width: 11px;
  margin-right: 10px;
  position: relative;
}

.rich-menu-item-bg {
  background-image: linear-gradient(225deg, var(--peach-puff), var(--light-steel-blue-2));
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .5s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.rich-content-main-b {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.market-detail-intro-b {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.market-detail-intro-img-b {
  flex: none;
  margin-right: 50px;
}

.desktop-only {
  display: block;
}

.mobile-rich-menu-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: none;
  position: relative;
}

.rich-content-line {
  z-index: 10;
  background-color: var(--light-steel-blue);
  width: 1px;
  margin-top: 100px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.slider-title-b {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.slider-title-txt {
  color: var(--dark-slate-blue-2);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.solution-slider-mask {
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -.5vw;
  margin-right: -.5vw;
  display: flex;
  overflow: visible;
}

.solution-slider {
  background-color: #0000;
  height: auto;
  margin-top: 20px;
  margin-right: 0;
}

.solution-slide {
  flex: none;
  width: 33.3%;
  height: auto;
  padding-left: .5vw;
  padding-right: .5vw;
}

.market-detail-segment-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -20px;
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
}

.market-segment-item {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 33.3%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.market-segment-img-b {
  border: 1px solid var(--light-steel-blue);
  border-radius: 50%;
  flex: none;
  width: 150px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}

.market-segment-photo-b {
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.market-segment-shadow {
  z-index: 10;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: inset 0 0 30px #00000080;
}

.market-trend-bg {
  width: 40%;
  max-width: 410px;
  margin-top: 40px;
  margin-left: 40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.market-trend-b {
  padding-left: 30%;
}

.market-trend-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.market-trend-num-b {
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue-2);
  text-align: center;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.market-trend-txt {
  flex: 1;
}

.detail-why-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detail-why-list {
  flex: 1;
  margin-bottom: -15px;
}

.detail-why-item {
  background-color: var(--white-2);
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  padding: 10px 20px 10px 10px;
  display: flex;
}

.detail-why-num-b {
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue-2);
  text-align: center;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.detail-why-txt {
  flex: 1;
}

.detail-why-graphic-b {
  flex: none;
  width: 250px;
  margin-left: 30px;
  position: relative;
  overflow: hidden;
}

.detail-why-liquid {
  transform-origin: 50% 0;
  background-image: url('../images/content-flask-liquid2x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.detail-why-photo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.detail-why-photo.img-1 {
  background-image: url('../images/content-flask-photo-packaging-22x.jpg');
}

.detail-why-photo.img-2 {
  background-image: url('../images/content-flask-photo-watertreatment2x.jpg');
}

.section-deco-5 {
  width: 150px;
  margin-top: 30px;
  margin-right: 40px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.section-deco-5.v-esg {
  margin-top: -100px;
}

.section-deco-2 {
  width: 100px;
  margin-right: -30px;
  position: absolute;
  inset: 50% 0% auto auto;
}

.section-deco-2.v-rich-why {
  margin-top: -230px;
}

.section-deco-3 {
  width: 100px;
  margin-bottom: 150px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.case-gp-b {
  margin-top: 25px;
}

.case-gp-title-b {
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.case-title-box {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--light-steel-blue);
  color: var(--dark-slate-blue-2);
  border-top-right-radius: 20px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.case-title-dot {
  background-color: var(--dark-orange);
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
  margin-right: 10px;
}

.case-title-line {
  background-color: var(--light-steel-blue);
  width: 100%;
  min-width: 30px;
  height: 1px;
}

.case-title-b {
  margin-bottom: 20px;
}

.case-title-txt {
  color: var(--dark-slate-blue-2);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.case-num-box {
  background-color: var(--dark-slate-blue-2);
  color: var(--white);
  border-radius: 30px;
  margin-bottom: 5px;
  padding: 5px 10px;
  display: inline-block;
}

.case-content-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.case-content-l-b {
  color: var(--dark-slate-blue-2);
  text-align: center;
  flex: none;
  width: 200px;
  margin-right: 30px;
  font-weight: 700;
}

.case-icon-b {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
}

.case-content-box {
  background-color: var(--alice-blue);
  border-radius: 30px;
  flex: 1;
  padding: 30px;
}

.case-list {
  margin-bottom: -10px;
}

.case-link {
  background-color: var(--alice-blue);
  border-radius: 40px;
  margin-bottom: 10px;
  padding: 5px 25px 5px 15px;
  transition: background-color .5s, color .5s;
  display: block;
}

.case-link:hover {
  background-color: #d7e9ff;
}

.case-arrow {
  flex: none;
  width: 14px;
  margin-right: 10px;
}

.case-link-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-link-content {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-link-num-box {
  border: 1px solid var(--dark-slate-blue-2);
  color: var(--dark-slate-blue-2);
  border-radius: 30px;
  flex: none;
  margin-right: 10px;
  padding: 5px 10px;
  display: inline-block;
}

.case-link-title {
  flex: 1;
}

.margin-top-50 {
  margin-top: 50px;
}

.enquiry-intro-b {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.enquiry-btn-b {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
}

.enquiry-intro-txt {
  margin-right: 20px;
}

.enquiry-wrap {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 25px;
  display: flex;
  position: relative;
}

.enquiry-graphic-b {
  flex: none;
  order: -1;
  width: 34%;
}

.enquiry-form-b {
  width: 66%;
  margin-bottom: 0;
  padding-left: 15px;
}

.enquiry-row-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -3px;
  margin-right: -3px;
  display: flex;
}

.enquiry-field-b {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 3px;
  padding-right: 3px;
}

.enquiry-field-b.v-50 {
  width: 50%;
}

.enquiry-field-b.v30 {
  width: 30%;
}

.enquiry-field-b.v-70 {
  width: 70%;
}

.enquiry-field-b.v-third {
  width: 33.3%;
}

.txt-field {
  border: 1px solid var(--alice-blue-2);
  background-color: var(--alice-blue-2);
  border-radius: 40px;
  height: 40px;
  margin-bottom: 0;
  padding: 5px 20px;
  font-size: 19px;
  line-height: 120%;
  transition: border-color .5s;
  position: relative;
}

.txt-field:focus {
  border-style: solid;
  border-color: var(--light-steel-blue);
}

.txt-field::placeholder {
  color: #3e4d5e00;
}

.contact-field-label {
  color: #6363634d;
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% auto;
}

.contact-field-label.v-txtarea {
  top: 7px;
}

.form-select {
  border: 1px solid var(--alice-blue-2);
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue);
  background-image: url('../images/form-dropdown-arrow2x_1form-dropdown-arrow@2x.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 48px;
  border-radius: 40px;
  height: 40px;
  margin-bottom: 0;
  padding: 5px 20px;
  font-size: 19px;
  line-height: 120%;
  transition: border-color .5s;
  position: relative;
}

.form-select:focus {
  border-style: solid;
  border-color: var(--light-steel-blue);
}

.form-select::placeholder {
  color: #3e4d5e00;
}

.txtarea {
  border: 1px solid var(--alice-blue-2);
  background-color: var(--alice-blue-2);
  border-radius: 20px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 250px;
  margin-bottom: 0;
  padding: 15px 20px;
  font-size: 19px;
  line-height: 120%;
  transition: border-color .5s;
  position: relative;
}

.txtarea:focus {
  border-style: solid;
  border-color: var(--light-steel-blue);
}

.txtarea::placeholder {
  color: #3e4d5e00;
}

.enquiry-deco {
  width: 115px;
  margin-bottom: 60px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.enquiry-expand {
  overflow: hidden;
}

.about-why-bg {
  width: 33%;
  margin-left: 40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.product-cat-intro-content {
  position: relative;
}

.product-cat-intro-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.product-cat-flask-b {
  flex: none;
  order: -1;
  width: 280px;
  margin-right: 40px;
  position: relative;
  overflow: hidden;
}

.product-cat-flask-photo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.product-cat-flask-photo.water-treatment {
  background-image: url('../images/product-flask-photo-watertreament2x.png');
}

.product-cat-flask-liquid {
  transform-origin: 50% 0;
  background-image: url('../images/product-flask2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ps-cat-intro-deco {
  width: 70px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.ps-cat-offer-bg {
  width: 40%;
  max-width: 300px;
  margin-top: 100px;
  margin-right: 40px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.ps-offers-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.ps-offer-item {
  width: 50%;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.ps-offer-item-wrap {
  border-bottom: 1px solid var(--light-steel-blue);
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.ps-offer-num-b {
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue-2);
  text-align: center;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.ps-offer-item-txt {
  flex: 1;
}

.ps-product-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 50px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.ps-product-item {
  width: 33.3%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.ps-product-box {
  background-color: var(--alice-blue-2);
  border-bottom-right-radius: 1000px;
  border-bottom-left-radius: 1000px;
  flex-direction: column;
  max-width: 320px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ps-product-item-top {
  background-image: url('../images/ps-offer-deco2x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 22.6%;
}

.ps-product-item-content {
  text-align: center;
  height: 100%;
  padding: 15px 30px 50px;
  position: relative;
}

.ps-product-icon-b {
  background-color: var(--alice-blue);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.ps-product-title {
  color: var(--dark-slate-blue-2);
  margin-top: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
}

.ps-product-arrow {
  width: 22px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.ps-product-hover {
  width: 100%;
  height: 100%;
  padding: 30px 20px 40px;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(0, 100%);
}

.ps-product-over-txt {
  max-height: 136.8px;
  margin-bottom: 20px;
  overflow: hidden;
}

.product-cat-flask-photo-mask {
  margin-left: 3px;
  margin-right: 3px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.product-detail-intro-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-detail-intro-img-b {
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  width: 50%;
  margin-right: 40px;
  position: relative;
  overflow: hidden;
}

.product-detail-intro-content-b {
  flex: 1;
}

.product-detail-intro-img-deco {
  transform-origin: 50% 0;
  background-image: url('../images/product-detail-banner-deco2x.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 16.85%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.product-detail-icon-b {
  background-color: var(--alice-blue);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  margin-left: 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.product-detail-intro-shadow {
  border-radius: 25px;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 4px 30px #0000004d;
}

.product-detail-how-box {
  background-color: var(--alice-blue-2);
  border-radius: 25px;
  margin-top: 50px;
  padding: 30px;
}

.product-detail-how-point-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.product-detail-how-point {
  width: 50%;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.how-point-content {
  background-image: url('../images/listing-bullet2x_1listing-bullet@2x.png');
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: 5px;
  padding-left: 15px;
}

.product-app-b {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.product-app-txt-b {
  flex: 1;
}

.product-app-graphic {
  width: 40%;
  max-width: 400px;
  padding-left: 2vw;
  padding-right: 2vw;
  position: relative;
}

.product-app-gallery {
  margin-top: 30px;
}

.product-app-gallery-slider {
  background-color: #0000;
  height: auto;
  margin-bottom: 20px;
}

.product-app-slide {
  width: 33.3%;
  padding-left: .5vw;
  padding-right: .5vw;
}

.product-app-mask {
  margin-left: -.5vw;
  margin-right: -.5vw;
}

.product-app-img-b {
  border-radius: 25px;
  overflow: hidden;
}

.product-tab-menu {
  background-image: url('../images/lv6-product-bg2x.png');
  background-position: 0 0;
  background-size: 20%;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.product-tab-link {
  color: #fff9;
  text-align: center;
  background-color: #0000;
  width: 20%;
  padding: 0;
  font-weight: 700;
}

.product-tab-link:hover {
  color: #fff;
}

.product-tab-link.w--current {
  color: #fff;
  background-color: #0000;
}

.product-tab-link-content {
  background-image: url('../images/lv6-product-photo2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.product-tab-liquid {
  transition: all 1s;
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.product-tab-link-txt {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 22%;
  padding-right: 22%;
  font-size: 1.32vw;
  line-height: 120%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.product-tab-box {
  background-color: var(--alice-blue-2);
  border-radius: 30px;
  margin-top: 15px;
  padding: 30px;
}

.product-prodict-bg {
  width: 50%;
  margin-top: 20px;
  margin-right: 40px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.product-product-quote-b {
  border-top: 1px solid var(--light-steel-blue);
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  padding-top: 30px;
  display: flex;
}

.product-quote-icon {
  flex: none;
  width: 60px;
  margin-right: 30px;
}

.btn-contact-enquiry {
  color: var(--white);
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}

.btn-contact-enquiry-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn-contact-enquiry-txt {
  margin-right: 15px;
}

.office-gp-b {
  margin-bottom: 0;
  padding-top: 60px;
}

.office-gp-title {
  color: var(--dark-slate-blue-2);
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
}

.office-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: -50px;
  margin-left: -1vw;
  margin-right: -1vw;
  display: flex;
}

.office-item {
  width: 50%;
  margin-bottom: 50px;
  padding-left: 1vw;
  padding-right: 1vw;
}

.office-item.v-full {
  width: 100%;
}

.office-item-box {
  background-color: var(--alice-blue-2);
  border-radius: 30px;
  height: 100%;
  padding: 50px 30px 30px;
  position: relative;
}

.contact-content-title-b {
  border: 8px solid var(--alice-blue-2);
  background-color: var(--dark-slate-blue-2);
  color: var(--white);
  border-radius: 40px;
  margin-left: -20px;
  padding: 10px 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, -50%);
}

.office-name {
  color: var(--dark-slate-blue-2);
  margin-bottom: 15px;
  font-weight: 700;
}

.office-contact-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.office-contact-item {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.office-contact-item.v-tel {
  width: 220px;
}

.office-contact-item.v-full {
  width: 100%;
}

.office-contact-icon {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 25px;
  height: 30px;
  margin-right: 10px;
  display: flex;
}

.office-contact-txt {
  flex: 1;
  margin-top: 3px;
}

.office-contact-txt.note-txt {
  font-size: 14px;
  line-height: 100%;
}

.contact-link {
  color: var(--dark-slate-blue);
}

.contact-link.note-txt {
  font-size: 14px;
  line-height: 100%;
}

.contact-content-row {
  margin-bottom: 15px;
}

.contact-content-wrap {
  margin-bottom: -15px;
}

.partner-content-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.partner-list {
  flex: 1;
}

.partner-item {
  margin-bottom: 30px;
}

.partner-des {
  margin-bottom: 5px;
}

.partner-name {
  color: var(--dark-slate-blue-2);
  margin-bottom: 5px;
  font-weight: 700;
}

.partner-img-b {
  border-radius: 50%;
  width: 45%;
  max-width: 600px;
  margin-top: -80px;
  margin-left: 50px;
  position: relative;
  overflow: hidden;
}

.contact-partner-img {
  background-image: url('../images/contact-partner-img2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
}

.contact-liquid {
  transform-origin: 50% 0;
  background-image: url('../images/contact-partner-liquid2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.partner-bg {
  width: 50%;
  margin-top: 50px;
  padding-left: 12%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact-menu-b {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.office-map-b {
  flex: 1;
  position: relative;
}

.office-map-list {
  flex: none;
  width: 300px;
  margin-left: 50px;
}

.office-map-graphic {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.office-locator-item {
  width: 12px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.office-locator-item.v-japan {
  margin-top: -5.5%;
  margin-left: 25%;
}

.office-locator-item.v-china {
  margin-top: -3%;
  margin-left: 16.5%;
}

.office-locator-item.v-taiwan {
  margin-top: 1.5%;
  margin-left: 16.5%;
}

.office-locator-item.v-philippines {
  margin-top: 6%;
  margin-left: 16.2%;
}

.office-locator-item.v-hongkong {
  margin-top: 2%;
  margin-left: 13.2%;
}

.office-locator-item.v-thailand {
  margin-top: 2.5%;
  margin-left: 5%;
}

.office-locator-item.v-india {
  margin-top: 1.5%;
  margin-left: -4%;
}

.office-locator-item.v-vietnam {
  margin-top: 7%;
  margin-left: 10.2%;
}

.office-locator-item.v-malaysia {
  margin-top: 12%;
  margin-left: 12.2%;
}

.office-locator-item.v-indonesia {
  margin-top: 14.5%;
  margin-left: 12.2%;
}

.office-locator-item.v-singapore {
  margin-top: 11.5%;
  margin-left: 8%;
}

.office-locator-item.v-middle-east {
  margin-top: -1%;
  margin-left: -27%;
}

.office-locator-link, .locator-img-b {
  position: relative;
}

.locator-hover {
  background-color: var(--white);
  opacity: 0;
  color: var(--dark-slate-blue-2);
  white-space: nowrap;
  border-radius: 40px;
  margin-top: -6px;
  padding: 3px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%, -100%);
  box-shadow: 0 2px 10px #0000001a;
}

.office-locator-tip {
  background-image: url('../images/contact-locator-tip2x_1contact-locator-tip@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-bottom: -7px;
  position: absolute;
  inset: auto auto 0% 50%;
  transform: translate(-50%);
}

.contact-mobile-menu {
  z-index: 100;
  flex: none;
  font-size: 17px;
  line-height: 120%;
  display: none;
  position: sticky;
  top: 90px;
}

.presence-intro-b {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  margin-left: -40px;
  display: flex;
}

.presence-menu-b {
  width: 30%;
  max-width: 400px;
}

.presence-map-graphic-b {
  flex: 1;
  overflow: hidden;
}

.presence-map-b {
  margin-left: -12%;
  position: relative;
}

.presence-menu-list {
  font-size: 15px;
  line-height: 120%;
}

.presence-tip-b {
  background-color: var(--dark-orange);
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  margin-top: 30px;
  padding: 20px;
  font-size: 15px;
  line-height: 120%;
  position: relative;
}

.presence-tip-icon-b {
  background-color: var(--dark-slate-blue-2);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-top: -5px;
  margin-left: -5px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.presence-icon-frame {
  border: 4px solid var(--dark-orange);
  border-radius: 50%;
  margin: -1px;
  position: absolute;
  inset: 0%;
}

.presence-menu-item {
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.presence-menu-dropdown {
  display: block;
}

.presence-menu-dropdown:hover {
  z-index: 1;
}

.presence-dropdown-toggle {
  background-color: var(--white);
  color: var(--dark-slate-blue-2);
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  min-width: 250px;
  margin-bottom: -20px;
  padding: 0 15px 0 0;
  font-weight: 700;
  transition: all .5s;
  display: flex;
  box-shadow: 0 4px 10px #0000001a;
}

.presence-dropdown-toggle:hover {
  background-color: var(--white-2);
}

.presence-dropdown-toggle.w--open {
  z-index: 1;
}

.presence-dropdown-toggle-txt-b {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 15px 8px 20px;
  display: flex;
  overflow: hidden;
}

.presence-dropdown-list {
  position: relative;
}

.presence-dropdown-list.w--open {
  background-color: #0000;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.presence-dropdown-box {
  background-color: var(--alice-blue-2);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 30px 20px 10px;
}

.presence-dropdown-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -5px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.presence-dropdown-item {
  width: 50%;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.presence-menu-link {
  color: var(--dark-slate-blue);
}

.presence-dropdown-toggle-icon {
  flex: none;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.presence-dropdown-toggle-txt {
  white-space: normal;
  flex: 1;
}

.presence-gp-b {
  margin-bottom: 30px;
}

.presence-gp-title-b {
  color: var(--dark-slate-blue-2);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}

.presence-gp-title-icon {
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.presence-gp-title-txt {
  flex: 1;
  margin-top: 6px;
}

.presence-tabs-menu {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.presence-tabs-content {
  background-color: var(--alice-blue);
  border-radius: 20px;
  padding: 20px;
}

.presence-tab-link {
  background-color: var(--white-2);
  color: var(--dark-slate-blue-2);
  text-align: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 14.28%;
  margin-bottom: -20px;
  padding: 10px 10px 30px;
  font-weight: 700;
  transition: background-color .5s, color .5s;
  display: flex;
  box-shadow: 0 -5px 5px #00000008;
}

.presence-tab-link:hover {
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue-2);
}

.presence-tab-link.w--current {
  background-color: var(--alice-blue);
}

.presence-content-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.presence-content-main {
  flex: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}

.presence-content-img-b {
  flex: none;
  width: 40%;
  max-width: 400px;
  margin-left: 50px;
}

.presence-slider {
  background-color: #0000;
  height: auto;
  padding-bottom: 55px;
}

.presence-slider-mask {
  border-radius: 10px;
  overflow: hidden;
}

.presence-lightbox {
  transition: opacity .5s, color .5s;
  display: block;
}

.presence-lightbox:hover {
  opacity: .8;
}

.presence-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.25%;
  position: relative;
}

.presence-img.img-office-india {
  background-image: url('../images/about-presence-photo-12x.jpg');
}

.presence-img.img-warehouse-guangdong {
  background-image: url('../images/about-presence-photo-22x.jpg');
}

.presence-img.img-office-hongkong {
  background-image: url('../images/about-presence-photo-32x.jpg');
}

.presence-construction-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -10px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.presence-construction-item {
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.presence-contruction-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.presence-construction-icon {
  flex: none;
  width: 12px;
  margin-top: 5px;
  margin-right: 10px;
}

.presence-locator-item {
  width: 22px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.presence-locator-item.v-office-middleeast {
  margin-top: 3%;
  margin-left: -31.5%;
}

.presence-locator-item.v-plant-india {
  margin-top: 3%;
  margin-left: -5%;
}

.presence-locator-item.v-office-india {
  margin-top: 3%;
  margin-left: -1.5%;
}

.presence-locator-item.v-office-myanmar {
  margin-top: 1.5%;
  margin-left: 11%;
}

.presence-locator-item.v-office-laos {
  margin-top: 2%;
  margin-left: 16.5%;
}

.presence-locator-item.v-warehouse-thailand {
  margin-top: 4.5%;
  margin-left: 15%;
}

.presence-locator-item.v-plant-thailand {
  margin-top: 4.5%;
  margin-left: 17%;
}

.presence-locator-item.v-office-thailand {
  margin-top: 4.5%;
  margin-left: 19%;
}

.presence-locator-item.v-office-vietnam {
  margin-top: 8.5%;
  margin-left: 21%;
}

.presence-locator-item.v-warehouse-malaysia {
  margin-top: 10%;
  margin-left: 16.5%;
}

.presence-locator-item.v-office-malaysia {
  margin-top: 10%;
  margin-left: 18.5%;
}

.presence-locator-item.v-warehouse-singapore {
  margin-top: 13.5%;
  margin-left: 21%;
}

.presence-locator-item.v-plant-singapore {
  margin-top: 13.5%;
  margin-left: 23%;
}

.presence-locator-item.v-office-singapore {
  margin-top: 13.5%;
  margin-left: 25%;
}

.presence-locator-item.v-plant-indonesia {
  margin-top: 14%;
  margin-left: 31%;
}

.presence-locator-item.v-office-indonesia {
  margin-top: 14%;
  margin-left: 33%;
}

.presence-locator-item.v-warehouse-surabaya {
  margin-top: 19%;
  margin-left: 33.5%;
}

.presence-locator-item.v-warehouse-jakarta {
  margin-top: 18.5%;
  margin-left: 26.5%;
}

.presence-locator-item.v-office-philippines {
  margin-top: 4%;
  margin-left: 36%;
}

.presence-locator-item.v-construct-1 {
  margin-top: -9%;
  margin-left: 19.5%;
}

.presence-locator-item.v-warehouse-shanghai {
  margin-top: -8%;
  margin-left: 25%;
}

.presence-locator-item.v-office-shanghai {
  margin-top: -8%;
  margin-left: 27%;
}

.presence-locator-item.v-warehouse-guangdong {
  margin-top: -5%;
  margin-left: 21.5%;
}

.presence-locator-item.v-warehouse-jiangmen {
  margin-top: -5%;
  margin-left: 25%;
}

.presence-locator-item.v-warehouse-hongkong {
  margin-top: -2%;
  margin-left: 24.5%;
}

.presence-locator-item.v-warehouse-taiwan {
  margin-top: -3%;
  margin-left: 28.5%;
}

.presence-locator-item.v-office-taiwan {
  margin-top: -3%;
  margin-left: 30.5%;
}

.presence-locator-link {
  display: block;
  position: relative;
}

.mobile-map-instruction {
  display: none;
}

.about-mission-bg {
  width: 40%;
  max-width: 600px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.mission-list-b {
  margin-bottom: -30px;
}

.mission-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.mission-arrow-b {
  flex: none;
  width: 70px;
  margin-right: 30px;
}

.mission-row-wrap {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mission-num-b {
  background-color: var(--dark-slate-blue-2);
  color: var(--white-2);
  text-align: center;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
}

.mission-txt {
  flex: 1;
}

.vision-b {
  justify-content: space-between;
  align-items: center;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.vision-main-b {
  border: 1px solid var(--light-steel-blue);
  border-radius: 50%;
  width: 50%;
  position: relative;
}

.vision-inner-circle {
  border: 1px solid var(--light-steel-blue);
  border-radius: 50%;
  margin: 14%;
  position: absolute;
  inset: 0%;
}

.vision-outter-circle {
  justify-content: center;
  align-items: center;
  padding-top: 100%;
  display: flex;
  position: relative;
}

.vision-content-b {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.vision-txt-b {
  text-align: center;
  width: 60%;
}

.vision-heading-b {
  margin-bottom: -25px;
  display: inline-block;
}

.vision-graphic-gp {
  flex: 1;
  margin-left: -6%;
  position: relative;
}

.vision-graphic-row {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.vision-graphic-row.row-2 {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: -20%;
}

.vision-graphic-b {
  border-radius: 50%;
  flex: none;
  overflow: hidden;
}

.vision-graphic-b.ball-1 {
  width: 20%;
  margin-top: 7%;
  margin-left: 12%;
}

.vision-graphic-b.ball-2 {
  width: 58.5%;
}

.vision-graphic-b.ball-3 {
  width: 39%;
}

.vision-graphic-b.ball-4 {
  width: 20%;
  margin-bottom: -5%;
  margin-left: 6%;
}

.vision-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
}

.vision-img.img-1 {
  background-image: url('../images/about-vision-img-12x.jpg');
}

.vision-img.img-2 {
  background-image: url('../images/about-vision-img-32x.jpg');
}

.vision-img.img-3 {
  background-image: url('../images/about-vision-img-42x.jpg');
}

.vision-img.img-4 {
  background-image: url('../images/about-vision-img-22x.jpg');
}

.vision-deco-1 {
  width: 100px;
  margin-top: 5px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.vision-deco-2 {
  width: 150px;
  margin-top: 5px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.milestone-bg-b {
  width: 50%;
  margin-right: -2%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.milestone-b {
  position: relative;
}

.milestone-year-b {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.milestone-l-b {
  color: var(--dark-orange);
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 220px;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
  position: relative;
}

.milestone-dot-b {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  margin-top: 28px;
  display: flex;
}

.milestone-dot {
  background-color: var(--dark-orange);
  border-radius: 50%;
  flex: none;
  width: 12px;
  height: 12px;
}

.milestone-line {
  background-color: var(--dark-orange);
  width: 100%;
  height: 4px;
}

.milestone-bar-b {
  z-index: 10;
  background-color: var(--dark-orange);
  flex: none;
  width: 50px;
  position: relative;
  overflow: hidden;
}

.milestone-bar-deco {
  background-image: url('../images/milestone-line-odd2x_1milestone-line-odd@2x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 100%;
}

.milestone-r-b {
  flex: 1;
  margin-bottom: -10px;
  padding-top: 20px;
  padding-left: 20px;
  position: relative;
}

.milestone-content-box {
  background-color: var(--alice-blue);
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 15px;
  display: flex;
  position: relative;
}

.milestone-content-box.v-award {
  background-color: var(--white);
}

.milestone-tip {
  width: 10px;
  margin-top: 15px;
  margin-left: -10px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.milestone-txt-b {
  flex: 1;
}

.milestone-title {
  clear: both;
  color: var(--dark-slate-blue-2);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.milestone-img-b {
  width: 26.8%;
  min-width: 220px;
  margin-left: 20px;
}

.milestone-img-mask {
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.milestone-img-mask.v-vert {
  width: 72%;
}

.milestone-inner-shadow {
  border-radius: 10px;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 4px 15px #0000000d;
}

.milestone-para {
  margin-top: 5px;
}

.award-info-b {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: block;
}

.award-info-fieldname {
  flex: none;
  width: 150px;
  margin-bottom: 2px;
  font-weight: 700;
}

.award-info-line {
  background-color: var(--dark-slate-blue);
  flex: none;
  align-self: stretch;
  width: 1px;
  margin-left: 15px;
  margin-right: 15px;
  display: none;
}

.award-info-data {
  flex: 1;
}

.esg-message-box {
  background-color: var(--white);
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 80px;
  padding: 40px;
  display: flex;
  position: relative;
}

.esg-message-txt {
  order: -1;
}

.esg-message-img-b {
  flex: none;
  width: 210px;
  margin-top: -100px;
  margin-bottom: -50px;
  margin-left: 30px;
  display: block;
  position: relative;
}

.esg-message-img {
  width: 100%;
  display: block;
  position: relative;
  transform: rotate(5deg);
  box-shadow: 0 5px 10px #0000001a;
}

.esg-message-img-back {
  background-color: var(--white-2);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(7deg);
  box-shadow: 0 5px 10px #0000001a;
}

.esg-message-quote {
  width: 60px;
  margin-top: -20px;
  margin-left: -20px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.esg-report-b {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.esg-report-img-b {
  flex: none;
  width: 45%;
  position: relative;
}

.esg-report-img-mask {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 10px #0000001a;
}

.esg-report-back {
  background-color: var(--white-2);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 0 5px 10px #0000001a;
}

.esg-report-back.v-second {
  margin-top: 20px;
  margin-left: 20px;
}

.esg-report-content-b {
  flex: 1;
  margin-left: 60px;
}

.esg-main-b {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -22px;
  margin-right: -22px;
  display: flex;
}

.esg-main-col {
  width: 50%;
  padding-left: 22px;
  padding-right: 22px;
}

.esg-main-col.col-circle {
  max-width: 900px;
  position: sticky;
  top: 90px;
}

.esg-main-col.v-content {
  flex-wrap: wrap;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.esg-slider {
  background-color: #0000;
  height: auto;
}

.esg-slide {
  padding: 76px 7vw 76px 5vw;
}

.esg-circle {
  border: 1px solid #a9caf5;
  border-radius: 50%;
  padding-top: 100%;
  position: relative;
}

.esg-inner-circle {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 12%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.esg-circle-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.esg-circle-img.v-e {
  background-image: url('../images/esg-photo-e2x.jpg');
}

.esg-circle-img.v-s {
  background-image: url('../images/esg-photo-s2x.jpg');
}

.esg-circle-img.v-g {
  background-image: url('../images/esg-photo-g2x.jpg');
}

.esg-main-icon-b {
  background-color: var(--dark-slate-blue-2);
  border-radius: 50%;
  width: 31.5%;
  position: relative;
}

.esg-circle-shadow {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: inset 0 4px 30px #000000b3;
}

.esg-circle-link {
  color: #3e4d5e4d;
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.esg-circle-link:hover {
  color: var(--dark-slate-blue-2);
}

.esg-circle-link.v-s {
  margin-top: 25%;
  margin-left: -43.5%;
  transform: translate(-50%, -50%)rotate(240deg);
}

.esg-circle-link.v-e {
  margin-top: -50.5%;
}

.esg-circle-link.v-g {
  margin-top: 25%;
  margin-left: 43.5%;
  transform: translate(-50%, -50%)rotate(120deg);
}

.esg-circle-link.v-current {
  color: var(--dark-slate-blue-2);
}

.esg-dot {
  background-color: var(--white-2);
  border: 1px solid #a9caf5;
  border-radius: 50%;
  width: 1vw;
  height: 1vw;
}

.esg-dot.v-current {
  border-color: var(--dark-slate-blue-2);
  background-color: var(--dark-slate-blue-2);
}

.esg-circle-link-txt-b {
  text-align: center;
  margin-top: -50%;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%, -100%);
}

.esg-circle-link-txt-b.v-s {
  padding-top: 2vw;
  transform: translate(-50%, -100%)rotate(-240deg);
}

.esg-circle-link-txt-b.v-g {
  padding-top: 2vw;
  transform: translate(-50%, -100%)rotate(-120deg);
}

.esg-circle-txt-big {
  font-size: 2.78vw;
  font-weight: 700;
  line-height: 100%;
}

.esg-circle-txt-small {
  white-space: nowrap;
  font-size: 1.67vw;
  line-height: 100%;
}

.esg-tabs {
  width: 100%;
}

.esg-tab-menu {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.esg-tab-link {
  background-color: var(--alice-blue);
  color: var(--dark-slate-blue-2);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px 20px;
  font-weight: 700;
  transition-property: all;
  display: flex;
  box-shadow: 0 2px 10px #0000;
}

.esg-tab-link:hover {
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue-2);
}

.esg-tab-link.w--current {
  background-color: var(--white);
  box-shadow: 0 2px 10px #0000001a;
}

.esg-tab-link-line {
  background-color: var(--dark-slate-blue-2);
  width: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

.esg-relate-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.esg-relate-item {
  padding-left: 10px;
  padding-right: 10px;
}

.esg-relate-img {
  border-radius: 10px;
  width: 100px;
  overflow: hidden;
}

.esg-point-list {
  margin-bottom: 30px;
}

.esg-point-item {
  border-bottom: 1px solid var(--alice-blue);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.esg-point-icon-b {
  background-color: var(--alice-blue);
  border-radius: 50%;
  flex: none;
  width: 60px;
  margin-right: 10px;
}

.esg-point-txt {
  flex: 1;
}

.esg-main-bg {
  width: 50%;
  margin-top: -80px;
  margin-right: 0;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.esg-collapse-b {
  display: none;
}

.esg-expand-content {
  overflow: hidden;
}

.esg-content-gp {
  margin-bottom: 50px;
}

.esg-gallery-tab-link {
  color: var(--dark-slate-blue-2);
  text-align: center;
  background-color: #e2efff00;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 25%;
  padding: 10px 10px 30px;
  font-weight: 700;
  transition-property: all;
}

.esg-gallery-tab-link:hover {
  color: var(--dark-slate-blue-2);
  background-color: #e2efff80;
}

.esg-gallery-tab-link.w--current {
  background-color: var(--alice-blue);
}

.esg-gallery-tab-menu {
  z-index: 1;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.esg-gallery-tab-content {
  background-color: var(--alice-blue);
  border-radius: 20px;
  margin-top: -20px;
  padding: 20px;
}

.esg-gallery-title {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

.esg-gallery-des {
  margin-top: 15px;
}

.esg-gallery-slider {
  background-color: #0000;
  height: auto;
  padding-bottom: 55px;
}

.esg-gallery-slide {
  width: 100%;
}

.esg-gallery-lightbox {
  border-radius: 10px;
  transition: opacity .5s, color .5s;
  display: block;
  overflow: hidden;
}

.esg-gallery-lightbox:hover {
  opacity: .8;
}

.esg-gallery-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 66.6%;
  position: relative;
}

.esg-gallery-img.img-1 {
  background-image: url('../images/esg-gallery-2021-12x.jpg');
}

.esg-gallery-img.img-2 {
  background-image: url('../images/esg-gallery-2021-22x.jpg');
}

.esg-gallery-img.img-3 {
  background-image: url('../images/esg-gallery-2021-32x.jpg');
}

.esg-gallery-img._2020-1 {
  background-image: url('../images/esg-gallery-2020-12x.jpg');
}

.esg-gallery-img._2020-2 {
  background-image: url('../images/esg-gallery-2020-22x.jpg');
}

.esg-gallery-img._2014-1 {
  background-image: url('../images/esg-gallery-2014-12x.jpg');
}

.esg-gallery-img._2014-2 {
  background-image: url('../images/esg-gallery-2014-22x.jpg');
}

.esg-gallery-img._2013-1 {
  background-image: url('../images/esg-gallery-2013-12x.jpg');
}

.esg-gallery-img._2013-2 {
  background-image: url('../images/esg-gallery-2013-22x.jpg');
}

.top-b {
  position: absolute;
  inset: 0% auto auto 0%;
}

.btn-top {
  z-index: 1200;
  color: var(--dark-orange);
  margin-bottom: 20px;
  margin-right: 20px;
  position: fixed;
  inset: auto 0% 0% auto;
}

.btn-top:hover {
  color: var(--dark-orange-2);
}

.btn-top-circle {
  background-color: var(--dark-orange);
  border-radius: 50%;
  width: 40px;
  margin-left: auto;
  margin-right: auto;
  transition: background-color .5s;
}

.btn-top-txt {
  text-align: center;
  font-weight: 600;
}

.contact-map {
  background-image: url('../images/contact-map-22x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 77.5%;
}

.nobr {
  white-space: nowrap;
}

.pop-up-video-block {
  z-index: 9999;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.apc-logo-present-block {
  aspect-ratio: 16 / 9;
  width: 80%;
}

.background-video {
  width: 100%;
  height: 100%;
}

.management-subheading {
  color: var(--dark-slate-blue-2);
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
}

.management-top-img-inner-text-b {
  z-index: 10;
  background-color: var(--dark-orange);
  color: var(--white);
  border-radius: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px 15px;
  font-size: 1.1vw;
  line-height: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

html.w-mod-js [data-ix="common-scale-in"] {
  transform: scale(1.2);
}

html.w-mod-js [data-ix="common-fade-from-bottom"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="common-fade-from-left"] {
  opacity: 0;
  transform: translate(-50px);
}

html.w-mod-js [data-ix="milestone-fade-from-right"] {
  opacity: 0;
  transform: translate(30px);
}

html.w-mod-js [data-ix="common-fade-in"], html.w-mod-js [data-ix="section-heading-animation"] {
  opacity: 0;
}

html.w-mod-js [data-ix="init-search-box"] {
  transform: translate(0, -100%);
}

html.w-mod-js [data-ix="ps-overview-graphic-animation-2"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="init-esg-content"] {
  height: 0;
}

html.w-mod-js [data-ix="popup-video"] {
  display: flex;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 70px;
  }

  h2 {
    font-size: 50px;
  }

  .container, .container.v-header {
    padding-left: 60px;
    padding-right: 60px;
  }

  .section-div.v-home-product {
    margin-right: 60px;
  }

  .section-div.v-case {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    margin-right: 60px;
  }

  .section-heading-txt {
    margin-top: 28px;
  }

  .footer-sitemap-gp {
    width: 50%;
  }

  .home-market-item {
    width: 33.3%;
  }

  .market-img-b {
    width: 180px;
    height: 270px;
  }

  .market-img {
    width: 270px;
    height: 270px;
  }

  .home-product-list {
    margin-left: -8px;
    margin-right: -8px;
  }

  .home-product-item {
    width: 25%;
    margin-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .product-item-title {
    font-size: 20px;
  }

  .product-item-top {
    padding-bottom: 20px;
  }

  .brand {
    width: 150px;
  }

  .lang-b, .nav-item {
    margin-left: 30px;
  }

  .nav-link {
    font-size: 19px;
  }

  .inner-banner-bottom-b {
    margin-bottom: -4px;
  }

  .inner-banner-des-b {
    padding-left: 60px;
    font-size: 30px;
  }

  .ps-overview-intro-graphic-b {
    width: 400px;
    margin-top: -160px;
    margin-right: 60px;
  }

  .overview-product-item {
    width: 25%;
    margin-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .market-slide.v-rich {
    width: 33.3%;
  }

  .detail-top-back-b {
    margin-bottom: 60px;
  }

  .latest-detail-content-b {
    position: relative;
  }

  .latest-detail-box {
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 60px;
    padding: 60px;
  }

  .latest-share-b {
    margin-right: 30px;
  }

  .latest-detail-deco {
    width: 120px;
  }

  .management-top-b {
    margin-left: auto;
    margin-right: auto;
  }

  .management-top-name {
    font-size: 1.7vw;
  }

  .manage-director-name {
    font-size: 24px;
  }

  .manage-director-title {
    font-size: 19px;
  }

  .manage-manager-img-b {
    max-width: 180px;
  }

  .manage-manager-name {
    font-size: 24px;
  }

  .manage-manager-title {
    font-size: 19px;
  }

  .section-deco-4.v-career-listing {
    margin-right: -40px;
  }

  .career-item-info-item {
    margin-right: 20px;
  }

  .career-item-info-icon {
    margin-right: 10px;
  }

  .about-glance-icon-b {
    width: 120px;
    height: 120px;
  }

  .about-glance-dot {
    width: 15px;
    height: 15px;
  }

  .about-bubble-deco {
    width: 110px;
    margin-right: 60px;
  }

  .rich-content-menu-b {
    width: 300px;
    font-size: 19px;
  }

  .solution-slider {
    margin-right: 40px;
  }

  .market-segment-item {
    text-align: left;
    width: 33.3%;
    display: flex;
  }

  .market-segment-img-b {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 15px;
  }

  .detail-why-graphic-b {
    width: 300px;
    margin-left: 50px;
  }

  .section-deco-2 {
    margin-right: -40px;
  }

  .enquiry-row-wrap {
    margin-left: -5px;
    margin-right: -5px;
  }

  .enquiry-field-b {
    padding-left: 5px;
    padding-right: 5px;
  }

  .enquiry-field-b.v-50 {
    width: 50%;
  }

  .enquiry-field-b.v30 {
    width: 30%;
  }

  .enquiry-field-b.v-70 {
    width: 70%;
  }

  .enquiry-field-b.v-third {
    width: 34%;
  }

  .about-why-bg {
    margin-left: 60px;
  }

  .ps-cat-offer-bg {
    margin-right: 60px;
  }

  .ps-offers-list {
    margin-left: -30px;
    margin-right: -30px;
  }

  .ps-offer-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ps-product-icon-b {
    width: 120px;
    height: 120px;
  }

  .ps-product-title {
    font-size: 26px;
  }

  .product-detail-intro-img-b {
    margin-right: 50px;
  }

  .product-detail-icon-b {
    width: 120px;
    height: 120px;
    margin-bottom: 30px;
    margin-left: 30px;
  }

  .product-app-graphic {
    padding-left: 50px;
    padding-right: 50px;
  }

  .product-app-slide {
    width: 25%;
  }

  .product-prodict-bg {
    margin-right: 60px;
  }

  .product-quote-icon {
    width: 80px;
  }

  .office-list {
    margin-left: -15px;
    margin-right: -15px;
  }

  .office-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .office-contact-item.v-tel {
    width: 260px;
  }

  .office-map-list {
    width: 400px;
  }

  .contact-mobile-menu {
    width: 300px;
    font-size: 19px;
  }

  .presence-intro-b {
    margin-left: -60px;
  }

  .presence-dropdown-item {
    width: 33.3%;
  }

  .presence-gp-title-b {
    font-size: 30px;
  }

  .presence-gp-title-txt {
    margin-top: 2px;
  }

  .presence-tab-link {
    width: 12.5%;
  }

  .presence-locator-item {
    width: 25px;
  }

  .vision-inner-circle {
    margin: 18%;
  }

  .vision-deco-1, .vision-deco-2 {
    margin-top: 30px;
  }

  .milestone-l-b {
    width: 280px;
    font-size: 80px;
  }

  .milestone-dot-b {
    width: 58px;
    margin-top: 36px;
  }

  .milestone-dot {
    width: 17px;
    height: 17px;
  }

  .milestone-bar-b {
    width: 60px;
  }

  .milestone-img-b {
    min-width: 250px;
  }

  .award-info-b {
    display: flex;
  }

  .award-info-line {
    display: block;
  }

  .esg-message-box {
    border-radius: 60px;
    margin-left: 100px;
    padding: 60px;
  }

  .esg-message-quote {
    width: 80px;
    margin-left: -30px;
  }

  .esg-report-content-b {
    margin-left: 75px;
  }
}

@media screen and (min-width: 1440px) {
  .home-banner-mv-b, .home-banner-txt-b {
    width: 33.3%;
  }

  .home-banner-photo-b {
    margin-left: -33%;
  }

  .home-banner-txt-wrap {
    margin-right: -25%;
  }

  .container, .container.v-header {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .home-banner-title {
    font-size: 70px;
  }

  .home-banner-message {
    margin-top: 20px;
    font-size: 24px;
  }

  .section-div.v-home-product, .section-div.v-case {
    margin-right: 4vw;
  }

  .footer-sitemap-gp {
    width: 33.3%;
  }

  .home-market-img {
    margin-left: -50px;
  }

  .home-product-list {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .home-product-item {
    margin-bottom: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .product-item-img {
    padding-top: 320px;
  }

  .product-item-title {
    font-size: 24px;
  }

  .product-item-content-link {
    font-size: 15px;
  }

  .product-item-content-link-arrow {
    width: 14px;
    margin-top: 4px;
  }

  .product-item-top {
    padding-bottom: 30px;
  }

  .home-latest-slide {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .home-latest-slider-mask {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .latest-item-top-b {
    font-size: 19px;
  }

  .slider-arrow-gp {
    justify-content: flex-end;
    align-items: center;
  }

  .nav-item {
    margin-left: 40px;
  }

  .ps-overview-intro-graphic-b {
    margin-right: 100px;
  }

  .overview-product-item {
    margin-bottom: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .overview-product-list {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .market-slider {
    margin-right: 4vw;
  }

  .market-slide {
    width: 20%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .market-slide.v-rich {
    width: 25%;
  }

  .market-slider-mask {
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .latest-item {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .latest-share-b {
    margin-right: -30px;
    right: 4vw;
  }

  .management-top-txt-b.v-l {
    font-size: 19px;
  }

  .management-top-name {
    font-size: 24px;
  }

  .management-top-bg {
    max-width: 440px;
  }

  .section-deco-4.v-career-listing {
    margin-right: -2vw;
  }

  .about-bubble-deco {
    margin-right: 4vw;
  }

  .about-vid-slide {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .about-vid-slider-mask {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .rich-content-menu-b {
    width: 20.8vw;
    padding-left: .7vw;
    padding-right: .7vw;
  }

  .solution-slider {
    margin-right: 4vw;
  }

  .market-trend-bg {
    margin-left: 5vw;
  }

  .section-deco-2.v-rich-why {
    margin-top: -180px;
  }

  .enquiry-graphic-b {
    max-width: 500px;
  }

  .about-why-bg {
    margin-left: 4vw;
  }

  .ps-cat-offer-bg {
    margin-right: 4vw;
  }

  .product-tab-link-txt {
    font-size: 19px;
    line-height: 120%;
  }

  .product-prodict-bg {
    margin-right: 4vw;
  }

  .office-contact-item.v-tel {
    width: 300px;
  }

  .office-map-list {
    margin-left: 100px;
  }

  .contact-mobile-menu {
    width: 20.8vw;
    padding-left: .7vw;
    padding-right: .7vw;
  }

  .presence-intro-b {
    margin-left: -4vw;
  }

  .presence-menu-b {
    max-width: 450px;
  }

  .vision-main-b {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .vision-graphic-gp {
    max-width: 1000px;
  }

  .vision-deco-1 {
    width: 6.94%;
  }

  .vision-deco-2 {
    width: 10.42%;
  }

  .milestone-bg-b {
    max-width: 700px;
  }

  .milestone-img-b {
    max-width: 300px;
  }

  .esg-slide {
    padding: 90px 100px 90px 70px;
  }

  .esg-dot {
    width: 20px;
    height: 20px;
  }

  .esg-circle-link-txt-b.v-s, .esg-circle-link-txt-b.v-g {
    padding-top: 30px;
  }

  .esg-circle-txt-big {
    font-size: 40px;
  }

  .esg-circle-txt-small {
    font-size: 24px;
  }

  .nobr {
    white-space: nowrap;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 17px;
  }

  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 40px;
  }

  .all {
    padding-top: 50px;
  }

  .all.v-home {
    padding-top: 70px;
  }

  .home-banner-slider-nav {
    width: 33.3%;
    margin-left: 50%;
    padding-bottom: 2vw;
  }

  .home-banner-mv-b {
    width: 33.3%;
  }

  .home-banner-txt-b {
    width: 50%;
  }

  .home-banner-photo-b {
    border-top-right-radius: 40px;
    margin-left: -33%;
  }

  .home-banner-txt-wrap {
    margin-right: -10%;
  }

  .container, .container.v-header {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .home-banner-title {
    font-size: 6vw;
  }

  .home-banner-btn-b {
    margin-top: 2.2vw;
  }

  .common-btn-circle {
    width: 35px;
    height: 35px;
  }

  .home-banner-message {
    margin-top: 2.2vw;
    font-size: 2vw;
  }

  .home-banner-deco-4 {
    margin-bottom: 0;
    margin-left: 2vw;
  }

  .section-div {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .section-div.v-home-market {
    padding-bottom: 60px;
  }

  .section-div.v-home-product {
    margin-right: 5vw;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-div.v-about-who-vid {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-div.v-rich-first {
    margin-top: 0;
    padding-top: 80px;
  }

  .section-div.v-case {
    margin-top: 80px;
    margin-right: 5vw;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-div.v-about-mission {
    padding-top: 60px;
  }

  .section-div.v-about-milestone {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-div.v-esg {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .section-div.v-rich {
    padding-top: 80px;
  }

  .section-div.v-rich.v-last {
    padding-bottom: 60px;
  }

  .section-heading-b {
    margin-bottom: 30px;
  }

  .section-heading-graphic-b {
    width: 60px;
    margin-left: -2.5vw;
  }

  .section-heading-sub-headings {
    font-size: 24px;
  }

  .content-subtitle {
    margin-bottom: 20px;
    font-size: 20px;
  }

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

  .footer-wrap {
    display: block;
  }

  .footer-left {
    width: auto;
    margin-bottom: 0;
    margin-right: 0;
  }

  .footer-sitemap-b {
    margin-bottom: 0;
  }

  .footer-sitemap-gp-title {
    font-size: 20px;
  }

  .sub-txt-field.v-subscription {
    font-size: 17px;
    line-height: 120%;
  }

  .home-who-list {
    margin-top: 40px;
  }

  .home-who-item {
    width: 25%;
  }

  .home-who-icon-b {
    width: 90px;
    height: 90px;
    margin-bottom: 15px;
  }

  .section-deco-1 {
    width: 160px;
    margin-top: -30px;
    margin-right: 5vw;
  }

  .section-deco-1.v-home-latest {
    margin-top: -100px;
  }

  .section-deco-1.v-detail-1 {
    margin-top: -90px;
  }

  .section-deco-1.v-about-vid {
    margin-right: 5vw;
  }

  .section-deco-1.v-market-detail {
    margin-top: 30px;
  }

  .home-market-content {
    margin-left: 20px;
  }

  .home-market-list {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .home-market-item {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .market-link {
    padding-bottom: 10px;
    font-size: 20px;
  }

  .market-img-b {
    width: 132px;
    height: 200px;
  }

  .market-img {
    width: 200px;
    height: 200px;
  }

  .home-product-list {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .home-product-item {
    width: 50%;
  }

  .product-item-img {
    padding-top: 290px;
  }

  .product-item-title {
    font-size: 20px;
  }

  .product-item-content-link {
    font-size: 15px;
  }

  .product-item-content-link-arrow {
    width: 14px;
    margin-top: 4px;
  }

  .product-item-top {
    padding-bottom: 20px;
  }

  .home-latest-slide {
    width: 33.3%;
  }

  .latest-item-link {
    padding-top: 10px;
  }

  .latest-item-top-b, .latest-item-cat {
    font-size: 14px;
    line-height: 120%;
  }

  .latest-item-title {
    height: 48px;
    font-size: 20px;
  }

  .latest-item-des {
    height: 81.6px;
  }

  .home-latest-bg {
    width: 60%;
    margin-bottom: -40px;
  }

  .header {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .header-wrap {
    height: 70px;
  }

  .btn-menu {
    z-index: 10;
    float: none;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .btn-menu.w--open {
    background-color: #0000;
  }

  .nav-menu {
    background-color: var(--white-2);
    flex: 0 auto;
    width: 100vw;
    height: 100vh;
    padding: 70px 5vw;
    position: fixed;
    inset: 0% auto auto 0%;
    overflow: auto;
  }

  .nav-top-b {
    display: block;
  }

  .nav-top-btn-gp {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .nav-top-btn-item {
    margin-left: 15px;
    margin-right: 15px;
  }

  .nav-top-link-box {
    border-radius: 20px;
    margin-top: 20px;
    display: none;
  }

  .nav-main-menu {
    height: auto;
    padding-bottom: 100px;
    display: block;
  }

  .nav-item {
    border-bottom: 1px solid var(--alice-blue);
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-item.desktop-hide {
    display: block;
  }

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

  .nav-dropdown-list.w--open {
    position: static;
    left: auto;
    transform: none;
  }

  .nav-dropdown-wrap {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-sublink {
    border-bottom-style: none;
  }

  .pop-search-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .search-input {
    background-size: 40px;
    padding-left: 60px;
    font-size: 24px;
  }

  .btn-menu-line-gp {
    width: 30px;
  }

  .menu-line-1 {
    background-color: var(--dark-orange);
    border-radius: 20px;
    width: 100%;
    height: 4px;
    padding: 0;
  }

  .menu-line-2 {
    background-color: var(--dark-slate-blue-2);
    border-radius: 20px;
    width: 100%;
    height: 4px;
    margin-top: 10px;
    padding: 0;
  }

  .header-bg {
    z-index: 10;
    background-color: var(--white-2);
    display: block;
  }

  .overview-market-list {
    margin-top: 40px;
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .overview-market-item {
    width: 33.3%;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .inner-banner-b {
    padding-top: 60px;
  }

  .inner-banner-wrap {
    margin-bottom: 30px;
    display: block;
  }

  .inner-banner-heading-deco {
    width: 50px;
  }

  .inner-banner-sec-txt {
    font-size: 15px;
  }

  .inner-banner-des-b {
    width: auto;
    margin-top: 20px;
    padding-left: 30px;
    font-size: 20px;
  }

  .ps-overview-intro-b {
    padding-bottom: 40px;
  }

  .ps-overview-intro-graphic-b {
    width: 250px;
    margin-top: -100px;
  }

  .overview-product-item {
    width: 50%;
  }

  .overview-product-list {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .market-slider {
    margin-right: 10vw;
  }

  .market-slide {
    width: 33.3%;
  }

  .search-result-input {
    background-size: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    font-size: 24px;
  }

  .search-count {
    margin-top: 20px;
    font-size: 20px;
  }

  .search-result-list {
    margin-top: 40px;
  }

  .search-item-title {
    font-size: 20px;
  }

  .search-item-des {
    height: 40.8px;
  }

  .latest-item {
    width: 33.3%;
  }

  .latest-cat-b {
    margin-top: -30px;
    margin-bottom: 10px;
    top: 70px;
  }

  .filter-bg.desktop-hide {
    background-color: var(--white-2);
    display: block;
  }

  .latest-detail-top-b {
    padding-right: 0;
    display: block;
  }

  .latest-detail-img-b {
    width: 60%;
    margin-top: -60px;
    margin-left: auto;
    margin-right: 30px;
  }

  .latest-detail-top-txt-b {
    padding-bottom: 30px;
  }

  .latest-detail-content-b {
    margin-top: -10vw;
  }

  .latest-detail-box {
    padding: 30px;
  }

  .latest-detail-subtitle {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .detail-bottom-back-b {
    margin-top: 40px;
  }

  .latest-share-b {
    margin-right: -26px;
    padding: 20px 6px;
    right: 5vw;
  }

  .share-icon-list {
    margin-top: 15px;
    margin-bottom: -10px;
  }

  .share-item {
    margin-bottom: 10px;
  }

  .share-link {
    width: 25px;
  }

  .latest-detail-deco {
    width: 90px;
    margin-top: 61px;
    margin-left: -30px;
  }

  .management-top-b {
    align-items: flex-start;
  }

  .management-top-col {
    flex-flow: column;
    padding-left: 5%;
    padding-right: 5%;
  }

  .management-top-img-b {
    width: 100%;
  }

  .management-top-txt-b {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .management-top-txt-b.v-l {
    text-align: center;
    min-height: auto;
    padding-left: 10px;
    font-size: 16px;
  }

  .management-top-name {
    font-size: 20px;
  }

  .management-top-bg {
    width: 40%;
  }

  .management-box {
    padding: 30px 15px;
  }

  .manage-director-item {
    width: 33.33%;
  }

  .manage-director-name {
    font-size: 18px;
  }

  .manage-director-title {
    font-size: 16px;
  }

  .manage-manager-item {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .manage-manager-img-b {
    max-width: 120px;
  }

  .manage-manager-name, .manage-manager-title {
    font-size: 16px;
  }

  .manage-manager-txt-b {
    margin-top: 10px;
  }

  .section-deco-4 {
    width: 80px;
    margin-top: -30px;
    margin-right: 5vw;
  }

  .section-deco-4.v-manage {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .section-deco-4.v-career-listing {
    margin-top: -7px;
    margin-right: -2vw;
  }

  .career-remark-icon {
    width: 25px;
  }

  .career-remark-email-txt {
    font-size: 24px;
  }

  .career-filter-b {
    top: 70px;
  }

  .filter-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .filter-dropdown.v-shorcut {
    flex: 1;
    display: block;
  }

  .filter-dropdown-toggle {
    min-width: 0;
  }

  .career-list {
    margin-bottom: -2vw;
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .career-item-b {
    width: 50%;
    margin-bottom: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .career-item-des {
    height: 61.2px;
  }

  .career-item-info-icon {
    width: 20px;
  }

  .career-content-title-b {
    font-size: 20px;
  }

  .career-contact-icon {
    width: 120px;
  }

  .about-intro-graphic-b {
    width: 45%;
    margin-left: 2vw;
  }

  .about-who-intro-deco-1 {
    width: 20%;
  }

  .about-who-intro-deco-2 {
    width: 30%;
  }

  .content-subheading {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .about-glance-icon-b {
    width: 90px;
    height: 90px;
  }

  .about-bubble-deco {
    width: 70px;
    margin-right: 5vw;
  }

  .about-vid-title {
    font-size: 20px;
  }

  .rich-content-b {
    margin-top: 60px;
    display: block;
  }

  .rich-content-menu-b {
    z-index: 100;
    width: 100%;
    margin-top: -10px;
    padding: 20px 5vw 10px;
    top: 50px;
  }

  .desktop-only {
    display: none;
  }

  .mobile-rich-menu-wrap {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .mobile-rich-menu-title {
    color: var(--dark-slate-blue-2);
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-weight: 700;
  }

  .rich-content-line {
    display: none;
  }

  .solution-slider-mask {
    margin-left: -5px;
    margin-right: -5px;
  }

  .solution-slider {
    margin-right: 0;
    overflow: hidden;
  }

  .solution-slide {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .market-segment-item {
    text-align: center;
  }

  .market-segment-img-b {
    width: 120px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
  }

  .market-trend-bg {
    width: 30%;
    margin-left: 5vw;
  }

  .market-trend-num-b, .detail-why-num-b {
    width: 50px;
    height: 50px;
    font-size: 30px;
  }

  .section-deco-5 {
    width: 120px;
    margin-right: 5vw;
  }

  .section-deco-5.v-esg {
    margin-top: -70px;
  }

  .section-deco-2 {
    width: 70px;
    margin-right: -4vw;
  }

  .section-deco-3 {
    width: 70px;
  }

  .case-title-box {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 20px;
  }

  .case-title-txt {
    font-size: 20px;
  }

  .case-icon-b {
    width: 80px;
  }

  .txt-field {
    font-size: 17px;
  }

  .contact-field-label {
    margin-top: 10px;
  }

  .form-select, .txtarea {
    font-size: 17px;
  }

  .enquiry-deco {
    width: 90px;
    margin-bottom: 80px;
  }

  .product-cat-flask-b {
    margin-right: 5vw;
  }

  .ps-cat-intro-deco {
    width: 60px;
  }

  .ps-cat-offer-bg {
    max-width: 250px;
    margin-right: 5vw;
  }

  .ps-offers-list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .ps-offer-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ps-offer-num-b {
    width: 50px;
    height: 50px;
    font-size: 30px;
  }

  .ps-product-title {
    font-size: 20px;
  }

  .ps-product-over-txt {
    max-height: 122.4px;
    margin-bottom: 15px;
  }

  .product-tab-menu {
    background-size: 25%;
  }

  .product-tab-link {
    width: 25%;
  }

  .product-tab-link-txt {
    font-size: 2vw;
  }

  .product-tab-box {
    margin-top: 10px;
  }

  .product-prodict-bg {
    margin-right: 5vw;
  }

  .btn-contact-enquiry, .office-gp-title {
    font-size: 24px;
  }

  .office-list {
    margin-left: -1.5vw;
    margin-right: -1.5vw;
  }

  .office-item {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }

  .office-item-box {
    padding: 40px 20px 20px;
  }

  .contact-content-title-b {
    border-width: 6px;
    margin-left: -15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
  }

  .office-contact-item.v-tel {
    width: 100%;
    max-width: none;
  }

  .office-contact-icon {
    width: 20px;
  }

  .contact-menu-b {
    margin-top: 30px;
    display: block;
  }

  .office-map-list {
    display: none;
  }

  .contact-mobile-menu {
    z-index: 100;
    margin-top: 0;
    margin-left: -5vw;
    margin-right: -5vw;
    padding: 10px 5vw;
    display: block;
    top: 70px;
  }

  .presence-intro-b {
    margin-left: 0;
    display: block;
  }

  .presence-menu-b {
    width: auto;
    max-width: none;
  }

  .presence-map-graphic-b {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .presence-map-b {
    margin-bottom: 30px;
  }

  .presence-menu-item {
    padding-bottom: 15px;
  }

  .presence-menu-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .presence-dropdown-toggle {
    min-width: 0;
    margin-bottom: -15px;
  }

  .presence-dropdown-toggle-txt-b {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .presence-dropdown-item {
    width: 25%;
  }

  .presence-tab-link {
    width: 20%;
  }

  .presence-construction-icon {
    margin-top: 3px;
  }

  .mission-arrow-b {
    width: 50px;
    margin-right: 20px;
  }

  .mission-num-b {
    width: 50px;
    height: 50px;
    font-size: 30px;
  }

  .vision-b {
    margin-top: -20px;
  }

  .vision-main-b {
    width: 60%;
  }

  .vision-graphic-gp {
    margin-left: -11%;
  }

  .vision-deco-1 {
    width: 70px;
  }

  .vision-deco-2 {
    width: 100px;
  }

  .milestone-l-b {
    width: 200px;
    font-size: 60px;
  }

  .milestone-dot-b {
    width: 40px;
    margin-top: 27px;
  }

  .milestone-dot {
    width: 12px;
    height: 12px;
  }

  .milestone-line {
    height: 3px;
  }

  .milestone-bar-b {
    width: 40px;
  }

  .milestone-r-b {
    padding-top: 15px;
  }

  .milestone-title {
    font-size: 20px;
  }

  .milestone-img-b {
    width: 30%;
    min-width: 150px;
  }

  .award-info-fieldname {
    width: auto;
  }

  .esg-message-box {
    border-radius: 30px;
    margin-left: 50px;
    padding: 30px;
  }

  .esg-message-img-b {
    width: 180px;
  }

  .esg-message-quote {
    width: 50px;
    margin-top: -10px;
    margin-left: -25px;
  }

  .esg-report-back {
    margin-top: 5px;
    margin-left: 5px;
  }

  .esg-report-back.v-second {
    margin-top: 10px;
    margin-left: 10px;
  }

  .esg-report-content-b {
    margin-left: 30px;
  }

  .esg-main-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .esg-main-col {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .esg-main-col.col-circle {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
  }

  .esg-main-col.v-content {
    display: block;
  }

  .esg-slide {
    padding-bottom: 40px;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .esg-dot {
    width: 2vw;
    height: 2vw;
  }

  .esg-circle-txt-big {
    font-size: 30px;
  }

  .esg-circle-txt-small {
    font-size: 16px;
  }

  .esg-tab-menu, .esg-relate-row {
    justify-content: center;
  }

  .esg-main-bg {
    margin-top: -40px;
  }

  .esg-gallery-title {
    font-size: 20px;
  }

  .management-subheading {
    margin-bottom: 20px;
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 28px;
  }

  .home-banner-slide {
    flex: none;
    width: 100%;
    height: auto;
  }

  .home-banner-slider-nav {
    width: 40%;
    margin-left: 0%;
  }

  .home-banner-content-b {
    background-color: var(--white-2);
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
  }

  .home-banner-mv-b {
    width: 40%;
  }

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

  .home-banner-photo-b {
    margin-left: -40%;
  }

  .home-banner-txt-wrap {
    z-index: 0;
    margin-right: 0%;
    padding-top: 70px;
    padding-bottom: 30px;
  }

  .home-banner-title {
    font-size: 40px;
  }

  .home-banner-btn-b {
    margin-top: 15px;
  }

  .common-btn-circle {
    width: 30px;
    height: 30px;
  }

  .home-banner-message {
    margin-top: 15px;
    font-size: 16px;
  }

  .home-banner-slider-mask {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .home-banner-deco-1 {
    width: 150px;
  }

  .home-banner-deco-2 {
    width: 60px;
  }

  .home-banner-deco-3 {
    width: 50px;
    margin-bottom: 2vw;
    margin-right: 5vw;
  }

  .home-banner-deco-4 {
    width: 40px;
    margin-left: 29vw;
    display: none;
  }

  .section-div {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .section-div.v-home-market {
    padding-bottom: 50px;
  }

  .section-div.v-home-product {
    margin-right: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-div.v-about-who-vid {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-div.v-rich-first {
    padding-top: 60px;
  }

  .section-div.v-case {
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-div.v-about-mission {
    padding-top: 50px;
  }

  .section-div.v-about-milestone {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-div.v-esg {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .section-div.v-rich {
    padding-top: 60px;
  }

  .section-div.v-rich.v-last {
    padding-bottom: 60px;
  }

  .section-heading-b {
    margin-bottom: 20px;
  }

  .section-heading-wrap {
    margin-top: 0;
  }

  .section-heading-graphic-b {
    width: 50px;
  }

  .section-heading-txt {
    margin-top: 20px;
  }

  .section-heading-sub-headings {
    margin-top: 0;
    margin-left: 10px;
    padding-left: 35px;
    font-size: 18px;
  }

  .content-subtitle {
    font-size: 18px;
  }

  .content-subtitle.v-shorter {
    margin-bottom: 10px;
  }

  .section-footer {
    background-image: none;
  }

  .footer-sitemap-b {
    display: none;
  }

  .footer-sitemap-b.v-mobile {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .footer-sitemap-gp {
    width: auto;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-sitemap-gp-title {
    flex: 0 auto;
    font-size: 18px;
  }

  .footer-sitemap-gp-list {
    margin-top: 10px;
  }

  .footer-sitemap-item {
    margin-bottom: 5px;
  }

  .footer-sitemap-arrow {
    margin-top: 3px;
    margin-right: 8px;
  }

  .footer-sitemap-single {
    margin-bottom: 15px;
  }

  .footer-subscribe-b {
    margin-top: 30px;
  }

  .footer-ec-gp {
    border-bottom: 1px solid var(--alice-blue);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .footer-ec-click {
    color: var(--dark-slate-blue-2);
    cursor: pointer;
    display: block;
  }

  .footer-ec-click:hover {
    color: var(--dark-orange);
  }

  .footer-ec-icon {
    background-color: var(--dark-slate-blue-2);
    background-image: url('../images/icon-expand2x_1icon-expand@2x.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    flex: none;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    padding: 0;
  }

  .footer-ec-icon.v-collapse {
    background-image: url('../images/icon-collapse2x_1icon-collapse@2x.png');
  }

  .footer-ec-expand-b {
    overflow: hidden;
  }

  .footer-ec-click-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .sub-txt-field.v-subscription {
    font-size: 16px;
  }

  .footer-social-link {
    width: 25px;
  }

  .footer-bottom-b {
    font-size: 13px;
  }

  .footer-copyright {
    margin-bottom: 5px;
  }

  .home-who-list {
    margin-top: 30px;
  }

  .home-who-item {
    width: 33.3%;
  }

  .home-who-icon-b {
    margin-bottom: 10px;
  }

  .section-deco-1 {
    width: 120px;
    margin-top: -30px;
  }

  .section-deco-1.v-home-latest {
    margin-top: -60px;
  }

  .section-deco-1.v-detail-1 {
    margin-top: -50px;
  }

  .section-deco-1.v-about-vid {
    margin-top: -20px;
    margin-right: 8vw;
  }

  .home-market-wrap {
    display: block;
  }

  .common-btn-b {
    margin-top: 20px;
  }

  .common-btn-b.v-listing {
    margin-top: 30px;
  }

  .common-btn-b.v-about-glance {
    margin-bottom: 30px;
  }

  .home-market-intro-b {
    width: auto;
    max-width: none;
    position: relative;
    top: 0;
  }

  .home-market-content {
    margin-left: 0;
  }

  .home-market-list {
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .home-market-item {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .market-link {
    font-size: 18px;
  }

  .home-market-bg-b {
    width: 100%;
  }

  .home-market-img {
    margin-left: -23vw;
  }

  .home-who-btn-b {
    margin-bottom: 20px;
  }

  .product-item-img {
    padding-top: 340px;
  }

  .product-item-title {
    font-size: 18px;
  }

  .product-item-content {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .product-item-content-link-arrow {
    margin-top: 3px;
    margin-right: 8px;
  }

  .btn-product-cat-link {
    width: 40px;
    height: 40px;
    padding-top: 4px;
    padding-left: 7px;
  }

  .product-item-top {
    padding-bottom: 20px;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .home-latest-slide {
    width: 50%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .home-latest-slider-mask {
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .latest-item-title {
    height: 43.2px;
    font-size: 18px;
  }

  .latest-item-des {
    height: 76.8px;
  }

  .home-latest-bg {
    width: 70%;
  }

  .img-home-latest-bg {
    margin-left: -18%;
  }

  .slider-arrow-gp {
    margin-right: -8px;
  }

  .slider-arrow-gp.v-heading {
    margin-top: 22px;
  }

  .btn-slider-arrow {
    width: 30px;
    height: 30px;
  }

  .btn-slider-arrow.v-presence-l {
    margin-left: -25px;
  }

  .btn-slider-arrow.v-presence-r {
    margin-left: 25px;
  }

  .slider-arrow-item {
    padding-left: 8px;
    padding-right: 8px;
  }

  .nav-top-btn-gp {
    margin-bottom: 9px;
  }

  .nav-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .pop-search-box {
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
  }

  .search-input {
    background-size: 30px;
    padding-left: 40px;
    font-size: 20px;
  }

  .btn-search-close {
    width: 18px;
    height: 18px;
  }

  .overview-market-list {
    margin-top: 30px;
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .overview-market-item {
    width: 33.3%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .inner-banner-b {
    padding-top: 50px;
  }

  .inner-banner-bottom-b {
    margin-bottom: -1px;
  }

  .inner-banner-wrap {
    margin-bottom: 30px;
  }

  .inner-banner-heading-deco {
    width: 40px;
  }

  .inner-banner-sec-txt {
    font-size: 13px;
  }

  .inner-banner-des-b {
    margin-top: 15px;
    padding-left: 20px;
    font-size: 16px;
  }

  .ps-overview-intro-b {
    padding-bottom: 30px;
    display: block;
  }

  .ps-overview-intro-graphic-b {
    width: 150px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .market-slider {
    margin-right: 0;
  }

  .market-slide, .market-slide.v-rich {
    width: 50%;
  }

  .search-result-input {
    background-size: 30px;
    padding-left: 40px;
    font-size: 20px;
  }

  .search-count {
    font-size: 18px;
  }

  .search-result-list {
    margin-top: 30px;
    margin-bottom: -10px;
  }

  .search-result-item {
    margin-bottom: 10px;
  }

  .search-result-link {
    padding: 20px;
  }

  .search-item-sec {
    margin-bottom: 2px;
    font-size: 14px;
  }

  .search-item-title {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .search-item-des {
    height: 38.4px;
  }

  .latest-list {
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .latest-item {
    width: 50%;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .latest-cat-b {
    margin-top: 0;
  }

  .latest-cat-item {
    margin-right: 10px;
  }

  .latest-cat-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .latest-detail-img-b {
    width: auto;
    max-width: none;
    margin-top: -20px;
    margin-left: 30px;
  }

  .latest-detail-top-txt-b {
    padding-bottom: 50px;
  }

  .latest-info-item {
    margin-right: 20px;
  }

  .latest-detail-content-b {
    margin-top: -12vw;
  }

  .latest-detail-box {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .latest-detail-subtitle {
    font-size: 18px;
  }

  .detail-bottom-back-b {
    margin-top: 30px;
  }

  .latest-share-b {
    text-align: center;
    border-radius: 60px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-left: 5vw;
    margin-right: 5vw;
    padding: 10px 20px;
    font-size: 13px;
    display: flex;
    inset: auto 0% 0%;
    transform: none;
  }

  .share-icon-list {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 -10px 0 10px;
    display: flex;
  }

  .share-item {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .latest-detail-deco {
    width: 80px;
    margin-top: 45px;
    margin-left: -20px;
  }

  .management-top-b {
    margin-bottom: 50px;
    margin-left: -5%;
    margin-right: -5%;
  }

  .management-top-col {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }

  .management-top-img-b {
    width: 55%;
  }

  .management-top-txt-b {
    width: 60%;
  }

  .management-top-txt-b.v-l {
    width: 45%;
  }

  .management-top-name {
    font-size: 18px;
  }

  .management-top-title {
    margin-top: 5px;
  }

  .management-top-bg {
    width: 60%;
  }

  .management-box {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .manage-director-item {
    width: 50%;
  }

  .manage-director-name {
    font-size: 18px;
  }

  .manage-manager-item {
    width: 33.3%;
  }

  .manage-manager-name {
    font-size: 18px;
  }

  .section-deco-4 {
    width: 60px;
    margin-top: -30px;
  }

  .section-deco-4.v-manage {
    margin-bottom: 60px;
  }

  .career-remark-box {
    border-radius: 20px;
    padding: 20px;
  }

  .career-remark-icon {
    width: 20px;
  }

  .career-listing-b {
    margin-top: 20px;
  }

  .career-filter-b {
    margin-bottom: 10px;
  }

  .career-filter-item {
    margin-right: 10px;
  }

  .filter-dropdown-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .career-list {
    margin-bottom: -3vw;
    margin-left: -1.5vw;
    margin-right: -1.5vw;
  }

  .career-item-b {
    margin-bottom: 3vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }

  .career-item-link {
    padding: 15px;
  }

  .career-item-title {
    font-size: 20px;
  }

  .career-item-des {
    margin-top: 15px;
  }

  .career-item-info-box {
    margin-top: 20px;
  }

  .career-item-arrow-b {
    width: 40px;
    height: 40px;
  }

  .career-detail-cat-txt {
    margin-right: 10px;
    font-size: 20px;
  }

  .career-detail-box {
    border-radius: 20px;
    margin-bottom: 40px;
    padding: 40px 20px 20px;
  }

  .career-content-title-b {
    border-width: 5px;
    margin-left: -3vw;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .career-contact-icon {
    width: 100px;
  }

  .about-who-intro-b {
    display: block;
  }

  .about-intro-graphic-b {
    width: 100%;
    max-width: 400px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .about-who-intro-arrow-item {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .content-subheading {
    font-size: 20px;
  }

  .about-glance-item {
    width: 33.3%;
  }

  .about-glance-icon-b {
    width: 80px;
    height: 80px;
  }

  .about-glance-txt-b {
    margin-top: 10px;
  }

  .about-bubble-deco {
    width: 60px;
  }

  .about-vid-slide {
    padding-left: 5px;
    padding-right: 5px;
  }

  .about-vid-slider-mask {
    margin-left: -5px;
    margin-right: -5px;
  }

  .about-vid-info-b {
    display: block;
  }

  .about-vid-title {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .rich-content-b {
    margin-top: 40px;
  }

  .market-detail-intro-b {
    display: block;
  }

  .market-detail-intro-img-b {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .solution-slider {
    margin-right: 0;
  }

  .solution-slide {
    width: 50%;
  }

  .market-segment-img-b {
    margin-bottom: 5px;
  }

  .market-trend-bg {
    width: 100%;
    max-width: 200px;
    margin-top: 60px;
    margin-right: 5vw;
    inset: 0% 0% auto auto;
  }

  .market-trend-b {
    padding-left: 0%;
  }

  .detail-why-wrap {
    display: block;
  }

  .detail-why-list {
    margin-bottom: -10px;
  }

  .detail-why-item {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }

  .detail-why-graphic-b {
    width: 100%;
    max-width: 250px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-deco-5 {
    width: 100px;
  }

  .section-deco-5.v-esg {
    margin-top: -25px;
  }

  .section-deco-2 {
    margin-top: -30px;
    display: none;
  }

  .section-deco-3 {
    display: none;
  }

  .case-title-box, .case-title-txt {
    font-size: 18px;
  }

  .case-num-box {
    font-size: 14px;
    line-height: 120%;
  }

  .case-content-l-b {
    width: 150px;
    margin-right: 3vw;
  }

  .case-icon-b {
    width: 70px;
  }

  .case-content-box {
    border-radius: 20px;
    padding: 20px;
  }

  .case-link {
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
  }

  .case-arrow {
    margin-top: 8px;
    margin-right: 8px;
  }

  .case-link-wrap {
    align-items: flex-start;
  }

  .case-link-content {
    align-items: flex-start;
    display: block;
  }

  .case-link-num-box {
    margin-bottom: 5px;
    margin-right: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 119%;
  }

  .margin-top-50 {
    margin-top: 40px;
  }

  .enquiry-wrap {
    margin-top: 20px;
    display: block;
  }

  .enquiry-graphic-b {
    width: 100%;
    max-width: 200px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .enquiry-form-b {
    width: auto;
    padding-left: 0;
  }

  .enquiry-field-b {
    margin-bottom: 10px;
  }

  .txt-field, .form-select, .txtarea {
    font-size: 16px;
  }

  .enquiry-deco {
    width: 80px;
  }

  .about-why-bg {
    width: 50%;
    margin-left: 0;
  }

  .product-cat-intro-b {
    display: block;
  }

  .product-cat-flask-b {
    width: 100%;
    max-width: 200px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .ps-cat-offer-bg {
    margin-top: 60px;
  }

  .ps-offers-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .ps-offer-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .ps-product-item {
    width: 50%;
  }

  .ps-product-box {
    max-width: 280px;
  }

  .ps-product-item-content {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .ps-product-icon-b {
    width: 90px;
    height: 90px;
  }

  .ps-product-title {
    font-size: 18px;
  }

  .ps-product-hover {
    padding-top: 20px;
  }

  .ps-product-over-txt {
    max-height: 115.2px;
  }

  .product-detail-intro-b {
    display: block;
  }

  .product-detail-intro-img-b {
    width: auto;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .product-detail-intro-content-b {
    width: auto;
    padding-left: 0;
  }

  .product-detail-how-box {
    margin-top: 40px;
    padding: 20px;
  }

  .product-app-graphic {
    z-index: -1;
    width: 50%;
    padding-left: 5vw;
    padding-right: 5vw;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .product-app-slide {
    width: 50%;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .product-app-mask {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  .product-tab-menu {
    background-size: 33.3%;
  }

  .product-tab-link {
    width: 33.3%;
  }

  .product-tab-link-txt {
    font-size: 2.5vw;
  }

  .product-tab-box {
    border-radius: 20px;
    margin-top: 5px;
    padding: 20px;
  }

  .product-product-quote-b {
    margin-top: 20px;
    padding-top: 20px;
  }

  .product-quote-icon {
    width: 40px;
    margin-right: 20px;
  }

  .btn-contact-enquiry {
    font-size: 20px;
  }

  .office-gp-title {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .office-list {
    margin-bottom: -40px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .office-item {
    width: auto;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-content-title-b {
    border-width: 5px;
    margin-left: -3vw;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 18px;
  }

  .partner-content-b {
    display: block;
  }

  .partner-img-b {
    width: 100%;
    max-width: 300px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .partner-bg {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .office-locator-item {
    width: 10px;
  }

  .locator-hover {
    font-size: 13px;
  }

  .presence-intro-b {
    text-align: center;
  }

  .presence-map-graphic-b {
    padding-bottom: 20px;
    overflow: auto;
  }

  .presence-map-b {
    min-width: 800px;
    margin-bottom: 0;
    margin-left: -80px;
  }

  .presence-menu-list {
    text-align: left;
  }

  .presence-menu-item {
    margin-right: 10px;
  }

  .presence-gp-title-b {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .presence-gp-title-icon {
    width: 30px;
    height: 30px;
  }

  .presence-gp-title-txt {
    margin-top: 4px;
  }

  .presence-tab-link {
    width: 25%;
    padding-top: 6px;
    padding-bottom: 26px;
  }

  .presence-content-wrap {
    display: block;
  }

  .presence-content-img-b {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .presence-slider {
    padding-bottom: 40px;
  }

  .presence-construction-icon {
    margin-right: 5px;
  }

  .presence-locator-item {
    width: 18px;
  }

  .mobile-map-instruction {
    color: var(--dark-slate-blue-2);
    text-align: center;
    background-image: url('../images/slider-arrow-r2x_1slider-arrow-r@2x.png'), url('../images/slider-arrow-l2x_1slider-arrow-l@2x.png');
    background-position: 100%, 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: 30px, 30px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 40px;
    display: inline-block;
  }

  .about-mission-bg {
    width: 80%;
  }

  .mission-list-b {
    margin-bottom: 0;
  }

  .mission-row {
    align-items: flex-start;
  }

  .mission-arrow-b {
    width: 40px;
    margin-top: 12px;
    margin-right: 10px;
  }

  .mission-row-wrap {
    display: block;
  }

  .mission-num-b {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
    margin-right: 0;
    font-size: 24px;
  }

  .vision-b {
    display: block;
  }

  .vision-main-b {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .vision-inner-circle {
    opacity: .3;
  }

  .vision-txt-b {
    width: 80%;
  }

  .vision-graphic-gp {
    margin: -60px auto 20px;
  }

  .vision-graphic-row.row-2 {
    margin-top: -30%;
  }

  .vision-graphic-b.ball-1 {
    margin-top: 0%;
    margin-left: 27%;
  }

  .vision-graphic-b.ball-2 {
    width: 50%;
  }

  .vision-graphic-b.ball-3 {
    width: 30%;
  }

  .vision-graphic-b.ball-4 {
    margin-bottom: -7%;
    margin-left: 2%;
  }

  .vision-deco-2 {
    inset: 0% 0% auto auto;
  }

  .milestone-l-b {
    width: 150px;
    font-size: 40px;
  }

  .milestone-dot-b {
    margin-top: 15px;
  }

  .milestone-bar-b {
    width: 30px;
  }

  .milestone-r-b {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
  }

  .milestone-content-box {
    display: block;
  }

  .milestone-title {
    font-size: 16px;
  }

  .milestone-img-b {
    width: 100%;
    min-width: 0;
    margin-top: 15px;
    margin-left: 0;
  }

  .milestone-img-mask {
    max-width: 200px;
  }

  .milestone-img-mask.v-vert {
    max-width: 144px;
  }

  .milestone-para {
    font-size: 14px;
  }

  .award-info-b {
    margin-top: 5px;
    font-size: 14px;
  }

  .esg-message-box {
    margin-top: 40px;
    margin-left: 0;
    display: block;
  }

  .esg-message-img-b {
    margin: -60px auto 20px;
  }

  .esg-message-quote {
    width: 40px;
    margin-left: -10px;
  }

  .esg-report-b {
    display: block;
  }

  .esg-report-img-b {
    width: 100%;
    margin-bottom: 30px;
  }

  .esg-report-content-b {
    margin-left: 0;
  }

  .esg-main-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .esg-main-col {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .esg-main-col.col-circle {
    max-width: 500px;
  }

  .esg-slider {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .esg-slide {
    padding-left: 90px;
    padding-right: 90px;
  }

  .esg-circle-txt-big {
    font-size: 5vw;
  }

  .esg-circle-txt-small {
    font-size: 3vw;
  }

  .esg-tab-link {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .esg-relate-row {
    margin-bottom: 15px;
    margin-left: -5px;
    margin-right: -5px;
  }

  .esg-relate-item {
    padding-left: 5px;
    padding-right: 5px;
  }

  .esg-relate-img {
    width: 80px;
  }

  .esg-point-list {
    margin-bottom: 20px;
  }

  .esg-point-item {
    margin-bottom: 5px;
    padding-bottom: 5px;
  }

  .esg-point-icon-b {
    width: 50px;
  }

  .esg-content-gp {
    margin-bottom: 40px;
  }

  .esg-gallery-title {
    font-size: 18px;
  }

  .esg-gallery-slider {
    padding-bottom: 40px;
  }

  .btn-top-txt {
    display: none;
  }

  .apc-logo-present-block {
    width: 90%;
  }

  .management-subheading {
    font-size: 20px;
  }

  .management-top-img-inner-text-b {
    font-size: 2vw;
  }
}

@media screen and (max-width: 479px) {
  .home-banner-slider-nav, .home-banner-mv-b {
    width: 50%;
  }

  .home-banner-photo-b {
    margin-left: -50%;
  }

  .home-banner-title {
    font-size: 36px;
  }

  .section-div.v-case {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 0;
  }

  .section-div.v-esg {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .section-heading-sub-headings {
    margin-left: 16px;
    padding-left: 15px;
  }

  .footer-sitemap-gp {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-sitemap-gp-list {
    margin-top: 5px;
  }

  .footer-ec-icon {
    width: 25px;
    height: 25px;
  }

  .home-who-item {
    width: 50%;
  }

  .home-who-icon-b {
    width: 80px;
    height: 80px;
  }

  .section-deco-1 {
    width: 100px;
    margin-top: -20px;
  }

  .market-img-b {
    width: 105px;
    height: 160px;
  }

  .market-img {
    width: 160px;
    height: 160px;
  }

  .home-product-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .home-product-item {
    width: auto;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .product-item-img {
    padding-top: 290px;
  }

  .product-item-content, .product-item-top {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .home-latest-slide {
    width: 100%;
  }

  .latest-item-title, .latest-item-des {
    height: auto;
  }

  .home-latest-bg {
    width: 80%;
  }

  .slider-heading-b {
    display: block;
  }

  .slider-arrow-gp.v-heading {
    justify-content: center;
    margin-top: -10px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .pop-search-box {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .search-input {
    font-size: 16px;
  }

  .overview-market-item {
    width: 50%;
  }

  .overview-product-item {
    width: auto;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .overview-product-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .search-result-input {
    font-size: 16px;
  }

  .latest-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .latest-item {
    width: auto;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .latest-detail-img-b {
    margin-top: -30px;
    margin-left: 19px;
    margin-right: 19px;
  }

  .latest-detail-box {
    padding: 20px;
  }

  .latest-detail-deco {
    margin-right: -48px;
    inset: 0% 0% auto auto;
  }

  .management-top-b {
    margin-left: -5%;
    margin-right: -5%;
  }

  .management-top-col {
    flex-flow: column;
    margin-bottom: 40px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .management-top-img-b, .management-top-txt-b.v-l {
    width: 100%;
  }

  .management-top-title {
    font-size: 14px;
  }

  .management-top-bg {
    width: 80%;
  }

  .manage-director-item {
    width: 100%;
    margin-bottom: 10%;
  }

  .manage-director-title {
    font-size: 14px;
  }

  .manage-manager-item {
    width: 50%;
  }

  .manage-manager-img-b {
    width: 80%;
    max-width: 100px;
  }

  .section-deco-4 {
    margin-top: -20px;
  }

  .section-deco-4.v-manage {
    display: none;
  }

  .career-remark-email-txt {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .filter-dropdown-toggle {
    padding-right: 10px;
  }

  .filter-toggle-txt {
    padding-left: 15px;
  }

  .career-list {
    margin-bottom: -20px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .career-item-b {
    width: auto;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .career-item-des {
    height: auto;
  }

  .career-content-title-b {
    font-size: 18px;
  }

  .career-detail-contact-b {
    display: block;
  }

  .career-contact-icon {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .about-glance-item {
    width: 50%;
  }

  .about-glance-title {
    margin-bottom: 3px;
  }

  .about-glance-dot {
    width: 8px;
    height: 8px;
  }

  .about-vid-slide, .solution-slide {
    width: 100%;
  }

  .market-segment-item {
    width: 50%;
  }

  .market-trend-b {
    padding-left: 0%;
  }

  .market-trend-row {
    margin-bottom: 15px;
  }

  .detail-why-graphic-b {
    max-width: 200px;
  }

  .section-deco-5 {
    width: 80px;
  }

  .section-deco-5.v-esg {
    margin-top: 0;
  }

  .section-deco-2, .section-deco-3 {
    width: 100px;
    margin-top: -20px;
  }

  .case-content-row {
    margin-bottom: 20px;
    display: block;
  }

  .case-content-l-b {
    width: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .case-arrow {
    margin-top: 6px;
  }

  .case-link-num-box {
    line-height: 120%;
  }

  .enquiry-field-b.v-50 {
    width: 1100%;
  }

  .enquiry-field-b.v30, .enquiry-field-b.v-70, .enquiry-field-b.v-third {
    width: 100%;
  }

  .enquiry-deco {
    width: 70px;
    margin-bottom: 0;
  }

  .ps-product-item {
    width: 100%;
    margin-bottom: 10px;
  }

  .ps-product-box {
    max-width: 250px;
  }

  .product-detail-icon-b {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
    margin-left: 15px;
  }

  .product-detail-how-box {
    margin-top: 30px;
  }

  .product-detail-how-point-list {
    margin-left: 0;
    margin-right: 0;
  }

  .product-detail-how-point {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .product-app-graphic {
    width: 60%;
  }

  .product-tab-menu {
    background-size: 50%;
  }

  .product-tab-link {
    width: 50%;
  }

  .product-tab-link-txt {
    font-size: 4vw;
  }

  .product-quote-icon {
    width: 30px;
  }

  .contact-content-title-b {
    font-size: 18px;
  }

  .presence-dropdown-toggle {
    padding-right: 10px;
  }

  .presence-dropdown-toggle-txt-b {
    padding-left: 15px;
  }

  .presence-dropdown-item {
    width: 33.3%;
  }

  .presence-gp-title-icon {
    margin-right: 5px;
  }

  .presence-tab-link {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 33.3333%;
  }

  .mobile-map-instruction {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .vision-graphic-gp {
    margin-top: -40px;
  }

  .vision-deco-1 {
    width: 50px;
  }

  .vision-deco-2 {
    width: 80px;
  }

  .milestone-l-b {
    width: 75px;
    font-size: 20px;
  }

  .milestone-dot-b {
    width: 20px;
    margin-top: 7px;
  }

  .milestone-dot {
    width: 8px;
    height: 8px;
  }

  .milestone-bar-b {
    width: 20px;
  }

  .milestone-r-b {
    padding-left: 10px;
  }

  .milestone-content-box {
    padding: 10px;
  }

  .milestone-tip {
    width: 8px;
    margin-left: -7px;
  }

  .esg-slide {
    padding: 55px 60px 20px;
  }

  .esg-dot {
    width: 2.5vw;
    height: 2.5vw;
  }

  .esg-circle-txt-big {
    font-size: 6vw;
  }

  .esg-circle-txt-small {
    font-size: 3.5vw;
  }

  .esg-tab-menu {
    margin-bottom: 10px;
  }

  .btn-top {
    margin-right: 15px;
  }

  .btn-top-circle {
    width: 35px;
  }

  .apc-logo-present-block {
    width: 90%;
  }

  .management-top-img-inner-text-b {
    font-size: 5vw;
  }
}