@import url("bootstrap.min.css");
@import url("jquery-ui.min.css");
@import url("animate.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");
@import url("jquery.fancybox.min.css");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap");
* {
  font-family: "IBM Plex Sans Thai", sans-serif !important;
}

html {
  font-size: 16px;
}

body {
  font: 100% "IBM Plex Sans Thai", sans-serif;
  line-height: 1.8;
  color: #666;
  font-weight: 400;
}

.bi {
  line-height: 1;
}
.bi::before {
  display: inline-block;
  vertical-align: middle;
}

a {
  text-decoration: none;
}

.wrap_banner {
  padding: 0;
  position: relative;
}

.owl-carousel.owl-bannerslide {
  background-color: #000;
}
.owl-carousel.owl-bannerslide .owl-item {
  overflow: hidden;
}
.owl-carousel.owl-bannerslide .owl-item img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  transform: scale(1.15);
  transition: 2.5s all ease;
  height: 100vh;
  opacity: 0.8;
}
.owl-carousel.owl-bannerslide .owl-item.active img {
  transform: scale(1);
  transition: 5s all ease;
}
.owl-carousel.owl-bannerslide .owl-dots {
  position: absolute;
  bottom: 25px;
  left: 5%;
  text-align: left;
}
.owl-carousel.owl-bannerslide .owl-dots .owl-dot span {
  background: #fff;
  width: 8px;
  height: 8px;
  margin: 8px;
  transition: 0.5s;
}
.owl-carousel.owl-bannerslide .owl-dots .owl-dot.active span, .owl-carousel.owl-bannerslide .owl-dots .owl-dot:hover span {
  background: rgba(255, 255, 255, 0.5);
}
.owl-carousel.owl-slide .owl-item {
  overflow: hidden;
}
.owl-carousel.owl-slide .owl-item figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 0;
  border: 1px solid #F4F4F4;
  background-color: #fff;
}
.owl-carousel.owl-slide .owl-item figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.owl-carousel.owl-slide .owl-item figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.owl-carousel.owl-slide .owl-item figure:hover > img {
  transform: scale(1);
}
.owl-carousel.owl-slide .owl-item figure img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -o-object-position: center center;
     object-position: center center;
}
.owl-carousel.owl-thump {
  margin-top: 15px;
}
.owl-carousel.owl-thump .owl-item {
  overflow: hidden;
}
.owl-carousel.owl-thump .owl-item figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 0;
  border: 1px solid #F4F4F4;
  background-color: #fff;
  margin-right: 15px;
}
.owl-carousel.owl-thump .owl-item figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.owl-carousel.owl-thump .owl-item figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.owl-carousel.owl-thump .owl-item figure:hover > img {
  transform: scale(1);
}
.owl-carousel.owl-thump .owl-item figure img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -o-object-position: center center;
     object-position: center center;
}

:root {
  scroll-behavior: auto;
}

body.mm_opened {
  position: fixed;
  width: 100%;
}

.mm_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  z-index: 101;
  height: 100vh;
}

.desktop-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 12;
}

.searchbox {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 101;
  background-color: #fff;
  display: none;
  padding: 25px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.btn_search {
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.btn_search .svg {
  margin-right: 8px;
  fill: #fff;
}

.btn_close_search {
  background-color: #666;
  width: 36px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border-radius: 50%;
  position: relative;
}
.btn_close_search img {
  width: 12px;
  height: auto;
}

.form_search {
  width: calc(100% - 45px);
  display: inline-block;
  vertical-align: top;
}

.searchinput input {
  border-radius: 0;
  display: inline-block;
  width: calc(100% - 50px);
  margin-right: 10px;
  font-size: 1rem;
}

.searchinput a {
  color: #fff;
}

.btnsearch {
  width: 36px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border-radius: 50%;
  position: relative;
  background-color: #0566AB;
}
.btnsearch .svg {
  fill: #fff;
  width: 15px;
  height: auto;
}

.topbar_menu {
  display: flex;
  justify-content: flex-end;
}

.top-social {
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin: 0 20px;
}
.top-social a {
  display: inline-flex;
  padding: 0 10px;
}

.menu_space {
  padding: 25px 5%;
}

.box-topbar_menu {
  position: relative;
  z-index: 12;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 5% 5px;
  transition: 0.5s;
}

.box-topbar-info a {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 0.9rem;
  margin-right: 30px;
  letter-spacing: 1px;
}
.box-topbar-info a .svg {
  margin-right: 8px;
  fill: #fff;
}
.box-topbar-info a .svg g * {
  fill: #fff;
}

.swlang {
  display: inline-flex;
  align-items: center;
  position: relative;
  line-height: 1;
}
.swlang .swlang_btn {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 0.9rem;
}
.swlang .swlang_btn::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 3px;
}
.swlang img {
  width: 26px;
  height: auto;
  display: inline-block;
  margin-right: 7px;
}
.swlang ul {
  display: none;
  padding: 5px;
  background-color: #FFF;
  margin-bottom: 0;
  position: absolute;
  top: 100%;
  right: 0;
  text-align: left;
  border: 1px solid #ccc;
  margin: 0;
}
.swlang ul li {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  padding: 5px;
  font-size: 0.9rem;
}
.swlang ul li.selected {
  background-color: #fff;
  color: #666;
}

.bg-stat-home {
  position: relative;
  padding: 60px 15px 90px;
}
.bg-stat-home::before {
  content: "";
  background-image: url(../images/txt-overview.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 166px;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: -1;
}
.bg-stat-home h1 {
  color: #000;
  font-size: 1.6rem;
  margin-top: 15px;
}
.bg-stat-home h4 {
  color: #828282;
}

.home-txtabout {
  color: #000;
  font-size: 1.1rem;
  position: relative;
  padding-left: 15px;
}
.home-txtabout span {
  color: #0566AB;
}
.home-txtabout::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #0566AB;
  position: absolute;
  top: 13px;
  left: 0;
}

.item-statnum {
  text-align: center;
  color: #0566AB;
  font-size: 3rem;
  font-weight: bold;
}
.item-statnum div {
  font-size: 1rem;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.item-statnum p {
  font-size: 0.8rem;
  color: #666;
  font-weight: 400;
}

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

.box-abouthome {
  margin-top: 60px;
}

.desc-abouthome {
  padding: 10px 0 0 40px;
  color: #000;
  font-size: 1.1rem;
  line-height: 2;
}
.desc-abouthome .txt-topic {
  margin: 25px 0 15px;
}

.tag-abouthome {
  background-color: #F8F8F8;
  border-radius: 5px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 20px 0 30px;
  text-transform: uppercase;
  color: #000;
  font-size: 0.85rem;
  font-weight: 500;
  position: relative;
}
.tag-abouthome::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0566AB;
  position: absolute;
  top: 18px;
  left: 18px;
}

.txt-topic {
  color: #000;
  font-size: 2.5rem;
}

.txt-subtopic {
  color: #0566AB;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.box-homecorporate {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
  margin: 40px 0 20px;
}
.box-homecorporate-item img {
  height: 57px;
  width: auto;
}
.box-homecorporate-item h4 {
  color: #0566AB;
  font-weight: 500;
  font-size: 1.1rem;
  margin: 25px 0 10px;
  line-height: 1.8;
}
.box-homecorporate-item p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666;
  font-size: 1rem;
}

.btn-default {
  display: inline-flex;
  height: 45px;
  align-items: center;
  justify-content: center;
  background-color: #0566AB;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.95rem;
  padding: 0 25px;
  min-width: 150px;
  border: 0;
  box-shadow: none;
  transition: 0.5s;
  white-space: nowrap;
}
.btn-default:hover {
  background-color: #333;
}

.btn-txt-arrow {
  text-transform: uppercase;
  font-size: 0.95rem;
  color: #000;
  transition: 0.5s;
  display: inline-flex;
  align-items: center;
}
.btn-txt-arrow .svg {
  width: 15px;
  fill: #000;
  margin-left: 15px;
  transition: 0.5s;
}
.btn-txt-arrow:hover {
  color: #0566AB;
}

.product-home {
  position: relative;
  padding: 70px 15px;
  color: #fff;
  overflow: hidden;
  background: rgba(234, 247, 255, 0.2);
}
.product-home::before {
  content: "";
  background-image: url(../images/bg-producthome.webp);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 540px;
}
.product-home .txt-topic {
  color: #fff;
}
.product-home .btn-txt-arrow {
  color: #fff;
  margin-top: 15px;
}
.product-home .btn-txt-arrow .svg {
  fill: #fff;
}
.product-home .btn-txt-arrow:hover {
  color: #75BBEC;
}
.product-home .btn-txt-arrow:hover .svg {
  fill: #75BBEC;
}
.product-home .owl-theme .owl-nav.disabled + .owl-dots {
  width: 10px;
  position: absolute;
  top: 50%;
  left: -45px;
  transform: translate(0, -50%);
  margin-top: 0;
}
.product-home .owl-theme .owl-dots .owl-dot.active span, .product-home .owl-theme .owl-dots .owl-dot:hover span {
  opacity: 1;
}
.product-home .owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0.5;
}

.home-itemproduct {
  display: block;
  position: relative;
  color: #fff;
}
.home-itemproduct figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  background-color: #000;
}
.home-itemproduct figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 140.5405405405%;
}
.home-itemproduct figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.home-itemproduct figure:hover > img {
  transform: scale(1.1);
}
.home-itemproduct figure::before {
  position: relative;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.43) 100%), url(image.png);
  z-index: 1;
}
.home-itemproduct hgroup {
  position: absolute;
  bottom: 20px;
  left: 30px;
  z-index: 2;
}
.home-itemproduct hgroup h3 {
  font-size: 2rem;
}
.home-itemproduct hgroup h4 {
  font-size: 1.1rem;
}
.home-itemproduct:hover figure img {
  opacity: 0.8;
}

.owl-product {
  margin-top: 20px;
}
.owl-product .owl-stage-outer {
  overflow: visible;
}
.owl-product .owl-stage-outer .owl-item {
  opacity: 0;
  transition: 0.5s;
}
.owl-product .owl-stage-outer .owl-item.active {
  opacity: 1;
}
.owl-product .owl-stage-outer .owl-item.active ~ .owl-item:not(.active) {
  opacity: 1;
}
.owl-product .owl-stage-outer .owl-item.active ~ .owl-item:not(.active) figure img {
  opacity: 0.4;
}
.owl-product .owl-stage-outer .owl-item.active ~ .owl-item:not(.active) hgroup {
  opacity: 0.4;
}

.logo .svg {
  width: 180px;
  max-width: 100%;
  height: auto;
  color: #fff;
}

.wrap_menu.sticky .box-topbar-info a,
.wrap_menu:hover .box-topbar-info a {
  color: #666;
}
.wrap_menu.sticky .logo .svg,
.wrap_menu:hover .logo .svg {
  color: #000;
  width: 150px;
}
.wrap_menu.sticky .logo .svg g *,
.wrap_menu:hover .logo .svg g * {
  fill: #000;
}
.wrap_menu.sticky .box-topbar-info a .svg,
.wrap_menu:hover .box-topbar-info a .svg {
  fill: #666;
}
.wrap_menu.sticky .box-topbar-info a .svg g *,
.wrap_menu:hover .box-topbar-info a .svg g * {
  fill: #666;
}
.wrap_menu.sticky .btn_search,
.wrap_menu:hover .btn_search {
  color: #666;
}
.wrap_menu.sticky .btn_search .svg,
.wrap_menu:hover .btn_search .svg {
  fill: #666;
}
.wrap_menu.sticky .box-topbar_menu,
.wrap_menu:hover .box-topbar_menu {
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}
.wrap_menu.sticky .top-social a .svg g *,
.wrap_menu:hover .top-social a .svg g * {
  fill: #8F8F8F;
}
.wrap_menu.sticky .swlang .swlang_btn,
.wrap_menu:hover .swlang .swlang_btn {
  color: #666;
}
.wrap_menu.sticky .btn_menu .svg,
.wrap_menu:hover .btn_menu .svg {
  color: #666;
}
.wrap_menu.sticky .topbar_menu_mb.topbar_menu .swlang,
.wrap_menu:hover .topbar_menu_mb.topbar_menu .swlang {
  border-right: 1px solid #D9D9D9;
}

.wrap_menu.sticky .box-topbar_menu {
  padding: 6px 5% 0px;
}
.wrap_menu.sticky .menu_space {
  padding: 15px 5%;
}

.caption-banner {
  position: absolute;
  bottom: 150px;
  left: 5%;
  width: 600px;
  max-width: 95%;
  color: #fff;
  z-index: 2;
}
.caption-banner hgroup h4 {
  font-size: 1rem;
  text-transform: uppercase;
}
.caption-banner hgroup h2 {
  font-size: 2.25rem;
  margin: 15px 0;
}
.caption-banner hgroup h3 {
  font-size: 1.5rem;
}
.caption-banner a {
  color: #fff;
  font-size: 0.9rem;
  text-transform: uppercase;
  margin-top: 25px;
  margin-right: 15px;
  display: inline-flex;
  align-items: center;
}
.caption-banner a img {
  width: 27px;
  height: auto;
  margin-right: 7px;
}

.banner-txtscroll {
  position: absolute;
  z-index: 1;
  bottom: 70px;
  right: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.85rem;
  transform: rotate(-90deg);
  letter-spacing: 3px;
}
.banner-txtscroll img {
  animation: wheel 1.5s infinite;
}

@keyframes wheel {
  to {
    opacity: 0;
    transform: translate(-15px, 0);
  }
}
.wrap-environ-home {
  background: rgba(234, 247, 255, 0.2);
  padding: 0 15px 70px;
}

.item-environ-home {
  display: flex;
  align-items: center;
  padding: 30px 0;
  color: #666;
}
.item-environ-home figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.item-environ-home figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 66.3907284768%;
}
.item-environ-home figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.item-environ-home figure:hover > img {
  transform: scale(1.1);
}
.item-environ-home:nth-child(even) {
  flex-direction: row-reverse;
}
.item-environ-home:nth-child(even) .desc-environ-home {
  padding-left: 0;
  padding-right: 25px;
}
.item-environ-home:nth-child(even) .photo-environ-home {
  padding-left: 25px;
  padding-right: 0;
}
.item-environ-home:hover figure img {
  transform: scale(1.1);
}
.item-environ-home:hover .btn-default {
  background-color: #333;
}

.photo-environ-home {
  padding-right: 25px;
}

.desc-environ-home {
  padding-left: 25px;
}
.desc-environ-home h3 {
  color: #000;
  font-size: 1.85rem;
  margin: 25px 0 15px;
}
.desc-environ-home p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 2.2;
  margin-bottom: 30px;
}

.vdocenter-home {
  padding: 0;
  position: relative;
  overflow: hidden;
  aspect-ratio: 33/9;
}
.vdocenter-home video {
  width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.wrap-news-home {
  padding: 70px 15px 90px;
}
.wrap-news-home .owl-news {
  margin-top: 20px;
}
.wrap-news-home .btn-txt-arrow {
  margin-top: 20px;
}
.wrap-news-home .owl-stage-outer .owl-stage {
  display: flex;
  flex-wrap: wrap;
}

.items-recentnews {
  position: relative;
  height: 100%;
  border-radius: 0 0 15px 15px;
}
.items-recentnews a {
  display: block;
  color: #fff;
}
.items-recentnews a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.items-recentnews a figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 90.39408867%;
}
.items-recentnews a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.items-recentnews a figure:hover > img {
  transform: scale(1.1);
}
.items-recentnews a.tagnews {
  display: flex;
}
.items-recentnews-desc {
  padding: 25px 25px 30px;
}
.items-recentnews-desc h3 {
  font-size: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  margin: 10px 0;
}
.items-recentnews-desc p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.95rem;
  line-height: 2;
}
.items-recentnews:hover figure img {
  transform: scale(1.1);
}

