.page_banner_small {
  background-image: url(/assets/solution/img_solution_banner.png);
}

.impsInfo {
  padding: 0 8rem;
  justify-content: center;
  text-align: center;
}
.impsInfo .itemSolution {
  display: block;
  padding: 1rem 0.75rem;
  background-color: var(--white);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.75rem;
  text-align: left;
  height: 100%;
}
.impsInfo .itemSolution .tag {
  display: inline-block;
  padding: 0.15rem 0.75rem;
  font-size: 0.75rem;
  border-radius: 50px;
  margin-right: 0.25rem;
}
.impsInfo .itemSolution .tag-orange {
  border: solid 1px var(--orange);
  background-color: var(--orange-10);
  color: var(--orange);
}
.impsInfo .itemSolution .tag-green {
  border: solid 1px var(--green);
  background-color: var(--green-10);
  color: var(--green);
}
.impsInfo .itemSolution .card_cover {
  margin: 0.5rem 0;
}
.impsInfo .itemSolution .card_img {
  width: 100%;
}
.impsInfo .itemSolution .title {
  color: var(--blue-40);
  text-align: center;
  margin: 0.5rem 0 1rem;
}
.impsInfo .itemSolution ul {
  text-align: center;
  margin: 0;
}
.impsInfo .itemSolution .tech {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--blue-60);
  border: solid 1px var(--blue-80);
  background-color: var(--blue-97);
}
.impsInfo .itemBox {
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  .impsInfo {
    padding: 0;
  }
}

@media (max-width: 992px) {
  .aside .asideItem {
    padding: 0.5rem 0rem 0.5rem 0.5rem;
  }
}

.article .articleflex {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 5rem;
  flex-direction: column;
}
.article .introduction {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1.25rem;
  flex-direction: column;
}
.article .tag {
  display: inline-block;
  padding: 0.15rem 0.75rem;
  font-size: 0.75rem;
  border-radius: 50px;
  margin-right: 0.25rem;
}
.article .tag-orange {
  border: solid 1px var(--orange);
  background-color: var(--orange-10);
  color: var(--orange);
}
.article .tag-green {
  border: solid 1px var(--green);
  background-color: var(--green-10);
  color: var(--green);
}
.article .coverImg {
  width: 100%;
}
.article .article_text {
  line-height: 180%;
  text-align: justify;
}
.article .article_sectionTitle {
  text-align: center;
  margin-bottom: 1.25rem;
}
.article .painPoint .img {
  width: 100%;
  border-radius: 0.75rem;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .article .articleflex {
    gap: 3rem;
  }
  .article .items {
    gap: 1.5rem;
  }
}

