/**
 * Part of earth project.
 *
 * @copyright  Copyright (C) 2018 {ORGANIZATION}. All rights reserved.
 * @license    GNU General Public License version 2 or later;
 */
:root {
  --bs-body-font-size: 1.125rem;
  --bs-body-color: #333;
}
@media (max-width: 991.98px) {
  :root {
    --bs-body-font-size: 1rem;
  }
}

h1,
.h1 {
  letter-spacing: 0.05em;
}

h2,
.h2 {
  letter-spacing: 0.05em;
}

h3,
.h3 {
  letter-spacing: 0.05em;
}

@media (max-width: 991.98px) {
  h1,
  .h1 {
    font-size: 2rem;
  }
}

@media (max-width: 991.98px) {
  h2,
  .h2 {
    font-size: 1.75rem;
  }
}

@media (max-width: 991.98px) {
  h3,
  .h3 {
    font-size: 1.5rem;
  }
}

@media (max-width: 991.98px) {
  h4,
  .h4 {
    font-size: 1.25rem;
  }
}

@media (max-width: 991.98px) {
  h4,
  .h4 {
    font-size: 1.125rem;
  }
}

h6,
.h6 {
  font-weight: 500;
}
@media (max-width: 991.98px) {
  h6,
  .h6 {
    font-size: 1rem;
  }
}

.c-about-title:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='26' viewBox='0 0 12 26' fill='none'%3E%3Cpath d='M0 26H4.65927L12 0H6.65252L0 26Z' fill='%2341A1BE'/%3E%3C/svg%3E");
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.h-section-title {
  position: relative;
  text-align: center;
  color: #044687;
}
.h-section-title:after {
  content: "";
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  border-bottom: 3px solid #044687;
  margin-top: 1.5rem;
  width: 28px;
}

.h-editor-content img,
.h-editor-content iframe {
  max-width: 100%;
}
.h-editor-content p:has(iframe),
.h-editor-content .txt:has(iframe) {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.h-editor-content p:has(iframe) iframe, .h-editor-content p:has(iframe) object, .h-editor-content p:has(iframe) embed,
.h-editor-content .txt:has(iframe) iframe,
.h-editor-content .txt:has(iframe) object,
.h-editor-content .txt:has(iframe) embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.c-article-badge,
.c-card-badge {
  --bs-badge-padding-y: .5rem;
  --bs-badge-padding-x: .75rem;
  --bs-badge-font-size: 1rem;
  --bs-badge-font-weight: 400;
  white-space: wrap;
  line-height: 1.2;
}

.c-breadcrumb {
  padding: 20px 0;
}
@media (min-width: 768px) {
  .c-breadcrumb {
    padding: 20px 0 60px;
  }
}
.c-breadcrumb .breadcrumb {
  margin-bottom: 0;
}
.c-breadcrumb .breadcrumb-item {
  display: none;
}
.c-breadcrumb .breadcrumb-item:nth-child(1):before {
  content: "" !important;
}
.c-breadcrumb .breadcrumb-item:nth-last-child(2) {
  display: list-item;
  --bs-breadcrumb-item-padding-x: 0;
}
.c-breadcrumb .breadcrumb-item:nth-last-child(2):before {
  --bs-breadcrumb-item-padding-x: .75rem;
  content: "\f104";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
}
.c-breadcrumb .breadcrumb-item a {
  text-decoration: underline;
  color: #808080;
}
.c-breadcrumb .breadcrumb-item a:hover {
  color: #70B9CE;
}
.c-breadcrumb .breadcrumb-item a:not([href]):not([class]) {
  text-decoration: none;
  color: #044687;
  cursor: text;
}
.c-breadcrumb .breadcrumb-item a:not([href]):not([class]):hover {
  color: #044687;
}
@media (min-width: 768px) {
  .c-breadcrumb .breadcrumb-item {
    display: list-item;
    --bs-breadcrumb-item-padding-x: .75rem;
  }
  .c-breadcrumb .breadcrumb-item:nth-last-child(2) {
    --bs-breadcrumb-item-padding-x: .75rem;
  }
  .c-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
  }
}

a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  color: #41A1BE;
}

.btn-lg {
  line-height: 24px;
}