.tagnews {
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #fff;
  color: #fff;
  border-radius: 50px;
  height: 28px;
  align-items: center;
  padding: 0 15px;
  z-index: 1;
  text-transform: uppercase;
  font-size: 0.7rem;
  line-height: 1;
  transition: 0.5s;
}
.tagnews:hover {
  background-color: #00A3DF;
  border: 1px solid #75BBEC;
}

.recent-news .owl-news .owl-item:nth-child(3n+1) .items-recentnews {
  background-color: #0566AB;
}
.recent-news .owl-news .owl-item:nth-child(3n+2) .items-recentnews {
  background-color: #05A4DE;
}
.recent-news .owl-news .owl-item:nth-child(3n+3) .items-recentnews {
  background-color: #75BBEC;
}

.news-date {
  color: #D5ECFA;
  font-size: 0.9rem;
  text-transform: uppercase;
  position: relative;
  padding-left: 15px;
}
.news-date::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50px;
  background-color: #D5ECFA;
  position: absolute;
  top: 11px;
  left: 0;
}

.btn-more-chev {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.btn-more-chev .svg {
  width: 7px;
  height: auto;
  fill: #fff;
  margin-left: 7px;
}

.footer-social {
  background-color: #ECECEC;
  color: #000;
  text-transform: uppercase;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 54px;
}
.footer-social-call span {
  font-style: italic;
  font-size: 1.2rem;
  font-weight: 500;
  padding-left: 5px;
}
.footer-social-follow {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding-top: 5px;
}
.footer-social-follow div {
  padding-left: 10px;
}
.footer-social-follow div a {
  display: inline-block;
  margin-left: 5px;
  transition: 0.5s;
}
.footer-social-follow div a:hover {
  transform: scale(1.08);
}

.wrap-footer {
  background-color: #3F3B38;
  color: #fff;
  padding: 50px 15px 30px;
}

.footer-cc {
  border-top: 1px solid #5A5A5A;
  padding: 15px 0 0;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  color: #eee;
  font-size: 0.8rem;
}
.footer-cc a {
  display: inline-flex;
  color: #eee;
}

.footer-menu {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 35px;
  margin-top: 35px;
  font-size: 0.9rem;
}
.footer-menu-item h4 {
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-bottom: 15px;
}
.footer-menu-item ul {
  padding: 0;
}
.footer-menu-item ul li {
  list-style: none;
  margin-bottom: 10px;
}
.footer-menu-item ul li a {
  color: #eee;
  font-weight: 300;
  transition: 0.5s;
}
.footer-menu-item ul li a:hover {
  color: #fff;
  font-weight: 400;
}
.footer-menu-item ul li a h4 {
  margin-bottom: 20px;
}

.bubble-wrap {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.bubble-icon {
  width: 50px;
  height: 50px;
  display: flex;
  font-size: 24px;
  color: #FFF;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  position: relative;
  cursor: pointer;
  margin-top: 6px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  display: none;
}
.bubble-icon:hover .bubble-text {
  right: calc(100% + 18px);
  opacity: 1;
}
.bubble-icon img {
  width: 40px;
  height: auto;
}
.bubble-text {
  white-space: nowrap;
  color: #000;
  font-size: 16px;
  padding: 15px 15px 12px 15px;
  border-radius: 8px;
  top: 5px;
  position: absolute;
  background-color: #fff;
  line-height: 1;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  pointer-events: none;
  right: 0;
  opacity: 0;
  transition: 0.5s all ease;
}
.bubble-text::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  background-color: #fff;
  right: -6px;
  top: 14px;
  transform: rotate(45deg);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.bubble-text::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 60%;
  border-radius: 5px;
  background-color: #fff;
  right: 0;
  top: 20%;
  z-index: 2;
}
.bubble-button {
  display: flex;
}

.topbar_menu_mb.topbar_menu {
  display: none;
}

.btn-viewall-mb {
  display: none;
}

.wrap-bannerinside {
  padding: 0;
  position: relative;
}
.wrap-bannerinside figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.wrap-bannerinside figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 25%;
}
.wrap-bannerinside figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.wrap-bannerinside figure:hover > img {
  transform: scale(1);
}
.wrap-bannerinside figure img {
  -o-object-position: center center;
     object-position: center center;
}
.wrap-bannerinside hgroup {
  position: absolute;
  bottom: 40px;
  left: 5%;
  color: #fff;
}
.wrap-bannerinside hgroup h2 {
  font-size: 1.2rem;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.wrap-bannerinside hgroup h1 {
  font-size: 1.9rem;
  text-transform: uppercase;
}
.wrap-bannerinside hgroup .breadcrumb {
  margin: 0;
  font-size: 0.85rem;
}
.wrap-bannerinside hgroup .breadcrumb li {
  position: relative;
}
.wrap-bannerinside hgroup .breadcrumb li a {
  color: #fff;
}
.wrap-bannerinside hgroup .breadcrumb li img {
  width: 5px;
  height: auto;
  margin: 0 8px 0 10px;
}

.wrap-content-certificate {
  background-image: url(../images/bg-certificate.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 70px 0 90px;
}

.desc-certificate {
  line-height: 2;
  margin-top: 15px;
}
.desc-certificate-topic {
  color: #0566AB;
  font-size: 1.1rem;
  line-height: 1.7;
}
.desc-certificate ul li {
  list-style: none;
}

.txt_black {
  color: #000;
}

.certificate-selectitem {
  margin-top: 35px;
}
.certificate-selectitem-list {
  background-color: #F6F6F6;
  padding: 5px 20px;
}
.certificate-selectitem-list-box {
  padding: 20px 0;
  align-items: center;
  border-bottom: 1px solid #E0E0E0;
  margin: 0;
}
.certificate-selectitem-list-box h5 {
  color: #000;
  font-size: 1.1rem;
  margin-bottom: 0;
}
.certificate-selectitem-list-box:last-child {
  border-bottom: 0;
}
.certificate-selectitem-list-box a img {
  margin-right: 10px;
}

.box-form-certificate {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #D2DFEC;
  padding: 25px 25px 15px;
  margin-top: 20px;
}
.box-form-certificate-item {
  margin-bottom: 30px;
  padding: 0 20px;
}
.box-form-certificate-item-select {
  background-color: #F3F3F3;
  padding: 15px;
}
.box-form-certificate-item-select .list-checkbox {
  display: inline-block;
  margin-right: 100px;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-size: 0.95rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.box-form-certificate-item-select .list-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.box-form-certificate-item-select .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #fff;
  border: 1px solid #CCC;
  border-radius: 3px;
}
.box-form-certificate-item-select .list-checkbox input:checked ~ .checkmark {
  background-color: #00A3DF;
  border: 1px solid #00A3DF;
}
.box-form-certificate-item-select .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.box-form-certificate-item-select .list-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.box-form-certificate-item-select .list-checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.box-form-certificate label {
  color: #000;
}
.box-form-certificate label span {
  color: #f00;
}
.box-form-certificate .form-select,
.box-form-certificate .form-control {
  border-radius: 0;
  padding: 10px 15px;
}
.box-form-certificate .form-select:focus,
.box-form-certificate .form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}
.box-form-certificate-recheck {
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
.box-form-certificate-recheck span {
  color: #000;
  font-weight: 500;
}

.box-submitbutton-recheck {
  margin: 30px 0 25px;
}

.box-submitbutton {
  text-align: right;
}
.box-submitbutton .btn-reset {
  background-color: #666;
  margin-right: 10px;
}
.box-submitbutton .btn-reset:hover {
  background-color: #333;
}

.box-certificate-download {
  width: 750px;
  max-width: 100%;
  margin: 15px auto 0;
}

.wrap-download .txt-subtopic {
  margin: 20px 0;
}
.wrap-download p {
  color: #000;
  font-size: 1.1rem;
  line-height: 2;
}

.box-download {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 65px;
}
.box-download-items {
  display: block;
  color: #000;
}
.box-download-items figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border: 1px solid #F2F2F2;
  margin-bottom: 20px;
  background-color: #0566AB;
}
.box-download-items figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 138.8888888889%;
}
.box-download-items figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.box-download-items figure:hover > img {
  transform: scale(1.07);
}
.box-download-items figure .pdf-download {
  opacity: 0;
}
.box-download-items h5 {
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}
.box-download-items:hover figure .pdf-download {
  opacity: 1;
}
.box-download-items:hover figure .pdf-download img {
  opacity: 1;
}
.box-download-items:hover figure img {
  opacity: 0.1;
}

.pdf-download {
  background-color: #fff;
  color: #0566AB;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.9rem;
  display: flex;
  width: 167px;
  height: 50px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.pdf-download img {
  width: auto;
  height: 20px;
  margin-right: 6px;
}

.wrap-contact {
  background-image: url(../images/bg-contact.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 70px 0;
}

.box-contactinfo h3 {
  color: #0566AB;
  font-size: 1.25rem;
}
.box-contactinfo h2 {
  color: #000;
  font-size: 1.5rem;
  margin: 20px 0;
}
.box-contactinfo address {
  margin-bottom: 10px;
}

.contactinfo-icon {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}
.contactinfo-icon .svg {
  fill: #666;
  margin-right: 9px;
}
.contactinfo-icon .svg g * {
  fill: #666;
}
.contactinfo-icon a {
  color: #666;
  transition: 0.5s;
}
.contactinfo-icon a:hover {
  color: #000;
}

.contact-branch {
  margin-top: 40px;
  font-size: 0.95rem;
}
.contact-branch h4 {
  color: #000;
  font-size: 1.05rem;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.contact-branch h5 {
  color: #0566AB;
  font-size: 1rem;
  margin-bottom: 15px;
}
.contact-branch h6 {
  color: #000;
  font-weight: 400;
  margin-bottom: 12px;
}

.box-enquiryform {
  padding-left: 30px;
  margin-top: 45px;
}
.box-enquiryform h3 {
  color: #000;
  font-size: 1.5rem;
  margin: 20px 0;
}
.box-enquiryform .box-form-certificate-item .box-submitbutton {
  text-align: left;
}
.box-enquiryform .box-form-certificate-item .box-submitbutton button {
  width: 100%;
}

.wrap-gmaps {
  padding: 0;
}
.wrap-gmaps .ratio-21x9 {
  --bs-aspect-ratio: 25%;
}

.wrap-content-page {
  padding: 70px 0 100px;
}

.item-latestnews {
  align-items: center;
  position: relative;
}
.item-latestnews a {
  display: block;
}
.item-latestnews a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.item-latestnews a figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 65.8666666667%;
}
.item-latestnews a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.item-latestnews a figure:hover > img {
  transform: scale(1.07);
}
.item-latestnews a.tagnews {
  display: flex;
  top: 15px;
  left: 25px;
}
.item-latestnews-detail {
  color: #666;
  padding-left: 40px;
}
.item-latestnews-detail .news-date {
  color: #666;
  margin-bottom: 15px;
}
.item-latestnews-detail .news-date::before {
  background-color: #00A3DF;
}
.item-latestnews-detail h3 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
}
.item-latestnews-detail p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 2;
}
.item-latestnews-detail .btn-default {
  margin-top: 20px;
}
.item-latestnews-detail:hover .btn-default {
  background-color: #333;
}

.wrap-items-news {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  margin-top: 60px;
}
.wrap-items-news .item-allnews {
  display: block;
  border: 1px solid #EFEFEF;
  color: #666;
  transition: 0.5s;
}
.wrap-items-news .item-allnews figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.wrap-items-news .item-allnews figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 65.8666666667%;
}
.wrap-items-news .item-allnews figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.wrap-items-news .item-allnews figure:hover > img {
  transform: scale(1.07);
}
.wrap-items-news .item-allnews figcaption {
  padding: 20px 20px 5px;
}
.wrap-items-news .item-allnews figcaption h3 {
  color: #000;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 10px 0 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
}
.wrap-items-news .item-allnews figcaption p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
  line-height: 1.8;
  word-break: break-all;
}
.wrap-items-news .item-allnews:hover {
  border: 1px solid #ddd;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.news-date2 {
  color: #A4A4A4;
  font-size: 0.9rem;
  text-transform: uppercase;
}

.news-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 45px;
}
.news-gallery a {
  display: block;
}
.news-gallery a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.news-gallery a figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 65.8064516129%;
}
.news-gallery a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.news-gallery a figure:hover > img {
  transform: scale(1.07);
}

.content-editor .news-date {
  color: #666;
}
.content-editor .news-date::before {
  background-color: #00A3DF;
  top: 9px;
}
.content-editor h2 {
  color: #000;
  font-weight: 400;
  font-size: 1.5rem;
  margin: 25px 0 15px;
  line-height: 1.7;
}
.content-editor img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}
.content-editor ul li {
  margin-bottom: 7px;
}

.wrap-recent-news {
  position: relative;
  border-top: 2px solid rgba(213, 236, 250, 0.8);
  padding: 0;
}
.wrap-recent-news::before {
  content: "";
  background-color: rgba(213, 236, 250, 0.4);
  width: 100%;
  height: 370px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.wrap-recent-news .txt-topic {
  font-size: 2rem;
}
.wrap-recent-news .wrap-news-home .btn-txt-arrow {
  margin-top: 10px;
}
.wrap-recent-news .wrap-news-home .items-recentnews-desc h3 {
  font-size: 1.35rem;
}

.box-latestnews {
  padding: 90px 0;
}
.box-latestnews-2 {
  background-color: #3F3B38;
}
.box-latestnews-2 .item-latestnews {
  flex-direction: row-reverse;
}
.box-latestnews-2 .item-latestnews-detail {
  color: #BDBDBD;
  padding-left: 0;
  padding-right: 40px;
}
.box-latestnews-2 .item-latestnews-detail .news-date {
  color: #D5ECFA;
}
.box-latestnews-2 .item-latestnews-detail .news-date::before {
  background-color: #D5ECFA;
}
.box-latestnews-2 .item-latestnews-detail h3 {
  color: #fff;
}
.box-latestnews-2 .item-latestnews .fadeInLeft {
  position: relative;
}
.box-latestnews-2 .item-latestnews .btn-default {
  background-color: #D5ECFA;
  color: #0566AB;
}
.box-latestnews-2 .item-latestnews .btn-default:hover {
  background-color: #0566AB;
  color: #fff;
}
.box-latestnews-2:hover .btn-default {
  background-color: #0566AB;
  color: #fff;
}

.mt0.wrap-items-news {
  margin-top: 0;
}

.listnews {
  position: relative;
}
.listnews .tagnews {
  top: 12px;
  left: 12px;
}

.newsdetail-boxdate {
  display: inline-flex;
  align-items: center;
}
.newsdetail-boxdate .tagnews {
  position: static;
  background-color: #00A3DF;
  color: #fff;
  border: 1px solid #75BBEC;
  margin-right: 30px;
}

.career-title hgroup {
  text-align: center;
}
.career-title hgroup h2 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 400;
}
.career-title hgroup h3 {
  color: #0566AB;
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 20px 0 15px;
}
.career-title hgroup h4 {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.9;
}

