* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #267dc0;
  --secondary: #4fb4d6;
  --title: #1a203a;
  --text: #585a5e;
  --box_shadow: 0 0 20px rgba(198, 198, 198, 0.45);
}
html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 14px);
}
ul {
  list-style: none;
}
a {
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}
.content {
  max-width: 134rem;
  margin: 0px auto;
  position: relative;
}
.flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.between {
  justify-content: space-between;
}
.flex_middle {
  align-items: center;
}
body {
  font-size: 1.6rem;
  word-break: break-word;
  color: var(--title);
}
.gap {
  gap: 3rem;
}
li.swiper-slide {
  height: auto;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img.img_aba {
  position: relative;
}
.img.img_aba::after {
  content: "";
  display: block;
  padding-bottom: var(--h);
}
.img.img_aba img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.btn {
  display: inline-block;
  cursor: pointer;
  transition: 0.3s;
  text-align: center;
  background-color: var(--primary);
  color: rgb(255, 255, 255);
  font-size: 1.8rem;
  line-height: normal;
  padding: 2.3rem 5rem 2.2rem;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.btn:hover {
  background-color: var(--secondary);
}
.head h1 {
  font-size: 6rem;
  line-height: 6.9rem;
  font-weight: 700;
}
.home_banner {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: rgb(30, 30, 30);
}
.home_banner > div {
  position: static;
}
.home_banner > div.content {
  position: relative;
}
.home_banner .home_banner_bg_swiper {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.15;
}
.home_banner .home_banner_swiper {
  overflow: hidden;
}
.home_banner .home_banner_swiper .swiper-slide {
  position: relative;
  background: center center / cover no-repeat;
  padding-bottom: 10.2rem;
  overflow: hidden;
}
.home_banner .home_banner_swiper .swiper-slide::before {
  width: 100%;
  height: 23.4657%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  background-image: linear-gradient(to top, rgb(1, 11, 30), transparent);
  opacity: 0.76;
  pointer-events: none;
}
.home_banner .home_banner_swiper .flex {
  min-height: 72.9rem;
  padding: 4rem 0px;
}
.home_banner .home_banner_swiper .head {
  flex: 1 1 0%;
  max-width: 60rem;
  color: rgb(255, 255, 255);
  padding-bottom: 1.8%;
}
.home_banner .home_banner_swiper .subtitle {
  font-size: 2.1rem;
  color: var(--primary);
  margin-bottom: 0.8rem;
}
.home_banner .home_banner_swiper .title {
  font-size: 6.8rem;
  line-height: 1.1765;
  font-weight: 700;
}
.home_banner .home_banner_swiper .desc {
  font-size: 2.2rem;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 2.6rem;
  font-weight: 300;
  letter-spacing: 0.16px;
}
.home_banner .home_banner_swiper .btn {
  margin-top: 3.6rem;
}
.home_banner .home_banner_swiper .imgs {
  position: relative;
  width: 60.6716%;
  margin-right: -11.194%;
}
.home_banner .home_banner_swiper .imgs > div {
  position: static;
  padding-bottom: 68.5117%;
}
.home_banner .home_banner_swiper .imgs .img {
  position: absolute;
}
.home_banner .home_banner_swiper .imgs .img:hover img {
  transform: scale(1.02);
}
.home_banner .home_banner_swiper .imgs .img:nth-child(1) {
  border-radius: 1.1rem;
  width: 29.7663%;
  --h: 91.36%;
  left: 7.257%;
  top: 5.75%;
}
.home_banner .home_banner_swiper .imgs .img:nth-child(2) {
  border-radius: 1.4rem;
  width: 36.65%;
  left: 0px;
  bottom: 0px;
  --h: 95.9732%;
}
.home_banner .home_banner_swiper .imgs .img:nth-child(3) {
  border-radius: 2.3rem;
  width: 60.271%;
  --h: 96.12%;
  top: 0px;
  right: 0px;
}
.home_banner .home_banner_nav_swiper {
  position: absolute;
  bottom: 3.3rem;
  z-index: 2;
  left: 0px;
  right: 0px;
  overflow: hidden;
  color: rgb(255, 255, 255);
  padding-top: 1px;
}
.home_banner .home_banner_nav_swiper .swiper-wrapper {
  gap: 6.2rem;
}
.home_banner .home_banner_nav_swiper .swiper-slide {
  position: relative;
  width: auto;
  border-top: 2px solid rgba(255, 255, 255, 0.18);
  flex: 1 0 37rem;
  cursor: pointer;
  padding-top: 1.4rem;
}
.home_banner .home_banner_nav_swiper .swiper-slide::after {
  width: 0px;
  height: 3px;
  position: absolute;
  right: 0px;
  top: -3px;
  background-color: var(--primary);
  content: "";
  transition: width 5s linear;
}
.home_banner .home_banner_nav_swiper .swiper-slide span {
  font-size: 1.4rem;
  opacity: 0.65;
  display: block;
  font-weight: 300;
}
.home_banner .home_banner_nav_swiper .swiper-slide strong {
  display: block;
  font-size: 1.8rem;
  margin-top: 0.4rem;
  font-weight: 400;
  letter-spacing: 0.46px;
}
.home_banner .home_banner_nav_swiper .swiper-slide-thumb-active::after {
  right: unset;
  left: 0px;
  width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1220px) {
  .content {
    padding: 0px 2rem;
  }
  .home_banner .home_banner_nav_swiper {
    margin: 0px 20px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (min-width: 769px) and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
  .home_banner .home_banner_swiper .title {
    font-size: 5rem;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(139, 139, 139);
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .content {
    padding: 0px 20px;
  }
  .gap {
    gap: 1rem;
  }
  .btn {
    font-size: 14px;
    line-height: 1.5;
    padding: 11px 20px;
    letter-spacing: unset;
  }
  div.head .subtitle,
  div.head strong {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 8px;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  div.head h1 {
    font-size: 34px;
    line-height: 1.3;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  div.head .desc,
  div.head p {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 12px;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  div.head .btn,
  div.head .btn_i,
  div.head .btn_line {
    margin-top: 20px;
  }
  .home_banner .home_banner_swiper .swiper-slide {
    padding-bottom: 6rem;
  }
  .home_banner .home_banner_swiper .flex {
    min-height: unset;
    padding: 3rem 0px;
    gap: 2rem;
    flex-direction: column-reverse;
  }
  .home_banner .home_banner_swiper .flex .imgs > div > .img {
    border-radius: 10px;
  }
  .home_banner .home_banner_swiper .head {
    max-width: unset;
    padding: 0px;
    width: 100%;
  }
  .home_banner .home_banner_swiper .subtitle {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 8px;
  }
  .home_banner .home_banner_swiper .title {
    font-size: 34px;
    line-height: 1.3;
  }
  .home_banner .home_banner_swiper .desc {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 12px;
    letter-spacing: unset;
  }
  .home_banner .home_banner_swiper .btn {
    margin-top: 20px;
  }
  .home_banner .home_banner_swiper .lar_img,
  .home_banner .home_banner_swiper .imgs {
    width: 100%;
    max-width: 444px;
    margin: 0px auto;
  }
  .home_banner .home_banner_nav_swiper {
    bottom: 1.5rem;
    padding: 0px 20px;
  }
  .home_banner .home_banner_nav_swiper .swiper-wrapper {
    gap: 1rem;
  }
  .home_banner .home_banner_nav_swiper .swiper-slide {
    flex: 1 0 260px;
    padding-top: 12px;
  }
  .home_banner .home_banner_nav_swiper .swiper-slide span {
    font-size: 14px;
  }
  .home_banner .home_banner_nav_swiper .swiper-slide strong {
    font-size: 1rem;
    margin-top: 4px;
    letter-spacing: unset;
  }
}

@media screen and (max-width: 576px) {
  div.head .subtitle {
    font-size: 14px;
  }
  div.head h1 {
    font-size: 25px;
  }
  div.head .desc,
  div.head p {
    font-size: 0.9rem;
  }
  .home_banner .home_banner_swiper .subtitle {
    font-size: 14px;
  }
  .home_banner .home_banner_swiper .title {
    font-size: 25px;
  }
  .home_banner .home_banner_swiper .desc {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  .home_banner .home_banner_swiper .lar_img,
  .home_banner .home_banner_swiper .imgs {
    margin-right: 0px;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #267dc0;
  --secondary: #4fb4d6;
  --title: #1a203a;
  --text: #585a5e;
  --box_shadow: 0 0 20px rgba(198, 198, 198, 0.45);
}
html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 14px);
}
i {
  font-style: normal;
}
.content {
  max-width: 134rem;
  margin: 0px auto;
  position: relative;
}
.flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.between {
  justify-content: space-between;
}
.flex_middle {
  align-items: center;
}
body {
  font-size: 1.6rem;
  word-break: break-word;
  color: var(--title);
}
.gap {
  gap: 3rem;
}
.img.img_ct img {
  object-fit: contain;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.head.has_i h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.head.has_i h2::after {
  display: inline-block;
  content: "";
  flex-shrink: 0;
  margin-bottom: 1.5rem;
}
.head h2 {
  font-size: 5rem;
  line-height: 6.4rem;
  font-weight: 600;
}
.head h2::after {
  width: 3.8rem;
  height: 3.8rem;
  background: url("https://walmaystainless.com//wp-content/plugins/sytech-fronteditor/sytpl/about4-page_global/assets/img/subtitle-icon.svg") center bottom / contain no-repeat;
}
.page_global {
  position: relative;
  z-index: 2;
  background-color: rgba(248, 248, 248, 0.68);
  padding: 7.6rem 0px 9.3rem;
}
.page_global .mask {
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: -3.3rem;
  bottom: -2.8rem;
  width: 100%;
  --deg_w: 1.9rem;
  --deg_h: 0.76px;
  --bootom: 1.7rem;
  overflow: hidden;
}
.page_global .mask > div {
  position: absolute;
  pointer-events: all;
  width: 20%;
  height: 2.9rem;
}
.page_global .mask > div::before,
.page_global .mask > div::after {
  background-color: var(--secondary);
  width: 100%;
  height: 100%;
  position: absolute;
  clip-path: polygon(
    0 var(--deg_h),
    calc(100% - var(--deg_w)) 0,
    100% 100%,
    0 100%
  );
  content: "";
}
.page_global .mask > div::after {
  width: 62.5%;
  background-color: var(--primary);
}
.page_global .mask .mask_left {
  left: 0px;
  bottom: 0px;
  max-width: 14.4rem;
}
.page_global .mask .mask_left::before,
.page_global .mask .mask_left::after {
  left: 0px;
  bottom: 0px;
}
.page_global .mask .mask_left::before {
  opacity: 0.58;
  bottom: var(--bootom);
}
.page_global .mask .mask_right {
  right: 0px;
  top: 0px;
  max-width: 19.6rem;
}
.page_global .mask .mask_right::before,
.page_global .mask .mask_right::after {
  right: 0px;
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--deg_h)),
    var(--deg_w) 100%
  );
}
.page_global .mask .mask_right::before {
  top: var(--bootom);
}
.page_global .mask .mask_right::after {
  top: 0px;
  width: 72.96%;
}
.page_global h2 span {
  max-width: 56.6rem;
}
.page_global .flex {
  margin-top: 6.7rem;
  gap: 3rem 2rem;
}
.page_global .img {
  width: 70.1493%;
  margin-left: -2.015%;
}
.page_global .items {
  flex: 1 1 0%;
  max-width: 40.2rem;
  padding-bottom: 0.5%;
}
.page_global .items > div {
  display: grid;
  gap: 1.6rem;
}
.page_global .items .item {
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(219, 219, 219, 0.45) 0px 0px 10px;
}
.page_global .items .item:first-child .desc {
  display: block;
}
.page_global .items .item.active .title {
  color: var(--primary);
}
.page_global .items .item.active .title i {
  filter: unset;
}
.page_global .items .title {
  display: grid;
  grid-template-columns: 1fr 6rem;
  align-items: center;
  cursor: pointer;
  font-size: 2.6rem;
  font-weight: 600;
  transition: 0.3s;
  gap: 2rem;
  padding: 1.6rem 8% 1.5rem 9%;
}
.page_global .items .title span {
  margin-bottom: 0.3rem;
}
.page_global .items .title i {
  width: 100%;
  padding-bottom: 100%;
  display: block;
  content: "";
  transition: 0.3s;
  filter: contrast(0) brightness(0);
  background: center center / contain no-repeat;
}
.page_global .items .desc {
  display: none;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: var(--text);
  padding: 2rem 9.2% 2.9rem;
}
@media screen and (min-width: 769px) and (max-width: 1220px) {
  .content {
    padding: 0px 2rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (min-width: 769px) and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(139, 139, 139);
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .content {
    padding: 0px 20px;
  }
  .gap {
    gap: 1rem;
  }
  div.head.has_i h2 {
    gap: 8px;
  }
  div.head.has_i h2::after {
    margin-bottom: 0px;
  }
  div.head h2 {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  div.head h2::after {
    width: 20px;
    height: 20px;
  }
  .page_global {
    padding: 4rem 0px;
  }
  .page_global .mask {
    top: -10px;
    bottom: -10px;
    --deg_w: 10px;
    --bootom: 10px;
  }
  .page_global .mask > div {
    height: 1rem;
  }
  .page_global .mask .mask_left,
  .page_global .mask .mask_right {
    max-width: 200px;
  }
  .page_global h2 span {
    max-width: unset;
  }
  .page_global .flex {
    margin-top: 2rem;
    gap: 2rem 1rem;
  }
  .page_global .img {
    margin: 0px;
    width: 48%;
  }
  .page_global .items {
    max-width: unset;
    padding: 0px;
  }
  .page_global .items > div {
    gap: 1rem;
  }
  .page_global .items .title {
    grid-template-columns: 1fr 40px;
    gap: 1rem;
    font-size: 18px;
    padding: 14px 20px;
  }
  .page_global .items .title span {
    margin-bottom: 0px;
  }
  .page_global .items .desc {
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 10px 20px 1.2rem;
  }
}

@media screen and (max-width: 576px) {
  div.head h2 {
    font-size: 22px;
  }
  .page_global .img {
    width: 100%;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #267dc0;
  --secondary: #4fb4d6;
  --title: #1a203a;
  --text: #585a5e;
  --box_shadow: 0 0 20px rgba(198, 198, 198, 0.45);
}
html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 14px);
}
a {
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}
.content {
  max-width: 134rem;
  margin: 0px auto;
  position: relative;
}
.flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.between {
  justify-content: space-between;
}
.flex_top {
  align-items: flex-start;
}
body {
  font-size: 1.6rem;
  word-break: break-word;
  color: var(--title);
}
.gap {
  gap: 3rem;
}
.img.img_cv {
  overflow: hidden;
}
.img.img_cv img {
  object-fit: cover;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.btn_line {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition:
    color 0.2s 0.2s,
    background-color 0.2s 0.2s;
  background-color: transparent;
  border: 1px solid rgba(83, 84, 89, 0.3);
  color: var(--title);
  font-weight: 600;
  font-size: 2rem;
  line-height: normal;
  padding: 2rem 3.2rem 2.1rem;
  --deg: 1.4rem;
  min-width: 20.6rem;
}
.btn_line::before {
  width: var(--deg);
  height: var(--deg);
  position: absolute;
  right: -2px;
  bottom: -2px;
  border-top-color:;
  border-top-style:;
  border-top-width:;
  border-right-color:;
  border-right-style:;
  border-bottom-color:;
  border-bottom-style:;
  border-left-color:;
  border-left-style:;
  border-left-width:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-right-width: 3px;
  border-bottom-width: 3px;
  content: "";
  pointer-events: none;
  transition:
    width 0.2s 0.2s,
    height 0.2s 0.2s;
}
.btn_line::after {
  width: var(--deg);
  height: var(--deg);
  position: absolute;
  left: -2px;
  top: -2px;
  border-top-color:;
  border-top-style:;
  border-right-color:;
  border-right-style:;
  border-right-width:;
  border-bottom-color:;
  border-bottom-style:;
  border-bottom-width:;
  border-left-color:;
  border-left-style:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-left-width: 3px;
  border-top-width: 3px;
  content: "";
  pointer-events: none;
  transition:
    width 0.2s 0.2s,
    height 0.2s 0.2s,
    opacity 0.4s 0.2s;
  opacity: 0;
}
.btn_line:hover {
  --deg: calc(100% + 1px);
  color: rgb(255, 255, 255);
  background-color: var(--primary);
}
.btn_line:hover::before {
  transition:
    width 0.2s,
    height 0.2s;
}
.btn_line:hover::after {
  opacity: 1;
  transition:
    width 0.2s,
    height 0.2s;
}
.head.has_i h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.head.has_i h2::after {
  display: inline-block;
  content: "";
  flex-shrink: 0;
  margin-bottom: 1.5rem;
}
.head h2 {
  font-size: 5rem;
  line-height: 6.4rem;
  font-weight: 600;
}
.head h2::after {
  width: 3.8rem;
  height: 3.8rem;
  background: url("https://walmaystainless.com/wp-content/plugins/sytech-fronteditor/sytpl/home3-home_about/assets/img/subtitle-icon.svg") center bottom / contain no-repeat;
}
.home_about {
  position: relative;
  padding: 7.7rem 0px;
}
.home_about .img {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  pointer-events: none;
  overflow: unset;
}
.home_about .img::after {
  width: 100%;
  height: 54%;
  position: absolute;
  left: 0px;
  top: -1px;
  background-image: linear-gradient(rgb(255, 255, 255), transparent);
  content: "";
}
.home_about .head {
  gap: 3.5rem 3rem;
  padding-bottom: 47.7%;
}
.home_about h2 {
  width: 100%;
}
.home_about h2 span {
  max-width: 68.6rem;
}
.home_about .left {
  max-width: 39rem;
}
.home_about h3 {
  font-size: 2.2rem;
  line-height: 3.6rem;
  font-weight: 500;
  color: var(--primary);
}
.home_about .btn_line {
  margin-top: 4.2rem;
}
.home_about .desc {
  max-width: 72.1rem;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: var(--text);
  margin-top: 1px;
}
.home_about .desc > :first-child {
  margin-top: 0px;
}
.home_about p {
  margin-top: 3.2rem;
}
@media screen and (min-width: 769px) and (max-width: 1220px) {
  .content {
    padding: 0px 2rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (min-width: 769px) and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(139, 139, 139);
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .content {
    padding: 0px 20px;
  }
  .gap {
    gap: 1rem;
  }
  .btn_line {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 20px;
    min-width: 120px;
    --deg: 12px;
  }
  .btn_line:hover {
    --deg: calc(100% + 1px);
  }
  div.head.has_i h2 {
    gap: 8px;
  }
  div.head.has_i h2::after {
    margin-bottom: 0px;
  }
  div.head h2 {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  div.head h2::after {
    width: 20px;
    height: 20px;
  }
  div.head .desc,
  div.head p {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 12px;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  div.head .btn,
  div.head .btn_i,
  div.head .btn_line {
    margin-top: 20px;
  }
  .home_about {
    padding: 4rem 0px 0px;
  }
  .home_about .head {
    display: block;
  }
  .home_about .head .desc {
    margin-top: 2rem;
  }
  .home_about h2 span {
    max-width: unset;
  }
  .home_about .left {
    max-width: unset;
  }
  .home_about h3 {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 1rem;
  }
}

@media screen and (max-width: 576px) {
  div.head h2 {
    font-size: 22px;
  }
  div.head .desc,
  div.head p {
    font-size: 0.9rem;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #267dc0;
  --secondary: #4fb4d6;
  --title: #1a203a;
  --text: #585a5e;
  --box_shadow: 0 0 20px rgba(198, 198, 198, 0.45);
}
html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 14px);
}
ul {
  list-style: none;
}
.wrap {
  flex-wrap: wrap;
}
body {
  font-size: 1.6rem;
  word-break: break-word;
  color: var(--title);
}
.page_nums .nums {
  overflow: hidden;
}
.page_nums .nums ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-right: -1px;
}
.page_nums li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-right: 1px solid rgb(220, 220, 224);
  border-bottom: 1px solid rgb(220, 220, 224);
  padding: 6.3rem 2rem 7.1rem;
}
.page_nums li .wrap {
  font-size: 4.9rem;
  font-weight: 600;
  color: var(--primary);
  white-space: nowrap;
}
.page_nums li .wrap .num {
  font-size: 6rem;
  color: var(--title);
  margin-right: -0.6rem;
}
.page_nums li .label {
  font-size: 2rem;
  color: rgb(137, 137, 137);
  margin-top: 0.8rem;
}
@media screen and (min-width: 769px) and (max-width: 1220px) {
  .page_nums li .wrap .num {
    font-size: 5rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 896px) {
  .page_nums .nums ul {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(139, 139, 139);
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .page_nums .nums ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .page_nums li {
    padding: 2rem 10px;
  }
  .page_nums li .wrap {
    font-size: 1.2rem;
  }
  .page_nums li .wrap .num {
    font-size: 1.5rem;
    margin: 0px;
  }
  .page_nums li .label {
    font-size: 0.9rem;
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .page_nums .nums ul {
    grid-template-columns: 1fr 1fr;
  }
}

/*
Theme Name: Sytech Web
Author: The Sytech Team
Author URI:  https://sytech-web.cn
Description: A Beautiful, Fast Loading and SEO Ready Website
Version: 2.0.0
*/

* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
.content { 
	margin: 0 auto;
	position: relative;
}

html {
	scroll-behavior: smooth;
}
.flex {
	display: flex;
}
.wrap {
	flex-wrap: wrap;
}
.flex1 {
	flex:1;
}
.flex2 {
	flex:2;
}
.flex3 {
	flex:3;
}
.between {
	justify-content: space-between;
}
.center {
	text-align: center;
}
.boxshadow {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	background: white;
}


.tools_part_vendor .tools_part_box{
  padding: 4rem 0px;
  text-align: center;
}

.tools_part_vendor .tools_part_box input{
  padding: .8rem 1rem;
  border-radius: 5px;
  min-width: 300px;
  border: 1px #ddd solid ;
}
.tools_part_vendor .tools_part_box button{
  background: white;
  border: 1px solid #f8f8f8;
  color: #4c4c4c;
  padding: 0.8rem 1.5rem;
  display: inline-block;
  font-weight: 500;
  border: none;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #33bde9;
  border: 1px solid #33bde9;
  color: white;
  padding: 0.8rem 1.5rem;
}
@media screen and (min-width: 786px)  and (max-width: 1600px) {
  
}
@media screen and (min-width: 786px)  and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1200px) {
  .content {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  .solution_strength .head p {
    width: 70%;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  .solution_strength .head p {
    width: 90%;
  }
}
@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
}

/*
Theme Name: Sytech Web
Author: The Sytech Team
Author URI:  https://sytech-web.cn
Description: A Beautiful, Fast Loading and SEO Ready Website
Version: 2.0.0
*/

* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
.content { 
	margin: 0 auto;
	position: relative;
}

html {
	scroll-behavior: smooth;
}
.flex {
	display: flex;
}
.wrap {
	flex-wrap: wrap;
}
.flex1 {
	flex:1;
}
.flex2 {
	flex:2;
}
.flex3 {
	flex:3;
}
.between {
	justify-content: space-between;
}
.center {
	text-align: center;
}
.boxshadow {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	background: white;
}


.tools_part_vendor .tools_part_box{
  padding: 4rem 0px;
  text-align: center;
}

.tools_part_vendor .tools_part_box input{
  padding: .8rem 1rem;
  border-radius: 5px;
  min-width: 300px;
  border: 1px #ddd solid ;
}
.tools_part_vendor .tools_part_box button{
  background: white;
  border: 1px solid #f8f8f8;
  color: #4c4c4c;
  padding: 0.8rem 1.5rem;
  display: inline-block;
  font-weight: 500;
  border: none;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #33bde9;
  border: 1px solid #33bde9;
  color: white;
  padding: 0.8rem 1.5rem;
}
@media screen and (min-width: 786px)  and (max-width: 1600px) {
  
}
@media screen and (min-width: 786px)  and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1200px) {
  .content {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  .solution_strength .head p {
    width: 70%;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  .solution_strength .head p {
    width: 90%;
  }
}
@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
}

/*
Theme Name: Sytech Web
Author: The Sytech Team
Author URI:  https://sytech-web.cn
Description: A Beautiful, Fast Loading and SEO Ready Website
Version: 2.0.0
*/

* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
.content { 
	margin: 0 auto;
	position: relative;
}

html {
	scroll-behavior: smooth;
}
.flex {
	display: flex;
}
.wrap {
	flex-wrap: wrap;
}
.flex1 {
	flex:1;
}
.flex2 {
	flex:2;
}
.flex3 {
	flex:3;
}
.between {
	justify-content: space-between;
}
.center {
	text-align: center;
}
.boxshadow {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	background: white;
}


.tools_part_vendor .tools_part_box{
  padding: 4rem 0px;
  text-align: center;
}

.tools_part_vendor .tools_part_box input{
  padding: .8rem 1rem;
  border-radius: 5px;
  min-width: 300px;
  border: 1px #ddd solid ;
}
.tools_part_vendor .tools_part_box button{
  background: white;
  border: 1px solid #f8f8f8;
  color: #4c4c4c;
  padding: 0.8rem 1.5rem;
  display: inline-block;
  font-weight: 500;
  border: none;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #33bde9;
  border: 1px solid #33bde9;
  color: white;
  padding: 0.8rem 1.5rem;
}
@media screen and (min-width: 786px)  and (max-width: 1600px) {
  
}
@media screen and (min-width: 786px)  and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1200px) {
  .content {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  .solution_strength .head p {
    width: 70%;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  .solution_strength .head p {
    width: 90%;
  }
}
@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #267dc0;
  --secondary: #4fb4d6;
  --title: #1a203a;
  --text: #585a5e;
  --box_shadow: 0 0 20px rgba(198, 198, 198, 0.45);
}
html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 14px);
}
ul {
  list-style: none;
}
a {
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}
.content {
  max-width: 134rem;
  margin: 0px auto;
  position: relative;
}
.flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.between {
  justify-content: space-between;
}
.flex_top {
  align-items: flex-start;
}
body {
  font-size: 1.6rem;
  word-break: break-word;
  color: var(--title);
}
.gap {
  gap: 3rem;
}
li.swiper-slide {
  height: auto;
}
.img.img_ct img {
  object-fit: contain;
}
.img.img_ab {
  position: relative;
}
.img.img_ab img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.btn_line {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition:
    color 0.2s 0.2s,
    background-color 0.2s 0.2s;
  background-color: transparent;
  border: 1px solid rgba(83, 84, 89, 0.3);
  color: var(--title);
  font-weight: 600;
  font-size: 2rem;
  line-height: normal;
  padding: 2rem 3.2rem 2.1rem;
  --deg: 1.4rem;
  min-width: 20.6rem;
}
.btn_line::before {
  width: var(--deg);
  height: var(--deg);
  position: absolute;
  right: -2px;
  bottom: -2px;
  border-top-color:;
  border-top-style:;
  border-top-width:;
  border-right-color:;
  border-right-style:;
  border-bottom-color:;
  border-bottom-style:;
  border-left-color:;
  border-left-style:;
  border-left-width:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-right-width: 3px;
  border-bottom-width: 3px;
  content: "";
  pointer-events: none;
  transition:
    width 0.2s 0.2s,
    height 0.2s 0.2s;
}
.btn_line::after {
  width: var(--deg);
  height: var(--deg);
  position: absolute;
  left: -2px;
  top: -2px;
  border-top-color:;
  border-top-style:;
  border-right-color:;
  border-right-style:;
  border-right-width:;
  border-bottom-color:;
  border-bottom-style:;
  border-bottom-width:;
  border-left-color:;
  border-left-style:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-left-width: 3px;
  border-top-width: 3px;
  content: "";
  pointer-events: none;
  transition:
    width 0.2s 0.2s,
    height 0.2s 0.2s,
    opacity 0.4s 0.2s;
  opacity: 0;
}
.btn_line:hover {
  --deg: calc(100% + 1px);
  color: rgb(255, 255, 255);
  background-color: var(--primary);
}
.btn_line:hover::before {
  transition:
    width 0.2s,
    height 0.2s;
}
.btn_line:hover::after {
  opacity: 1;
  transition:
    width 0.2s,
    height 0.2s;
}
.page_partners {
  position: relative;
  background: url("https://walmaystainless.com/wp-content/plugins/sytech-fronteditor/sytpl/home8-page_partners/assets/img/partners-bg1.png") center center / cover no-repeat;
  padding: 13.4rem 0px 0px;
  overflow: hidden;
}
.page_partners::before {
  width: 100%;
  height: 19.3775%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  background-image: linear-gradient(rgb(255, 255, 255), transparent);
  pointer-events: none;
}
.page_partners .num_box .wrap {
  font-size: 10.8rem;
  font-weight: 600;
  color: var(--primary);
  white-space: nowrap;
}
.page_partners .num_box .wrap .num {
  font-size: 13.2rem;
  color: var(--title);
  margin-right: -2.4rem;
}
.page_partners .num_box h2 {
  font-size: 3rem;
  font-weight: 400;
  margin-top: 1.2rem;
}
.page_partners .head {
  flex: 1 1 0%;
  max-width: 76.2rem;
  padding-top: 1.5rem;
}
.page_partners h3 {
  position: relative;
  font-size: 2.6rem;
  font-weight: 400;
  padding-left: 4.1rem;
}
.page_partners h3::before {
  background: url("https://walmaystainless.com/wp-content/plugins/sytech-fronteditor/sytpl/home8-page_partners/assets/img/subtitle-icon.svg") center center / contain no-repeat;
  position: absolute;
  left: 0px;
  top: 2px;
  width: 3.1rem;
  height: 3.1rem;
  content: "";
}
.page_partners p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: var(--text);
  margin-top: 2.3rem;
}
.page_partners .btn_line {
  margin-top: 2.8rem;
}
.page_partners .inner {
  max-width: 192rem;
  margin: 12.6rem auto 0px;
  position: relative;
  padding-bottom: 9.1rem;
}
.page_partners .inner .mask {
  position: static;
}
.page_partners .inner .mask li {
  width: 19.5312%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  content: "";
  z-index: 2;
  background: url("https://walmaystainless.com/wp-content/plugins/sytech-fronteditor/sytpl/home8-page_partners/assets/img/partner-mask.png") center center / cover no-repeat;
  padding-bottom: 35.1532%;
}
.page_partners .inner .mask li:first-child {
  left: -1px;
}
.page_partners .inner .mask li:last-child {
  right: -1px;
  transform: rotate(180deg);
}
.page_partners .inner > div + div {
  margin-top: 1.4rem;
}
.page_partners .page_partners_swiper .swiper-wrapper {
  transition: linear;
}
.page_partners .page_partners_swiper .swiper-slide {
  width: 20rem;
  transition: 0.4s;
}
.page_partners .page_partners_swiper .swiper-slide:hover {
  transform: scale(1.1);
}
.page_partners .page_partners_swiper .img {
  padding-bottom: 100%;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 769px) and (max-width: 1220px) {
  .content {
    padding: 0px 2rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (min-width: 769px) and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(139, 139, 139);
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .content {
    padding: 0px 20px;
  }
  .gap {
    gap: 1rem;
  }
  .btn_line {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 20px;
    min-width: 120px;
    --deg: 12px;
  }
  .btn_line:hover {
    --deg: calc(100% + 1px);
  }
  div.head .desc,
  div.head p {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 12px;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  div.head .btn,
  div.head .btn_i,
  div.head .btn_line {
    margin-top: 20px;
  }
  .page_partners {
    padding: 3rem 0px 0px;
  }
  .page_partners .flex {
    display: block;
  }
  .page_partners .num_box .wrap {
    font-size: 1.2rem;
  }
  .page_partners .num_box .wrap .num {
    font-size: 2rem;
    margin: 0px;
  }
  .page_partners .num_box h2 {
    font-size: 22px;
    margin-top: 10px;
  }
  .page_partners .head {
    max-width: unset;
    padding: 0px;
    margin-top: 1rem;
  }
  .page_partners h3 {
    font-size: 18px;
    padding-left: 2rem;
  }
  .page_partners h3::before {
    width: 20px;
    height: 20px;
  }
  .page_partners .inner {
    margin-top: 2rem;
    padding-bottom: 4rem;
  }
  .page_partners .inner > div + div {
    margin-top: 1rem;
  }
  .page_partners .page_partners_swiper .swiper-slide {
    width: 141px;
  }
}

@media screen and (max-width: 576px) {
  div.head .desc,
  div.head p {
    font-size: 0.9rem;
  }
}

/*
Theme Name: Sytech Web
Author: The Sytech Team
Author URI:  https://sytech-web.cn
Description: A Beautiful, Fast Loading and SEO Ready Website
Version: 2.0.0
*/

* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
.content { 
	margin: 0 auto;
	position: relative;
}

html {
	scroll-behavior: smooth;
}
.flex {
	display: flex;
}
.wrap {
	flex-wrap: wrap;
}
.flex1 {
	flex:1;
}
.flex2 {
	flex:2;
}
.flex3 {
	flex:3;
}
.between {
	justify-content: space-between;
}
.center {
	text-align: center;
}
.boxshadow {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	background: white;
}


.tools_part_vendor .tools_part_box{
  padding: 4rem 0px;
  text-align: center;
}

.tools_part_vendor .tools_part_box input{
  padding: .8rem 1rem;
  border-radius: 5px;
  min-width: 300px;
  border: 1px #ddd solid ;
}
.tools_part_vendor .tools_part_box button{
  background: white;
  border: 1px solid #f8f8f8;
  color: #4c4c4c;
  padding: 0.8rem 1.5rem;
  display: inline-block;
  font-weight: 500;
  border: none;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #33bde9;
  border: 1px solid #33bde9;
  color: white;
  padding: 0.8rem 1.5rem;
}
@media screen and (min-width: 786px)  and (max-width: 1600px) {
  
}
@media screen and (min-width: 786px)  and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1200px) {
  .content {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  .solution_strength .head p {
    width: 70%;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  .solution_strength .head p {
    width: 90%;
  }
}
@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #267dc0;
  --secondary: #4fb4d6;
  --title: #1a203a;
  --text: #585a5e;
  --box_shadow: 0 0 20px rgba(198, 198, 198, 0.45);
}
html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 14px);
}
ul {
  list-style: none;
}
a {
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}
i {
  font-style: normal;
}
.content {
  max-width: 134rem;
  margin: 0px auto;
  position: relative;
}
.swiper_box {
  position: relative;
}
.swiper_content {
  max-width: 137rem;
  margin: 0px auto;
  position: relative;
  padding: 1.5rem;
  overflow: hidden;
}
.center {
  text-align: center;
}
body {
  font-size: 1.6rem;
  word-break: break-word;
  color: var(--title);
}
li.swiper-slide {
  height: auto;
}
.swiper_btns {
  gap: 3.1rem;
  display: flex;
}
.swiper_btns div {
  width: 6.2rem;
  height: 6.2rem;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--title);
  background-color: var(--title);
}
.swiper_btns div::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  transition: 0.3s;
  background: url("https://walmaystainless.com//wp-content/plugins/sytech-fronteditor/sytpl/home10-home_knowledge/assets/img/arrow.svg") center center / contain no-repeat;
  filter: contrast(0) brightness(2);
}
.swiper_btns div:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}
.swiper_btns .btn_next::after {
  transform: rotate(180deg);
}
.swiper_btns .swiper-button-disabled {
  pointer-events: none;
  background-color: transparent;
  border-color: rgba(83, 84, 89, 0.3);
}
.swiper_btns .swiper-button-disabled::after {
  filter: none;
}
.swiper_btns .swiper-button-lock {
  opacity: 0;
  pointer-events: none;
}
.swiper_btns.middle {
  width: 98%;
  max-width: 164.7rem;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  pointer-events: none;
  transform: translate(-50%, -50%);
  justify-content: space-between;
}
.swiper_btns.middle div {
  pointer-events: all;
}
.swiper_btns.middle .swiper-button-disabled,
.swiper_btns.middle .swiper-button-lock {
  pointer-events: none;
}
.head h2 {
  font-size: 5rem;
  line-height: 6.4rem;
  font-weight: 600;
}
.head h2::after {
  width: 3.8rem;
  height: 3.8rem;
  background: url("https://walmaystainless.com//wp-content/plugins/sytech-fronteditor/sytpl/home10-home_knowledge/assets/img/subtitle-icon.svg") center bottom / contain no-repeat;
}
.home_knowledge {
  padding: 3.85rem 0px 13rem;
}
.home_knowledge .home_knowledge_swiper {
  margin-top: 7.5rem;
}
.home_knowledge .item.active a {
  --deg: calc(100% - 1px);
  background-color: var(--primary);
  box-shadow: var(--box_shadow);
}
.home_knowledge .item.active a::before {
  transition:
    width 0.2s,
    height 0.2s;
}
.home_knowledge .item.active a::after {
  opacity: 1;
  transition:
    width 0.2s,
    height 0.2s;
}
.home_knowledge .item.active .icon {
  filter: contrast(0) brightness(2);
}
.home_knowledge .item.active h3 {
  color: rgb(255, 255, 255);
}
.home_knowledge .item.active i {
  filter: contrast(0) brightness(2);
}
.home_knowledge .item a {
  border: 1px solid rgba(26, 32, 58, 0.36);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: background-color 0.2s 0.2s;
  padding: 9rem 2rem 6.1rem;
  --deg: 1.8rem;
}
.home_knowledge .item a::before {
  width: var(--deg);
  height: var(--deg);
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-top-color:;
  border-top-style:;
  border-top-width:;
  border-right-color:;
  border-right-style:;
  border-bottom-color:;
  border-bottom-style:;
  border-left-color:;
  border-left-style:;
  border-left-width:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-right-width: 3px;
  border-bottom-width: 3px;
  content: "";
  pointer-events: none;
  transition:
    width 0.2s 0.2s,
    height 0.2s 0.2s;
}
.home_knowledge .item a::after {
  width: var(--deg);
  height: var(--deg);
  position: absolute;
  left: -1px;
  top: -1px;
  border-top-color:;
  border-top-style:;
  border-right-color:;
  border-right-style:;
  border-right-width:;
  border-bottom-color:;
  border-bottom-style:;
  border-bottom-width:;
  border-left-color:;
  border-left-style:;
  border-image-source:;
  border-image-slice:;
  border-image-width:;
  border-image-outset:;
  border-image-repeat:;
  border-left-width: 3px;
  border-top-width: 3px;
  content: "";
  pointer-events: none;
  transition:
    width 0.2s 0.2s,
    height 0.2s 0.2s,
    opacity 0.4s 0.2s;
  opacity: 0;
}
.home_knowledge .item .icon {
  width: 6.2rem;
  height: 6.2rem;
  content: "";
  background: center center / contain no-repeat;
  transition: filter 0.2s 0.2s;
}
.home_knowledge .item h3 {
  font-size: 2.6rem;
  font-weight: 600;
  transition: color 0.2s 0.2s;
  margin-top: 4.3rem;
}
.home_knowledge .item i {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  transition: filter 0.2s 0.2s;
  filter: contrast(0) brightness(0);
  opacity: 0.6;
  background: url("https://walmaystainless.com//wp-content/plugins/sytech-fronteditor/sytpl/home10-home_knowledge/assets/img/arrow-r.svg") center center / contain no-repeat;
  margin-top: 3rem;
}
@media screen and (min-width: 769px) and (max-width: 1220px) {
  .content {
    padding: 0px 2rem;
  }
  .swiper_content {
    padding: 1.5rem 2rem;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content,
  .swiper_content {
    max-width: 896px;
  }
}

@media screen and (min-width: 769px) and (max-width: 896px) {
  .content,
  .swiper_content {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(139, 139, 139);
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem;
  }
  .content {
    padding: 0px 20px;
  }
  .swiper_content {
    padding: 10px 20px;
  }
  .swiper_btns {
    gap: 1rem;
  }
  .swiper_btns div {
    width: 40px;
    height: 40px;
  }
  .swiper_btns div::after {
    width: 14px;
    height: 14px;
  }
  div.head h2 {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  div.head h2::after {
    width: 20px;
    height: 20px;
  }
  .home_knowledge {
    padding: 3rem 0px 4rem;
    overflow: hidden;
  }
  .home_knowledge .home_knowledge_swiper {
    margin-top: 2rem;
  }
  .home_knowledge .swiper_content {
    padding: 0px 20px;
    overflow: unset;
  }
  .home_knowledge .item.active a {
    --deg: calc(100% - 1px);
  }
  .home_knowledge .item a {
    padding: 2rem 20px;
    --deg: 14px;
  }
  .home_knowledge .item .icon {
    width: 3rem;
    height: 3rem;
  }
  .home_knowledge .item h3 {
    font-size: 18px;
    margin-top: 1rem;
  }
  .home_knowledge .item i {
    width: 20px;
    height: 20px;
    margin-top: 20px;
  }
  .home_knowledge .swiper_btns {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  div.head h2 {
    font-size: 22px;
  }
}