.c-skew-btn {
  -webkit-transform: skew(-14deg);
      -ms-transform: skew(-14deg);
          transform: skew(-14deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  overflow: hidden;
  position: relative;
}
.c-skew-btn span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: skew(14deg);
      -ms-transform: skew(14deg);
          transform: skew(14deg);
  position: relative;
  z-index: 2;
}
.c-skew-btn.btn-primary {
  --bs-btn-color: white;
  --bs-btn-hover-color: #044687;
  --bs-btn-hover-bg: #044687;
}
@media (max-width: 991.98px) {
  .c-skew-btn.btn-primary {
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #044687;
  }
}
.c-skew-btn.btn-primary:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  position: absolute;
  top: 0;
  left: -100%;
  -webkit-transition: left 0.5s ease-in-out !important;
  transition: left 0.5s ease-in-out !important;
}
@media (min-width: 992px) {
  .c-skew-btn.btn-primary:hover:before {
    left: 0;
  }
}
.c-skew-btn.c-btn-linear {
  --bs-btn-color: white;
  --bs-btn-hover-color: #044687;
  border: 1px solid transparent;
  -webkit-transition: 0.5s ease-in-out !important;
  transition: 0.5s ease-in-out !important;
}
@media (max-width: 991.98px) {
  .c-skew-btn.c-btn-linear {
    --bs-btn-hover-color: white;
    --bs-btn-active-color: white;
    --bs-btn-active-border-color: transparent;
  }
}
.c-skew-btn.c-btn-linear:before, .c-skew-btn.c-btn-linear:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.c-skew-btn.c-btn-linear:before {
  left: 0;
  background: linear-gradient(97deg, #41A1BE 14.77%, #85C023 109.35%);
}
.c-skew-btn.c-btn-linear:after {
  background-color: white;
  left: -100%;
  -webkit-transition: left 0.5s ease-in-out !important;
  transition: left 0.5s ease-in-out !important;
}
@media (min-width: 992px) {
  .c-skew-btn.c-btn-linear:hover {
    border: 1px solid #044687;
  }
  .c-skew-btn.c-btn-linear:hover:after {
    left: 0;
  }
}
.c-skew-btn.btn-outline-primary {
  --bs-btn-color: #044687;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #044687;
}
@media (max-width: 991.98px) {
  .c-skew-btn.btn-outline-primary {
    --bs-btn-hover-color: #044687;
    --bs-btn-hover-bg: white;
  }
}
.c-skew-btn.btn-outline-primary:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #044687;
  position: absolute;
  top: 0;
  left: -100%;
  -webkit-transition: left 0.5s ease-in-out !important;
  transition: left 0.5s ease-in-out !important;
}
@media (max-width: 991.98px) {
  .c-skew-btn.btn-outline-primary:hover:before {
    left: 0;
  }
}

.c-navigation-btn {
  --bs-btn-color: #41A1BE;
  --bs-btn-border-color: #A0D0DF;
  --bs-btn-hover-color: #41A1BE;
  --bs-btn-hover-bg: #A0D0DF;
  --bs-btn-disabled-color: #CCC;
  --bs-btn-disabled-border-color: #CCC;
  min-width: 30px;
  height: 30px;
  -webkit-transition: 0.5s ease-in-out !important;
  transition: 0.5s ease-in-out !important;
}
@media (max-width: 991.98px) {
  .c-navigation-btn {
    min-width: 40px;
    height: 40px;
  }
}

.c-product-btn {
  padding: 8px 16px;
  color: #808080;
  border: #808080 1px solid;
}

.navbar-toggler .fa-xmark {
  display: none;
}
.navbar-toggler:has(~ .showing) .fa-bars, .navbar-toggler:has(~ .show) .fa-bars, .navbar-toggler:has(~ .hiding) .fa-bars {
  display: none;
}
.navbar-toggler:has(~ .showing) .fa-xmark, .navbar-toggler:has(~ .show) .fa-xmark, .navbar-toggler:has(~ .hiding) .fa-xmark {
  display: inline-block;
}

.c-article-item + .c-article-item {
  margin-top: 20px;
  border-top: 1px solid #E6E6E6;
  padding-top: 20px;
}
.c-article-item .c-article-badge {
  -ms-flex-preferred-size: 136px;
      flex-basis: 136px;
  width: 136px;
}
.c-article-item .c-article-date {
  color: #666;
}
.c-article-item .c-article-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .c-article-item .c-article-title {
    -webkit-line-clamp: 2;
  }
}
.c-article-item .c-article-title a {
  color: #212529;
}
.c-article-item .c-article-title a:hover {
  color: #41A1BE;
}

.c-solution-card {
  --bs-card-bg: transparent;
}
.c-solution-card:hover .c-img-wrapper:after {
  background-color: rgba(0, 0, 0, 0);
}
.c-solution-card .c-img-wrapper {
  aspect-ratio: 1/1;
  position: relative;
}
.c-solution-card .c-img-wrapper:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-solution-card .card-title,
.c-solution-card .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-solution-card .card-title a {
  color: #044687;
}
.c-solution-card .card-title a:hover {
  color: #41A1BE;
}

