@media screen and (min-width: 768px) {
  .hide-for-pc {
    display: none;
  }
}
.breadcrumb-wrapper.sector-hub {
  position: absolute;
  background: none;
  max-width: 1600px;
  width: 100%;
  transform: translateX(-50%);
  margin-left: 50%;
  padding: 28px 64px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .breadcrumb-wrapper.sector-hub {
    padding: 20px;
  }
}
.breadcrumb-wrapper.sector-hub li, .breadcrumb-wrapper.sector-hub a, .breadcrumb-wrapper.sector-hub li::before {
  color: #F6F7F9;
}
.breadcrumb-wrapper.sector-hub li.active, .breadcrumb-wrapper.sector-hub a.active, .breadcrumb-wrapper.sector-hub li::before.active {
  font-weight: 500;
}

.banner-section {
  position: relative;
}
.banner-section .text-area {
  position: absolute;
  background: none;
  max-width: 1600px;
  width: 100%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  padding: 28px 64px;
}
@media screen and (max-width: 767px) {
  .banner-section .text-area {
    padding: 20px;
  }
}
.banner-section .text-area h1 {
  color: #E4E7E8;
  font-family: Heebo;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 1.44px;
  max-width: 624px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .banner-section .text-area h1 {
    font-size: 36px;
  }
}
.banner-section .text-area h4 {
  color: #B6BFC1;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  max-width: 624px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .banner-section .text-area h4 {
    font-size: 16px;
  }
}
.banner-section .text-area h3 {
  color: #F6F7F9;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  max-width: 624px;
}
@media screen and (max-width: 767px) {
  .banner-section .text-area h3 {
    font-size: 16px;
    line-height: 20px;
  }
}

