.products_category {
  padding: 128px 0 112px;
}
.products_category .list {
  margin-top: 88px;
}
.products_category .category_list {
  display: grid;
  gap: 100px 2.1875%;
  grid-template-columns: repeat(3, 1fr);
}
.products_choose {
  padding: 62px 0 236px;
  margin-bottom: -134px;
  background: url(../img/products-choose-bg.png) no-repeat center / contain;
}
.products_choose .items {
  margin-top: 92px;
}
.products_choose .items > div {
  display: grid;
  gap: 2rem 2.421875%;
  grid-template-columns: repeat(3, 1fr);
}
.products_choose .items .item.active a {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}
.products_choose .items .item.active a .img {
  opacity: 1;
}
.products_choose .items .item.active a .intro .icon {
  opacity: 0;
  transform: translateY(-100%);
}
.products_choose .items .item.active a .intro h3,
.products_choose .items .item.active a .intro p {
  color: #fff;
  transform: translate(0);
}
.products_choose .items .item.active a .intro p {
  opacity: 0.8;
}
.products_choose .items .item.active a .btc {
  opacity: 1;
  transform: translate(0);
}
.products_choose .items .item a {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s;
  background-color: #fff;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.products_choose .items .item a::before {
  content: '';
  display: block;
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  border-radius: 6px;
  border: 1px solid #ededed;
  pointer-events: none;
  z-index: -2;
}
.products_choose .items .item a:hover img {
  transform: scale(1.03);
}
.products_choose .items .item .img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  transition: all 0.3s;
  border-radius: 6px;
  overflow: hidden;
  opacity: 0;
}
.products_choose .items .item .img::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  opacity: 0.9;
  background-image: linear-gradient(to top, #0e1e35, rgba(14, 30, 53, 0.7));
  pointer-events: none;
  border-radius: 6px;
}
.products_choose .items .item .intro {
  flex: 1;
  width: 100%;
  overflow: hidden;
  padding: 62px 8.86699507% 92px;
}
.products_choose .items .item .intro .icon {
  width: 82px;
  aspect-ratio: 1;
  background: no-repeat left center / contain;
  transition: all 0.3s;
}
.products_choose .items .item .intro h3 {
  color: #161616;
  font-size: 26px;
  line-height: 2rem;
  font-weight: 700;
  transition: all 0.3s;
  margin-top: -78px;
  transform: translateY(150px);
}
.products_choose .items .item .intro p {
  margin-top: 22px;
  color: #353535;
  font-size: 17px;
  line-height: 28px;
  font-weight: 300;
  transition: all 0.3s 0.02s;
  transform: translateY(150px);
  margin-bottom: -22px;
}
.products_choose .items .item .btc {
  margin-top: -30px;
  padding: 0 8.86699507% 38px;
  transition: all 0.3s;
  opacity: 0;
  transform: translateY(100%);
}
.products_choose .items .item .btc .btn {
  width: 100%;
  padding: 1rem;
}
.products_solution {
  padding: 102px 0 204px;
}
.products_solution .items {
  margin-top: 66px;
}
.products_solution .items > div {
  display: grid;
  gap: 28px 24px;
  grid-template-columns: repeat(2, 1fr);
}
.products_solution .items .item:first-child {
  grid-column: 1/-1;
}
.products_solution .items .item:first-child a {
  flex-direction: row-reverse;
}
.products_solution .items .item:first-child .img {
  width: 59.609375%;
  aspect-ratio: 763/437;
}
.products_solution .items .item:first-child .info {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.products_solution .items .item:first-child .info h3 {
  flex: unset;
  font-size: 2rem;
  line-height: 40px;
}
.products_solution .items .item:first-child .info .desc {
  display: block;
}
.products_solution .items .item:first-child .info i {
  margin-top: 10px;
}
.products_solution .items .item a {
  display: flex;
  height: 100%;
  flex-direction: column;
  border-radius: 6px;
  overflow: hidden;
  background-color: #f7f7f7;
}
.products_solution .items .item a:hover img {
  transform: scale(1.03);
}
.products_solution .items .item a:hover .info i {
  background-color: var(--subtheme_color);
}
.products_solution .items .item .img {
  border-radius: 6px;
  aspect-ratio: 628/359;
}
.products_solution .items .item .info {
  flex: 1;
  gap: 14px;
  display: flex;
  align-items: center;
  padding: 2rem 5.73248408% 28px;
}
.products_solution .items .item .info h3 {
  font-size: 26px;
  line-height: 2rem;
  font-weight: 700;
  flex: 1;
}
.products_solution .items .item .info .desc {
  font-size: 18px;
  line-height: 25px;
  display: none;
}
.products_solution .items .item .info i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  min-width: 46px;
  aspect-ratio: 1;
  border-radius: 6px;
  background-color: var(--theme_color);
  transition: all 0.3s;
}
.products_solution .items .item .info i::after {
  content: '';
  display: block;
  width: 18px;
  height: 10px;
  background: url(../img/arrow-line-w.svg) no-repeat center / contain;
}
.products_solution .items .item .info i:hover {
  transform: scale(1.1);
}