.career-benefit {
  margin-top: 45px;
}
.career-benefit figure img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.benefit-message {
  padding-left: 35px;
}
.benefit-message h5 {
  color: #0566AB;
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 25px;
}
.benefit-message-list-item {
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  width: 100%;
  padding: 14px 5px 12px;
}
.benefit-message-list-item figure {
  width: 40px;
  margin: 0 15px 0 0;
}
.benefit-message-list-item figure img {
  width: 100%;
  height: auto;
}
.benefit-message-list-item div {
  width: calc(100% - 55px);
}
.benefit-message-list-item div h6 {
  color: #000;
  font-weight: 500;
}
.benefit-message-list-item:last-child {
  border-bottom: 0;
}

.career-banner-center {
  background-image: url(../images/bg-career.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  height: auto;
  min-height: 430px;
  display: flex;
  align-items: center;
  padding: 30px 5px;
}
.career-banner-center .box-topic-career h4 {
  line-height: 1.6;
  margin-bottom: 10px;
}

.box-topic-career h3 {
  color: #000;
  font-size: 1.2rem;
  font-weight: 400;
}
.box-topic-career h4 {
  color: #0566AB;
  font-size: 1.5rem;
  margin: 15px 0;
  line-height: 1.4;
}
.box-topic-career h5 {
  color: #000;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.85;
}

.career-position {
  background-color: #F5F5F5;
  padding: 70px 0;
}
.career-position h2 {
  font-size: 1.7rem;
  color: #000;
  font-weight: 400;
}
.career-position .btn-default .svg {
  fill: #fff;
  width: 17px;
  height: auto;
  margin-left: 13px;
}
.career-position .content-editor {
  margin-top: 15px;
}
.career-position .footer-social-follow {
  justify-content: flex-start;
  color: #000;
  font-weight: 500;
  margin-top: 30px;
}

.box-position {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.box-position-list {
  background-color: #fff;
  padding: 22px;
  height: 175px;
  position: relative;
  transition: 0.5s;
  display: block;
  color: #666;
  border: 1px solid #fff;
}
.box-position-list h3 {
  color: #000;
  font-size: 1.2rem;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
  transition: 0.5s;
}
.box-position-list div {
  font-size: 0.9rem;
  transition: 0.2s;
}
.box-position-list .svg {
  position: absolute;
  bottom: 20px;
  fill: #000;
  transition: 0.5s;
}
.box-position-list:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background-color: #0566AB;
  color: #fff;
}
.box-position-list:hover h3 {
  color: #fff;
}
.box-position-list:hover .svg {
  fill: #fff;
}

.career-banner-bottom {
  padding: 0;
  position: relative;
}
.career-banner-bottom figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.career-banner-bottom figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 22.5%;
}
.career-banner-bottom figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.career-banner-bottom figure:hover > img {
  transform: scale(1);
}
.career-banner-bottom hgroup {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}
.career-banner-bottom hgroup h3 {
  font-size: 2.5rem;
}
.career-banner-bottom hgroup h4 {
  font-size: 2.5rem;
  font-weight: 300;
}

.wrap-career-detail .btn-default img {
  margin-right: 7px;
}
.wrap-career-detail-topic {
  margin-top: 20px;
}
.wrap-career-detail-topic h2 {
  font-weight: 400;
  font-size: 2rem;
  color: #000;
}
.wrap-career-detail .content-editor {
  margin-top: 35px;
}

.topic-career-desc {
  position: relative;
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
}
.topic-career-desc::before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 11px;
  left: -65px;
}

.career-contact {
  margin-top: 45px;
}
.career-contact h5 {
  color: #000;
}
.career-contact h6 {
  color: #000;
  font-weight: 400;
  font-size: 1.1rem;
  margin: 15px 0;
}
.career-contact a {
  color: #666;
}

.wrap-carrer-form {
  background-color: #F6F6F6;
  padding: 50px 0;
}
.wrap-carrer-form h3 {
  color: #000;
}
.wrap-carrer-form-head {
  background-color: #000;
  color: #fff;
  min-height: 50px;
  height: auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  margin: 15px 0 25px;
}
.wrap-carrer-form-head img {
  margin-right: 10px;
}
.wrap-carrer-form .box-form-certificate {
  padding: 0;
  background: none;
  border: 0;
}
.wrap-carrer-form .placeholder {
  background-color: transparent;
  color: #666;
  opacity: 1;
  font-size: 1rem;
}

.career-seccion {
  margin-bottom: 40px;
}

.career-submit {
  border-top: 1px solid #E5E5E5;
  padding-top: 25px;
}

.wrap-career-contact {
  background-image: url(../images/carreer-contact.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 400px;
  padding: 50px 0;
  height: auto;
  color: #fff;
  position: relative;
}
.wrap-career-contact-box-item {
  margin-top: 25px;
}
.wrap-career-contact-box-item h4 {
  font-size: 1.15rem;
  margin-bottom: 5px;
}
.wrap-career-contact-box-item a {
  display: inline-block;
  color: #fff;
  margin-right: 8px;
}
.wrap-career-contact-box-item a .svg {
  width: 22px;
  height: auto;
  margin-top: 5px;
}

.career-contact-bt {
  margin-bottom: 30px;
}

.career-channel a {
  display: block;
  margin-bottom: 7px;
  transition: 0.5s;
}
.career-channel a:hover {
  color: #0566AB;
}

.wrap-carbon {
  background-image: url(../images/bg-carbon.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  padding: 80px 0 70px;
  margin-top: -1px;
}
.wrap-carbon p {
  line-height: 2rem;
}

.subtopic-social {
  color: #000;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 20px;
}

.topic-social {
  color: #0566AB;
  font-size: 2rem;
  margin-bottom: 15px;
}

.wrap-neutral-photo {
  position: relative;
  padding: 80px 0;
}
.wrap-neutral-photo::before {
  content: "";
  background-color: #F6FAF6;
  width: 50vw;
  height: 100%;
  position: absolute;
  right: 70%;
  top: 0;
  z-index: -1;
}
.wrap-neutral-photo img {
  width: 100%;
}
.wrap-neutral-desc {
  display: flex;
  align-items: center;
  padding-left: 40px;
  line-height: 2;
}

.wrap-managementsystem {
  padding: 70px 0;
  line-height: 2rem;
}
.wrap-managementsystem-box {
  position: relative;
  width: 1150px;
  max-width: 100%;
  margin: 25px auto 0;
  color: #000;
}
.wrap-managementsystem-box span {
  color: #0566AB;
  font-size: 1.25rem;
  font-weight: 500;
}
.wrap-managementsystem-box div {
  margin-bottom: 10px;
}
.wrap-managementsystem-box::before {
  content: "";
  background-image: url(../images/quote.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 25px;
  position: absolute;
  top: 0;
  left: -50px;
}
.wrap-managementsystem-box::after {
  content: "";
  background-image: url(../images/quote.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 25px;
  position: absolute;
  bottom: 0;
  right: -40px;
  transform: rotate(-180deg);
}

.wrap-certificate {
  background-color: #F4FBFF;
}
.wrap-certificate-photo {
  position: relative;
  padding: 80px 70px 80px 0;
}
.wrap-certificate-photo::before {
  content: "";
  background-image: url(../images/bg-ems-blue.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.wrap-certificate-photo h3 {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 20px;
}
.wrap-certificate-chart {
  padding: 35px 0 35px 70px;
  text-align: center;
}
.wrap-certificate-chart img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.wrap-certificate-chart h3 {
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 0;
}

.pollution-quicklink {
  margin-top: 30px;
}
.pollution-quicklink a {
  display: inline-block;
  margin: 0 40px;
}
.pollution-quicklink a div img {
  width: 147px;
  height: auto;
  margin-bottom: 25px;
  transition: 0.5s;
}
.pollution-quicklink a h2 {
  color: #000;
  font-size: 1.25rem;
  transition: 0.5s;
}
.pollution-quicklink a:hover img {
  transform: scale(1.08);
}
.pollution-quicklink-air:hover h2 {
  color: #008F2D;
}

.list-pollution {
  padding: 70px 0;
}
.list-pollution-airquality {
  background-color: #FBFFF6;
}
.list-pollution-airquality h2 {
  color: #008F2D;
}
.list-pollution-water {
  background-color: #F9FCFF;
}
.list-pollution-water h2 {
  color: #0066A8;
}
.list-pollution-water .row {
  flex-direction: row-reverse;
}
.list-pollution-water .row .list-pollution-desc {
  padding-left: 0;
  padding-right: 40px;
}
.list-pollution-waste {
  background-color: #FFFCF5;
}
.list-pollution-waste h2 {
  color: #ED6900;
}
.list-pollution-desc {
  padding-left: 40px;
}
.list-pollution-desc-topic {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}
.list-pollution-desc-topic img {
  width: 64px;
  margin-right: 15px;
}
.list-pollution-desc-topic h2 {
  font-size: 1.6rem;
  margin-bottom: 0;
}
.list-pollution-desc .content-editor ul {
  margin: 5px 0 15px;
}
.list-pollution .content-center {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.list-pollution figure img {
  width: 100%;
  height: auto;
}

.wrap-safety {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 55px;
  text-align: left;
  margin-top: 40px;
}
.wrap-safety figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 25px;
}
.wrap-safety figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 65.3225806452%;
}
.wrap-safety figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.wrap-safety figure:hover > img {
  transform: scale(1);
}
.wrap-safety h2 {
  color: #0566AB;
  font-size: 1.25rem;
  line-height: 1.4;
}
.wrap-safety p {
  margin-bottom: 0;
}

.policy-quideline {
  padding: 70px 0;
  background: rgb(241, 247, 255);
  background: linear-gradient(180deg, rgb(241, 247, 255) 0%, rgb(255, 255, 255) 55%);
  text-align: center;
}
.policy-quideline .wrap-managementsystem-box {
  font-size: 1.2rem;
  line-height: 2;
  margin-bottom: 30px;
}
.policy-quideline h3 {
  color: #000;
  font-size: 1.25rem;
}
.policy-quideline-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 55px;
  margin-top: 30px;
}
.policy-quideline-items-box {
  background-color: #F3FAFF;
  border: 1px solid #75BBEC;
  border-radius: 10px;
  padding: 25px 15px 15px;
}
.policy-quideline-items-box img {
  width: 76px;
  height: auto;
  margin-bottom: 25px;
}
.policy-quideline-items-box h2 {
  color: #0566AB;
  font-size: 1.3rem;
}
.policy-quideline-structure {
  margin-top: 70px;
  padding-left: 100px;
  text-align: left;
}
.policy-quideline-structure img {
  width: 100%;
}
.policy-quideline-structure-content {
  display: flex;
  align-items: center;
}
.policy-quideline-structure-content-desc {
  padding-left: 60px;
  font-size: 1.1rem;
}
.policy-quideline-structure-content-desc .topic-safety {
  color: #000;
  margin: -15px 0 20px;
}
.policy-quideline-structure-content-desc h3 {
  color: #0566AB;
  font-size: 1.4rem;
  margin-bottom: 15px;
}
.policy-quideline-structure-content-desc h4 {
  color: #000;
  font-size: 1.4rem;
}

.topic-safety {
  font-size: 1.9rem;
  color: #0566AB;
}

.safety-standard {
  background-color: #F9F9F9;
  padding: 70px 0 60px;
}
.safety-standard figure {
  padding-right: 40px;
}
.safety-standard figure img {
  width: 100%;
}
.safety-standard-content img {
  width: 130px;
  margin-bottom: 20px;
}
.safety-standard-content-list div {
  font-size: 1.1rem;
  margin-bottom: 10px;
}
.safety-standard-content-list div span {
  color: #0566AB;
  font-weight: 500;
  padding-right: 5px;
}
.safety-standard h3 {
  color: #000;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
}
.safety-standard .text-center {
  margin-top: 30px;
}

.safety-photobanner {
  padding: 0;
}
.safety-photobanner img {
  width: 100%;
  height: auto;
}

.perfecthero {
  background-image: url(../images/bg-perfect-hero.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  padding: 80px 0 60px;
}
.perfecthero figure img {
  width: 100%;
}
.perfecthero-content {
  display: flex;
  align-items: center;
}
.perfecthero-content-desc {
  padding-left: 50px;
}
.perfecthero-content-desc img {
  width: 172px;
  height: auto;
}
.perfecthero-content-desc h3 {
  color: #000;
  font-size: 1.3rem;
  margin: 30px 0 15px;
}

.bg-safetylist {
  background-color: #F8FCFF;
}

.wrap-safetylist {
  padding-bottom: 20px;
}
.wrap-safetylist .safetylist {
  margin-top: 70px;
  margin-bottom: 70px;
}
.wrap-safetylist .safetylist:nth-child(even) {
  flex-direction: row-reverse;
}
.wrap-safetylist .safetylist:nth-child(even) .safetylist-content-desc {
  padding-left: 0;
  padding-right: 40px;
}
.wrap-safetylist .safetylist a {
  display: block;
}
.wrap-safetylist .safetylist a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.wrap-safetylist .safetylist a figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 65.5%;
}
.wrap-safetylist .safetylist a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.wrap-safetylist .safetylist a figure:hover > img {
  transform: scale(1);
}
.wrap-safetylist .safetylist-content {
  display: flex;
  align-items: center;
}
.wrap-safetylist .safetylist-content-desc {
  padding-left: 40px;
}
.wrap-safetylist .safetylist-content-desc h2 {
  color: #0566AB;
  font-size: 1.35rem;
  margin-bottom: 15px;
}
.wrap-safetylist .safetylist-bgblue {
  position: relative;
}
.wrap-safetylist .safetylist-bgblue::before {
  content: "";
  background-color: #D5ECFA;
  width: 13px;
  height: 80%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.icon-gallery {
  position: absolute;
  z-index: 1;
  background: rgba(5, 102, 171, 0.9);
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #fff;
  text-transform: uppercase;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  height: 33px;
  padding: 0 15px;
  top: 15px;
  left: 25px;
}
.icon-gallery img {
  width: 15px;
  height: auto;
  margin-right: 5px;
}

.wrap-searchresults {
  padding: 70px 0;
}
.wrap-searchresults-box {
  width: 1000px;
  max-width: 100%;
  margin: 15px auto 35px;
  display: inline-flex;
}
.wrap-searchresults-box input {
  width: calc(100% - 110px);
  display: inline-flex;
  height: 40px;
  border-radius: 50px;
  border: 1px solid #ccc;
  margin-right: 10px;
  padding: 0 15px;
}
.wrap-searchresults-box button {
  background-color: #0566AB;
  color: #fff;
  width: 100px;
  border-radius: 50px;
  height: 40px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wrap-searchresults-topic {
  text-align: left;
}
.wrap-searchresults-topic h2 {
  font-size: 1.2rem;
  font-weight: 400;
  color: #000;
}
.wrap-searchresults-topic h2 span {
  font-weight: 500;
  color: #0566AB;
}
.wrap-searchresults-items {
  margin-top: 20px;
}
.wrap-searchresults-items a {
  display: flex;
  text-align: left;
  align-items: center;
  color: #666;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.wrap-searchresults-items a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.wrap-searchresults-items a figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 68.75%;
}
.wrap-searchresults-items a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.wrap-searchresults-items a figure:hover > img {
  transform: scale(1);
}
.wrap-searchresults-items a .searchresults-desc h2 {
  font-size: 1.1rem;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wrap-searchresults-items a .searchresults-desc div {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wrap-searchresults-items a:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.wrap-products {
  padding: 70px 0;
  background-image: url(../images/bg-products.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}
.wrap-products hgroup {
  text-align: center;
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
}
.wrap-products hgroup h3 {
  color: #000;
  font-size: 1.35rem;
  line-height: 1.95;
}
.wrap-products hgroup h4 {
  font-weight: normal;
  font-size: 1.2rem;
  color: #000;
  line-height: 1.9;
}
.wrap-products-welcome {
  display: flex;
  align-items: center;
  margin-top: 45px;
}
.wrap-products-welcome figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 0 100px 0 0;
}
.wrap-products-welcome figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 90.2912621359%;
}
.wrap-products-welcome figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.wrap-products-welcome figure:hover > img {
  transform: scale(1);
}
.wrap-products-welcome-desc {
  padding-left: 40px;
  font-size: 1.1rem;
}
.wrap-products-welcome-desc div {
  margin-bottom: 30px;
}
.wrap-products-welcome-desc div h3 {
  color: #000;
  font-size: 1.3rem;
  margin-bottom: 15px;
}
.wrap-products-welcome-desc div p {
  line-height: 2;
}

.banner-product-center {
  margin-top: 90px;
}
.banner-product-center figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.banner-product-center figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 22.8125%;
}
.banner-product-center figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.banner-product-center figure:hover > img {
  transform: scale(1);
}

.product-list {
  background-color: #fff;
  padding: 60px 0 0;
  margin-top: -100px;
  position: relative;
  z-index: 1;
}
.product-list h2 {
  color: #000;
  text-align: center;
  font-size: 1.9rem;
}
.product-list-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 35px;
  margin-top: 35px;
}
.product-list-items a {
  display: block;
  color: #000;
  margin-bottom: 20px;
}
.product-list-items a figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 30px;
}
.product-list-items a figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 75%;
}
.product-list-items a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.product-list-items a figure:hover > img {
  transform: scale(1.1);
}
.product-list-items a h3 {
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 12px;
  transition: 0.5s;
}
.product-list-items a h4 {
  font-size: 1rem;
  transition: 0.5s;
}
.product-list-items a:hover h3 {
  color: #0566AB;
}
.product-list-items a:hover h4 {
  color: #666;
}

.products-inside {
  padding: 70px 0 0;
}
.products-inside hgroup {
  text-align: center;
}
.products-inside hgroup h3 {
  color: #000;
  font-size: 1.5rem;
}
.products-inside-desc {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.products-inside-desc .owl-productdetail figure {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 0;
  border: 1px solid #EBEBEB;
}
.products-inside-desc .owl-productdetail figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 74.4360902256%;
}
.products-inside-desc .owl-productdetail figure > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.products-inside-desc .owl-productdetail figure:hover > img {
  transform: scale(1);
}
.products-inside-desc .owl-productdetail figure img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.products-inside-desc .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 20px;
}
.products-inside-desc .owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background-color: #D9D9D9;
}
.products-inside-desc .owl-theme .owl-dots .owl-dot.active span, .products-inside-desc .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #75BBEC;
}
.products-inside-desc .content-editor {
  padding-left: 30px;
  margin-top: -25px;
}
.products-inside-desc .content-editor p {
  line-height: 2;
  margin-bottom: 10px;
}
.products-inside-photo {
  margin-top: 50px;
}
.products-inside-photo img {
  width: 100%;
}