.article .benefit {
  position: relative;
}
.article .benefit .importItem {
  margin-bottom: 7.5rem;
}
.article .benefit .itemMbTypeImport {
  background-color: var(--grey-97);
  border: solid 1px var(--grey-80);
  border-radius: 0.75rem;
  padding: 1rem;
  padding-left: 1.5rem;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.article .benefit .itemName {
  color: var(--red-40-primary);
  border-right: solid 1px var(--red-40-primary);
  margin: 0;
}
.article .benefit .benefitItem {
  justify-content: center;
}
.article .benefit .card_red {
  color: var(--white);
  background: linear-gradient(to bottom, #ffa299 0%, #ce1200 100%);
  border: solid 1px var(--grey-80);
}
.article .benefit .card_red .itemName {
  color: var(--white);
  border-right: solid 1px var(--white);
}
.article .benefit .arrowDown_gif {
  width: 6.5rem;
  height: 6.5rem;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.article .valueItem {
  background-color: var(--grey-97);
  border: solid 1px var(--grey-80);
  border-radius: 0.75rem;
  padding: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
  height: 100%;
}
.article .valueItem .valueImg {
  width: 7.5rem;
  height: 7.5rem;
}
.article .valueItem .valueText {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
}
.article .valueItem .valueName {
  color: var(--red-40-primary);
}
.article .valueItem .valuePoint {
  margin-bottom: 0.75rem;
}
.article .valueItem .valuePoint:nth-last-child(1) {
  margin-bottom: 0;
}
.article .valueItem .valuePoint i {
  color: var(--red-40-primary);
  margin-right: 0.25rem;
}
.article .itemProduct {
  display: block;
  padding: 1rem 0.75rem;
  background-color: var(--white);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.75rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-direction: column;
  height: 100%;
}
.article .itemProduct .itemName {
  margin: 0.5rem auto;
  width: 40%;
  display: block;
}
.article .itemProduct .title {
  color: var(--grey-50);
}
.article .itemProduct .points {
  width: 100%;
  margin: 0;
}
.article .itemProduct .point {
  display: inline-block;
  width: 49%;
  text-align: left;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  background-color: var(--green);
  color: var(--white);
  letter-spacing: 0;
}
.article .itemProduct .point:nth-child(odd) {
  margin-right: 0.25rem;
}
.article .itemSolution {
  display: block;
  padding: 1rem 0.75rem;
  background-color: var(--white);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.75rem;
  text-align: left;
  height: 100%;
}
.article .itemSolution .tag {
  display: inline-block;
  padding: 0.15rem 0.75rem;
  font-size: 0.75rem;
  border-radius: 50px;
  margin-right: 0.25rem;
}
.article .itemSolution .tag-orange {
  border: solid 1px var(--orange);
  background-color: var(--orange-10);
  color: var(--orange);
}
.article .itemSolution .tag-green {
  border: solid 1px var(--green);
  background-color: var(--green-10);
  color: var(--green);
}
.article .itemSolution .card_cover {
  margin: 0.5rem 0;
}
.article .itemSolution .card_img {
  width: 100%;
}
.article .itemSolution .title {
  color: var(--blue-40);
  text-align: center;
  margin: 0.5rem 0 1rem;
}
.article .itemSolution ul {
  text-align: center;
  margin: 0;
}
.article .itemSolution .tech {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 300;
  color: var(--blue-60);
  border: solid 1px var(--blue-80);
  background-color: var(--blue-97);
  letter-spacing: 0;
}
.article .mb_show {
  display: none;
}
.article .mb_show .mb_itemSolution {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: dashed 1px var(--grey-80);
}
@media (max-width: 1400px) {
  .article .itemProduct {
    gap: 0.5rem;
  }
  .article .itemProduct .point {
    width: 100%;
  }
  .article .itemProduct .itemName {
    margin: 0;
  }
}
@media (max-width: 1024px) {
  .article .benefit .itemMbTypeImport {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  .article .benefit .itemContent {
    font-size: 0.75rem;
  }
  .article .valueItem {
    padding: 0.75rem;
  }
}
@media (max-width: 767px) {
  .article .benefit .itemMbTypeImport {
    flex-direction: column;
  }
  .article .benefit .itemName {
    border: none;
    border-bottom: solid 1px var(--red-40-primary);
    padding: 0 1rem 0.5rem;
    text-align: center;
  }
  .article .benefit .card_red .itemName {
    border-right: none;
    border-bottom: solid 1px var(--white);
  }
  .article .itemProduct .point {
    width: 49%;
  }
  .article .pc_show {
    display: none;
  }
  .article .mb_show {
    display: block;
  }
  .article .valueItem {
    flex-direction: row;
  }
  .article .valueItem .valueImg {
    width: 5rem;
    height: 5rem;
    margin: 1rem;
  }
  .article .valueItem .valueText {
    align-items: flex-start;
    gap: 0.5rem;
  }
  .article .valueItem .valuePoint {
    margin-bottom: 0.25rem;
  }
}

.digitForm .area-green .itemName {
  color: var(--green);
  border-right: solid 1px var(--green);
}
.digitForm .area-green .card_green {
  background: linear-gradient(to bottom, #00cc88 0%, #009b67 100%);
  color: var(--white);
  border: solid 1px var(--grey-80);
}
.digitForm .area-green .card_green .itemName {
  color: var(--white);
  border-right: solid 1px var(--white);
}
.digitForm .valueItem .valueName {
  color: var(--green);
}
.digitForm .valueItem .valuePoint i {
  color: var(--green);
}
@media (max-width: 767px) {
  .digitForm .benefit .itemName {
    border: none;
    border-bottom: solid 1px var(--green);
  }
  .digitForm .benefit .card_green .itemName {
    border-right: none;
    border-bottom: solid 1px var(--white);
  }
}

.eType .area-blue .itemName {
  color: var(--blue-40);
  border-right: solid 1px var(--blue-40);
}
.eType .area-blue .card_blue {
  background: linear-gradient(to bottom, #99ccff 0%, #0029ff 100%);
  color: var(--white);
  border: solid 1px var(--grey-80);
}
.eType .area-blue .card_blue .itemName {
  color: var(--white);
  border-right: solid 1px var(--white);
}
.eType .valueItem .valueName {
  color: var(--blue-40);
}
.eType .valueItem .valuePoint i {
  color: var(--blue-40);
}
@media (max-width: 767px) {
  .eType .benefit .itemName {
    border: none;
    border-bottom: solid 1px var(--blue-40);
  }
  .eType .benefit .card_blue .itemName {
    border-right: none;
    border-bottom: solid 1px var(--white);
  }
}

.aiRecognition .area-orange .itemName {
  color: var(--orange);
  border-right: solid 1px var(--orange);
}
.aiRecognition .area-orange .card_orange {
  background: linear-gradient(to bottom, #ff9a35 0%, #cc6600 100%);
  color: var(--white);
  border: solid 1px var(--grey-80);
}
.aiRecognition .area-orange .card_orange .itemName {
  color: var(--white);
  border-right: solid 1px var(--white);
}
.aiRecognition .valueItem .valueName {
  color: var(--orange);
}
.aiRecognition .valueItem .valuePoint i {
  color: var(--orange);
}
@media (max-width: 767px) {
  .aiRecognition .benefit .itemName {
    border: none;
    border-bottom: solid 1px var(--orange);
  }
  .aiRecognition .benefit .card_orange .itemName {
    border-right: none;
    border-bottom: solid 1px var(--white);
  }
}/*# sourceMappingURL=solution.css.map */