.data-section {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
  display: flex;
  justify-content: space-around;
  border-radius: 2px;
  background: #FAF3E6;
  padding: 48px 0px;
}
@media screen and (min-width: 768px) {
  .data-section {
    width: calc(100% - 128px);
  }
}
.data-section.hasTitle {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .data-section {
    margin: 32px 20px;
    flex-direction: column;
    padding: 32px 20px;
    width: auto;
  }
}
.data-section .data-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  width: 25%;
  border-right: 1px solid #F7C265;
}
@media screen and (max-width: 767px) {
  .data-section .data-content {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #F7C265;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.data-section .data-content.last {
  border: none;
}
@media screen and (max-width: 767px) {
  .data-section .data-content.last {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.data-section .data-content .title {
  color: #E57B03;
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 1.44px;
}
@media screen and (max-width: 767px) {
  .data-section .data-content .title {
    font-size: 36px;
  }
}
.data-section .data-content .des {
  color: #434447;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .data-section .data-content .des {
    font-size: 18px;
  }
}

.key-highlights {
  max-width: 1476px;
  width: 100%;
  margin: 48px auto 0 auto;
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
}
@media screen and (min-width: 768px) {
  .key-highlights {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 767px) {
  .key-highlights {
    font-size: 30px;
    line-height: 42px;
    margin: 32px 20px 0 20px;
    max-width: calc(100% - 40px);
  }
}

.USP-container {
  max-width: 1476px;
  width: 100%;
  margin: 24px auto 48px auto;
  display: flex;
  padding: 8px 24px;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .USP-container {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 767px) {
  .USP-container {
    flex-direction: column;
    padding: 0 20px;
    gap: 16px;
  }
}
.USP-container .USP-item {
  width: 33%;
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 96px;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .USP-container .USP-item {
    width: 100%;
  }
}
.USP-container .USP-item-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.USP-container .USP-item-title {
  color: #004280;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.72px;
}
.USP-container .USP-item-des {
  color: #737B7D;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.USP-container .USP-item:nth-child(3) ~ .USP-item {
  margin-top: 16px;
}
.USP-container .USP-item img {
  width: 96px;
  height: 96px;
  width: auto !important;
}

.highlights-section {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
  display: flex;
  gap: 64px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .highlights-section {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 767px) {
  .highlights-section {
    flex-direction: column;
    margin: 32px auto;
    gap: 32px;
  }
}
.highlights-section-left {
  max-width: 600px;
}
@media screen and (max-width: 767px) {
  .highlights-section-left {
    max-width: 100%;
    width: 100%;
  }
}
.highlights-section-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .highlights-section-right {
    padding: 0 20px;
  }
}
.highlights-section-right-item {
  padding-left: 48px;
  position: relative;
}
.highlights-section-right-item::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M13.6675 18.9569L10.2985 15.5879C10.0087 15.298 9.65198 15.1531 9.22846 15.1531C8.80495 15.1531 8.42974 15.3109 8.10283 15.6265C7.81298 15.9309 7.66805 16.2941 7.66805 16.7159C7.66805 17.1378 7.82025 17.4937 8.12464 17.7836L12.573 22.2705C12.884 22.575 13.2469 22.7272 13.6616 22.7272C14.0762 22.7272 14.4431 22.575 14.762 22.2705L23.7276 13.2831C24.0578 12.9675 24.2228 12.6016 24.2228 12.1854C24.2228 11.7691 24.0578 11.3976 23.7276 11.0706C23.4121 10.7808 23.0361 10.6423 22.5996 10.6552C22.1633 10.668 21.7945 10.8194 21.4934 11.1093L13.6675 18.9569ZM15.9921 32C13.7922 32 11.7201 31.5831 9.77586 30.7493C7.83162 29.9154 6.13316 28.7722 4.68047 27.3195C3.2278 25.8668 2.08455 24.1694 1.25073 22.2272C0.41691 20.2849 0 18.2138 0 16.0139C0 13.7883 0.41691 11.7033 1.25073 9.75906C2.08455 7.81483 3.22666 6.12243 4.67707 4.68185C6.12745 3.24128 7.82429 2.10083 9.7676 1.2605C11.7109 0.420167 13.7831 0 15.9843 0C18.2111 0 20.2975 0.4196 22.2435 1.2588C24.1895 2.098 25.8822 3.23692 27.3217 4.67556C28.7612 6.1142 29.9008 7.80594 30.7405 9.75076C31.5802 11.6956 32 13.7823 32 16.0109C32 18.2128 31.5798 20.2858 30.7395 22.2298C29.8992 24.1738 28.7587 25.8713 27.3181 27.3222C25.8776 28.7731 24.1862 29.9154 22.2439 30.7493C20.3017 31.5831 18.2177 32 15.9921 32Z" fill="%23F39800"/></svg>');
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  display: block;
}
@media screen and (max-width: 767px) {
  .highlights-section-right-item::before {
    top: 14px;
    width: 28px;
    height: 28px;
  }
}
.highlights-section-right-title {
  color: #004280;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin-bottom: 8px;
}
.highlights-section-right-des {
  color: #737B7D;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.Key-technologies-section {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
  display: flex;
  gap: 64px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .Key-technologies-section {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 767px) {
  .Key-technologies-section {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
  }
}
.Key-technologies-text {
  max-width: 380px;
}
@media screen and (max-width: 767px) {
  .Key-technologies-text {
    max-width: 100%;
  }
}
.Key-technologies-title {
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .Key-technologies-title {
    font-size: 30px;
    line-height: 42px;
    margin: 32px 20px 0 20px;
  }
}
.Key-technologies-des {
  color: #737B7D;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .Key-technologies-des {
    margin: 24px 20px 16px 20px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .Key-technologies-link {
    margin: 16px 20px 0 20px;
    padding-left: 16px;
  }
}
.Key-technologies-link a {
  text-decoration: none;
}
.Key-technologies-cards {
  display: flex;
  gap: 24px;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.Key-technologies-cards .two-of-four {
  display: flex;
  gap: 24px;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .Key-technologies-cards .two-of-four {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .Key-technologies-cards {
    margin-left: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-inline-box;
    gap: 12px;
    flex-wrap: nowrap;
    max-width: calc(100% - 20px);
  }
}
.Key-technologies-cards-item {
  width: 240px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 767px) {
  .Key-technologies-cards-item {
    width: calc(100% - 52px);
    margin-right: 16px;
  }
  .Key-technologies-cards-item img {
    aspect-ratio: 1/1;
    object-fit: cover !important;
  }
}
.Key-technologies-cards-item::after {
  content: attr(data-title);
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  position: absolute;
  left: 14px;
  top: 80%;
  transition-timing-function: ease;
  transition: 0.7s;
  width: calc(100% - 24px);
  word-break: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .Key-technologies-cards-item:hover .hover-content {
    opacity: 1;
  }
  .Key-technologies-cards-item:hover::after {
    top: 14px;
    z-index: 1;
  }
}
.Key-technologies-cards-item .hover-content {
  transition: all 0.7s;
  display: flex;
  opacity: 0;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 49, 96, 0.9);
  left: 0;
  top: 0;
  padding: 16px 14px;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .Key-technologies-cards-item .hover-content {
    opacity: 1;
    display: block;
    background: none;
    position: inherit;
    height: auto;
    padding: 0;
  }
}
.Key-technologies-cards-item .hover-content-title {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 16px;
  opacity: 0;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .Key-technologies-cards-item .hover-content-title {
    color: #000;
    opacity: 1;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
}
.Key-technologies-cards-item .hover-content-des {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .Key-technologies-cards-item .hover-content-des {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px;
  }
}
.Key-technologies-cards-item .hover-content-link {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.Key-technologies-cards-item .hover-content-link a {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .Key-technologies-cards-item .hover-content-link a {
    color: #006EFF;
  }
}

.AD-Section {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 46px;
}
@media screen and (min-width: 768px) {
  .AD-Section {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 767px) {
  .AD-Section {
    display: -webkit-inline-box;
    overflow: auto;
    gap: 10px;
    margin: 32px auto;
    margin-left: 20px;
    padding-right: 20px;
    max-width: calc(100% - 20px);
  }
}
.AD-Section .AD-Section-item {
  max-width: 460px;
  width: 100%;
  overflow: hidden;
  border-radius: 2.228px;
  background: linear-gradient(180deg, #B6D3EA 0%, #649DD3 100%);
  display: flex;
  align-items: center;
  padding: 12px;
  justify-content: space-between;
  align-self: stretch;
}
@media screen and (max-width: 767px) {
  .AD-Section .AD-Section-item {
    width: calc(100vw - 80px) !important;
    max-width: initial;
    margin-right: 16px;
  }
}
.AD-Section .AD-Section-item .left-text {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.AD-Section .AD-Section-item .left-text span {
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  letter-spacing: 0.96px;
  color: #003160;
  word-break: break-word;
}
.AD-Section .AD-Section-item .left-text a {
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.176px;
  color: #003160;
}
.AD-Section .AD-Section-item picture {
  width: 30%;
}

.recommend-products {
  background: #F6F7F9;
  display: block;
  width: 100%;
}
.recommend-products .recommend-products-container {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
  display: flex;
  flex-direction: column;
  padding: 64px 0;
}
@media screen and (min-width: 768px) {
  .recommend-products .recommend-products-container {
    width: calc(100% - 128px);
  }
}
.recommend-products .recommend-products-container .Key-tech-picks-title {
  max-width: 1476px;
  width: 100%;
  margin: 0 auto 0 auto;
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .recommend-products .recommend-products-container .Key-tech-picks-title {
    font-size: 30px;
    line-height: 42px;
    margin: 0 20px 0 20px;
    max-width: calc(100% - 40px);
  }
}
.recommend-products .recommend-products-container .recommend-products__heading {
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .recommend-products .recommend-products-container .recommend-products__heading {
    font-size: 30px;
    line-height: 42px;
    margin: 32px 20px 16px 20px;
  }
}
.recommend-products .recommend-products-container .swiper-horizontal {
  margin-left: 20px;
  overflow: hidden;
}
.recommend-products .recommend-products-container .recommend-products__wrapper.swiper-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .recommend-products .recommend-products-container .recommend-products__wrapper.swiper-wrapper {
    flex-wrap: nowrap;
  }
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide {
  position: relative;
  padding: 16px;
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 0px;
  height: unset;
  background-color: white;
  grid-template-columns: 160px auto;
  grid-template-rows: 1fr;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .recommend-products .recommend-products-container .recommend-product__item.swiper-slide {
    display: flex;
    flex-direction: column;
  }
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__img {
  position: relative;
}
@media screen and (max-width: 767px) {
  .recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__img {
    margin-bottom: 16px;
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__img .recommend-product__img--image {
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
  aspect-ratio: 41/23;
}
@media screen and (max-width: 767px) {
  .recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__img .recommend-product__img--image {
    width: 100%;
    height: 100%;
  }
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__img .recommend-product__label:not(:empty) {
  position: absolute;
  z-index: 1;
  display: flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  border: #004280;
  background: #004280;
  left: 0;
  top: 0;
  color: #FFF;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
@media screen and (max-width: 767px) {
  .recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__img .recommend-product__label:not(:empty) {
    margin-top: 8px;
    margin-left: -4px;
  }
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__content {
  position: relative;
  font-family: Heebo;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__content .recommend-product__title a {
  color: #0C0C0C;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-decoration: none;
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__content .recommend-product__desc {
  color: #737B7D;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__content .recommend-product__desc a {
  color: #737B7D;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  word-break: break-all;
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__content .recommend-product__tags span {
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #B6BFC1;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  border-radius: 2px;
  border: 1px solid #B6BFC1;
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__content .recommend-product__price {
  text-align: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #E57B03;
}
.recommend-products .recommend-products-container .recommend-product__item.swiper-slide .recommend-product__content .recommend-product__button button {
  background-color: #F39800;
  border: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 8px 16px;
  width: 100%;
  color: #fff;
  transition: all 0.3s linear;
  border-radius: 2px;
}

.Solution-Services-Section {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
}
@media screen and (min-width: 768px) {
  .Solution-Services-Section {
    width: calc(100% - 128px);
  }
}
.Solution-Services-Section .ssTitle {
  max-width: 1476px;
  width: 100%;
  margin: 48px auto 0 auto;
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .Solution-Services-Section .ssTitle {
    font-size: 30px;
    line-height: 42px;
    margin: 32px 20px 0 20px;
    max-width: calc(100% - 40px);
  }
}
.Solution-Services-Section .tab-title {
  margin-left: 16px;
  display: inline-flex;
  margin-bottom: 48px;
  flex-wrap: wrap;
  row-gap: 16px;
}
@media screen and (max-width: 767px) {
  .Solution-Services-Section .tab-title {
    overflow: auto;
    margin: 24px 0 24px 20px;
    max-width: calc(100% - 20px);
    display: -webkit-inline-box;
    flex-wrap: nowrap;
  }
}
.Solution-Services-Section .tab-title .tab-element {
  border-radius: 20px;
  border: 1px solid #E57B03;
  display: inline-flex;
  min-width: 96px;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  color: #E57B03;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .Solution-Services-Section .tab-title .tab-element {
    display: block;
  }
}
.Solution-Services-Section .tab-title .tab-element.active {
  background: #F39800;
  color: #fff;
}
.Solution-Services-Section .tab-item {
  padding: 0 16px;
  gap: 32px;
  display: none;
}
.Solution-Services-Section .tab-item.withProduct {
  flex-direction: column;
  padding: 0;
  gap: 48px;
}
@media screen and (max-width: 767px) {
  .Solution-Services-Section .tab-item {
    flex-direction: column;
    gap: 24px;
  }
}
.Solution-Services-Section .tab-item.active {
  display: flex;
}
.Solution-Services-Section .tab-item .tab-content-wrapper.top {
  padding: 0 16px;
  gap: 32px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .Solution-Services-Section .tab-item .tab-content-wrapper.top {
    flex-direction: column;
    gap: 24px;
  }
}
.Solution-Services-Section .tab-item .tab-content-wrapper.bottom .feature-product.cards {
  padding: 0;
  background: none;
}
.Solution-Services-Section .tab-item .tab-content-wrapper.bottom .feature-product.cards .feature-product__wrapper.cards {
  grid-template-columns: 1fr 1fr 1fr;
}
.Solution-Services-Section .tab-item .tab-item-left {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .Solution-Services-Section .tab-item .tab-item-left {
    width: 100%;
  }
}
.Solution-Services-Section .tab-item .tab-item-right {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .Solution-Services-Section .tab-item .tab-item-right {
    width: 100%;
  }
}
.Solution-Services-Section .tab-item .tab-item-right .right-title {
  color: #434447;
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .Solution-Services-Section .tab-item .tab-item-right .right-title {
    font-size: 22px;
  }
}
.Solution-Services-Section .tab-item .tab-item-right .right-description {
  margin: 24px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #737B7D;
}
.Solution-Services-Section .tab-item .tab-item-right .right-link {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #006EFF;
  display: flex;
  align-items: center;
}
.Solution-Services-Section .tab-item .tab-item-right .right-link a {
  text-decoration: none;
}

.article-section {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
  display: flex;
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .article-section {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 767px) {
  .article-section {
    flex-direction: column;
    padding: 0 20px;
  }
}
.article-section .image {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .article-section .image {
    width: 100%;
  }
}
.article-section .text {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .article-section .text {
    width: 100%;
  }
}
.article-section .text .title {
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .article-section .text .title {
    font-size: 22px;
    line-height: 28px;
  }
}
.article-section .text .description {
  margin: 24px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #737B7D;
}
.article-section .text .link a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #006EFF;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.article-section-4 {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
}
@media screen and (min-width: 768px) {
  .article-section-4 {
    width: calc(100% - 128px);
  }
}
.article-section-4 .article-section-4-title {
  width: 100%;
  margin: 48px auto 0 auto;
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .article-section-4 .article-section-4-title {
    font-size: 30px;
    line-height: 42px;
    margin: 32px 20px 0 20px;
    max-width: calc(100% - 40px);
  }
}
.article-section-4 .item-container {
  display: flex;
  gap: 36px;
}
@media screen and (max-width: 767px) {
  .article-section-4 .item-container {
    display: -webkit-inline-box;
    overflow: auto;
    margin-left: 20px;
    margin-top: 24px;
    gap: 12px;
    max-width: calc(100% - 20px);
    padding-right: 4px;
  }
}
.article-section-4 .item-container .article-section-item {
  max-width: 341px;
  width: 100%;
  gap: 12px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 767px) {
  .article-section-4 .item-container .article-section-item {
    margin-right: 16px;
  }
}
.article-section-4 .item-container .article-section-item .text-bottom {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 30px;
}
.article-section-4 .item-container .article-section-item .text-bottom .title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.72px;
}
.article-section-4 .item-container .article-section-item .text-bottom .description {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #737B7D;
}
.article-section-4 .item-container .article-section-item .text-bottom .link {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .article-section-4 .item-container .article-section-item .text-bottom .link {
    position: relative;
  }
}
.article-section-4 .item-container .article-section-item .text-bottom .link a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #006EFF;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.people-also-visit-wrapper {
  background: #DFEBF7;
  display: block;
  width: 100%;
}
.people-also-visit-wrapper .people-also-visit-container {
  max-width: 1476px;
  width: 100%;
  margin: 48px auto 0 auto;
  display: flex;
  flex-direction: column;
  padding: 64px 0;
}
@media screen and (min-width: 768px) {
  .people-also-visit-wrapper .people-also-visit-container {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 767px) {
  .people-also-visit-wrapper .people-also-visit-container {
    padding: 32px 20px;
  }
}
.people-also-visit-wrapper .people-also-visit-container .people-also-visit-title {
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
  background: none;
}
@media screen and (max-width: 767px) {
  .people-also-visit-wrapper .people-also-visit-container .people-also-visit-title {
    font-size: 30px;
    line-height: 42px;
  }
}
.people-also-visit-wrapper .people-also-visit-container .item-container {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .people-also-visit-wrapper .people-also-visit-container .item-container {
    flex-direction: column;
  }
}
.people-also-visit-wrapper .people-also-visit-container .item-container .item {
  display: flex;
  gap: 24px;
  background: #fff;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .people-also-visit-wrapper .people-also-visit-container .item-container .item {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
}
.people-also-visit-wrapper .people-also-visit-container .item-container .item .image {
  display: inline-flex;
  max-width: 240px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .people-also-visit-wrapper .people-also-visit-container .item-container .item .image {
    max-width: inherit;
    display: block;
  }
}
.people-also-visit-wrapper .people-also-visit-container .item-container .item .text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: fit-content;
  padding: 26px 24px 26px 0;
}
@media screen and (max-width: 767px) {
  .people-also-visit-wrapper .people-also-visit-container .item-container .item .text {
    padding: 24px 20px;
  }
}
.people-also-visit-wrapper .people-also-visit-container .item-container .item .text .title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.72px;
}
@media screen and (max-width: 767px) {
  .people-also-visit-wrapper .people-also-visit-container .item-container .item .text .title {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
  }
}
.people-also-visit-wrapper .people-also-visit-container .item-container .item .text .description {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #737B7D;
}
.people-also-visit-wrapper .people-also-visit-container .item-container .item .text .link a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #006EFF;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.salse-inquiry-wrapper {
  background: #F6F7F9;
  display: block;
  width: 100%;
}
.salse-inquiry-wrapper .salse-inquiry-container {
  max-width: 1476px;
  width: 100%;
  margin: 48px auto;
  display: flex;
  flex-direction: column;
  padding: 64px 0;
}
@media screen and (min-width: 768px) {
  .salse-inquiry-wrapper .salse-inquiry-container {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper .salse-inquiry-container {
    padding: 0 20px;
  }
}
.salse-inquiry-wrapper .salse-inquiry-container .salse-inquiry-title {
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper .salse-inquiry-container .salse-inquiry-title {
    font-size: 30px;
    line-height: 42px;
    margin: 32px 20px 24px 0;
  }
}
.salse-inquiry-wrapper .salse-inquiry-container form {
  display: flex;
  flex-direction: column;
}
.salse-inquiry-wrapper .salse-inquiry-container form .fieldset-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper .salse-inquiry-container form .fieldset-container {
    flex-direction: column;
    gap: 12px;
  }
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset {
  max-width: 728px;
  width: 100%;
  background: #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper .salse-inquiry-container form fieldset {
    padding: 20px;
  }
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset legend {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
  margin-bottom: 24px;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset label {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  max-width: 100%;
  white-space: break-spaces;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper .salse-inquiry-container form fieldset label:not(.error) {
    color: #434447;
  }
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset textarea {
  padding: 8px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  margin: 4px 0;
  height: 160px;
  resize: none;
  max-width: 100%;
  width: 100%;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #006EFF;
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  text-decoration: none;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset a i {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M8 18.916L8 7.41602C8 5.20602 9.79 3.41602 12 3.41602C14.21 3.41602 16 5.20602 16 7.41602L16 19.916C16 21.296 14.88 22.416 13.5 22.416C12.12 22.416 11 21.296 11 19.916L11 9.41602C11 8.86602 11.45 8.41602 12 8.41602C12.55 8.41602 13 8.86602 13 9.41602L13 18.916L14.5 18.916L14.5 9.41602C14.5 8.03602 13.38 6.91602 12 6.91602C10.62 6.91602 9.5 8.03602 9.5 9.41602L9.5 19.916C9.5 22.126 11.29 23.916 13.5 23.916C15.71 23.916 17.5 22.126 17.5 19.916L17.5 7.41602C17.5 4.37602 15.04 1.91602 12 1.91602C8.96 1.91602 6.5 4.37602 6.5 7.41602L6.5 18.916L8 18.916Z" fill="%23006EFF"/></svg>');
  height: 20px;
  width: 20px;
  display: inline-block;
  background-size: contain;
  cursor: pointer;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset a i.removePdf {
  height: 12px;
  width: 12px;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item-container {
    flex-direction: column;
  }
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item {
  display: flex;
  flex-direction: column;
  width: calc(50% - 12px);
  margin-bottom: 24px;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item {
    width: 100%;
  }
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item > div {
  display: flex;
  justify-content: space-between;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item > div .element-wrapper.prefix {
  width: 40%;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item > div .element-wrapper.prefix select {
  width: 100%;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item > div .element-wrapper.last {
  width: 55%;
}
.salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item input, .salse-inquiry-wrapper .salse-inquiry-container form fieldset .input-item select {
  border-radius: var(--Roundness-Round-Inside, 2px);
  border: 1px solid var(--Gray-scale-50_Divider, #CFD2D5);
  background: var(--Gray-scale-00_White_BG, #FFF);
  height: 48px;
  padding: 8px 12px;
}
.salse-inquiry-wrapper .salse-inquiry-container form p {
  margin: 16px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  color: #B6BFC1;
}
.salse-inquiry-wrapper .salse-inquiry-container form p a {
  color: #006EFF;
  text-decoration: none;
}
.salse-inquiry-wrapper .salse-inquiry-container form button.submitteBtn {
  height: 40px;
  padding: var(--Main-System-12px, 12px) 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 2px;
  background: var(--Brand-IoTMart-Brand-color_primary, #F39800);
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.16px;
  color: #fff;
  min-width: 272.75px;
  margin: 0 auto;
}

.upload-popup-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 9;
}

.upload-file-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  width: 400px;
  margin-left: -200px;
  margin-top: -100px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .upload-file-popup {
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    top: auto;
  }
}
.upload-file-popup .title-popup {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CFD2D5;
}
.upload-file-popup .title-popup h4 {
  line-height: 1.75rem;
  padding-bottom: 18px;
  margin: 0;
}
.upload-file-popup .title-popup i {
  cursor: pointer;
  border: none;
  background-color: #fff;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_26185_14051)"><path d="M9.51116 22.2468C9.07924 21.8149 9.08929 21.0816 9.51116 20.6597L14.4029 15.7579L9.51116 10.8662C9.08929 10.4443 9.07924 9.71106 9.51116 9.27914C9.94308 8.84722 10.6763 8.85726 11.0982 9.26909L16 14.1709L20.8917 9.27914C21.3136 8.85726 22.0469 8.84722 22.4788 9.27914C22.9107 9.71106 22.9007 10.4443 22.4788 10.8662L17.5871 15.7579L22.4788 20.6597C22.9007 21.0816 22.9107 21.8149 22.4788 22.2468C22.0469 22.6787 21.3136 22.6686 20.8917 22.2468L16 17.355L11.0982 22.2468C10.6763 22.6686 9.94308 22.6787 9.51116 22.2468Z" fill="%23434447"/></g><defs><clipPath id="clip0_26185_14051"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
.upload-file-popup .drop-area-error {
  color: #DB3A3A;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 16px;
}
.upload-file-popup .drop-area {
  position: relative;
  margin: 16px 0;
  padding: 16px;
  border: 1px dashed #004280;
}
.upload-file-popup .drop-area.focusecd {
  border-radius: 2px;
  border: 1px solid #006EFF;
  background: #FFF;
  box-shadow: 0px 0px 0px 3px #DFEBF7;
}
.upload-file-popup .drop-area .dz-button {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  text-align: left;
}
.upload-file-popup .drop-area .drop-content {
  display: flex;
  gap: 10px;
}
.upload-file-popup .drop-area .drop-content i {
  cursor: pointer;
  display: block;
  border: none;
  background-color: #fff;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11 19H13V14.825L14.6 16.425L16 15L12 11L8 15L9.425 16.4L11 14.825V19ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="%23004280"/></svg>');
}
.upload-file-popup .drop-area .drop-content h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
}
.upload-file-popup .drop-area .drop-content ul {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.42px;
  color: #434447;
}
.upload-file-popup .drop-area input {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
}
.upload-file-popup .popup {
  padding: 12px 16px;
  flex-shrink: 0;
  border-radius: 2px;
  background: #F39800;
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.16px;
  color: #fff;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .upload-file-popup .popup {
    width: 100%;
    text-align: center;
  }
}

[name=subject] {
  border-radius: var(--Roundness-Round-Inside, 2px);
  border: 1px solid var(--Gray-scale-50_Divider, #CFD2D5);
  background: var(--Gray-scale-00_White_BG, #FFF);
  height: 48px;
  padding: 8px 12px;
  margin-top: 3px;
  margin-bottom: 12px;
  width: 50%;
}
@media screen and (max-width: 767px) {
  [name=subject] {
    width: 100%;
  }
}

.file-upload-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 8px;
}
.file-upload-list .dz-preview {
  display: inline-flex;
  align-items: center;
  color: #434447;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  gap: 4px;
  border-radius: 2px;
  border: 1px solid #CFD2D5;
  background: #FFF;
  padding: 2px 8px;
  margin-right: 16px;
}
.file-upload-list .dz-preview.dz-processing .dz-remove {
  display: none !important;
}
.file-upload-list .dz-preview a.dz-remove i {
  margin-left: 4px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M2.85714 10.5C3.10476 10.5 3.31429 10.4141 3.47619 10.2422L5.99048 7.72196L8.51429 10.2422C8.67619 10.4045 8.87619 10.5 9.13333 10.5C9.60952 10.5 9.99048 10.1181 9.99048 9.63126C9.99048 9.40215 9.89524 9.19212 9.73333 9.02983L7.20952 6.5L9.74286 3.96062C9.91429 3.78878 10 3.58831 10 3.35919C10 2.88186 9.61905 2.5 9.14286 2.5C8.90476 2.5 8.71429 2.58592 8.53333 2.7673L5.99048 5.29714L3.46667 2.77685C3.30476 2.60501 3.10476 2.51909 2.85714 2.51909C2.38095 2.51909 2 2.89141 2 3.36874C2 3.59785 2.09524 3.80788 2.25714 3.97017L4.78095 6.5L2.25714 9.03938C2.09524 9.19212 2 9.40215 2 9.63126C2 10.1181 2.38095 10.5 2.85714 10.5Z" fill="%23434447"/></svg>');
  background-size: contain;
}

.products-section-sectorhub {
  max-width: 1476px;
  width: 100%;
  margin: 48px auto;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .products-section-sectorhub {
    width: calc(100% - 128px);
  }
}
.products-section-sectorhub .article-section-sectorhub-title {
  width: 100%;
  margin: 48px auto 0 auto;
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .article-section-sectorhub-title {
    font-size: 30px;
    line-height: 42px;
    margin: 32px 20px 0 20px;
  }
}
.products-section-sectorhub .container-sectorhub-products {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 34px;
}
.products-section-sectorhub .container-sectorhub-products .container-sectorhub-left {
  max-width: 344px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .container-sectorhub-products {
    flex-direction: column;
  }
}
.products-section-sectorhub .container-sectorhub-right {
  max-width: 1093px;
  width: 100%;
  overflow: inherit;
}
.products-section-sectorhub .container-sectorhub-right .productListingContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .container-sectorhub-right .productListingContainer {
    margin: 0 20px;
  }
  .products-section-sectorhub .container-sectorhub-right .productListingContainer .product_list_item {
    width: calc(50% - 26px);
  }
  .products-section-sectorhub .container-sectorhub-right .productListingContainer .product_list_item .image_top img {
    height: auto;
    width: 100%;
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .container-sectorhub-left {
    display: none;
  }
  .products-section-sectorhub .container-sectorhub-left.mobile-show {
    display: block;
    position: fixed;
    height: 100%;
    width: calc(100vw - 100px);
    background: #FFF;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 40px 0 20px 20px;
  }
  .products-section-sectorhub .container-sectorhub-left.mobile-show .sectorhub-firstlevel {
    border: none;
  }
}
.products-section-sectorhub .container-sectorhub-left .sectorhub-secondlevel-item {
  display: none;
}
.products-section-sectorhub .container-sectorhub-left .sectorhub-firstlevel {
  margin-bottom: 64px;
  border-right: 2px solid #eee;
}
.products-section-sectorhub .container-sectorhub-left .sectorhub-firstlevel-item {
  display: flex;
  height: 48px;
  align-items: center;
}
.products-section-sectorhub .container-sectorhub-left .sectorhub-firstlevel-item > a {
  color: #000;
  text-align: right;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  text-decoration: none;
}
.products-section-sectorhub .container-sectorhub-left .sectorhub-firstlevel-item.active {
  border-right: 4px solid #F39800;
  margin-right: -2px;
}
.products-section-sectorhub .container-sectorhub-left .sectorhub-firstlevel-item.active > a {
  color: #E57B03;
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .container-sectorhub-right .sectorhub-products-top {
    margin-left: 20px;
  }
}
.products-section-sectorhub .container-sectorhub-right .sectorhub-firstlevel-item > a {
  display: none;
}
.products-section-sectorhub .container-sectorhub-right .sectorhub-secondlevel-item {
  display: none;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  row-gap: 12px;
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .container-sectorhub-right .sectorhub-secondlevel-item {
    max-width: calc(100vw - 20px);
    overflow: auto;
    flex-wrap: nowrap;
  }
}
.products-section-sectorhub .container-sectorhub-right .sectorhub-secondlevel-item a {
  padding: 4px 16px;
  border-radius: 20px;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #E57B03;
  text-decoration: none;
  border: 1px solid #E57B03;
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .container-sectorhub-right .sectorhub-secondlevel-item a {
    display: block;
    margin-right: 16px;
  }
}
.products-section-sectorhub .container-sectorhub-right .sectorhub-secondlevel-item a.active {
  background: #F39800;
  color: #FFF;
}
.products-section-sectorhub .container-sectorhub-right .sectorhub-secondlevel-item.active {
  display: flex;
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .container-sectorhub-right .sectorhub-secondlevel-item.active {
    display: -webkit-inline-box;
  }
}
@media screen and (max-width: 767px) {
  .products-section-sectorhub .plp-left-banner-area.hide-for-pc {
    margin: 0 20px;
  }
  .products-section-sectorhub .plp-left-banner-area.hide-for-pc img {
    width: 100%;
  }
  .products-section-sectorhub .plp-left-banner-area.hide-for-pc .plp-banner-item {
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .sectorhub-selected-category.hide-for-pc {
    display: flex;
    width: calc(100% - 20px);
    align-items: center;
    padding: 8px 20px;
    margin-top: 32px;
    border-radius: 2px;
    background: #E8ECEF;
  }
  .sectorhub-selected-category.hide-for-pc i {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"><path d="M0 12.667H13V10.667H0V12.667ZM0 7.66699H10V5.66699H0V7.66699ZM0 0.666992V2.66699H13V0.666992H0ZM18 10.257L14.42 6.66699L18 3.07699L16.59 1.66699L11.59 6.66699L16.59 11.667L18 10.257Z" fill="%23434447"/></svg>');
    height: 24px;
    width: 24px;
    display: inline-block;
    background-size: contain;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .sectorhub-selected-category.hide-for-pc span {
    color: #434447;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.16px;
  }
}

.sectorhub-selected-category-background.hide-for-pc {
  background: #000;
  opacity: 0.4;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 8;
  position: fixed;
  top: 0;
  left: 0;
}
.sectorhub-selected-category-background.hide-for-pc.mobile-show {
  display: block;
}

.salse-inquiry-container .form-Wrapper {
  position: relative;
}
.salse-inquiry-container .form-Wrapper .inquiry-staus {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.salse-inquiry-container .form-Wrapper .inquiry-staus h4 {
  color: #434447;
  text-align: center;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}
.salse-inquiry-container .form-Wrapper .inquiry-staus p {
  max-width: 600px;
  color: #434447;
  text-align: center;
  font-family: Heebo;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 24px;
}
.salse-inquiry-container .form-Wrapper .inquiry-staus p a {
  text-decoration: none;
}
.salse-inquiry-container .form-Wrapper .inquiry-staus p + a {
  display: flex;
  min-width: 272.75px;
  height: 40px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: #F39800;
  color: #FFF;
  text-align: center;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.16px;
  text-decoration: none;
  cursor: pointer;
}

.AD-Section-swiper {
  max-width: 1476px;
  width: 100%;
  margin: 96px auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .AD-Section-swiper {
    width: calc(100% - 128px);
  }
}
@media screen and (max-width: 768px) {
  .AD-Section-swiper {
    padding-left: 20px;
  }
}
.AD-Section-swiper .swiper-button-prev {
  transform: rotate(-90deg);
  background-position: center;
}
@media screen and (max-width: 768px) {
  .AD-Section-swiper .swiper-button-prev {
    opacity: 0;
    pointer-events: none;
  }
}
.AD-Section-swiper .swiper-button-next {
  transform: rotate(-90deg);
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .AD-Section-swiper .swiper-button-next {
    opacity: 0;
    pointer-events: none;
  }
}
.AD-Section-swiper .AD-Section-swiper-outer {
  overflow: hidden;
  width: 100%;
}
.AD-Section-swiper .AD-Section-swiper-item {
  min-height: 120px;
  width: 33%;
  border-radius: 2.228px;
  background-image: var(--bg-image);
  background-size: cover;
  display: flex;
  justify-content: space-between;
  height: auto;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .AD-Section-swiper .AD-Section-swiper-item {
    background-position: right;
  }
}
.AD-Section-swiper .AD-Section-swiper-item .left-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 16px;
  max-width: calc(100% - 120px);
  padding-right: 0;
}
.AD-Section-swiper .AD-Section-swiper-item .left-text .text-top {
  width: 100%;
}
.AD-Section-swiper .AD-Section-swiper-item .left-text p {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  color: #fff;
}
@media screen and (max-width: 767.9px) {
  .AD-Section-swiper .AD-Section-swiper-item .left-text p {
    font-size: 20px;
  }
}
.AD-Section-swiper .AD-Section-swiper-item .left-text a {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.176px;
  text-decoration: none;
  color: #fff;
  bottom: 16px;
  white-space: nowrap;
}
.AD-Section-swiper .AD-Section-swiper-item img {
  width: auto !important;
  height: 100% !important;
  max-height: 120px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .AD-Section-swiper .AD-Section-swiper-item img {
    width: 120px !important;
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .AD-Section-swiper .AD-Section-swiper-item img {
    width: 96px !important;
    height: auto !important;
  }
}
.AD-Section-swiper .AD-Section-swiper-item svg {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 768px) {
  .Key-Technologies-Products .recommend-products-container {
    padding: 32px 0;
    margin: 32px auto;
  }
}
.Key-Technologies-Products .tab-title {
  margin-left: 16px;
  display: inline-flex;
  margin-bottom: 48px;
  flex-wrap: wrap;
  row-gap: 16px;
}
@media screen and (max-width: 767px) {
  .Key-Technologies-Products .tab-title {
    overflow: auto;
    margin: 24px 0 24px 20px;
    max-width: calc(100% - 20px);
    display: -webkit-inline-box;
    flex-wrap: nowrap;
  }
}
.Key-Technologies-Products .tab-title .tab-element {
  border-radius: 20px;
  border: 1px solid #E57B03;
  display: inline-flex;
  min-width: 96px;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  color: #E57B03;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .Key-Technologies-Products .tab-title .tab-element {
    display: block;
  }
}
.Key-Technologies-Products .tab-title .tab-element.active {
  background: #F39800;
  color: #fff;
}
.Key-Technologies-Products .feature-product.cards {
  display: none;
  padding: 0;
}
.Key-Technologies-Products .feature-product.cards.active {
  display: flex;
}

.recommend-products.product-hightlights {
  background: #fff;
}
@media screen and (max-width: 768px) {
  .recommend-products.product-hightlights {
    padding: 0 20px;
  }
}
.recommend-products.product-hightlights .hightlits-image-section {
  border-radius: 1.778px;
  background: linear-gradient(182deg, #348BDD 0%, #2E36E8 100%);
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.recommend-products.product-hightlights .hightlits-image-section .text-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 744px;
  padding: 28px 36px;
  box-sizing: border-box;
  padding-right: 0;
  flex-basis: fit-content;
  position: relative;
  z-index: 1;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .recommend-products.product-hightlights .hightlits-image-section .text-left {
    padding: 28px 36px;
  }
}
@media screen and (max-width: 480px) {
  .recommend-products.product-hightlights .hightlits-image-section .text-left {
    padding: 28px 24px;
  }
}
.recommend-products.product-hightlights .hightlits-image-section .text-left h3 {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.72px;
  color: #fff;
  margin: 0;
  border-left: 4px solid #fff;
  padding-left: 12px;
}
.recommend-products.product-hightlights .hightlits-image-section .text-left p {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #fff;
  margin: 24px 0;
  padding-left: 16px;
}
.recommend-products.product-hightlights .hightlits-image-section .text-left a {
  font-family: Heebo;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  padding-left: 16px;
}
.recommend-products.product-hightlights .hightlits-image-section .image-right {
  align-self: end;
  max-width: 45%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .recommend-products.product-hightlights .hightlits-image-section .image-right {
    position: absolute;
    z-index: 0;
    right: 0;
    opacity: 0.5;
  }
}
@media screen and (max-width: 480px) {
  .recommend-products.product-hightlights .hightlits-image-section .image-right {
    position: absolute;
    z-index: 0;
    right: 0;
    opacity: 0.5;
    max-width: 100%;
  }
}
.recommend-products.product-hightlights .hightlits-image-section .image-right img {
  max-width: 100%;
  float: right;
}
.recommend-products.product-hightlights .recommend-products-container {
  margin: 48px auto;
}
.recommend-products.product-hightlights .hightlights-section-title {
  width: 100%;
  margin: 0 0 24px 0;
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
}
.recommend-products.product-hightlights .tab-title {
  margin-left: 16px;
  display: inline-flex;
  margin-bottom: 24px;
  flex-wrap: wrap;
  row-gap: 16px;
}
@media screen and (max-width: 767px) {
  .recommend-products.product-hightlights .tab-title {
    overflow: auto;
    margin: 0 0 24px 20px;
    max-width: calc(100% - 20px);
    display: -webkit-inline-box;
    margin-left: 0;
    flex-wrap: nowrap !important;
  }
}
.recommend-products.product-hightlights .tab-title .tab-element {
  border-radius: 20px;
  border: 1px solid #E57B03;
  display: inline-flex;
  min-width: 96px;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  color: #E57B03;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .recommend-products.product-hightlights .tab-title .tab-element {
    display: block;
  }
}
.recommend-products.product-hightlights .tab-title .tab-element.active {
  background: #F39800;
  color: #fff;
}
.recommend-products.product-hightlights .feature-product.list {
  display: none;
  padding: 0;
  background: none;
  padding: 0 16px;
}
@media screen and (max-width: 767px) {
  .recommend-products.product-hightlights .feature-product.list {
    padding: 0;
  }
}
.recommend-products.product-hightlights .feature-product.list.active {
  display: flex;
}
.recommend-products.product-hightlights div[data-swiper] {
  padding-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .recommend-products.product-hightlights div[data-swiper] {
    margin-left: 0;
  }
}

.recommend-products.sectorhubpage-pure-product .recommend-product__title {
  color: #0C0C0C;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.recommend-products.sectorhubpage-pure-product .recommend-product__desc a {
  color: #737B7D;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 40px;
}
.recommend-products.sectorhubpage-pure-product .swiper-wrapper {
  max-width: 1500px;
  margin: 0 auto;
  display: grid !important;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
}

select.error,
textarea.error {
  border-color: #B52F2F !important;
  margin-bottom: 0 !important;
}
select.error + label.error,
textarea.error + label.error {
  margin-top: 4px;
}

.input-item-container .input-item select.error,
.input-item-container .input-item input.error,
.input-item-container .input-item textarea.error {
  border-color: #B52F2F !important;
  margin-bottom: 0 !important;
}
.input-item-container .input-item select.error + label.error,
.input-item-container .input-item input.error + label.error,
.input-item-container .input-item textarea.error + label.error {
  margin-top: 4px;
}

.media-text-combo {
  max-width: 1600px;
  width: 100%;
  margin: 96px auto;
  padding: 0 62px;
}
.media-text-combo.no-title-media {
  margin: -72px auto 24px;
}
.media-text-combo .flex-row-reverse .text-content {
  padding-left: 0;
}
@media screen and (max-width: 992px) {
  .media-text-combo {
    margin: 32px auto;
    padding: 20px;
  }
}

.media-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.media-container img,
.media-container iframe,
.media-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.col-lg-12 .media-container.image {
  aspect-ratio: auto;
}
.col-lg-12 .media-container.image img {
  position: relative;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.col-lg-12 .text-content {
  padding-left: 0;
}

.text-content {
  padding-left: 20px;
}
.text-content h2 {
  max-width: 1600px;
  width: 100%;
  margin: auto;
  color: #434447;
  font-family: Heebo;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  border-left: 4px solid #F39800;
  padding-left: 12px;
  margin-bottom: 24px;
  word-break: break-word;
}
@media screen and (max-width: 992px) {
  .text-content h2 {
    font-size: 30px;
    line-height: 42px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .text-content h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.text-content .description {
  margin: 24px 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #737B7D;
}
.text-content .CTA-btn-link {
  text-decoration: none;
  color: #006EFF;
}
.text-content .CTA-btn-link svg {
  fill: #006EFF;
}
@media screen and (max-width: 992px) {
  .text-content {
    margin: 32px 0;
  }
  .text-content {
    padding-left: 0;
  }
}

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