.product-feature {
  background-color: #F6FBFF;
  margin-top: -80px;
  padding: 150px 0 70px;
  position: relative;
  z-index: -1;
}
.product-feature img {
  width: 100%;
}
.product-feature-desc {
  padding-right: 50px;
}
.product-feature-desc-list {
  position: relative;
  padding-left: 15px;
  margin-top: 25px;
}
.product-feature-desc-list::before {
  content: "";
  background-color: #71BCE9;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  position: absolute;
  top: 7px;
  left: 0;
}
.product-feature-desc-list h3 {
  color: #000;
  font-size: 1.15rem;
}

.topic-productdetail {
  font-size: 1.7rem;
  color: #0566AB;
  font-weight: 500;
}

.product-application {
  background-image: url(../images/bg-application.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0 50px;
  color: #fff;
  text-align: center;
}
.product-application .topic-productdetail {
  color: #fff;
  margin-bottom: 30px;
}
.product-application .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px;
}
.product-application .owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background-color: #D9D9D9;
}
.product-application .owl-theme .owl-dots .owl-dot.active span, .product-application .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #75BBEC;
}

.box-application {
  background: rgba(0, 6, 24, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  height: auto;
  min-height: 195px;
  padding: 10px;
  line-height: 1.6;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  transition: 0.5s;
}
.box-application img {
  height: 72px;
  width: auto;
  transition: 1s;
}
.box-application:hover {
  background: rgba(0, 6, 24, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.box-application:hover img {
  transform: scale(1.1);
}

.product-spec {
  padding: 70px 0 20px;
}
.product-spec .topic-productdetail {
  text-align: center;
  margin-bottom: 30px;
}
.product-spec .table {
  margin-bottom: 70px;
}
.product-spec .table thead th {
  background-color: #4C4C4C;
  color: #fff;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
}
.product-spec .table thead th div {
  font-weight: 300;
  font-size: 0.75rem;
}
.product-spec .table tbody tr th {
  text-align: center;
  font-weight: 500;
}
.product-spec .table tbody tr td {
  text-align: center;
  color: #666;
  font-size: 0.9rem;
}
.product-spec .table tbody tr td a {
  color: #0566AB;
  font-weight: 500;
}

.wrap-service {
  padding: 70px 0;
}
.wrap-service hgroup {
  text-align: center;
}
.wrap-service hgroup h3 {
  color: #000;
  font-size: 1.25rem;
  margin: 20px 0 15px;
  line-height: 1.8;
}
.wrap-service hgroup h4 {
  color: #000;
  font-size: 1.05rem;
  margin-top: 25px;
}
.wrap-service hgroup a {
  display: inline-flex;
  width: auto;
  min-width: 180px;
  height: 45px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  border-radius: 50px;
  margin: 25px 7px 0;
  transition: 0.5s;
}
.wrap-service hgroup a.btn-blue1 {
  background-color: #0566AB;
}
.wrap-service hgroup a.btn-blue2 {
  background-color: #62ADE2;
}
.wrap-service hgroup a:hover {
  background-color: #666;
}
.wrap-service-photo {
  margin: 60px 0 50px;
}
.wrap-service-photo img {
  width: 100%;
}
.wrap-service-item {
  line-height: 2;
}
.wrap-service-item h2 {
  color: #0566AB;
}
.wrap-service-item h3 {
  color: #000;
  font-size: 1.2rem;
  margin: 15px 0 10px;
  line-height: 1.8;
}

.box-onsite {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
.box-onsite-items {
  border-radius: 10px;
  padding: 0 20px 10px;
  position: relative;
}
.box-onsite-items h3 {
  height: 45px;
  color: #fff;
  border-radius: 50px;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.box-onsite-items::before {
  content: "";
  bottom: 100%;
  position: absolute;
  left: 50%;
  height: 137px;
  border-left: 3px solid #CCCCCC;
  transform: translate(0, -5px);
}
.box-onsite-items ul {
  padding: 0;
  margin: 20px 0 0;
}
.box-onsite-items ul li {
  list-style: none;
  position: relative;
  color: #333;
  font-weight: 500;
  margin-bottom: 5px;
  padding-left: 25px;
}
.box-onsite-items ul li::before {
  content: "";
  background-image: url(../images/icon-check.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  left: 0;
}
.box-onsite-items.service-items1 {
  background-color: #F6FCFF;
  border: 1px solid #75AFD3;
}
.box-onsite-items.service-items1 h3 {
  background-color: #1C6B9D;
}
.box-onsite-items.service-items1::before {
  width: 100%;
  border-top: 3px solid #CCCCCC;
}
.box-onsite-items.service-items2 {
  background-color: #F0F9FF;
  border: 1px solid #4EA1DB;
}
.box-onsite-items.service-items2 h3 {
  background-color: #4EA1DB;
}
.box-onsite-items.service-items2 ul li::before {
  background-image: url(../images/icon-check2.svg);
}
.box-onsite-items.service-items3 {
  background-color: #F3FAFF;
  border: 1px solid #75BBEC;
}
.box-onsite-items.service-items3 h3 {
  background-color: #85C1E6;
}
.box-onsite-items.service-items3::before {
  width: 100%;
  border-top: 3px solid #CCCCCC;
  right: 50%;
  left: auto;
  border-right: 3px solid #CCCCCC;
  border-left: 0;
}
.box-onsite-items.service-items3 ul li::before {
  background-image: url(../images/icon-check3.svg);
}

.icon-onsite-service {
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 25px;
}
.icon-onsite-service img {
  width: 220px;
  height: auto;
}

.onsite-desc {
  margin-top: 50px;
}
.onsite-desc-list {
  margin-top: 30px;
}
.onsite-desc-list h3 {
  font-size: 1.4rem;
  color: #0566AB;
}
.onsite-desc-list h3 span {
  color: #B0D7F4;
  font-weight: 600;
  padding-right: 5px;
}
.onsite-desc-list h4 {
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
}
.onsite-desc-list img {
  height: 100px;
  width: auto;
  margin-bottom: 15px;
}

.banner-online-service {
  margin: 50px 0;
}
.banner-online-service img {
  width: 100%;
}

.online-service-content {
  width: 1050px;
  max-width: 100%;
  margin: 35px auto 0;
}
.online-service-content .onsite-desc {
  margin-top: 0;
}
.online-service-content .onsite-desc-list {
  display: block;
  color: #666;
  transition: 0.5s;
}
.online-service-content .onsite-desc-list h3 {
  margin-bottom: 7px;
}
.online-service-content .onsite-desc-list span {
  transition: 0.5s;
}
.online-service-content .onsite-desc-list:hover {
  color: #000;
}
.online-service-content .onsite-desc-list:hover span {
  color: #0566AB;
}

.img-online-service {
  padding-right: 40px;
}
.img-online-service a {
  display: block;
}
.img-online-service a img {
  width: 100%;
}

.wrap-pagination {
  margin-top: 50px;
}
.wrap-pagination .pagination {
  justify-content: center;
}
.wrap-pagination .page-link {
  color: #666;
  font-size: 0.9rem;
}
.wrap-pagination .active > .page-link, .wrap-pagination .page-link.active {
  background-color: #00A3DF;
  border: 1px solid #00A3DF;
  color: #fff;
}

.wrap-about {
  padding: 70px 0 50px;
}

.welcome-about {
  text-align: center;
}
.welcome-about h2 {
  color: #0566AB;
  font-size: 2.5rem;
}

.box-vision {
  margin-top: 40px;
}
.box-vision h3 {
  color: #000;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.box-vision h4 {
  color: #666;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.8;
}
.box-vision h4 span {
  color: #0566AB;
  font-weight: 500;
}

.wrap-boxmission {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  margin-top: 40px;
}
.wrap-boxmission-items {
  border: 1px solid #F3F3F3;
  padding: 20px;
  border-radius: 7px;
}
.wrap-boxmission-items-title {
  display: inline-flex;
  align-items: start;
}
.wrap-boxmission-items-title img {
  width: 65px;
  height: auto;
  margin-right: 15px;
}
.wrap-boxmission-items-title-topic h4 {
  color: #0566AB;
  margin-bottom: 3px;
}
.wrap-boxmission-items-title-topic h5 {
  color: #000;
  font-size: 1.15rem;
  margin-bottom: 0;
  line-height: 1.6;
  font-weight: 500;
}
.wrap-boxmission-items ul {
  padding-left: 20px;
  margin-top: 8px;
}
.wrap-boxmission-items ul li {
  margin-bottom: 10px;
}

.caption-mission {
  color: #000;
  text-align: center;
  font-size: 1.05rem;
  line-height: 2.1;
  margin-top: 40px;
}
.caption-mission span {
  color: #0566AB;
  font-weight: 500;
}

.about-banner-center {
  padding: 0;
}
.about-banner-center img {
  width: 100%;
}

.about-ceo {
  background-image: url(../images/about-bgceo.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0 0;
}
.about-ceo figure {
  margin-bottom: 0;
}
.about-ceo figure img {
  width: 100%;
}
.about-ceo-message {
  display: flex;
  align-items: center;
  margin-top: -50px;
}
.about-ceo-message-detail {
  padding-right: 100px;
}
.about-ceo-message-detail h3 {
  color: #000;
  font-size: 1.35rem;
  text-transform: uppercase;
}
.about-ceo-message-detail h2 {
  color: #0566AB;
  margin: 20px 0 25px;
}
.about-ceo-message-detail-quote {
  position: relative;
  color: #000;
  font-size: 1.2rem;
  line-height: 2;
  padding-left: 45px;
}
.about-ceo-message-detail-quote::before {
  content: "";
  background-image: url(../images/about-icon-quote.svg);
  width: 31px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  left: 0;
}
.about-ceo-message-detail-quote::after {
  content: "";
  background-image: url(../images/about-icon-quote.svg);
  width: 31px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}

.messege-ceo-list {
  background: linear-gradient(180deg, rgba(241, 247, 255, 0.87) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 70px 0 20px;
}
.messege-ceo-list .row {
  margin-bottom: 70px;
}
.messege-ceo-list .row:nth-child(even) {
  flex-direction: row-reverse;
}
.messege-ceo-list .row:nth-child(even) .messege-ceo-list-photo {
  padding: 0 0 0 50px;
}
.messege-ceo-list .row:nth-child(even) .messege-ceo-list-photo figure::before {
  left: -15px;
  right: 0;
  background-color: #B0D7F4;
}
.messege-ceo-list .row:nth-child(even) .messege-ceo-list-content-detail {
  padding-right: 30px;
}
.messege-ceo-list-content {
  display: flex;
  align-items: center;
}
.messege-ceo-list-content-detail h3 {
  color: #0566AB;
  text-transform: uppercase;
  font-size: 1.2rem;
}
.messege-ceo-list-content-detail h3 span {
  color: #B0D7F4;
  font-weight: bold;
  font-size: 2rem;
  font-style: italic;
  padding-right: 7px;
}
.messege-ceo-list-photo {
  padding-right: 50px;
}
.messege-ceo-list-photo figure {
  margin-bottom: 0;
  position: relative;
}
.messege-ceo-list-photo figure::before {
  content: "";
  background-color: #D5ECFA;
  width: 15px;
  height: 90%;
  position: absolute;
  top: 5%;
  right: -15px;
}
.messege-ceo-list-photo figure img {
  width: 100%;
}

.about-corevalue {
  background-image: url(../images/about-corecalue.webp);
  background-repeat: no-repeat;
  background-size: cover;
  color: #D3EDFB;
  padding: 60px 0 45px;
  line-height: 2.2;
}
.about-corevalue h2 {
  color: #fff;
  margin-bottom: 15px;
}
.about-corevalue h3 {
  font-size: 1.2rem;
  color: #fff;
  margin: 30px 0;
  font-weight: 400;
}
.about-corevalue-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
}
.about-corevalue-list-items {
  line-height: 2;
}
.about-corevalue-list-items h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 6.5rem;
  margin-bottom: 0;
}
.about-corevalue-list-items h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 500;
}

.wrap-culture {
  padding: 70px 0;
}
.wrap-culture figure {
  padding-right: 50px;
}
.wrap-culture figure img {
  width: 100%;
}
.wrap-culture-detail {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  line-height: 2;
}
.wrap-culture-detail h2 {
  color: #000;
  text-transform: uppercase;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.wrap-history {
  background-image: url(../images/bg-history.webp);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 70px 0;
}
.wrap-history h2 {
  text-transform: uppercase;
  font-size: 1.85rem;
  text-align: center;
}
.wrap-history .owl-carousel .owl-nav .owl-prev {
  background-image: url(../images/chev-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -55px;
  right: 35px;
  transition: 0.5s;
  cursor: pointer;
}
.wrap-history .owl-carousel .owl-nav .owl-next {
  background-image: url(../images/chev-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -55px;
  right: 0;
  transition: 0.5s;
  cursor: pointer;
  transform: rotate(-180deg);
}

.owl-history {
  margin-top: 25px;
}
.owl-history.owl-carousel .owl-stage-outer {
  padding: 30px 15px 0;
}
.owl-history .owl-stage {
  display: flex;
  flex-wrap: wrap;
}
.owl-history .items {
  border-left: dashed 1px #7D98AC;
  padding: 5px 20px 5px 30px;
  color: #D3EDFB;
  height: 100%;
}
.owl-history .items::before {
  content: "";
  background-color: #75BBEC;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: -25px;
  left: -5px;
  z-index: 1;
}
.owl-history .items::after {
  content: "";
  background-color: #7D98AC;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -20px;
  left: 0;
}

.history-year {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  margin-bottom: 3px;
}

.wrap-shareholder {
  background-image: url(../images/about-bg-shareholder.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0 20px;
  background-position: bottom center;
}
.wrap-shareholder figure img {
  width: 100%;
}

.desc-shareholder {
  display: flex;
  align-items: center;
  color: #fff;
}

.box-shareholder {
  margin-top: 25px;
}
.box-shareholder-name {
  color: #D3EDFB;
  font-size: 1.2rem;
}
.box-shareholder-name img {
  width: 26px;
  height: auto;
  margin-right: 5px;
}
.box-shareholder-nameth {
  margin: 3px 0 0 35px;
}

.wrap-nssusway {
  padding: 70px 0;
}
.wrap-nssusway h2 {
  color: #0566AB;
  margin-bottom: 15px;
}

.link-tpm {
  display: block;
  text-align: center;
  color: #000;
  font-weight: 500;
  margin-top: 30px;
  transition: 0.5s;
}
.link-tpm:hover {
  color: #0566AB;
}

.link-toawards {
  display: block;
  color: #000;
  font-weight: 500;
  margin-top: 30px;
  transition: 0.5s;
}
.link-toawards:hover {
  color: #0566AB;
}

.topic-tpm {
  color: #000;
  font-size: 1.8rem;
}

.wrap-tpm {
  padding: 70px 0;
  position: relative;
  border-bottom: 3px solid #0566AB;
}
.wrap-tpm::before {
  content: "";
  background-color: #F3FAFF;
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  height: 100%;
  z-index: -1;
}
.wrap-tpm-detail {
  padding-right: 50px;
}
.wrap-tpm-detail-list {
  margin-top: 30px;
}
.wrap-tpm-detail-list h3 {
  color: #0566AB;
  font-size: 1.2rem;
}
.wrap-tpm-detail-list ul {
  padding: 0;
  margin: 0 0 5px;
}
.wrap-tpm-detail-list ul li {
  list-style: none;
  position: relative;
  padding-left: 18px;
}
.wrap-tpm-detail-list ul li::before {
  content: "";
  background-color: #75BBEC;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 0;
}
.wrap-tpm-detail-list ul li a {
  display: block;
  color: #333;
  font-size: 1.05rem;
}
.wrap-tpm-detail-list ul li a:hover {
  color: #0566AB;
}
.wrap-tpm figure img {
  width: 100%;
}

.wrap-abouttpm {
  padding: 70px 0 50px;
}
.wrap-abouttpm figure {
  position: relative;
  margin-bottom: 35px;
}
.wrap-abouttpm figure img {
  width: 100%;
}
.wrap-abouttpm figure::before {
  content: "";
  background-color: #E3E3E3;
  width: 13px;
  height: 90%;
  position: absolute;
  top: 5%;
  right: -13px;
}
.wrap-abouttpm-detail {
  padding-left: 50px;
}
.wrap-abouttpm-detail h3 {
  font-size: 1.5rem;
  color: #0566AB;
  margin: 20px 0 35px;
}
.wrap-abouttpm-typo {
  display: inline-flex;
  line-height: 1;
  margin-bottom: 40px;
}
.wrap-abouttpm-typo-char {
  color: #75BBEC;
  font-size: 6rem;
  font-weight: bold;
  width: 100px;
  text-align: center;
}
.wrap-abouttpm-typo-desc {
  padding-left: 10px;
  line-height: 2;
  margin-top: 5px;
}
.wrap-abouttpm-typo-desc h4 {
  color: #000;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.wrap-abouttpm-typo-desc p {
  margin-bottom: 0;
}
.wrap-abouttpm-typo-desc p span {
  color: #0566AB;
}
.wrap-abouttpm-typo-desc ul {
  padding: 0;
  margin: 0;
}
.wrap-abouttpm-typo-desc ul li {
  list-style: none;
  position: relative;
  padding-left: 15px;
}
.wrap-abouttpm-typo-desc ul li::before {
  content: "";
  background-color: #75BBEC;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 0;
}

.tpm-target {
  background-image: url(../images/about-tpm-target.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  border-top: 3px solid #0566AB;
  padding: 70px 0 30px;
}
.tpm-target-boxcontent {
  width: 60%;
  max-width: 100%;
}
.tpm-target-boxcontent-desc {
  color: #333;
  font-size: 1.2rem;
  margin: 20px 0;
}
.tpm-target-boxcontent-zero {
  display: inline-flex;
  margin-bottom: 50px;
}
.tpm-target-boxcontent-zero-topic {
  color: #0566AB;
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}
.tpm-target-boxcontent-zero-list {
  margin-top: 15px;
}
.tpm-target-boxcontent-zero-list-detail {
  padding-left: 15px;
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  line-height: 1;
  margin-top: 15px;
}
.tpm-target-boxcontent-zero-list-detail h6 {
  color: #000;
  text-transform: uppercase;
  font-size: 1.25rem;
  padding-right: 10px;
}
.tpm-target-boxcontent-zero-list-detail h6 span {
  color: #0566AB;
}
.tpm-target-boxcontent-zero-list-detail div {
  margin-top: 4px;
}

.wrap-benefit {
  margin-bottom: 50px;
}
.wrap-benefit div {
  color: #333;
  font-size: 1.2rem;
  margin-top: 25px;
}
.wrap-benefit div img {
  width: 38px;
  height: auto;
  margin-right: 10px;
}

.subtopic-tpm {
  color: #333;
  font-size: 1.2rem;
  margin-top: 15px;
}

.tpm-boxactivity {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin: 30px 0 60px;
}
.tpm-boxactivity-list {
  background-color: #F3FAFF;
  border: 1px solid #75BBEC;
  border-radius: 10px;
  padding: 20px 20px 30px;
}
.tpm-boxactivity-list h3 {
  color: #0566AB;
  text-transform: uppercase;
}
.tpm-boxactivity-list h4 {
  color: #00A3DF;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
}

.box-tpmreason {
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.box-tpmreason figure img {
  width: 100%;
  height: auto;
}
.box-tpmreason-detail {
  padding-left: 35px;
  line-height: 2;
}
.box-tpmreason-detail .subtopic-tpm2 {
  margin-bottom: 15px;
}

.subtopic-tpm2 {
  color: #0566AB;
  font-size: 1.7rem;
}

.wrap-tpm-kickoff {
  background-color: #F4FBFF;
  padding: 50px 0;
}
.wrap-tpm-kickoff .row {
  align-items: center;
}
.wrap-tpm-kickoff .subtopic-tpm2 {
  margin-bottom: 15px;
}
.wrap-tpm-kickoff figure {
  padding-left: 50px;
  text-align: center;
  color: #0566AB;
}
.wrap-tpm-kickoff figure span {
  color: #00A3DF;
}
.wrap-tpm-kickoff figure img {
  width: 100%;
  height: auto;
  margin-top: 10px;
}

.wrap-tpm-nssusway {
  padding: 60px 0;
  line-height: 2;
}
.wrap-tpm-nssusway .subtopic-tpm2 {
  margin-bottom: 15px;
}

.tpm-awards {
  padding: 70px 0;
  background-image: url(../images/about-bg-tpmawards.webp);
  background-repeat: no-repeat;
  background-size: cover;
  color: #CED3D5;
}
.tpm-awards figure img {
  width: 100%;
  height: auto;
}
.tpm-awards-detail {
  padding-left: 40px;
}
.tpm-awards-detail h2 {
  color: #fff;
}
.tpm-awards-detail h3 {
  color: #A8DBFF;
  position: relative;
  padding-top: 30px;
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}
.tpm-awards-detail h3::before {
  content: "";
  background-color: #71BCE9;
  width: 50px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
}
.tpm-awards-detail h4 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
  margin-top: 25px;
}
.tpm-awards-detail ul {
  padding: 0;
  margin: 10px 0 0;
}
.tpm-awards-detail ul li {
  list-style: none;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
}
.tpm-awards-detail ul li::before {
  content: "";
  background-image: url(../images/about-icon-crown.svg);
  width: 17px;
  height: 13px;
  background-size: 100%;
  position: absolute;
  top: 7px;
  left: 0;
}

.wrap-benefit-recieve {
  background-image: url(../images/about-bg-results.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 70px 0 50px;
  line-height: 2;
}
.wrap-benefit-recieve .topic-tpm {
  margin-bottom: 15px;
}

.benefitrecieve-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
  margin-bottom: 35px;
}
.benefitrecieve-box-list {
  background-color: #fff;
  border: 1px solid #C6DAE9;
  border-radius: 10px;
  padding: 30px 20px;
  text-align: left;
  margin-top: 10px;
}
.benefitrecieve-box-list h4 {
  font-size: 1.1rem;
  color: #0566AB;
}
.benefitrecieve-box-list ul {
  padding: 0 0 0 17px;
  margin: 10px 0 0;
}
.benefitrecieve-box-list ul li {
  margin-bottom: 5px;
  font-size: 1rem;
}

.wrap-tpm-key {
  margin-top: 70px;
  margin-bottom: 70px;
  align-items: center;
}
.wrap-tpm-key-photo {
  padding-right: 40px;
}
.wrap-tpm-key-photo figure {
  position: relative;
}
.wrap-tpm-key-photo figure img {
  width: 100%;
}
.wrap-tpm-key-photo figure::before {
  content: "";
  background-color: #D5ECFA;
  width: 13px;
  height: 90%;
  position: absolute;
  top: 5%;
  right: -13px;
}
.wrap-tpm-key ul {
  margin: 10px 0 0;
  padding-left: 20px;
}
.wrap-tpm-key ul li {
  margin-bottom: 10px;
  line-height: 2;
}

.wrap-tpm-campaign {
  line-height: 2;
  border-bottom: 2px solid #F6F6F6;
  padding-bottom: 50px;
  margin-bottom: 60px;
}
.wrap-tpm-campaign .topic-tpm {
  margin-bottom: 15px;
}
.wrap-tpm-campaign-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  margin-top: 30px;
}
.wrap-tpm-campaign-list {
  text-align: left;
  margin-bottom: 0;
}
.wrap-tpm-campaign-list .tpm-gallery-img {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-bottom: 20px;
}
.wrap-tpm-campaign-list .tpm-gallery-img::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 67.4358974359%;
}
.wrap-tpm-campaign-list .tpm-gallery-img > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  transition: 1s all ease;
  -o-object-position: top center;
     object-position: top center;
}
.wrap-tpm-campaign-list .tpm-gallery-img:hover > img {
  transform: scale(1.1);
}
.wrap-tpm-campaign-list .tpm-gallery-img .icon-gallery {
  top: 10px;
  left: 10px;
}
.wrap-tpm-campaign-list figcaption h3 {
  color: #000;
  font-size: 1.1rem;
  line-height: 1.7;
}
.wrap-tpm-campaign-list figcaption p {
  margin-bottom: 0;
}

.tpm-gallery {
  display: none;
}

.wrap-tpm-awards {
  line-height: 2;
}
.wrap-tpm-awards .topic-tpm {
  margin-bottom: 10px;
}
.wrap-tpm-awards h3 {
  color: #000;
  font-size: 1.5rem;
  margin-top: 40px;
}

.about-iso {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  width: 80%;
  max-width: 100%;
  margin: 25px auto 0;
  text-align: center;
}
.about-iso figure img {
  width: auto;
  max-width: 100%;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.about-iso figure figcaption {
  margin-top: 30px;
}
.about-iso figure figcaption h4 {
  color: #000;
  font-size: 1.05rem;
}

.wrap-awards-list {
  background-color: #F6FCFF;
  padding: 70px 0;
  border-top: 2px solid #D9EEF4;
}
.wrap-awards-list .row {
  align-items: center;
}
.wrap-awards-list figure {
  position: relative;
  margin-bottom: 0;
}
.wrap-awards-list figure::before {
  content: "";
  background-color: #D5ECFA;
  width: 13px;
  height: 90%;
  position: absolute;
  top: 5%;
  right: -13px;
}
.wrap-awards-list figure img {
  width: 100%;
}
.wrap-awards-list:nth-child(even) {
  background-color: #fff;
}
.wrap-awards-list:nth-child(even) .row {
  flex-direction: row-reverse;
}
.wrap-awards-list:nth-child(even) figure::before {
  right: auto;
  left: -13px;
  background-color: #B0D7F4;
}
.wrap-awards-list:nth-child(even) .awards-detail {
  padding-left: 0;
  padding-right: 50px;
}

.awards-detail {
  padding-left: 50px;
}
.awards-detail h3 {
  font-size: 1.5rem;
  color: #000;
  line-height: 1.6;
}
.awards-detail ul {
  padding-left: 0;
  margin-top: 15px;
}
.awards-detail ul li {
  margin-bottom: 7px;
  list-style: none;
}
.awards-detail ul li span {
  color: #0566AB;
  font-weight: 500;
  font-size: 1.05rem;
  padding-right: 5px;
}

/*responsive*/
@media (max-width: 1600px) {
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 28.125%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    transform: scale(1);
  }
}
@media (max-width: 1440px) {
  .txt-topic {
    font-size: 2.2rem;
  }
  .items-recentnews-desc h3 {
    font-size: 1.3rem;
  }
  .box-topbar_menu,
  .menu_space,
  .wrap_menu.sticky .box-topbar_menu,
  .wrap_menu.sticky .menu_space {
    padding-left: 3%;
    padding-right: 3%;
  }
  .desc-environ-home h3 {
    font-size: 1.75rem;
  }
  .vdocenter-home figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .vdocenter-home figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 28.125%;
  }
  .vdocenter-home figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .vdocenter-home figure:hover > img {
    transform: scale(1.1);
  }
  .home-itemproduct hgroup h3 {
    font-size: 1.8rem;
  }
  .home-itemproduct hgroup h4 {
    font-size: 1rem;
  }
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 31.25%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    transform: scale(1);
  }
  .wrap-bannerinside hgroup {
    left: 3%;
  }
  .career-banner-bottom figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .career-banner-bottom figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 26.25%;
  }
  .career-banner-bottom figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .career-banner-bottom figure:hover > img {
    transform: scale(1);
  }
  .career-banner-bottom hgroup h3 {
    font-size: 2.4rem;
  }
  .career-banner-bottom hgroup h4 {
    font-size: 2.4rem;
  }
  .topic-career-desc::before {
    width: 40px;
    left: -50px;
  }
}
@media (max-width: 1366px) {
  .wrap-managementsystem-box {
    width: 1000px;
  }
  .bg-stat-home h1 {
    font-size: 1.4rem;
  }
  .wrap-products-welcome {
    align-items: flex-start;
  }
  .banner-product-center {
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  .wrap-menu {
    padding: 15px 0;
  }
  .desc-abouthome {
    padding: 0 0 0 20px;
  }
  .txt-topic {
    font-size: 2rem;
  }
  .home-itemproduct hgroup {
    bottom: 15px;
    left: 20px;
  }
  .home-itemproduct hgroup h3 {
    font-size: 1.6rem;
  }
  .product-home {
    padding: 50px 15px;
  }
  .product-home::before {
    height: 440px;
  }
  .desc-environ-home h3 {
    font-size: 1.5rem;
  }
  .desc-environ-home img {
    width: 55px;
  }
  .photo-environ-home {
    padding-right: 0;
  }
  .item-environ-home:nth-child(even) .photo-environ-home {
    padding-left: 0;
  }
  .vdocenter-home-caption h2 {
    font-size: 1.5rem;
  }
  .vdocenter-home-caption img {
    width: 50px;
  }
  .vdocenter-home figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .vdocenter-home figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 31.25%;
  }
  .vdocenter-home figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .vdocenter-home figure:hover > img {
    transform: scale(1.1);
  }
  .wrap-news-home {
    padding: 60px 15px 80px;
  }
  .items-recentnews-desc {
    padding: 15px 15px 25px;
  }
  .items-recentnews-desc h3 {
    font-size: 1.15rem;
  }
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 37.5%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    transform: scale(1);
  }
  .box-download {
    gap: 40px;
  }
  .pdf-download {
    width: 152px;
    height: 45px;
    font-size: 0.85rem;
  }
  .box-enquiryform {
    padding-left: 0;
    border-top: 2px solid #eee;
    padding-top: 40px;
  }
  .item-latestnews-detail {
    padding-left: 10px;
  }
  .wrap-items-news {
    gap: 35px;
    margin-top: 45px;
  }
  .wrap-items-news .item-allnews figcaption {
    padding: 20px 15px 5px;
  }
  .box-latestnews {
    padding: 70px 0;
  }
  .box-latestnews-2 .item-latestnews-detail {
    padding-right: 10px;
  }
  .benefit-message {
    padding-left: 20px;
  }
  .career-banner-center {
    min-height: 335px;
  }
  .box-position {
    grid-template-columns: repeat(3, 1fr);
  }
  .career-banner-bottom hgroup h3, .career-banner-bottom hgroup h4 {
    font-size: 1.7rem;
  }
  .topic-career-desc::before {
    display: none;
  }
  .wrap-career-detail-topic h2 {
    font-size: 1.9rem;
  }
  .wrap-carrer-form {
    padding: 40px 0;
  }
  .wrap-career-contact {
    background-position: center right;
  }
  .wrap-carbon {
    background-position: top center;
    padding: 60px 0 40px;
  }
  .wrap-neutral-photo {
    padding: 60px 0;
  }
  .wrap-managementsystem {
    padding: 60px 0 50px;
  }
  .wrap-managementsystem-box {
    width: 850px;
  }
  .wrap-managementsystem-box::before {
    width: 25px;
    left: -40px;
  }
  .wrap-managementsystem-box::after {
    width: 25px;
    right: -40px;
  }
  .wrap-certificate-photo {
    padding-right: 50px;
  }
  .wrap-certificate-photo h3 {
    font-size: 1.15rem;
  }
  .list-pollution {
    padding: 50px 0 40px;
  }
  .list-pollution-desc {
    padding-left: 0;
    margin-top: 25px;
  }
  .pollution-quicklink a div img {
    width: 100px;
    margin-bottom: 15px;
  }
  .pollution-quicklink a h2 {
    font-size: 1rem;
  }
  .wrap-safety h2 {
    font-size: 1.1rem;
    line-height: 1.6;
  }
  .topic-safety {
    font-size: 1.7rem;
    margin-bottom: 0;
  }
  .policy-quideline-items-box h2 {
    font-size: 1.15rem;
  }
  .policy-quideline-structure {
    padding-left: 0;
  }
  .wrap-safetylist .safetylist-bgblue::before {
    display: none;
  }
  .wrap-safetylist .safetylist-content-desc {
    padding-left: 15px;
  }
  .wrap-safetylist .safetylist:nth-child(even) .safetylist-content-desc {
    padding-right: 15px;
  }
  .wrap-products-welcome-desc {
    padding-left: 20px;
  }
  .product-list h2 {
    font-size: 1.6rem;
  }
  .product-list-items {
    gap: 25px;
  }
  .product-list-items a {
    margin-bottom: 10px;
  }
  .product-list-items a h3 {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .product-list-items a figure {
    margin-bottom: 20px;
  }
  .product-list-items a h4 {
    line-height: 1.8;
    font-size: 0.9rem;
  }
  .banner-product-center figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-product-center figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 28%;
  }
  .banner-product-center figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-product-center figure:hover > img {
    transform: scale(1);
  }
  .products-inside {
    padding-top: 50px;
  }
  .products-inside hgroup h3 {
    font-size: 1.3rem;
  }
  .products-inside-desc {
    align-items: flex-start;
  }
  .products-inside-desc .content-editor {
    padding-left: 20px;
  }
  .product-application {
    padding: 50px 0 40px;
  }
  .product-spec {
    padding: 50px 0 20px;
  }
  .product-spec .topic-productdetail {
    margin-bottom: 20px;
  }
  .box-onsite {
    gap: 25px;
  }
  .box-onsite-items {
    padding: 0 15px 10px;
  }
  .box-onsite-items h3 {
    font-size: 1rem;
  }
  .icon-onsite-service img {
    width: 190px;
  }
  .topic-tpm {
    font-size: 1.5rem;
  }
  .wrap-tpm {
    padding-bottom: 50px;
  }
  .wrap-tpm-detail-list {
    margin-top: 20px;
  }
  .wrap-abouttpm-detail {
    padding-left: 35px;
  }
  .wrap-abouttpm-detail h3 {
    font-size: 1.25rem;
  }
  .wrap-abouttpm-typo {
    margin-bottom: 30px;
  }
  .wrap-abouttpm-typo-char {
    font-size: 5rem;
    width: 85px;
  }
  .wrap-abouttpm-typo-desc h4 {
    font-size: 1.15rem;
  }
  .tpm-target-boxcontent {
    width: 65%;
  }
  .tpm-target-boxcontent-zero-list {
    margin-top: 5px;
  }
  .tpm-target-boxcontent-zero-list-detail h6 {
    font-size: 1.15rem;
  }
  .tpm-target-boxcontent-zero-topic {
    font-size: 1.9rem;
  }
  .tpm-boxactivity {
    grid-template-columns: repeat(3, 1fr);
  }
  .box-tpmreason {
    margin-bottom: 20px;
  }
  .box-tpmreason-detail {
    padding-left: 15px;
  }
  .box-tpmreason-detail .subtopic-tpm2 {
    font-size: 1.45rem;
  }
  .tpm-awards {
    padding-bottom: 50px;
  }
  .tpm-awards-detail {
    padding-left: 20px;
  }
  .tpm-awards-detail h3 {
    font-size: 1.25rem;
  }
  .tpm-awards-detail h4 {
    font-size: 1.2rem;
  }
  .wrap-tpm-campaign-grid {
    gap: 30px;
  }
  .wrap-tpm-awards h3 {
    font-size: 1.4rem;
  }
  .about-iso {
    width: 100%;
    gap: 40px;
  }
  .about-iso figure img {
    height: 90px;
  }
  .about-iso figure figcaption h4 {
    line-height: 1.6;
  }
  .awards-detail h3 {
    font-size: 1.4rem;
  }
  .wrap-awards-list .row {
    align-items: flex-start;
  }
}
@media (max-width: 991px) {
  .box-topbar_menu {
    display: none;
  }
  .topbar_menu_mb.topbar_menu {
    display: inline-flex;
  }
  .topbar_menu_mb.topbar_menu .swlang {
    border-right: 1px solid #fff;
    padding-right: 15px;
  }
  .topbar_menu_mb.topbar_menu .btn_search .svg {
    width: 17px;
    height: auto;
    margin-right: 0;
    margin-top: 2px;
  }
  .menu_space {
    padding: 15px 3%;
  }
  .owl-carousel.owl-bannerslide .owl-item img {
    height: 70vh;
  }
  .caption-banner hgroup h2 {
    font-size: 1.8rem;
  }
  .caption-banner hgroup h3 {
    font-size: 1.2rem;
  }
  .bg-stat-home h1 {
    font-size: 2rem;
  }
  .bg-stat-home h4 {
    font-size: 1.2rem;
  }
  .item-statnum {
    text-align: left;
    margin-top: 10px;
  }
  .desc-abouthome {
    padding: 40px 0 0;
  }
  .box-abouthome {
    margin-top: 25px;
  }
  .bg-stat-home {
    padding: 60px 15px;
  }
  .product-home .owl-theme .owl-nav.disabled + .owl-dots {
    display: none;
  }
  .desc-environ-home {
    padding-left: 5px;
  }
  .desc-environ-home h3 {
    font-size: 1.2rem;
    margin: 20px 0 10px;
  }
  .desc-environ-home img {
    width: 40px;
  }
  .desc-environ-home p {
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .item-environ-home {
    padding: 20px 0;
  }
  .item-environ-home:nth-child(even) .desc-environ-home {
    padding-right: 5px;
  }
  .wrap-environ-home {
    padding-bottom: 50px;
  }
  .vdocenter-home figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .vdocenter-home figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 38%;
  }
  .vdocenter-home figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .vdocenter-home figure:hover > img {
    transform: scale(1.1);
  }
  .logo-footer,
  .footer-menu {
    display: none;
  }
  .logo-footer .svg,
  .footer-menu .svg {
    color: #fff;
  }
  .footer-cc {
    border-top: 0;
    margin-top: 0;
    padding: 0;
  }
  .wrap-footer {
    padding: 15px;
  }
  .wrap_menu.sticky .menu_space {
    padding-bottom: 5px;
    padding-top: 10px;
  }
  .hide-descmenu {
    display: none;
  }
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 45%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    transform: scale(1);
  }
  .wrap-bannerinside hgroup {
    bottom: 25px;
  }
  .wrap-bannerinside hgroup h1 {
    font-size: 1.5rem;
  }
  .wrap-bannerinside hgroup h2 {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  .wrap-content-certificate {
    padding: 50px 0 90px;
  }
  .box-form-certificate-item-select .list-checkbox {
    margin-right: 65px;
  }
  .box-submitbutton {
    text-align: left;
  }
  .wrap-download p {
    font-size: 1rem;
  }
  .box-download {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }
  .wrap-gmaps .ratio-21x9 {
    --bs-aspect-ratio: 40%;
  }
  .item-latestnews-detail h3 {
    font-size: 1.1rem;
  }
  .item-latestnews-detail p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .item-latestnews-detail .btn-default {
    margin-top: 10px;
  }
  .wrap-items-news {
    gap: 25px;
    margin-top: 35px;
  }
  .wrap-items-news .item-allnews figcaption h3 {
    font-size: 1rem;
    margin: 5px 0;
  }
  .wrap-items-news .item-allnews figcaption p {
    font-size: 0.95rem;
  }
  .content-editor h2 {
    font-size: 1.4rem;
    margin: 15px 0;
  }
  .news-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
  .wrap-recent-news .txt-topic {
    font-size: 1.6rem;
  }
  .wrap-recent-news .btn-txt-arrow {
    margin-top: 0;
  }
  .box-latestnews {
    padding: 60px 0;
  }
  .career-title hgroup h3 {
    font-size: 1.7rem;
  }
  .career-title hgroup h4 {
    font-size: 1rem;
  }
  .career-benefit {
    margin-top: 30px;
  }
  .benefit-message {
    padding: 20px 0 0 0;
  }
  .box-topic-career h3 {
    font-size: 1.2rem;
  }
  .box-topic-career h4 {
    font-size: 1.5rem;
  }
  .box-topic-career h5 {
    font-size: 1.05rem;
  }
  .career-banner-center {
    min-height: 295px;
  }
  .career-position h2 {
    margin-top: 10px;
  }
  .career-position .content-editor {
    margin-top: 20px;
  }
  .box-position {
    grid-template-columns: repeat(2, 1fr);
  }
  .career-banner-bottom figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .career-banner-bottom figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 35%;
  }
  .career-banner-bottom figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .career-banner-bottom figure:hover > img {
    transform: scale(1);
  }
  .career-banner-bottom hgroup h3, .career-banner-bottom hgroup h4 {
    font-size: 1.55rem;
  }
  .wrap-career-detail-topic h2 {
    font-size: 1.6rem;
  }
  .wrap-carrer-form {
    padding: 30px 0;
  }
  .wrap-carrer-form h3 {
    font-size: 1.4rem;
  }
  .wrap-carrer-form .box-submitbutton {
    text-align: right;
  }
  .career-seccion {
    margin-bottom: 30px;
  }
  .wrap-career-contact {
    background-position: top left;
  }
  .wrap-carbon {
    background-position: top left;
  }
  .topic-social {
    font-size: 1.8rem;
  }
  .wrap-neutral {
    padding-bottom: 35px;
  }
  .wrap-neutral-desc {
    padding-left: 0;
  }
  .wrap-neutral-photo {
    padding-bottom: 25px;
  }
  .wrap-neutral-photo::before {
    display: none;
  }
  .wrap-managementsystem-box {
    width: 600px;
  }
  .wrap-managementsystem-box::before {
    width: 20px;
    left: -30px;
  }
  .wrap-managementsystem-box::after {
    width: 20px;
    right: -30px;
  }
  .wrap-certificate-photo {
    padding: 50px 30px 50px 0;
  }
  .wrap-certificate-photo h3 {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  .wrap-certificate-chart {
    padding: 30px 0 30px 30px;
  }
  .wrap-certificate-chart h3 {
    font-size: 0.9rem;
    font-weight: 400;
  }
  .wrap-safety {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .topic-safety {
    font-size: 1.6rem;
  }
  .policy-quideline {
    padding: 55px 0 40px;
  }
  .policy-quideline-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .policy-quideline-structure-content-desc {
    padding-left: 10px;
  }
  .policy-quideline-structure-content-desc .topic-safety {
    font-size: 1.5rem;
  }
  .policy-quideline-structure-content-desc h3, .policy-quideline-structure-content-desc h4 {
    font-size: 1.3rem;
  }
  .safety-standard {
    padding-bottom: 40px;
  }
  .perfecthero {
    padding: 60px 0 40px;
  }
  .perfecthero-content-desc {
    padding-left: 15px;
  }
  .perfecthero-content-desc img {
    width: 130px;
  }
  .perfecthero-content-desc h3 {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 5px;
  }
  .wrap-safetylist {
    padding-top: 0;
    padding-bottom: 0;
  }
  .wrap-safetylist .safetylist {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .wrap-safetylist .safetylist-content-desc {
    padding-left: 5px;
  }
  .wrap-safetylist .safetylist-content-desc h2 {
    font-size: 1.15rem;
  }
  .wrap-safetylist .safetylist:nth-child(even) .safetylist-content-desc {
    padding-right: 5px;
  }
  .wrap-searchresults {
    padding: 50px 0;
  }
  .wrap-products {
    padding: 50px 0;
  }
  .wrap-products hgroup h3 {
    font-size: 1.2rem;
  }
  .wrap-products hgroup h4 {
    font-size: 1.1rem;
  }
  .wrap-products-welcome {
    margin-top: 30px;
  }
  .wrap-products-welcome-desc {
    padding-left: 0;
    font-size: 1rem;
  }
  .wrap-products-welcome-desc div {
    margin-bottom: 20px;
  }
  .wrap-products-welcome-desc div h3 {
    font-size: 1.15rem;
    margin-bottom: 10px;
  }
  .banner-product-center {
    margin-top: 20px;
  }
  .product-list {
    margin-top: 0;
    padding: 35px 0 0;
  }
  .product-list-items {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 30px;
  }
  .product-list-items a {
    margin-bottom: 0;
  }
  .product-list-items a h3 {
    font-size: 1.15rem;
  }
  .owl-productdetail {
    width: 70%;
    max-width: 100%;
    margin: 0 auto 40px;
  }
  .products-inside-desc {
    margin-top: 20px;
  }
  .products-inside-desc .content-editor {
    padding-left: 0;
  }
  .products-inside-photo {
    margin-top: 30px;
  }
  .product-feature {
    padding: 130px 0 50px;
  }
  .product-feature-desc {
    padding-right: 20px;
  }
  .product-feature-desc-list h3 {
    font-size: 1.05rem;
  }
  .topic-productdetail {
    font-size: 1.3rem;
  }
  .box-application {
    font-size: 0.9rem;
    min-height: 170px;
  }
  .box-application img {
    height: 65px;
  }
  .wrap-service {
    padding: 50px 0;
  }
  .wrap-service hgroup h3 {
    font-size: 1.2rem;
  }
  .wrap-service-item h2 {
    font-size: 1.5rem;
  }
  .box-onsite {
    gap: 15px;
  }
  .box-onsite-items {
    padding: 0 10px 10px;
  }
  .box-onsite-items h3 {
    text-align: center;
    line-height: 1.3;
  }
  .onsite-desc-list h3 {
    font-size: 1.2rem;
  }
  .img-online-service {
    padding-right: 20px;
  }
  .wrap-service-item h3 {
    margin-top: 0;
  }
  .wrap-about {
    padding: 50px 0;
  }
  .welcome-about h2 {
    font-size: 2rem;
  }
  .box-vision h4 {
    font-size: 1.15rem;
  }
  .wrap-boxmission {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-ceo {
    padding: 50px 0;
  }
  .about-ceo-message {
    margin-top: 0;
  }
  .about-ceo-message-detail {
    padding-right: 50px;
  }
  .about-ceo-message-detail-quote {
    font-size: 1rem;
  }
  .about-ceo-message-detail-quote::before {
    width: 25px;
  }
  .about-ceo-message-detail-quote::after {
    width: 25px;
  }
  .about-ceo-message-detail h3 {
    font-size: 1.15rem;
  }
  .messege-ceo-list-photo {
    padding-right: 20px;
  }
  .messege-ceo-list-photo figure::before {
    width: 10px;
    right: -10px;
  }
  .messege-ceo-list .row {
    margin-bottom: 30px;
  }
  .messege-ceo-list .row:nth-child(even) .messege-ceo-list-photo {
    padding-left: 20px;
  }
  .messege-ceo-list .row:nth-child(even) .messege-ceo-list-photo figure::before {
    left: -10px;
  }
  .messege-ceo-list-content-detail h3 {
    line-height: 1.6;
    font-size: 1.1rem;
  }
  .messege-ceo-list-content-detail h3 span {
    font-size: 1.6rem;
  }
  .about-corevalue-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .about-corevalue-list-items h4 {
    font-size: 5rem;
  }
  .wrap-culture {
    padding: 70px 0 50px;
  }
  .wrap-culture figure {
    padding-right: 0;
    margin-bottom: 40px;
  }
  .history-year {
    font-size: 1.25rem;
  }
  .owl-history .items {
    padding-left: 20px;
  }
  .wrap-shareholder {
    padding-bottom: 50px;
  }
  .wrap-shareholder figure {
    text-align: center;
  }
  .wrap-shareholder figure img {
    width: 60%;
  }
  .wrap-nssusway {
    padding: 50px 0;
  }
  .wrap-tpm {
    padding: 50px 0 40px;
  }
  .wrap-tpm::before {
    display: none;
  }
  .wrap-tpm figure {
    margin-top: 30px;
  }
  .wrap-abouttpm {
    padding: 50px 0 35px;
  }
  .wrap-abouttpm figure::before {
    display: none;
  }
  .wrap-abouttpm-detail {
    padding-left: 0;
  }
  .tpm-target {
    padding: 50px 0 0;
  }
  .tpm-target-boxcontent {
    width: 100%;
  }
  .box-tpmreason {
    margin-top: 25px;
  }
  .box-tpmreason-detail {
    padding-left: 0;
    padding-top: 15px;
  }
  .subtopic-tpm2 {
    font-size: 1.45rem;
  }
  .wrap-tpm-kickoff {
    padding: 40px 0 25px;
  }
  .wrap-tpm-kickoff .row {
    flex-direction: column-reverse;
  }
  .wrap-tpm-kickoff figure {
    padding-left: 0;
    margin-bottom: 30px;
  }
  .wrap-tpm-nssusway {
    padding: 40px 0;
  }
  .tpm-awards-detail {
    padding-left: 0;
    padding-top: 30px;
  }
  .wrap-benefit-recieve {
    padding: 50px 0 30px;
  }
  .wrap-tpm-key {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .wrap-tpm-key-photo {
    padding-right: 0;
  }
  .wrap-tpm-key-photo figure {
    margin-bottom: 30px;
  }
  .wrap-tpm-key-photo figure::before {
    display: none;
  }
  .wrap-tpm-campaign {
    margin-bottom: 40px;
    padding-bottom: 35px;
  }
  .wrap-tpm-campaign-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px;
  }
  .wrap-tpm-campaign .text-center {
    text-align: left !important;
  }
  .wrap-tpm-campaign-list figcaption h3 {
    font-size: 1.05rem;
  }
  .wrap-tpm-awards h3 {
    font-size: 1.3rem;
  }
  .wrap-awards-list {
    padding: 50px 0 30px;
  }
  .wrap-awards-list figure::before {
    display: none;
  }
  .wrap-awards-list:nth-child(even) .awards-detail {
    padding-right: 0;
  }
  .awards-detail {
    padding-left: 0;
    padding-top: 30px;
  }
  .awards-detail h3 {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .owl-carousel.owl-bannerslide .owl-item img {
    height: 50vh;
  }
  .caption-banner {
    bottom: 65px;
  }
  .caption-banner a {
    font-size: 0.85rem;
    margin-top: 18px;
  }
  .caption-banner a img {
    width: 25px;
  }
  .caption-banner hgroup h2 {
    font-size: 1.2rem;
  }
  .caption-banner hgroup h3 {
    font-size: 0.95rem;
  }
  .caption-banner hgroup h4 {
    font-size: 0.8rem;
  }
  .topbar_menu_mb .top-social {
    display: none;
  }
  .topbar_menu_mb.topbar_menu .swlang {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-left: 15px;
    margin-left: 15px;
    margin-right: 5px;
  }
  .topbar_menu_mb.topbar_menu .btn_search .svg {
    width: 15px;
  }
  .menu_space .text-end {
    margin-top: -15px;
  }
  .banner-txtscroll {
    font-size: 0.7rem;
    right: -20px;
  }
  .owl-carousel.owl-bannerslide .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }
  .owl-carousel.owl-bannerslide .owl-dots {
    bottom: 10px;
  }
  .bg-stat-home {
    padding: 35px 5px 50px;
  }
  .bg-stat-home::before {
    top: 29px;
  }
  .bg-stat-home h1 {
    font-size: 1.35rem;
  }
  .bg-stat-home h4 {
    font-size: 1.1rem;
  }
  .item-statnum {
    font-size: 1.5rem;
  }
  .item-statnum div {
    font-size: 0.8rem;
    line-height: 1.6;
  }
  .item-statnum p {
    font-size: 0.65rem;
  }
  .box-abouthome {
    margin-top: 15px;
  }
  .txt-topic {
    font-size: 1.5rem;
  }
  .desc-abouthome {
    font-size: 1rem;
  }
  .desc-abouthome .txt-topic {
    margin-bottom: 10px;
  }
  .box-homecorporate {
    gap: 20px;
  }
  .box-homecorporate-item img {
    height: 45px;
  }
  .box-homecorporate-item h4 {
    margin: 20px 0 5px;
  }
  .box-homecorporate-item p {
    font-size: 0.9rem;
  }
  .bg-stat-home h4 {
    font-size: 1rem;
  }
  .btn-viewall-mb {
    display: block;
  }
  .btn-viewall-pc {
    display: none;
  }
  .product-home {
    padding: 30px 5px 25px;
    margin-bottom: 35px;
  }
  .product-home::before {
    height: 100%;
  }
  .owl-product {
    margin-top: 10px;
  }
  .wrap-environ-home {
    padding: 0 5px 50px;
  }
  .desc-environ-home {
    padding-left: 0;
    padding-top: 20px;
  }
  .item-environ-home:nth-child(even) .desc-environ-home {
    padding-right: 0;
  }
  .vdocenter-home figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .vdocenter-home figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 64.2857142857%;
  }
  .vdocenter-home figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .vdocenter-home figure:hover > img {
    transform: scale(1.1);
  }
  .vdocenter-home-caption h2 {
    font-size: 1.3rem;
  }
  .vdocenter-home-caption img {
    width: 40px;
  }
  .wrap-news-home {
    padding: 40px 5px;
  }
  .wrap-news-home .owl-news {
    margin-top: 10px;
  }
  .news-date {
    font-size: 0.85rem;
  }
  .items-recentnews-desc h3 {
    font-size: 1.1rem;
  }
  .footer-social {
    height: auto;
    padding: 15px 15px 20px;
  }
  .footer-social-follow {
    justify-content: flex-start;
  }
  .footer-social .container {
    padding: 0;
  }
  .footer-cc {
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
  }
  .wrap-footer {
    padding: 15px 5px;
  }
  .wrap_menu.sticky .menu_space {
    padding-bottom: 10px;
  }
  .wrap_menu.sticky .topbar_menu_mb.topbar_menu .swlang {
    border-left: 1px solid #D9D9D9;
  }
  .home-itemproduct hgroup h3 {
    font-size: 1.2rem;
  }
  .home-itemproduct hgroup h4 {
    font-size: 0.9rem;
  }
  .footer-cc a {
    font-size: 0.95rem;
    margin-bottom: 5px;
  }
  .wrap-bannerinside figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .wrap-bannerinside figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 62.5%;
  }
  .wrap-bannerinside figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .wrap-bannerinside figure:hover > img {
    transform: scale(1);
  }
  .wrap-bannerinside hgroup {
    bottom: 15px;
    left: 15px;
  }
  .wrap-bannerinside hgroup h1 {
    font-size: 1.15rem;
  }
  .wrap-bannerinside hgroup h2 {
    font-size: 0.9rem;
    margin-bottom: 10px;
  }
  .wrap-bannerinside hgroup .breadcrumb {
    display: none;
  }
  .wrap-content-certificate {
    padding: 35px 5px 50px;
  }
  .certificate-selectitem-list {
    padding: 0 10px;
  }
  .certificate-selectitem-list .text-end {
    text-align: left !important;
  }
  .certificate-selectitem-list-box .btn-default {
    font-size: 0.9rem;
    height: 40px;
    padding: 0 15px;
    margin-top: 13px;
  }
  .certificate-selectitem-list-box .btn-default img {
    width: 18px;
    height: auto;
  }
  .certificate-selectitem-list-box h5 {
    font-size: 1.05rem;
  }
  .txt-subtopic {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .box-form-certificate {
    padding: 15px 5px;
  }
  .box-form-certificate-item {
    margin-bottom: 20px;
  }
  .box-form-certificate-recheck {
    padding: 10px 0;
    margin: 0 10px;
  }
  .box-submitbutton-recheck {
    padding-left: 10px;
  }
  .box-download {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .wrap-download .txt-subtopic {
    margin: 15px 0;
  }
  .box-download {
    margin-top: 30px;
  }
  .box-download figure {
    margin-bottom: 15px;
  }
  .box-download-items h5 {
    font-size: 1rem;
  }
  .wrap-contact {
    padding: 40px 0 50px;
  }
  .box-contactinfo h3 {
    font-size: 1.05rem;
  }
  .box-contactinfo h2 {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }
  .contact-branch {
    margin-top: 30px;
  }
  .contact-branch h4 {
    font-size: 1rem;
  }
  .box-enquiryform {
    margin-top: 35px;
    padding-top: 20px;
  }
  .box-enquiryform h3 {
    font-size: 1.2rem;
  }
  .wrap-gmaps .ratio-21x9 {
    --bs-aspect-ratio: 70%;
  }
  .wrap-content-page {
    padding: 40px 5px 50px;
  }
  .item-latestnews-detail {
    padding: 20px 0 0;
  }
  .item-latestnews-detail .news-date {
    margin-bottom: 10px;
  }
  .item-latestnews-detail h3 {
    margin-bottom: 5px;
  }
  .wrap-items-news {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 45px;
  }
  .wrap-items-news .item-allnews figcaption {
    padding: 15px 10px 0;
  }
  .wrap-items-news .item-allnews figcaption p {
    font-size: 0.9rem;
    line-height: 1.7;
  }
  .wrap-items-news .item-allnews figcaption h3 {
    font-size: 0.95rem;
  }
  .news-date2 {
    font-size: 0.85rem;
  }
  .news-date2 span {
    display: none;
  }
  .content-editor h2 {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .news-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
  .wrap-recent-news .wrap-news-home {
    padding: 40px 15px;
  }
  .wrap-recent-news .wrap-news-home .btn-txt-arrow {
    font-size: 0.85rem;
  }
  .wrap-recent-news .wrap-news-home .btn-txt-arrow .svg {
    width: 13px;
    margin-left: 10px;
    margin-top: -4px;
  }
  .wrap-recent-news .txt-topic {
    font-size: 1.4rem;
  }
  .box-latestnews {
    padding: 45px 5px;
  }
  .newsdetail-boxdate .tagnews {
    margin-right: 15px;
  }
  .career-title hgroup h2 {
    font-size: 1.15rem;
  }
  .career-title hgroup h3 {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .career-benefit {
    margin-top: 20px;
  }
  .box-topic-career h3 {
    font-size: 1.15rem;
  }
  .box-topic-career h4 {
    font-size: 1.4rem;
    line-height: 1.55;
  }
  .career-position {
    padding: 40px 5px;
  }
  .career-position h2 {
    font-size: 1.4rem;
  }
  .career-position .btn-default {
    font-size: 0.9rem;
    height: 40px;
    min-width: 130px;
    padding: 0 15px;
  }
  .career-position .btn-default .svg {
    display: none;
  }
  .box-position {
    grid-template-columns: repeat(1, 1fr);
  }
  .box-position-list {
    padding: 15px;
    height: 160px;
  }
  .box-position-list h3 {
    font-size: 1.1rem;
  }
  .career-banner-bottom figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .career-banner-bottom figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 50%;
  }
  .career-banner-bottom figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .career-banner-bottom figure:hover > img {
    transform: scale(1);
  }
  .career-banner-bottom hgroup h3, .career-banner-bottom hgroup h4 {
    font-size: 1.25rem;
  }
  .wrap-career-detail .text-end {
    text-align: left !important;
  }
  .wrap-career-detail .text-end .btn-default {
    margin: 15px 0;
    font-size: 0.9rem;
  }
  .wrap-career-detail-topic h2 {
    font-size: 1.4rem;
  }
  .wrap-career-detail .content-editor h5 {
    font-size: 1.1rem;
  }
  .career-contact h5 {
    font-size: 1.15rem;
  }
  .career-contact h6 {
    font-size: 1.05rem;
  }
  .wrap-carrer-form {
    padding: 10px 0 35px;
  }
  .wrap-carrer-form h3 {
    font-size: 1.25rem;
  }
  .wrap-carrer-form .box-submitbutton {
    text-align: left;
  }
  .wrap-career-contact {
    padding: 30px 15px;
    min-height: auto;
  }
  .wrap-carbon {
    padding: 40px 0 25px;
  }
  .subtopic-social {
    font-size: 1.1rem;
    margin-bottom: 15px;
  }
  .topic-social {
    font-size: 1.4rem;
  }
  .wrap-neutral {
    padding-bottom: 25px;
  }
  .wrap-neutral-photo {
    padding: 45px 0 15px;
  }
  .wrap-managementsystem {
    padding: 40px 0 40px;
  }
  .wrap-managementsystem-box {
    width: 80%;
  }
  .wrap-managementsystem-box span {
    font-size: 1.1rem;
  }
  .wrap-certificate {
    padding: 0;
  }
  .wrap-certificate-photo {
    padding: 30px 20px;
  }
  .wrap-certificate-photo::before {
    width: 100vw;
  }
  .wrap-certificate-photo h3 {
    font-size: 1.05rem;
    text-align: center;
  }
  .wrap-certificate-photo .owl-certificate {
    width: 80%;
    margin: 0 auto;
  }
  .wrap-certificate-chart {
    padding: 35px 20px 30px;
  }
  .pollution-quicklink {
    text-align: center;
  }
  .pollution-quicklink a {
    width: 32%;
    padding: 0 15px;
    margin: 0;
    text-align: center;
  }
  .pollution-quicklink a h2 {
    font-size: 0.9rem;
  }
  .pollution-quicklink a div img {
    width: 75px;
    margin-bottom: 10px;
  }
  .list-pollution {
    padding: 30px 0 20px;
  }
  .list-pollution-desc {
    margin-top: 5px;
  }
  .list-pollution-desc-topic img {
    width: 55px;
    margin-right: 10px;
  }
  .list-pollution-desc-topic h2 {
    font-size: 1.15rem;
  }
  .wrap-safety {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
  .wrap-safety figure {
    margin-bottom: 15px;
  }
  .topic-safety {
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .policy-quideline {
    padding: 35px 0;
  }
  .policy-quideline .wrap-managementsystem-box {
    font-size: 1rem;
    margin-top: 10px;
  }
  .policy-quideline h3 {
    font-size: 1.15rem;
  }
  .policy-quideline-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .policy-quideline-structure {
    margin-top: 50px;
  }
  .policy-quideline-structure-content-desc {
    padding-left: 0;
    margin-top: 30px;
  }
  .policy-quideline-structure-content-desc .topic-safety {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
  .policy-quideline-structure-content-desc h3, .policy-quideline-structure-content-desc h4 {
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
  .safety-standard {
    padding: 35px 0 25px;
  }
  .safety-standard figure {
    padding-right: 0;
    margin-bottom: 25px;
  }
  .safety-standard h3 {
    font-size: 1.15rem;
    margin-bottom: 15px;
  }
  .safety-standard-content-list div {
    font-size: 1rem;
  }
  .safety-standard .text-center {
    text-align: left !important;
    margin-top: 20px;
  }
  .perfecthero {
    padding: 40px 0 20px;
  }
  .perfecthero figure {
    width: 70%;
    margin: 0 auto 30px;
  }
  .perfecthero-content-desc {
    text-align: center;
  }
  .perfecthero-content-desc h3 {
    margin-top: 15px;
    font-size: 1.15rem;
  }
  .wrap-safetylist {
    padding: 20px 5px 30px;
  }
  .wrap-safetylist .safetylist {
    margin-top: 25px;
    margin-bottom: 0px;
  }
  .wrap-safetylist .safetylist-content-desc {
    padding-left: 0;
    padding-top: 25px;
  }
  .wrap-safetylist .safetylist-content-desc h2 {
    margin-bottom: 10px;
  }
  .wrap-searchresults {
    padding: 35px 0;
  }
  .wrap-searchresults-items a .searchresults-desc h2 {
    font-size: 1rem;
  }
  .wrap-products {
    padding: 35px 0;
  }
  .wrap-products hgroup h3 {
    font-size: 1.1rem;
  }
  .wrap-products hgroup h4 {
    font-size: 1rem;
  }
  .wrap-products-welcome {
    margin-top: 20px;
  }
  .wrap-products-welcome-desc {
    padding-top: 30px;
  }
  .banner-product-center figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .banner-product-center figure::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 44.3285528031%;
  }
  .banner-product-center figure > img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    top: 0;
    transition: 1s all ease;
    -o-object-position: top center;
       object-position: top center;
  }
  .banner-product-center figure:hover > img {
    transform: scale(1);
  }
  .product-list {
    padding-top: 40px;
  }
  .product-list h2 {
    font-size: 1.4rem;
  }
  .product-list-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 20px;
  }
  .product-list-items a h3 {
    font-size: 1.05rem;
  }
  .product-list-items a h4 {
    font-size: 0.85rem;
    line-height: 1.6;
    font-weight: 400;
  }
  .owl-productdetail {
    width: 100%;
  }
  .products-inside {
    padding-top: 40px;
  }
  .products-inside hgroup h3 {
    font-size: 1.1rem;
  }
  .products-inside-desc {
    margin-top: 10px;
  }
  .products-inside-photo {
    margin-top: 20px;
  }
  .product-feature {
    margin-top: -60px;
    padding: 90px 0 50px;
  }
  .product-feature-desc-list h3 {
    font-size: 1.03rem;
  }
  .product-feature-desc-list::before {
    width: 5px;
    height: 5px;
  }
  .product-feature-desc-list:last-child {
    margin-bottom: 35px;
  }
  .product-application {
    padding: 40px 5px 25px;
  }
  .products-inside-desc .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }
  .products-inside-desc .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 15px;
  }
  .product-application .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
  }
  .product-application .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
  }
  .product-spec {
    padding: 40px 0 20px;
  }
  .product-spec .table {
    margin-bottom: 40px;
  }
  .product-spec .table thead th {
    font-size: 0.9rem;
  }
  .wrap-service {
    padding: 40px 0;
  }
  .wrap-service hgroup h3 {
    font-size: 1.1rem;
    margin: 15px 0 10px;
  }
  .wrap-service hgroup h4 {
    font-size: 1rem;
  }
  .wrap-service hgroup a {
    min-width: 45%;
    margin: 20px 4px 0;
  }
  .wrap-service-photo {
    margin: 40px 0 30px;
  }
  .wrap-service-item h2 {
    font-size: 1.3rem;
  }
  .wrap-service-item h3 {
    font-size: 1.1rem;
  }
  .box-onsite {
    grid-template-columns: repeat(1, 1fr);
  }
  .box-onsite-items {
    padding: 15px;
  }
  .box-onsite-items.service-items1::before {
    border-top: 0;
  }
  .box-onsite-items.service-items2::before {
    border-left: 0;
  }
  .box-onsite-items.service-items3::before {
    border: 0;
  }
  .icon-onsite-service img {
    width: 170px;
  }
  .onsite-desc {
    margin-top: 30px;
  }
  .onsite-desc-list {
    margin-top: 20px;
  }
  .onsite-desc-list img {
    height: 80px;
  }
  .onsite-desc-list h4 {
    font-size: 1.02rem;
  }
  .banner-online-service {
    margin: 30px 0;
  }
  .img-online-service {
    padding: 0 20px;
  }
  .online-service-content {
    margin-top: 25px;
  }
  .welcome-about h2 {
    font-size: 1.7rem;
  }
  .box-vision {
    margin-top: 25px;
  }
  .box-vision h3 {
    font-size: 1.2rem;
  }
  .box-vision h4 {
    font-size: 1rem;
  }
  .wrap-boxmission {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }
  .wrap-boxmission-items {
    padding-bottom: 5px;
  }
  .caption-mission {
    margin-top: 20px;
  }
  .wrap-about {
    padding: 40px 0 35px;
  }
  .about-ceo {
    padding: 40px 0 0;
  }
  .about-ceo figure {
    text-align: center;
  }
  .about-ceo figure img {
    width: 70%;
  }
  .about-ceo-message-detail {
    padding-right: 0;
  }
  .about-ceo-message-detail h3 {
    font-size: 1rem;
  }
  .about-ceo-message-detail h2 {
    font-size: 1.45rem;
    margin-top: 15px;
  }
  .about-ceo-message-detail-quote {
    padding-left: 35px;
  }
  .about-ceo-message-detail-quote::before {
    width: 20px;
  }
  .about-ceo-message-detail-quote::after {
    width: 20px;
  }
  .messege-ceo-list-photo {
    padding-right: 0;
  }
  .messege-ceo-list-photo figure {
    margin-bottom: 20px;
  }
  .messege-ceo-list-photo figure::before {
    display: none;
  }
  .messege-ceo-list .row:nth-child(even) .messege-ceo-list-photo {
    padding-left: 0;
  }
  .about-corevalue {
    padding-top: 40px;
  }
  .about-corevalue h2 {
    font-size: 1.45rem;
  }
  .about-corevalue h3 {
    font-size: 1.1rem;
    line-height: 1.8;
  }
  .about-corevalue-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-corevalue-list-items h5 {
    font-size: 1rem;
  }
  .about-corevalue-list-items h4 {
    font-size: 4.5rem;
  }
  .wrap-culture {
    padding: 40px 0 30px;
  }
  .wrap-culture figure {
    margin-bottom: 30px;
  }
  .wrap-culture-detail h2 {
    font-size: 1.45rem;
  }
  .wrap-history {
    padding: 40px 0;
  }
  .wrap-history h2 {
    font-size: 1.45rem;
    text-align: left;
    padding-left: 10px;
  }
  .wrap-history .owl-carousel .owl-nav .owl-next {
    height: 15px;
  }
  .wrap-history .owl-carousel .owl-nav .owl-prev {
    right: 22px;
    height: 15px;
  }
  .history-year {
    font-size: 1rem;
  }
  .owl-history .items {
    font-size: 0.9rem;
    padding: 5px 13px;
  }
  .wrap-shareholder figure img {
    width: 80%;
  }
  .wrap-shareholder h2 {
    font-size: 1.45rem;
  }
  .box-shareholder {
    margin-top: 20px;
  }
  .box-shareholder-name {
    font-size: 1.1rem;
  }
  .box-shareholder-name img {
    width: 20px;
  }
  .box-shareholder-nameth {
    margin-top: 0;
  }
  .wrap-nssusway {
    padding: 40px 0;
  }
  .wrap-nssusway h2 {
    font-size: 1.45rem;
    line-height: 1.5;
  }
  .wrap-tpm {
    padding: 35px 0 20px;
  }
  .topic-tpm {
    font-size: 1.35rem;
    line-height: 1.5;
  }
  .wrap-tpm-detail {
    padding-right: 0;
  }
  .wrap-tpm-detail-list h3 {
    font-size: 1.15rem;
    line-height: 1.6;
  }
  .wrap-abouttpm {
    padding: 35px 0 20px;
  }
  .wrap-abouttpm-detail h3 {
    font-size: 1.15rem;
    line-height: 1.6;
    margin: 10px 0 25px;
  }
  .wrap-abouttpm-typo-desc h4 {
    font-size: 1.05rem;
  }
  .tpm-target {
    padding: 35px 0 15px;
  }
  .tpm-target-boxcontent-desc {
    font-size: 1rem;
    margin: 0 0 10px;
  }
  .tpm-target-boxcontent-zero {
    margin-bottom: 30px;
  }
  .tpm-target-boxcontent-zero-list-detail h6 {
    font-size: 1.05rem;
  }
  .wrap-benefit {
    margin-bottom: 30px;
  }
  .wrap-benefit div {
    font-size: 1rem;
  }
  .subtopic-tpm {
    font-size: 1.1rem;
  }
  .tpm-boxactivity {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    margin-bottom: 30px;
  }
  .tpm-boxactivity-list {
    padding: 15px 15px 5px;
  }
  .tpm-boxactivity-list h3 {
    font-size: 1.25rem;
  }
  .tpm-boxactivity-list h4 {
    font-size: 1.05rem;
    margin-bottom: 2px;
  }
  .box-tpmreason {
    margin-bottom: 0;
  }
  .box-tpmreason-detail .subtopic-tpm2 {
    font-size: 1.3rem;
  }
  .subtopic-tpm2 {
    font-size: 1.3rem;
  }
  .tpm-awards {
    padding: 40px 0;
  }
  .tpm-awards-detail h3, .tpm-awards-detail h4 {
    font-size: 1.1rem;
  }
  .wrap-benefit-recieve {
    padding: 30px 0 15px;
  }
  .benefitrecieve-box {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    margin-bottom: 25px;
  }
  .benefitrecieve-box-list {
    padding: 20px 15px 15px;
  }
  .wrap-tpm-key {
    margin-top: 35px;
  }
  .wrap-tpm-campaign {
    margin-bottom: 30px;
  }
  .wrap-tpm-campaign-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
  .wrap-tpm-awards h3 {
    font-size: 1.2rem;
    margin-top: 30px;
  }
  .about-iso {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .about-iso figure figcaption {
    margin-top: 20px;
  }
  .about-iso figure figcaption h4 {
    font-size: 1rem;
    margin-bottom: 0;
  }
  .wrap-awards-list {
    padding: 40px 0 15px;
  }
  .awards-detail h3 {
    font-size: 1.2rem;
  }
}/*# sourceMappingURL=layout.css.map */