.c-case-card {
  --bs-card-bg: transparent;
}
.c-case-card:hover .c-img-wrapper:after {
  background-color: rgba(0, 0, 0, 0);
}
.c-case-card .c-img-wrapper {
  aspect-ratio: 3/2;
  position: relative;
}
.c-case-card .c-img-wrapper:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-case-card .c-card-badge {
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
.c-case-card .card-title,
.c-case-card .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-case-card .card-title a {
  color: #044687;
}
.c-case-card .card-title a:hover {
  color: #41A1BE;
}

.c-overview-card .c-overview-card-text {
  min-width: 220px;
  width: 220px;
  height: 220px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220' fill='none'%3E%3Cg clip-path='url(%23paint0_angular_6214_13577_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0.0729663 -0.0869438 0.0869438 0.0729663 110.022 110.022)'%3E%3CforeignObject x='-1489.74' y='-1489.74' width='2979.48' height='2979.48'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(184, 220, 231, 1) 0deg,rgba(140, 198, 216, 1) 53.6892deg,rgba(99, 178, 201, 1) 123.4deg,rgba(74, 165, 193, 1) 199.175deg,rgba(65, 161, 190, 1) 270.399deg,rgba(190, 223, 233, 1) 353.001deg,rgba(184, 220, 231, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M210 110H200C200 159.706 159.706 200 110 200V210V220C170.751 220 220 170.751 220 110H210ZM110 210V200C60.2944 200 20 159.706 20 110H10H0C0 170.751 49.2487 220 110 220V210ZM10 110H20C20 60.2944 60.2944 20 110 20V10V0C49.2487 0 0 49.2487 0 110H10ZM110 10V20C159.706 20 200 60.2944 200 110H210H220C220 49.2487 170.751 0 110 0V10Z' data-figma-gradient-fill='%7B"type":"GRADIENT_ANGULAR","stops":%5B%7B"color":%7B"r":0.54901963472366333,"g":0.77647060155868530,"b":0.84705883264541626,"a":1.0%7D,"position":0.14913658797740936%7D,%7B"color":%7B"r":0.38823530077934265,"g":0.69803923368453979,"b":0.78823530673980713,"a":1.0%7D,"position":0.34277722239494324%7D,%7B"color":%7B"r":0.29019609093666077,"g":0.64705884456634521,"b":0.75686275959014893,"a":1.0%7D,"position":0.55326294898986816%7D,%7B"color":%7B"r":0.25490197539329529,"g":0.63137257099151611,"b":0.74509805440902710,"a":1.0%7D,"position":0.75110781192779541%7D,%7B"color":%7B"r":0.74509805440902710,"g":0.87450981140136719,"b":0.91372549533843994,"a":1.0%7D,"position":0.98055779933929443%7D%5D,"stopsVar":%5B%7B"color":%7B"r":0.54901963472366333,"g":0.77647060155868530,"b":0.84705883264541626,"a":1.0%7D,"position":0.14913658797740936%7D,%7B"color":%7B"r":0.38823530077934265,"g":0.69803923368453979,"b":0.78823530673980713,"a":1.0%7D,"position":0.34277722239494324%7D,%7B"color":%7B"r":0.29019609093666077,"g":0.64705884456634521,"b":0.75686275959014893,"a":1.0%7D,"position":0.55326294898986816%7D,%7B"color":%7B"r":0.25490197539329529,"g":0.63137257099151611,"b":0.74509805440902710,"a":1.0%7D,"position":0.75110781192779541%7D,%7B"color":%7B"r":0.74509805440902710,"g":0.87450981140136719,"b":0.91372549533843994,"a":1.0%7D,"position":0.98055779933929443%7D%5D,"transform":%7B"m00":145.93258666992188,"m01":173.88763427734375,"m02":-49.887634277343750,"m10":-173.88763427734375,"m11":145.93258666992188,"m12":123.99999237060547%7D,"opacity":1.0,"blendMode":"NORMAL","visible":true%7D'/%3E%3Cdefs%3E%3CclipPath id='paint0_angular_6214_13577_clip_path'%3E%3Cpath d='M210 110H200C200 159.706 159.706 200 110 200V210V220C170.751 220 220 170.751 220 110H210ZM110 210V200C60.2944 200 20 159.706 20 110H10H0C0 170.751 49.2487 220 110 220V210ZM10 110H20C20 60.2944 60.2944 20 110 20V10V0C49.2487 0 0 49.2487 0 110H10ZM110 10V20C159.706 20 200 60.2944 200 110H210H220C220 49.2487 170.751 0 110 0V10Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.c-product-card ul {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding-left: 1.5em;
}
.c-product-card ul li {
  font-size: 16px;
  position: relative;
}
.c-product-card ul li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #41A1BE;
  border-radius: 0;
  left: -20px;
  top: 10px;
}
.c-product-card__title {
  color: #044687;
}
.c-product-card__title, .c-product-card__image img {
  -webkit-transition: ease-in-out all 300ms;
  transition: ease-in-out all 300ms;
}
.c-product-card__image {
  aspect-ratio: 56/37;
}
@media (max-width: 991.98px) {
  .c-product-card {
    margin-bottom: 40px;
  }
}
.c-product-card:hover .c-product-card__title {
  color: #41A1BE;
}
.c-product-card:hover .c-product-card__image img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.c-product-card:hover .c-product-btn {
  color: #41A1BE;
  border: #41A1BE 1px solid;
}

.c-certificate-card__img-wrapper {
  aspect-ratio: 2/1;
  min-width: 200px;
  width: 200px;
}

.c-history-card__year:before {
  content: "";
  display: block;
  border-radius: 8px;
  width: 9px;
  height: 9px;
  background-color: #A0D0DF;
}
.c-history-card__month {
  min-width: 44px;
  width: 44px;
}
@media (max-width: 991.98px) {
  .c-history-card__month {
    min-width: 60px;
    width: 60px;
  }
}

@media (min-width: 992px) {
  .c-welfare-card__img-wrapper {
    position: absolute;
    bottom: 0;
    width: 550px;
    height: calc(100% + 24px);
  }
}
@media (min-width: 992px) {
  .c-welfare-card .card-body {
    width: calc(50% + 12px);
    min-height: 420px;
  }
}
@media (max-width: 991.98px) {
  .c-welfare-card .card-body {
    top: -24px;
    left: 12px;
    width: calc(100% - 12px);
  }
}

.c-announcement-card a:not(:hover) {
  color: #4D4D4D;
}
.c-announcement-card a:not(:hover) i {
  margin-top: 6px;
}
@media (max-width: 991.98px) {
  .c-announcement-card a:not(:hover) i {
    margin-top: 5px;
  }
}

.c-solution-icon-card {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-solution-icon-card__img-wrapper {
  width: 160px;
  height: 160px;
}

#offcanvasNavbar {
  top: 74px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#offcanvasNavbar.show {
  opacity: 1;
}
#offcanvasNavbar.show .nav-link:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#offcanvasNavbar:not(.show) .c-skew-btn {
  -webkit-transition: none !important;
  transition: none !important;
}
#offcanvasNavbar .offcanvas-body {
  --bs-offcanvas-padding-y: 20px;
  --bs-nav-link-font-size: 1.125rem;
  max-height: calc(100dvh - 74px);
}
#offcanvasNavbar .nav-item + .nav-item {
  border-top: 1px solid #E6E6E6;
}
#offcanvasNavbar .nav-item:first-of-type .nav-link {
  padding-top: 0;
}
#offcanvasNavbar .nav-link {
  padding: 24px 0;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#offcanvasNavbar .nav-link.active {
  color: #044687;
}
#offcanvasNavbar .nav-link:has(~ div):after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
}
#offcanvasNavbar .nav-link:has(~ .subnav-container.collapsing):after, #offcanvasNavbar .nav-link:has(~ .subnav-container.show):after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
#offcanvasNavbar .nav-link:has(~ .subnav-container.collapsing).active, #offcanvasNavbar .nav-link:has(~ .subnav-container.show).active {
  color: #85C023;
}
#offcanvasNavbar .nav-link ~ .subnav-container > .subnav {
  padding-bottom: 24px;
}
#offcanvasNavbar .subnav {
  list-style: none;
  padding-left: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
#offcanvasNavbar .subnav-link {
  text-decoration: none;
  font-size: var(--bs-nav-link-font-size);
  color: #666;
}
#offcanvasNavbar .subnav-link ~ .subnav-container {
  padding-top: 24px;
}
#offcanvasNavbar .c-skew-btn {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.c-pagination {
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-pagination .page-item.active {
  text-decoration: underline;
  color: #41A1BE;
}

.swiper {
  width: 100%;
}

.swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-height: 10px;
  --swiper-pagination-bullet-inactive-color: white;
  --swiper-pagination-bullet-inactive-opacity: 1;
  border: 1px solid #CCC;
}

.swiper-pagination-bullet-active {
  --swiper-pagination-color: #41A1BE;
  border-color: transparent;
}

.bannerSwiper .c-banner-swipe-content {
  height: 400px;
}

.nav-pills {
  --bs-nav-link-padding-y: 8px;
  --bs-nav-link-padding-x: 1.75rem;
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-hover-color: white;
}
.nav-pills .nav-link {
  border: 1px solid #044687;
  line-height: 1.25;
  -webkit-transform: skew(-14deg);
      -ms-transform: skew(-14deg);
          transform: skew(-14deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.5s ease-in-out !important;
  transition: 0.5s ease-in-out !important;
}
.nav-pills .nav-link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #044687;
  position: absolute;
  top: 0;
  left: -100%;
  -webkit-transition: left 0.5s ease-in-out !important;
  transition: left 0.5s ease-in-out !important;
}
.nav-pills .nav-link span {
  -webkit-transform: skew(14deg);
      -ms-transform: skew(14deg);
          transform: skew(14deg);
  position: relative;
  z-index: 2;
}
.nav-pills .nav-link:hover:before {
  left: 0;
}
.nav-pills .nav-link:focus:not(.active):not(:hover) {
  color: #044687;
}

.nav-tabs {
  --bs-nav-link-padding-y: 1rem;
  --bs-nav-link-padding-x: 1.25rem;
  --bs-nav-tabs-border-width: 0;
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-color: black;
  --bs-nav-link-hover-color: black;
  --bs-nav-tabs-link-active-color: #41A1BE;
}
.nav-tabs .nav-link {
  min-width: 225px;
  background: white;
  -webkit-transition: 0.5s ease-in-out !important;
  transition: 0.5s ease-in-out !important;
}
.nav-tabs .nav-link:not(.active):hover {
  background: #F6F6F6;
}
.nav-tabs .nav-link.active {
  -webkit-box-shadow: inset 0 -3px 0 #41A1BE;
          box-shadow: inset 0 -3px 0 #41A1BE;
}

.alertify-notifier.ajs-top {
  top: 90px !important;
}
.alertify-notifier .ajs-message {
  color: #fff !important;
  background: rgba(var(--bs-dark-rgb), 0.9) !important;
}

body {
  padding-top: 63px;
  scroll-padding-top: 75px;
}
@media (max-width: 1199.98px) {
  body {
    padding-top: 74px;
  }
}

[uni-cloak] * {
  pointer-events: none;
}

@media (max-width: 991.98px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

header .navbar {
  --bs-navbar-color: #044687;
  -webkit-box-shadow: inset 0 -1px 0 #E6E6E6;
          box-shadow: inset 0 -1px 0 #E6E6E6;
}
header .navbar-brand img {
  height: 33px;
}
header .c-nav-item:hover .c-submenu-content {
  max-height: unset;
  opacity: 1;
}
header .nav-link {
  --bs-nav-link-padding-y: 0;
  --bs-navbar-nav-link-padding-x: 0;
  --bs-nav-link-color: #333;
  --bs-nav-link-hover-color: #333;
}
header .nav-link span {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--bs-nav-link-hover-color)), to(var(--bs-nav-link-hover-color)));
  background-image: linear-gradient(to right, var(--bs-nav-link-hover-color) 0, var(--bs-nav-link-hover-color) 100%);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: left bottom;
  -webkit-transition: background-size 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: background-size 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
}
header .nav-link .fa-chevron-down {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .nav-link:hover span {
  background-size: 100% 1px;
}
header .nav-link:hover .fa-chevron-down {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
header .c-submenu-content {
  top: 63px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: max-height 0.4s ease, opacity 0.4s ease;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}
header .c-submenu {
  list-style: none;
  grid-template-columns: repeat(3, 1fr);
}
header .c-submenu-info {
  border-right: 1px solid #E6E6E6;
  width: max(400px, 35%);
}
header .full {
  grid-column: 1/-1;
}
header .c-submenu-link {
  color: #666;
}
header .c-submenu-link span {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #212529), to(#212529));
  background-image: linear-gradient(to right, #212529 0, #212529 100%);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: left bottom;
  -webkit-transition: background-size 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: background-size 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
}
header .c-submenu-link:hover {
  color: #212529;
}
header .c-submenu-link:hover span {
  background-size: 100% 1px;
}

.l-page-banner {
  background: linear-gradient(268deg, #044687 29.27%, #41A1BE 79.77%, #85C023 101.57%);
}
.l-page-banner .c-banner-bg__wrapper {
  width: 50%;
}
.l-page-banner img {
  -o-object-position: left;
     object-position: left;
}

.l-contact-banner {
  background-image: url("../../images/front/home/contact-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

footer {
  background: -webkit-gradient(linear, left top, left bottom, from(#41A1BE), to(#044687));
  background: linear-gradient(180deg, #41A1BE 0%, #044687 100%);
}
footer .c-footer-logo img {
  min-width: 154px;
  width: 154px;
}
footer .c-submenu {
  list-style: none;
}
footer .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 1200px) {
  footer .nav-item {
    min-width: 160px;
  }
}
footer .nav-link {
  --bs-nav-link-padding-y: 10px;
  --bs-navbar-nav-link-padding-x: 0;
  --bs-nav-link-color: white;
  --bs-nav-link-hover-color: white;
}
footer .c-submenu-link {
  color: white;
}
footer .c-submenu-link span {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, white), to(white));
  background-image: linear-gradient(to right, white 0, white 100%);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: left bottom;
  -webkit-transition: background-size 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: background-size 0.55s cubic-bezier(0.2, 0.75, 0.5, 1);
}
footer .c-submenu-link:hover {
  color: white;
}
footer .c-submenu-link:hover span {
  background-size: 100% 1px;
}
footer .c-footer-mobile-content .c-footer-logo img {
  width: 108px;
}
footer .c-footer-mobile-content .nav-item + .nav-item {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
footer .c-footer-mobile-content .nav-item:first-of-type .nav-link {
  padding-top: 0;
}
footer .c-footer-mobile-content .nav-link {
  --bs-nav-link-font-size: 1.125rem;
  padding: 24px 0;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .c-footer-mobile-content .nav-link:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
footer .c-footer-mobile-content .nav-link:has(~ .subnav-container.collapsing):after, footer .c-footer-mobile-content .nav-link:has(~ .subnav-container.show):after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
footer .c-footer-mobile-content .nav-link ~ .subnav-container > .subnav {
  padding-bottom: 24px;
}
footer .c-footer-mobile-content .subnav {
  list-style: none;
  padding-left: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
footer .c-footer-mobile-content .subnav-link {
  text-decoration: none;
  font-size: 1rem;
  color: white;
}
footer .c-footer-mobile-content .subnav-link ~ .subnav-container {
  padding-top: 24px;
}

.l-about-page table {
  --bs-border-color: #E6E6E6;
  border: 1px solid #E6E6E6;
}
.l-about-page th {
  width: 196px;
  color: #333;
  background-color: #70B9CE;
}
@media (max-width: 991.98px) {
  .l-about-page th {
    width: 148px;
  }
}
.l-about-page td {
  line-height: 28px;
}

.l-about-announcement-page .c-announcement-list {
  list-style: none;
}
.l-about-announcement-page .c-announcement-item:before {
  content: "";
  display: block;
  margin-top: 12px;
  min-width: 6px;
  height: 6px;
  background-color: #41A1BE;
}
@media (max-width: 991.98px) {
  .l-about-announcement-page .c-announcement-item:before {
    margin-top: 10px;
  }
}

.l-about-health-page ol,
.l-about-health-page ul {
  list-style: none;
}
.l-about-health-page .l-welfare {
  background-color: #F6F6F6;
}
.l-about-health-page .l-welfare .c-welfare-item li:before {
  content: "";
  display: block;
  margin-top: 12px;
  min-width: 6px;
  height: 6px;
  background-color: #41A1BE;
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(1) .c-welfare-card .card-body {
  overflow: hidden;
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(1) .c-welfare-card .card-body:before {
  content: "01";
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -9px;
  color: rgba(235, 246, 249, 0.75);
  position: absolute;
  right: -4px;
  bottom: -12px;
}
@media (max-width: 991.98px) {
  .l-about-health-page .l-welfare .c-welfare-item:nth-child(1) .c-welfare-card .card-body:before {
    font-size: 140px;
  }
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(2) .c-welfare-card .card-body {
  overflow: hidden;
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(2) .c-welfare-card .card-body:before {
  content: "02";
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -9px;
  color: rgba(235, 246, 249, 0.75);
  position: absolute;
  right: -4px;
  bottom: -12px;
}
@media (max-width: 991.98px) {
  .l-about-health-page .l-welfare .c-welfare-item:nth-child(2) .c-welfare-card .card-body:before {
    font-size: 140px;
  }
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(3) .c-welfare-card .card-body {
  overflow: hidden;
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(3) .c-welfare-card .card-body:before {
  content: "03";
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -9px;
  color: rgba(235, 246, 249, 0.75);
  position: absolute;
  right: -4px;
  bottom: -12px;
}
@media (max-width: 991.98px) {
  .l-about-health-page .l-welfare .c-welfare-item:nth-child(3) .c-welfare-card .card-body:before {
    font-size: 140px;
  }
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(4) .c-welfare-card .card-body {
  overflow: hidden;
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(4) .c-welfare-card .card-body:before {
  content: "04";
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -9px;
  color: rgba(235, 246, 249, 0.75);
  position: absolute;
  right: -4px;
  bottom: -12px;
}
@media (max-width: 991.98px) {
  .l-about-health-page .l-welfare .c-welfare-item:nth-child(4) .c-welfare-card .card-body:before {
    font-size: 140px;
  }
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(5) .c-welfare-card .card-body {
  overflow: hidden;
}
.l-about-health-page .l-welfare .c-welfare-item:nth-child(5) .c-welfare-card .card-body:before {
  content: "05";
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -9px;
  color: rgba(235, 246, 249, 0.75);
  position: absolute;
  right: -4px;
  bottom: -12px;
}
@media (max-width: 991.98px) {
  .l-about-health-page .l-welfare .c-welfare-item:nth-child(5) .c-welfare-card .card-body:before {
    font-size: 140px;
  }
}

.l-about-message-page .l-page-banner {
  aspect-ratio: 75/44;
}
@media (min-width: 576px) {
  .l-about-message-page .l-page-banner {
    aspect-ratio: 45/11;
  }
}
.l-about-message-page .c-banner-bg img {
  width: 100%;
}
.l-about-message-page .c-president-img {
  width: 100%;
}
@media (min-width: 768px) {
  .l-about-message-page .c-president-img {
    min-width: 50%;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .l-about-message-page .c-president-img {
    min-width: 47%;
    width: 47%;
  }
}
.l-about-message-page .c-president-main-desc:after {
  content: "";
  display: block;
  margin: 24px 0;
  width: 28px;
  height: 3px;
  background-color: #044687;
}

.view-article-item .l-article-item .c-article-heading {
  position: relative;
  padding-bottom: 30px;
}
.view-article-item .l-article-item .c-article-heading:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 28px;
  height: 3px;
  background-color: #044687;
}
.view-article-item .l-article-item .c-attachment-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 32px;
  gap: 12px;
  border: 1px solid #044687;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.view-article-item .l-article-item .c-attachment-item__title {
  color: #044687;
}
.view-article-item .l-article-item .c-attachment-item__icon {
  fill: #044687;
}
.view-article-item .l-article-item .c-attachment-item:hover {
  background-color: #044687;
  color: white;
}
.view-article-item .l-article-item .c-attachment-item:hover .c-attachment-item__title {
  color: white;
}
.view-article-item .l-article-item .c-attachment-item:hover .c-attachment-item__icon {
  fill: white;
}

.view-article-list .c-case-list {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991.98px) {
  .view-article-list .c-case-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .view-article-list .c-case-list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.view-certificate-list .c-certificate-list {
  list-style: none;
}
.view-certificate-list .c-certificate-item + .c-certificate-item {
  margin-top: 40px;
  border-top: 1px solid #E6E6E6;
  padding-top: 40px;
}

.view-contact.layout-contact-modal {
  padding-top: 0;
}
.view-contact .l-contact-page input:not([type=checkbox]),
.view-contact .l-contact-page textarea {
  padding: 16px 20px;
}
.view-contact .l-contact-page .ts-control {
  padding: 16px 20px !important;
}
.view-contact .l-contact-page .ts-control .clear-button {
  display: none;
}
.view-contact .l-contact-page .phone-group #input-item-phone-label {
  height: 0;
  margin: 0 !important;
}
.view-contact .l-contact-page .phone-group #input-item-phone {
  height: 58px;
  border-top-width: 0;
}
@media (min-width: 576px) {
  .view-contact .l-contact-page .phone-group #input-item-phone {
    border-top-width: 1px;
    border-left: 0;
  }
}
@media (min-width: 576px) {
  .view-contact .l-contact-page .phone-group .ts-wrapper {
    min-width: 150px;
    max-width: 150px;
  }
}

@media (max-width: 991.98px) {
  .view-history-list .l-history-list .container {
    max-width: 100%;
    padding: 0;
  }
  .view-history-list .l-history-list .container .row {
    margin: 0;
  }
  .view-history-list .l-history-list .container .col-lg-10 {
    padding: 0;
  }
}
.view-history-list .l-history-list .c-list {
  list-style: none;
}
.view-history-list .l-history-list .c-list:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #A0D0DF;
  position: absolute;
  top: 0;
  left: 20px;
}
@media (max-width: 991.98px) {
  .view-history-list .l-history-list .c-list:before {
    left: 16px;
  }
}
.view-history-list .l-history-list .c-list li:nth-of-type(even) {
  background-color: #F6F6F6;
}

.view-home .c-home-title h2:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='42' viewBox='0 0 16 42' fill='none'%3E%3Cpath d='M16 0H10.6667L0 42H5.33333L16 0Z' fill='%2341A1BE'/%3E%3C/svg%3E");
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
}
.view-home .l-home-banner .swiper-button-prev,
.view-home .l-home-banner .swiper-button-next,
.view-home .l-home-banner .swiper-pagination {
  position: unset;
}
.view-home .l-home-banner .swiper-pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.view-home .l-solution {
  background-color: #F6F6F6;
}
.view-home .l-solution .swiper-button-prev,
.view-home .l-solution .swiper-button-next,
.view-home .l-solution .swiper-pagination {
  position: unset;
}
.view-home .l-solution .c-solution-swiper-prev,
.view-home .l-solution .c-solution-swiper-next {
  top: 240px;
}
@media (min-width: 992px) {
  .view-home .l-solution .c-solution-swiper-prev,
  .view-home .l-solution .c-solution-swiper-next {
    position: absolute;
  }
}
.view-home .l-solution .c-solution-swiper-prev {
  right: calc(100% + 20px);
}
.view-home .l-solution .c-solution-swiper-next {
  left: calc(100% + 20px);
}
.view-home .l-solution .swiper-pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.view-home .l-case .c-case-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.view-home .l-product .c-product-text-wrapper,
.view-home .l-product .c-product-img-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.view-location .l-location .c-location-title {
  position: relative;
}
.view-location .l-location .c-location-title:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='28' viewBox='0 0 16 42' fill='none'%3E%3Cpath d='M16 0H10.6667L0 42H5.33333L16 0Z' fill='%2341A1BE'/%3E%3C/svg%3E");
}
.view-location .l-location .c-country-title {
  padding-left: 16px;
  position: relative;
}
.view-location .l-location .c-country-title:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #41A1BE;
  border-radius: 0;
  left: 0;
  top: 12px;
}
.view-location .l-location .c-location-item {
  overflow: hidden;
}
.view-location .l-location .c-location-list {
  padding: 12px 0;
  border-bottom: 1px solid #CCC;
}
.view-location .l-location ul {
  padding-left: 1.5em;
  list-style: none;
  gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 991.98px) {
  .view-location .l-location ul {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .view-product-category-list .l-product-category-list-page .c-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .view-product-category-list .l-product-category-list-page .c-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.view-product-category-list .l-product-category-list-page .c-discontinued {
  background-color: #F6F6F6;
}

.view-product-compare .l-product-compare-page__title h1:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='42' viewBox='0 0 16 42' fill='none'%3E%3Cpath d='M16 0H10.6667L0 42H5.33333L16 0Z' fill='%2341A1BE'/%3E%3C/svg%3E");
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
}
@media (max-width: 991.98px) {
  .view-product-compare .l-product-compare-page .l-web-table table {
    table-layout: fixed;
  }
}
.view-product-compare .l-product-compare-page .l-web-table thead {
  position: sticky;
  top: -128px;
}
@media (max-width: 1199.98px) {
  .view-product-compare .l-product-compare-page .l-web-table thead {
    top: -117px;
  }
}
@media (max-width: 991.98px) {
  .view-product-compare .l-product-compare-page .l-web-table thead {
    top: 73px;
  }
}
.view-product-compare .l-product-compare-page .l-web-table thead td {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.view-product-compare .l-product-compare-page .l-web-table thead .h5 {
  color: #044687;
}
.view-product-compare .l-product-compare-page .l-web-table thead.frozen td {
  background-color: #41A1BE;
}
.view-product-compare .l-product-compare-page .l-web-table thead.frozen .h5 {
  color: white;
}
.view-product-compare .l-product-compare-page .l-web-table__img {
  aspect-ratio: 56/37;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 992px) {
  .view-product-compare .l-product-compare-page .l-web-table__img {
    height: 170px;
  }
}
.view-product-compare .l-product-compare-page .l-web-table tbody tr:nth-of-type(even) td {
  background-color: #EBF6F9;
}
@media (min-width: 768px) {
  .view-product-compare .l-product-compare-page .l-web-table__label {
    min-width: 150px;
  }
}
@media (min-width: 992px) {
  .view-product-compare .l-product-compare-page .l-web-table__label {
    min-width: 200px;
  }
}

.view-product-download {
  padding-top: 0;
}

.view-product-item {
  position: relative;
}
.view-product-item .l-product-item-page {
  padding: 0 0 100px;
}
@media (min-width: 768px) {
  .view-product-item .l-product-item-page .c-breadcrumb {
    border-bottom: 1px solid #E6E6E6;
  }
}
.view-product-item .l-product-item-page .l-menu {
  background-color: #fff;
  border-bottom: 1px solid #E6E6E6;
  position: sticky;
  top: 74px;
  z-index: 2;
}
@media (min-width: 1200px) {
  .view-product-item .l-product-item-page .l-menu {
    top: 63px;
  }
}
.view-product-item .l-product-item-page .l-menu__link {
  padding: 16px 30px;
  color: #333;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .view-product-item .l-product-item-page .l-menu__link {
    padding: 16px 60px;
  }
}
.view-product-item .l-product-item-page .l-menu__link:hover {
  background-color: #F6F6F6;
}
.view-product-item .l-product-item-page .l-menu__link.active {
  color: #70B9CE;
}
.view-product-item .l-product-item-page .l-second-section .c-solution-icon-card__img-wrapper {
  width: 68px;
  height: 68px;
}
.view-product-item .l-product-item-page .l-info,
.view-product-item .l-product-item-page .l-video,
.view-product-item .l-product-item-page .l-specification {
  padding: 0 0 60px;
}
@media (min-width: 768px) {
  .view-product-item .l-product-item-page .l-info,
  .view-product-item .l-product-item-page .l-video,
  .view-product-item .l-product-item-page .l-specification {
    padding: 0 0 100px;
  }
}
@media (min-width: 992px) {
  .view-product-item .l-product-item-page .l-info__col:first-child {
    padding-right: 30px;
  }
  .view-product-item .l-product-item-page .l-info__col:last-child {
    padding-left: 30px;
  }
}
.view-product-item .l-product-item-page .l-info__list {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding-left: 1.5em;
}
.view-product-item .l-product-item-page .l-info__list li {
  font-size: 18px;
  position: relative;
}
.view-product-item .l-product-item-page .l-info__list li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #41A1BE;
  border-radius: 0;
  left: -20px;
  top: 10px;
}
.view-product-item .l-product-item-page .l-info .l-thumb-swiper {
  border: 1px solid #E6E6E6;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .view-product-item .l-product-item-page .l-info .l-thumb-swiper {
    aspect-ratio: 127/110;
  }
}
.view-product-item .l-product-item-page .l-info .l-thumb-swiper__wrapper {
  padding: 20px 50px;
}
.view-product-item .l-product-item-page .l-info .l-thumb-swiper__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.view-product-item .l-product-item-page .l-info .l-thumb-swiper__prev, .view-product-item .l-product-item-page .l-info .l-thumb-swiper__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 4px;
  border: 1px solid #A0D0DF;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.view-product-item .l-product-item-page .l-info .l-thumb-swiper__prev:hover, .view-product-item .l-product-item-page .l-info .l-thumb-swiper__next:hover {
  background-color: #A0D0DF;
}
.view-product-item .l-product-item-page .l-info .l-thumb-swiper__prev i, .view-product-item .l-product-item-page .l-info .l-thumb-swiper__next i {
  color: #41A1BE;
}
.view-product-item .l-product-item-page .l-info .l-thumb-swiper__prev {
  left: 20px;
}
.view-product-item .l-product-item-page .l-info .l-thumb-swiper__next {
  right: 20px;
  left: inherit;
}
.view-product-item .l-product-item-page .l-info .l-img-swiper__item {
  border: 1px solid #E6E6E6;
}
.view-product-item .l-product-item-page .l-info .l-img-swiper__item.swiper-slide-thumb-active {
  border: 1px solid #A0D0DF;
}
.view-product-item .l-product-item-page .l-specification td {
  padding: 24px 20px;
  word-break: break-word;
}
@media (min-width: 992px) {
  .view-product-item .l-product-item-page .l-specification td {
    padding: 28px 24px;
  }
}
.view-product-item .l-product-item-page .l-specification__title {
  background-color: #EBF6F9;
  color: #212529;
  width: 140px;
}
@media (min-width: 992px) {
  .view-product-item .l-product-item-page .l-specification__title {
    width: auto;
    max-width: 200px;
    min-width: 200px;
  }
}
.view-product-item .l-product-item-page .l-specification__text {
  font-size: 1rem;
}
@media (min-width: 992px) {
  .view-product-item .l-product-item-page .l-specification__text {
    max-width: 300px;
    min-width: 300px;
  }
}
.view-product-item .l-product-item-page .l-files .l-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-product-item .l-product-item-page .l-files .l-item__title:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background-color: #41A1BE;
}
.view-product-item .l-product-item-page .l-files .l-item__child {
  padding: 4px 20px;
}
.view-product-item .l-product-item-page .l-files .l-item__link {
  color: #333;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.view-product-item .l-product-item-page .l-files .l-item__link:hover {
  color: #70B9CE;
}
.view-product-item .l-product-item-page .c-skew-btn span,
.view-product-item .l-product-item-page .c-skew-btn i {
  display: inline-block;
  -webkit-transform: skew(14deg);
      -ms-transform: skew(14deg);
          transform: skew(14deg);
}

@media (max-width: 991.98px) {
  .view-product-list .l-product-list-page .l-list__desc {
    font-size: 18px;
  }
}
.view-product-list .l-product-list-page .c-heading-border {
  position: relative;
}
.view-product-list .l-product-list-page .c-heading-border:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  width: 24px;
  height: 3px;
  background-color: #044687;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.view-product-list .l-product-list-page .c-list .row {
  --bs-gutter-x: 88px;
  --bs-gutter-y: 100px;
}
.view-product-list .l-product-list-page .c-list .col-lg-4 {
  border-right: 1px solid #E6E6E6;
}
.view-product-list .l-product-list-page .c-list .col-lg-4:nth-child(3n) {
  border-right: none;
}
@media (max-width: 991.98px) {
  .view-product-list .l-product-list-page .c-list .row {
    --bs-gutter-x: initail;
    --bs-gutter-y: 40px;
  }
  .view-product-list .l-product-list-page .c-list .col-lg-4 {
    padding-bottom: 40px;
    border-right: none;
    border-bottom: 1px solid #E6E6E6;
  }
  .view-product-list .l-product-list-page .c-list .col-lg-4:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.view-product-list .l-product-list-page .c-comparison-bar {
  min-height: 100px;
  padding: 20px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #EFEFEF;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 1000;
}
.view-product-list .l-product-list-page .c-comparison-bar.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.view-product-list .l-product-list-page .c-comparison-bar .c-skew-btn {
  min-width: 156px;
}

.view-solution-item .c-solution-title:after {
  content: "";
  display: block;
  margin-top: 24px;
  width: 28px;
  height: 3px;
  background-color: #044687;
}
.view-solution-item .l-sub-intro {
  background-color: #F6F6F6;
}
.view-solution-item .l-sub-intro .c-solution-img-wrapper,
.view-solution-item .l-sub-intro .c-solution-text-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.view-solution-item .l-links {
  background-color: #F6F6F6;
}
@media (min-width: 992px) {
  .view-solution-item .l-links .c-solution-card {
    -ms-flex-preferred-size: calc(33% - 32px);
        flex-basis: calc(33% - 32px);
  }
}
.view-solution-item .l-video__wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.view-solution-list .c-solution-list {
  list-style: none;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991.98px) {
  .view-solution-list .c-solution-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .view-solution-list .c-solution-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.view-solution-list .c-solution-card .card-title {
  color: #044687;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.view-solution-list .c-solution-card:hover .card-title {
  color: #41A1BE;
}
/*# sourceMappingURL=main.css.map */