html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--primary:#9cd34f;

--title:#0a162d;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.img_bg {
 position: relative;
 z-index: 2;
 }
.home_banner {
 overflow: hidden;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
.img_bg > img, .img_bg > video, .img_bg svg{
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: -1;
 pointer-events: none;
 }
.content {
 max-width: 160rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1024px;
 }}
@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 (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 3rem;
 }
.home_banner .flex {
 min-height: 83.7rem;
 padding: 13rem 0px 4rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (max-width: 768px){
.home_banner .flex {
 min-height: unset;
 padding: 40px 0px;
 flex-direction: column;
 }}
.head {
 --circle: 0.7rem;
 }
.head.white {
 color: rgb(255, 255, 255);
 }
.home_banner .head {
 flex: 1 1 0%;
 max-width: 65.2rem;
 padding-bottom: 3.7%;
 }
@media screen and (max-width: 768px){
div.head {
 --circle: 5px;
 }}
@media screen and (max-width: 768px){
.home_banner .head {
 width: 100%;
 max-width: unset;
 padding: 0px;
 }}
h1, h2, h3, strong {
 font-weight: 500;
 }
.head h1 {
 font-size: 5.8rem;
 line-height: 6.9rem;
 }
 .home_banner .head .title{
    font-size: 5.8rem;
    line-height: 6.9rem;
    font-weight: 500;
 }
  .home_banner .banner_item2 .head .title{
    color: #111;
 }
 .home_banner .banner_item2 .advantage_list li {
  color: #111;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }

[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }

@media screen and (max-width: 768px){
div.head h1 {
 font-size: 25px;
 line-height: 1.3;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 }

 .home_banner .head .title {
  font-size: 25px;
  line-height: 1.3;
  letter-spacing: unset;
  max-width: unset;
  word-spacing: unset;
 }

}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.btn {
 display: inline-grid;
 align-items: center;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 border-radius: 100px;
 background-color: var(--primary);
 border: 1px solid var(--primary);
 color: rgb(18, 30, 59);
 font-size: 1.8rem;
 font-weight: 500;
 line-height: 6.6rem;
 grid-template-columns: 1fr 4.8rem;
 padding: 0px 0.7rem 0px 3.4rem;
 gap: 1.8rem;
 min-width: 21.8rem;
 max-width: max-content;
 }
.btn::after {
 padding-bottom: 100%;
 border-radius: 50%;
 background: url("https://matismart.com/wp-content/plugins/sytech-fronteditor/sytpl/home_video_swiper/assets/img/arrow-r.svg") center center / 12.5% no-repeat rgb(255, 255, 255);
 transition: 0.3s, transform 0.4s;
 display: block;
 content: "";
 }
.btn:hover {
 background-color: transparent;
 color: var(--primary);
 }
.btn:hover::after {
 background-color: var(--primary);
 transform: scale(1.1);
 }
.home_banner .btn {
 margin-top: 4.3rem;
 gap: 0.7rem;
 }
@media screen and (max-width: 768px){
.btn, .btn_line {
 font-size: 14px;
 line-height: 41px;
 padding: 0px 5px 0px 16px;
 grid-template-columns: 1fr 32px;
 min-width: 140px;
 gap: 10px;
 }}
@media screen and (max-width: 768px){
div.head .btn, div.head .btn_line {
 margin-top: 20px;
 padding: 0px 5px 0px 16px;
 min-width: 140px;
 gap: 10px;
 }}
.img.img_aba {
 position: relative;
 }
.img.img_aba::after {
 content: "";
 display: block;
 padding-bottom: var(--h);
 }
.home_banner .img {
 width: 72.4375%;
 --h: 57.55%;
 margin: -4.3% -7.5% 0px;
 }
@media screen and (max-width: 768px){
  .home_banner .img {
    width: 100%;
    margin: 0px auto;
    order: -1;
  }
  .home_banner .swiper-slide{
    padding-bottom: 30rem;
    background: linear-gradient(to right , #EEFFF5, #fff, #EEFFF5);
  }
  .home_banner .swiper-slide.green_bg{
    background: #F3F9F5;
  }
  .home_banner .swiper-slide.yellow_green_bg{
    background: linear-gradient(to right,#FBFAF6,#F8FAED,#E5F7E1);
  }
  .home_banner .img_bg>img{
    left: unset;
    top: unset;
    object-fit: cover;
    width: 100%;
    display: block;
    object-position: right;
    height: 58%;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

}
.img.img_ct img {
 object-fit: contain;
 }
.img.img_aba img {
 position: absolute;
 left: 0px;
 top: 0px;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.home_banner .advantage_list {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 3.8rem 2.475%;
 padding-bottom: 6.4rem;
 }
@media screen and (max-width: 768px){
.home_banner .advantage_list {
 padding-bottom: 30px;
 gap: 20px;
 }}
li {
 list-style: none;
 }
.home_banner .advantage_list li {
 position: relative;
 color: rgb(255, 255, 255);
 font-size: 1.7rem;
 padding-left: 3.2rem;
 }
.home_banner .advantage_list li::before {
 width: 2.1rem;
 height: 2.1rem;
 position: absolute;
 left: 0px;
 top: 1px;
 content: "";
 background: url("https://matismart.com/wp-content/plugins/sytech-fronteditor/sytpl/home_video_swiper/assets/img/gou-full.svg") center center / contain no-repeat;
 }
@media screen and (max-width: 768px){
.home_banner .advantage_list li {
 font-size: 14px;
 padding-left: 30px;
 }}
@media screen and (max-width: 768px){
.home_banner .advantage_list li::before {
 width: 16px;
 height: 16px;
 }}
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }

 @keyframes circle_left {
    0%{
      transform: rotate(0);
    }
    100%{
      transform: rotate(360deg);
    }
 }

 
 @keyframes circle_right {
    0%{
      transform: rotate(0);
    }
    100%{
      transform: rotate(-360deg);
    }
 }

 @keyframes opacity {
    0%,100%{
      opacity: 0;
    }
    50%{
      opacity: 1;
    }
 }

 
 @keyframes jump1 {
    0%, 100% {
    transform: translateY(0);
    }
    50% {
      transform: translateY(-20px); /* 向上移动 20px */
    }
 }

 
 
 @keyframes jump2 {
    0%{
    transform: translateY(0);
    }
    25% {
      transform: translateY(-20px); /* 向上移动 20px */
    }
    75% {
      transform: translateY(20px); /* 向上移动 20px */
    }
    100%{
      transform: translateY(0px); /* 向上移动 20px */
    }
 }

 @keyframes width-left {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
 }

 path.cls-392{
  animation: opacity 1s linear infinite;
 }
 path.cls-391{
  transform-origin: 50% 50%; 
  transform-box: fill-box;
  animation: circle_right 10s linear infinite;
 }

 circle.cls-109, circle.cls-346{
  transform-origin: 50% 50%; 
  transform-box: fill-box;
  animation: circle_right 10s linear infinite;
 }

 ellipse.cls-384{
  animation: opacity 3s linear infinite;
 }
 
 g.cls-381{
  animation: opacity 3s linear infinite;
  animation-delay: 1s;
 }

 .opacity_a{
  animation: opacity 5s linear infinite;
  animation-delay: 1s;
 }

 g.cls-18{
  animation: width-left 3s linear infinite;
 }

 #Hand{
  animation: jump1 5s linear infinite;
 }

 image.cls-19, g.cls-18{
  animation: opacity 5s linear infinite;
 }

 @keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    opacity: 1;
    text-shadow:
      0 0 15px #9cd34f,
      0 0 20px #9cd34f,
      0 0 30px #9cd34f,
      0 0 50px #9cd34f;
  }
  20%, 24%, 55% {
    opacity: 0.6;
    text-shadow: none;
  }
}

.cls-374, .shadow_ani{
  animation: flicker 1.5s infinite;
}

.jump2{
  animation: jump2 5s linear infinite;
}


.jump1{
  animation: jump1 10s linear infinite;
}
.jump3{
  animation: jump2 7s linear infinite;
}


.ele{
  opacity: 0;
  transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
}
.ele.active{
  opacity: 1;
}


.cls-402, .cls-403, .cls-404 {
    transform-origin: right center; /* 关键：从右往左扩展 */
    transform-box: fill-box;        /* 使 transform-origin 作用于自身坐标 */
 
    animation: growLeft 1.2s ease-in-out forwards;
    opacity: 0.9;
  }

  /* 动画定义：从宽度 0 → 原始宽度 */
  @keyframes growLeft {
    from {
      transform: scaleX(0);
      opacity: 0.3;
    }
    to {
      transform: scaleX(1);
      opacity: 1;
    }
  }


.cls-355, .cls-356, .cls-357, .cls-359, .cls-360{

  filter: drop-shadow(0 0 6px #9cd34f);
  animation: glowPulse 2s infinite ease-in-out alternate;
  opacity: 0.9;
}

/* 每个圆的闪烁节奏略不同 */
.cls-355 {
  animation-delay: 0s;
}
.cls-356 {
  animation-delay: 0.6s;
}
.cls-357 {
  animation-delay: 1.2s;
}

/* 闪烁动画 */
@keyframes glowPulse {
  0% {
    opacity: 0.6;
    filter: drop-shadow(0 0 10px #9cd34f);
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 18px #9cd34f);
  }
  100% {
    opacity: 0.7;
    filter: drop-shadow(0 0 12px #9cd34f);
  }
}
@media screen and (max-width: 786px){


}
/*
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;
  }
}

html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--circle:;
--h:;
--t:;
--primary:#9cd34f;
--text:#6d7077;
--title:#0a162d;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.home_platform {
 overflow: hidden;
 padding: 6rem 0px 9.7rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.home_platform {
 padding: 50px 0px;
 }}
.content {
 max-width: 160rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1024px;
 }}
@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 (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
.head {
 --circle: 0.7rem;
 }
.home_platform .head {
 flex: 1 1 0%;
 max-width: 55.8rem;
 padding-bottom: 3.7%;
 }
@media screen and (max-width: 768px){
div.head {
 --circle: 5px;
 }}
@media screen and (max-width: 768px){
.home_platform .head {
 max-width: unset;
 padding: 0px;
 }}
h1, h2, h3, strong {
 font-weight: 500;
 }
.head strong {
 position: relative;
 font-size: 1.6rem;
 font-weight: 400;
 text-transform: uppercase;
 display: inline-block;
 border-bottom: 2px solid rgb(201, 231, 160);
 margin-bottom: 2.2rem;
 padding: 0px 0.9rem 0.4rem;
 --deg: 1.4rem;
 --h: 2.1rem;
 margin-left: 0.6rem;
 }
.head strong::before, .head strong::after {
 position: absolute;
 content: "";
 }
.head strong::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid rgb(201, 231, 160);
 right: 0px;
 bottom: 0px;
 transform: translate(100%, 50%);
 }
.head strong::before {
 width: 17.8rem;
 height: var(--h);
 background-image: linear-gradient(to left, rgb(201, 231, 160) 45.51%, transparent);
 right: calc(100% - 1px);
 bottom: -2px;
 clip-path: polygon(0 0, calc(100% - var(--deg)) 0, 100% calc(100% - 2px), calc(100% - 1px) 100%, calc(100% - var(--deg) - 1px) 2px, 0 2px);
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }

[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-right"] {
 transform: translate3d(-100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
div.head .subtitle, div.head strong {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 12px;
 word-spacing: unset;
 letter-spacing: 1px;
 padding: 0px 5px;
 --deg: 12px;
 --h: 16px;
 margin-left: 0px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle::before, div.head strong::before {
 width: 30px;
 }}
.head h2 {
 position: relative;
 font-size: 5rem;
 line-height: 6rem;
 --deg: 3.5rem;
 --h: 3.7rem;
 --t: -0.5rem;
 }
.head h2::before, .head h2::after {
 position: absolute;
 right: calc(100% + 2.55rem);
 content: "";
 top: var(--t);
 }
.head h2::before {
 right: calc(100% + 2.8rem + var(--circle));
 width: 100vw;
 height: var(--h);
 background-color: var(--primary);
 clip-path: polygon(0 0, calc(100% - var(--deg) * 1.73) 0, calc(100% - var(--deg) * 0.73 + 1px) calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, calc(100% - var(--deg) * 0.73) 100%, calc(100% - var(--deg) * 1.73 - 1px) 2px, 0 2px);
 }
.head h2::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid var(--primary);
 top: calc(var(--h) + var(--t));
 transform: translateY(-55%);
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 768px){
div.head h2 {
 font-size: 22px;
 line-height: 1.3;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 --deg: 12px;
 --h: 16px;
 --t: -2px;
 }}
@media screen and (max-width: 768px){
div.head h2::before {
 right: calc(100% + 12px);
 }}
@media screen and (max-width: 768px){
div.head h2::after {
 right: calc(100% + 5px);
 }}
.head h2 span {
 color: var(--primary);
 }
.head.sm_p p {
 font-size: 2rem;
 line-height: 3.4rem;
 }
.head p {
 font-size: 2.2rem;
 line-height: 3.2rem;
 color: var(--text);
 }
.home_platform p {
 hyphens: auto;
 margin-top: 4rem;
 }
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
 transition-delay: 0.2s;
 }
@media screen and (max-width: 768px){
div.head.sm_p p {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
div.head .desc, div.head p {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 margin-top: 12px;
 }}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
 transition-delay: 0.3s;
 }
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.btn {
 display: inline-grid;
 align-items: center;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 border-radius: 100px;
 background-color: var(--primary);
 border: 1px solid var(--primary);
 color: rgb(18, 30, 59);
 font-size: 1.8rem;
 font-weight: 500;
 line-height: 6.6rem;
 grid-template-columns: 1fr 4.8rem;
 padding: 0px 0.7rem 0px 3.4rem;
 gap: 1.8rem;
 min-width: 21.8rem;
 max-width: max-content;
 }
.btn::after {
 padding-bottom: 100%;
 border-radius: 50%;
 background: url("https://matismart.com//wp-content/plugins/sytech-fronteditor/sytpl/home_2/assets/img/arrow-r.svg") center center / 12.5% no-repeat rgb(255, 255, 255);
 transition: 0.3s, transform 0.4s;
 display: block;
 content: "";
 }
.btn:hover {
 background-color: transparent;
 color: var(--primary);
 }
.btn:hover::after {
 background-color: var(--primary);
 transform: scale(1.1);
 }
.home_platform .btn_line {
 margin-top: 6rem;
 }
@media screen and (max-width: 768px){
.btn, .btn_line {
 font-size: 14px;
 line-height: 41px;
 padding: 0px 5px 0px 16px;
 grid-template-columns: 1fr 32px;
 min-width: 140px;
 gap: 10px;
 }}
@media screen and (max-width: 768px){
div.head .btn, div.head .btn_line {
 margin-top: 20px;
 padding: 0px 5px 0px 16px;
 min-width: 140px;
 gap: 10px;
 }}
.home_platform .img {
 width: 63.125%;
 margin-right: -2.375%;
 height: auto;
 }
@media screen and (max-width: 768px){
.home_platform .img {
 margin: 0px;
 }}
@media screen and (max-width: 576px){
.home_platform .img {
 width: 100%;
 }}
.img.img_ct img {
 object-fit: contain;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--deg:;
--t:;
--circle:;
--primary:#9cd34f;
--h:;
--text:#6d7077;
--op:;
--title:#0a162d;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.sec_bg {
 position: relative;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
.sec_bg .mask_line {
 position: absolute;
 top: -1.1rem;
 width: 38.96%;
 height: 2.9rem;
 }
.sec_bg .mask_line::before {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0px;
 top: 0px;
 content: "";
 background-image: linear-gradient(to left, rgb(223, 235, 244), transparent);
 clip-path: polygon(0px 0px, 91% 0px, 100% calc(100% - 2px), calc(100% - 1px) 100%, calc(91% - 1px) 2px, 0px 2px);
 }
.sec_bg .mask_line::after {
 width: 0.9rem;
 height: 0.9rem;
 border-radius: 50%;
 background-color: rgb(223, 235, 244);
 position: absolute;
 right: 0px;
 bottom: 0px;
 content: "";
 transform: translate(50%, 32%);
 }
@media screen and (max-width: 768px){
.sec_bg .mask_line, .sec_bg2 .mask_line, .sec_bg3 .mask_line {
 top: -10px;
 height: 10px;
 }}
@media screen and (max-width: 768px){
.sec_bg .mask_line::after, .sec_bg2 .mask_line::after, .sec_bg3 .mask_line::after {
 width: 7px;
 height: 7px;
 }}
.img_bg {
 position: relative;
 z-index: 2;
 }
.sec_bg .img_bg {
 --deg: 2.6rem;
 }
.home_advantages .inner {
 overflow: hidden;
 padding: 11.9rem 0px 13.5rem;
 }
@media screen and (max-width: 768px){
.sec_bg .img_bg, .sec_bg2 .img_bg, .sec_bg3 .img_bg {
 --deg: 10px;
 }}
@media screen and (max-width: 768px){
.home_advantages .inner {
 padding: 50px 0px 70px;
 }}
.img_bg > img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: -1;
 pointer-events: none;
 }
.sec_bg .img_bg > img {
 clip-path: polygon(35.3125% 0, 38.65% var(--deg), 100% var(--deg), 100% 100%, 0 100%, 0 0);
 }
.content {
 max-width: 160rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1024px;
 }}
@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 (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 3rem;
 }
.head {
 --circle: 0.7rem;
 }
.home_advantages .head {
 gap: 1.4rem 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (max-width: 768px){
div.head {
 --circle: 5px;
 }}
@media screen and (max-width: 768px){
.home_advantages .head {
 gap: 10px 0px;
 }}
@media screen and (max-width: 576px){
.home_advantages .head {
 position: relative;
 z-index: 3;
 }}
h1, h2, h3, strong {
 font-weight: 500;
 }
.head h2 {
 position: relative;
 font-size: 5rem;
 line-height: 6rem;
 --deg: 3.5rem;
 --h: 3.7rem;
 --t: -0.5rem;
 }
.head h2::before, .head h2::after {
 position: absolute;
 right: calc(100% + 2.55rem);
 content: "";
 top: var(--t);
 }
.head h2::before {
 right: calc(100% + 2.8rem + var(--circle));
 width: 100vw;
 height: var(--h);
 background-color: var(--primary);
 clip-path: polygon(0 0, calc(100% - var(--deg) * 1.73) 0, calc(100% - var(--deg) * 0.73 + 1px) calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, calc(100% - var(--deg) * 0.73) 100%, calc(100% - var(--deg) * 1.73 - 1px) 2px, 0 2px);
 }
.head h2::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid var(--primary);
 top: calc(var(--h) + var(--t));
 transform: translateY(-55%);
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }

[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-right"] {
 transform: translate3d(-100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
div.head h2 {
 font-size: 22px;
 line-height: 1.3;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 --deg: 12px;
 --h: 16px;
 --t: -2px;
 }}
@media screen and (max-width: 768px){
div.head h2::before {
 right: calc(100% + 12px);
 }}
@media screen and (max-width: 768px){
div.head h2::after {
 right: calc(100% + 5px);
 }}
@media screen and (max-width: 576px){
.home_advantages .head h2 {
 width: 100%;
 }}
.head h2 span {
 color: var(--primary);
 }
.head strong {
 position: relative;
 font-size: 1.6rem;
 font-weight: 400;
 text-transform: uppercase;
 display: inline-block;
 border-bottom: 2px solid rgb(201, 231, 160);
 margin-bottom: 2.2rem;
 padding: 0px 0.9rem 0.4rem;
 --deg: 1.4rem;
 --h: 2.1rem;
 margin-left: 0.6rem;
 }
.head strong::before, .head strong::after {
 position: absolute;
 content: "";
 }
.head strong::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid rgb(201, 231, 160);
 right: 0px;
 bottom: 0px;
 transform: translate(100%, 50%);
 }
.head strong::before {
 width: 17.8rem;
 height: var(--h);
 background-image: linear-gradient(to left, rgb(201, 231, 160) 45.51%, transparent);
 right: calc(100% - 1px);
 bottom: -2px;
 clip-path: polygon(0 0, calc(100% - var(--deg)) 0, 100% calc(100% - 2px), calc(100% - 1px) 100%, calc(100% - var(--deg) - 1px) 2px, 0 2px);
 }
.head strong:has(i) {
 margin-left: auto;
 margin-right: 5.9rem;
 min-width: 11.3rem;
 text-align: center;
 }
.head strong:has(i)::after {
 right: unset;
 left: 0px;
 transform: translate(-100%, 50%);
 }
.head strong:has(i)::before {
 right: unset;
 left: 100%;
 transform: rotateY(180deg);
 width: 24rem;
 }
.home_advantages strong {
 margin-top: 0.8rem;
 margin-bottom: 0px;
 }
@media screen and (max-width: 768px){
div.head .subtitle, div.head strong {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 12px;
 word-spacing: unset;
 letter-spacing: 1px;
 padding: 0px 5px;
 --deg: 12px;
 --h: 16px;
 margin-left: 0px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle::before, div.head strong::before {
 width: 30px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle:has(i), div.head strong:has(i) {
 margin-right: 0px;
 min-width: 120px;
 margin-left: auto;
 }}
@media screen and (max-width: 768px){
div.head .subtitle:has(i)::before, div.head strong:has(i)::before {
 width: 30px;
 }}
@media screen and (max-width: 768px){
.home_advantages .head strong {
 margin-top: 0px;
 margin-bottom: 0px;
 }}
@media screen and (max-width: 576px){
.home_advantages .head strong {
 order: -1;
 }}
i, em {
 font-style: normal;
 }
.head strong i {
 position: absolute;
 display: block;
 left: 116%;
 width: 100vw;
 height: calc(var(--h) * 0.43);
 bottom: -2px;
 background: url("https://matismart.com/wp-content/plugins/sytech-fronteditor/sytpl/home_3/assets/img/subtitle-mask.svg") left bottom / contain no-repeat;
 content: "";
 }
@media screen and (max-width: 768px){
div.head .subtitle i, div.head strong i {
 left: calc(100% + 5px);
 bottom: 0px;
 }}
.head p {
 font-size: 2.2rem;
 line-height: 3.2rem;
 color: var(--text);
 }
.home_advantages p {
 width: 100%;
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 768px){
div.head .desc, div.head p {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 margin-top: 12px;
 }}
@media screen and (max-width: 768px){
.home_advantages .head p {
 margin-top: 0px;
 }}
.home_advantages .main {
 position: relative;
 margin-top: -3.4rem;
 padding: 4.1rem 0px;
 }
@media screen and (max-width: 768px){
.home_advantages .main {
 margin-top: 30px;
 padding: 40px 0px;
 }}
@media screen and (max-width: 576px){
.home_advantages .main {
 padding: 0px;
 }}
.img.img_aba {
 position: relative;
 }
.img.img_aba::after {
 content: "";
 display: block;
 padding-bottom: var(--h);
 }
.home_advantages .main .img {
 width: 153.562%;
 --h: 27.025%;
 margin-left: -37.25%;
 margin-right: -16.3125%;
 }
@media screen and (max-width: 576px){
.home_advantages .main .img {
 display: none;
 }}
.img.img_ct img {
 object-fit: contain;
 }
.img.img_aba img {
 position: absolute;
 left: 0px;
 top: 0px;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.home_advantages .logo_box {
 position: absolute;
 z-index: 2;
 width: 8.5%;
 padding-bottom: 8.5%;
 top: 50%;
 left: 5.5%;
 transform: translateY(-50%);
 }
@media screen and (max-width: 576px){
.home_advantages .main .logo_box {
 position: static;
 transform: translate(0px);
 margin: 0px auto;
 width: 60px;
 padding: 0px;
 height: 60px;
 }}
.home_advantages .logo_box .logo {
 border-radius: 50%;
 background-color: rgb(255, 255, 255);
 position: absolute;
 left: 0px;
 top: 0px;
 box-shadow: rgba(193, 202, 209, 0.45) 0px 1rem 1rem;
 }
.home_advantages .logo_box .logo img {
 display: block;
 object-fit: contain;
 width: 100%;
 height: 100%;
 transform: scale(0.574);
 }
.home_advantages .logo_box .mask_circle {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 opacity: 0.74;
 width: 100%;
 padding-bottom: 100%;
 pointer-events: none;
 z-index: -1;
 }
.home_advantages .logo_box .mask_circle span {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 --size: 100%;
 --op: 0;
 opacity: var(--op);
 width: var(--size);
 padding-bottom: var(--size);
 border-radius: 50%;
 background-color: rgb(161, 214, 133);
 animation: 3s ease 0s infinite alternate none running scaleCircle;
 }
.home_advantages .logo_box .mask_circle span:nth-child(1) {
 --size: 158%;
 --op: 0.56;
 }
.home_advantages .logo_box .mask_circle span:nth-child(2) {
 --size: 238.24%;
 --op: 0.18;
 }
.home_advantages .logo_box .mask_circle span:nth-child(3) {
 --size: 347.1%;
 --op: 0.1;
 }
.home_advantages .main .float {
 position: static;
 }
.home_advantages .main .float ul {
 position: static;
 }
@media screen and (max-width: 576px){
.home_advantages .main .float ul {
 display: grid;
 gap: 20px;
 margin-top: 30px;
 }}
li {
 list-style: none;
 }
.home_advantages .main .float li {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 26.75%;
 display: grid;
 grid-template-columns: 24.533% 1fr;
 align-items: center;
 font-size: 2.4rem;
 line-height: 3rem;
 font-weight: 500;
 gap: 6.78%;
 }
.home_advantages .main .float li:nth-child(1) {
 left: 36.375%;
 top: 25.6%;
 }
[data-aos="fade-left"] {
 transform: translate3d(100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
.home_advantages .main .float li {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 576px){
.home_advantages .main .float ul li {
 position: static;
 width: 100%;
 grid-template-columns: 50px 1fr;
 gap: 16px;
 }}
.icon.icon_ab {
 position: relative;
 }
.home_advantages .main .float li .icon {
 padding-bottom: 100%;
 background-color: rgb(255, 255, 255);
 transition: 0.3s;
 box-shadow: rgba(193, 202, 209, 0.45) 0px 0.8rem 0.8rem;
 border-radius: 50%;
 }
.icon.icon_ab img {
 position: absolute;
 left: 0px;
 top: 0px;
 }
.icon img {
 display: block;
 object-fit: contain;
 width: 100%;
 height: 100%;
 transition: 0.3s;
 }
.home_advantages .main .float li:nth-child(2) {
 left: 26.9375%;
 top: 54.42%;
 }
@media screen and (max-width: 576px){
.home_advantages .main .float ul li br {
 display: none;
 }}
.home_advantages .main .float li:nth-child(3) {
 left: 74.4375%;
 }
.home_advantages .main .float li:nth-child(4) {
 left: 65.0625%;
 top: 29.5%;
 }
.home_advantages .main .float li.active .icon {
 background-color: var(--primary);
 }
.home_advantages .main .float li:nth-child(5) {
 left: 76%;
 top: 56.03%;
 }
.home_advantages .main .float li:nth-child(6) {
 left: 57.3125%;
 top: 74.4%;
 }
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--t:;
--circle:;
--text_w:rgba(255, 255, 255, 0.75);
--text:#6d7077;
--primary:#9cd34f;
--title:#0a162d;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.page_contact {
 margin-top: -11.5rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 576px){
.page_contact, .footer_contact {
 text-align: center;
 }}
@media screen and (max-width: 768px){
.page_contact {
 margin-top: -20px;
 }}
.content {
 max-width: 160rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1024px;
 }}
@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 (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.img_bg {
 position: relative;
 z-index: 2;
 }
.page_contact .img_bg {
 border-radius: 2.9rem;
 overflow: hidden;
 }
@media screen and (max-width: 768px){
.page_contact .img_bg {
 border-radius: 10px;
 }}
.img_bg > img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: -1;
 pointer-events: none;
 }
.flex {
 display: flex;
 }
.flex_middle {
 align-items: center;
 }
.page_contact .flex {
 min-height: 37.3rem;
 padding: 4rem 2rem;
 }
@media screen and (max-width: 768px){
.page_contact .flex {
 min-height: unset;
 padding: 50px 20px;
 }}
.head {
 --circle: 0.7rem;
 }
.head.white {
 color: rgb(255, 255, 255);
 }
.page_contact .head {
 max-width: 138.2rem;
 margin: 0px auto;
 flex: 1 1 0%;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 gap: 3rem;
 padding-bottom: 0.4%;
 }
@media screen and (max-width: 768px){
div.head {
 --circle: 5px;
 }}
@media screen and (max-width: 768px){
.page_contact .head {
 display: block;
 padding: 0px;
 }}
h1, h2, h3, strong {
 font-weight: 500;
 }
.head.no_mask h2::before, .head.no_mask h2::after {
 display: none;
 }
.head h2 {
 position: relative;
 font-size: 5rem;
 line-height: 6rem;
 --deg: 3.5rem;
 --h: 3.7rem;
 --t: -0.5rem;
 }
.head h2::before, .head h2::after {
 position: absolute;
 right: calc(100% + 2.55rem);
 content: "";
 top: var(--t);
 }
.head h2::before {
 right: calc(100% + 2.8rem + var(--circle));
 width: 100vw;
 height: var(--h);
 background-color: var(--primary);
 clip-path: polygon(0 0, calc(100% - var(--deg) * 1.73) 0, calc(100% - var(--deg) * 0.73 + 1px) calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, calc(100% - var(--deg) * 0.73) 100%, calc(100% - var(--deg) * 1.73 - 1px) 2px, 0 2px);
 }
.head h2::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid var(--primary);
 top: calc(var(--h) + var(--t));
 transform: translateY(-55%);
 }
.page_contact h2 {
 max-width: 72.7rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }

[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-right"] {
 transform: translate3d(-100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
div.head h2 {
 font-size: 22px;
 line-height: 1.3;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 --deg: 12px;
 --h: 16px;
 --t: -2px;
 }}
@media screen and (max-width: 768px){
div.head h2::before {
 right: calc(100% + 12px);
 }}
@media screen and (max-width: 768px){
div.head h2::after {
 right: calc(100% + 5px);
 }}
.head.white p {
 color: var(--text_w);
 }
.head.sm_p p {
 font-size: 2rem;
 line-height: 3.4rem;
 }
.head p {
 font-size: 2.2rem;
 line-height: 3.2rem;
 color: var(--text);
 }
.page_contact p {
 margin-top: 1.5rem;
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 768px){
div.head.sm_p p {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
div.head .desc, div.head p {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 margin-top: 12px;
 }}
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.btn {
 display: inline-grid;
 align-items: center;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 border-radius: 100px;
 background-color: var(--primary);
 border: 1px solid var(--primary);
 color: rgb(18, 30, 59);
 font-size: 1.8rem;
 font-weight: 500;
 line-height: 6.6rem;
 grid-template-columns: 1fr 4.8rem;
 padding: 0px 0.7rem 0px 3.4rem;
 gap: 1.8rem;
 min-width: 21.8rem;
 max-width: max-content;
 }
.btn::after {
 padding-bottom: 100%;
 border-radius: 50%;
 background: url("https://matismart.com//wp-content/plugins/sytech-fronteditor/sytpl/home_4/assets/img/arrow-r.svg") center center / 12.5% no-repeat rgb(255, 255, 255);
 transition: 0.3s, transform 0.4s;
 display: block;
 content: "";
 }
.btn:hover {
 background-color: transparent;
 color: var(--primary);
 }
.btn:hover::after {
 background-color: var(--primary);
 transform: scale(1.1);
 }
.page_contact .btn {
 margin-top: 1.7%;
 gap: 0.7rem;
 }
@media screen and (max-width: 768px){
.btn, .btn_line {
 font-size: 14px;
 line-height: 41px;
 padding: 0px 5px 0px 16px;
 grid-template-columns: 1fr 32px;
 min-width: 140px;
 gap: 10px;
 }}
@media screen and (max-width: 768px){
div.head .btn, div.head .btn_line {
 margin-top: 20px;
 padding: 0px 5px 0px 16px;
 min-width: 140px;
 gap: 10px;
 }}
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}




html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--circle:;
--h:;
--t:;
--primary:#9cd34f;
--text:#6d7077;
--swiper-wrapper-transition-timing-function,initial:;
--title:#0a162d;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.home_solutions {
 padding: 10.6rem 0px 12.4rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.home_solutions {
 padding: 50px 0px;
 }}
.content {
 max-width: 160rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1024px;
 }}
@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 (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
.home_solutions .flex .lt {
 flex: 1 1 0%;
 max-width: 83.3rem;
 }
@media screen and (max-width: 768px){
.home_solutions .flex .lt {
 max-width: unset;
 width: 100%;
 }}
.head {
 --circle: 0.7rem;
 }
@media screen and (max-width: 768px){
div.head {
 --circle: 5px;
 }}
h1, h2, h3, strong {
 font-weight: 500;
 }
.head strong {
 position: relative;
 font-size: 1.6rem;
 font-weight: 400;
 text-transform: uppercase;
 display: inline-block;
 border-bottom: 2px solid rgb(201, 231, 160);
 margin-bottom: 2.2rem;
 padding: 0px 0.9rem 0.4rem;
 --deg: 1.4rem;
 --h: 2.1rem;
 margin-left: 0.6rem;
 }
.head strong::before, .head strong::after {
 position: absolute;
 content: "";
 }
.head strong::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid rgb(201, 231, 160);
 right: 0px;
 bottom: 0px;
 transform: translate(100%, 50%);
 }
.head strong::before {
 width: 17.8rem;
 height: var(--h);
 background-image: linear-gradient(to left, rgb(201, 231, 160) 45.51%, transparent);
 right: calc(100% - 1px);
 bottom: -2px;
 clip-path: polygon(0 0, calc(100% - var(--deg)) 0, 100% calc(100% - 2px), calc(100% - 1px) 100%, calc(100% - var(--deg) - 1px) 2px, 0 2px);
 }
.home_solutions strong {
 margin-bottom: 1.9rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }

[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-right"] {
 transform: translate3d(-100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
div.head .subtitle, div.head strong {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 12px;
 word-spacing: unset;
 letter-spacing: 1px;
 padding: 0px 5px;
 --deg: 12px;
 --h: 16px;
 margin-left: 0px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle::before, div.head strong::before {
 width: 30px;
 }}
.head h2 {
 position: relative;
 font-size: 5rem;
 line-height: 6rem;
 --deg: 3.5rem;
 --h: 3.7rem;
 --t: -0.5rem;
 }
.head h2::before, .head h2::after {
 position: absolute;
 right: calc(100% + 2.55rem);
 content: "";
 top: var(--t);
 }
.head h2::before {
 right: calc(100% + 2.8rem + var(--circle));
 width: 100vw;
 height: var(--h);
 background-color: var(--primary);
 clip-path: polygon(0 0, calc(100% - var(--deg) * 1.73) 0, calc(100% - var(--deg) * 0.73 + 1px) calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, calc(100% - var(--deg) * 0.73) 100%, calc(100% - var(--deg) * 1.73 - 1px) 2px, 0 2px);
 }
.head h2::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid var(--primary);
 top: calc(var(--h) + var(--t));
 transform: translateY(-55%);
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 768px){
div.head h2 {
 font-size: 22px;
 line-height: 1.3;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 --deg: 12px;
 --h: 16px;
 --t: -2px;
 }}
@media screen and (max-width: 768px){
div.head h2::before {
 right: calc(100% + 12px);
 }}
@media screen and (max-width: 768px){
div.head h2::after {
 right: calc(100% + 5px);
 }}
.head h2 span {
 color: var(--primary);
 }
.head p {
 font-size: 2.2rem;
 line-height: 3.2rem;
 color: var(--text);
 }
.home_solutions p {
 margin-top: 2.5rem;
 }
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
 transition-delay: 0.2s;
 }
@media screen and (max-width: 768px){
div.head .desc, div.head p {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 margin-top: 12px;
 }}
.home_solutions .nav {
 margin-top: 6.3rem;
 }
@media screen and (max-width: 768px){
.home_solutions .nav {
 margin-top: 30px;
 }}
.home_solutions .nav .nav_list {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 2.1rem 1.921%;
 }
@media screen and (min-width: 769px) and (max-width: 1024px){
.home_solutions .nav .nav_list {
 grid-template-columns: repeat(3, 1fr);
 }}
@media screen and (max-width: 768px){
.home_solutions .nav .nav_list {
 grid-template-columns: repeat(3, 1fr);
 gap: 16px;
 }}
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.home_solutions .nav .nav_item {
 border-radius: 1.5rem;
 background-color: rgb(242, 243, 244);
 transition: 0.3s;
 position: relative;
 padding: 3.2rem 2rem 3.5rem;
 }
.home_solutions .nav .nav_item.active {
 background-color: rgb(255, 255, 255);
 }
.home_solutions .nav .nav_item.active::after {
 opacity: 1;
 }
.home_solutions .nav .nav_item::after {
 width: calc(100% - 4px);
 height: calc(100% - 4px);
 position: absolute;
 left: 0px;
 top: 0px;
 content: "";
 border-radius: 1.5rem;
 border: 2px solid var(--primary);
 transition: 0.3s;
 opacity: 0;
 pointer-events: none;
 }
@media screen and (max-width: 768px){
.home_solutions .nav .nav_item {
 border-radius: 10px;
 padding: 20px 10px;
 }}
@media screen and (max-width: 768px){
.home_solutions .nav .nav_item::after {
 border-radius: 10px;
 }}
.home_solutions .nav .icon {
 width: 9rem;
 height: 9rem;
 margin: 0px auto;
 }
@media screen and (max-width: 768px){
.home_solutions .nav .nav_item .icon {
 width: 50px;
 height: 50px;
 }}
.icon img {
 display: block;
 object-fit: contain;
 width: 100%;
 height: 100%;
 transition: 0.3s;
 }
.home_solutions .nav .title {
 font-size: 2rem;
 color: rgb(0, 0, 0);
 text-align: center;
 margin-top: 2.4rem;
 }
@media screen and (max-width: 768px){
.home_solutions .nav .nav_item .title {
 font-size: 14px;
 margin-top: 16px;
 }}
.btn_line {
 display: inline-grid;
 align-items: center;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 border-radius: 100px;
 background-color: transparent;
 border: 1px solid rgba(10, 22, 45, 0.4);
 color: rgb(18, 30, 59);
 font-size: 1.8rem;
 font-weight: 500;
 line-height: 6.6rem;
 grid-template-columns: 1fr 4.8rem;
 padding: 0px 0.7rem 0px 2.4rem;
 gap: 1rem;
 min-width: 22.3rem;
 max-width: max-content;
 }
.btn_line::after {
 padding-bottom: 100%;
 border-radius: 50%;
 background: url("https://matismart.com//wp-content/plugins/sytech-fronteditor/sytpl/home_5/assets/img/arrow-r.svg") no-repeat center / 12.5% var(--primary);
 transition: 0.3s, transform 0.4s;
 display: block;
 content: "";
 }
.btn_line:hover {
 background-color: var(--primary);
 border-color: var(--primary);
 }
.btn_line:hover::after {
 background-color: rgb(255, 255, 255);
 transform: scale(1.1);
 }

@media screen and (max-width: 768px){
.btn, .btn_line {
 font-size: 14px;
 line-height: 41px;
 padding: 0px 5px 0px 16px;
 grid-template-columns: 1fr 32px;
 min-width: 140px;
 gap: 10px;
 }}
@media screen and (max-width: 768px){
.home_solutions .btn_line {
 
 margin-top: 30px;
 }}
.home_solutions .flex .rt {
 width: 41.4375%;
 }
@media screen and (max-width: 576px){
.home_solutions .flex .rt {
 width: 100%;
 }}
.home_solutions .home_solutions_swiper {
 overflow: hidden;
 }
.swiper-horizontal {
 touch-action: pan-y;
 }
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform;
 transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
 box-sizing: content-box;
 }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li {
 list-style: none;
 }
li.swiper-slide {
 height: auto;
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform;
 display: block;
 }
.swiper-backface-hidden .swiper-slide {
 transform: translateZ(0px);
 backface-visibility: hidden;
 }
…
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--t:;
--circle:;
--primary:#9cd34f;
--h:;
--text:#6d7077;
--title:#0a162d;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.home_about {
 overflow: hidden;
 padding: 12.5rem 0px 14.3rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.home_about {
 padding: 50px 0px;
 }}
.content {
 max-width: 160rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1024px;
 }}
@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 (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_bottom {
 align-items: flex-end;
 }
.gap {
 gap: 3rem;
 }
.head {
 --circle: 0.7rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (max-width: 768px){
div.head {
 --circle: 5px;
 }}
h1, h2, h3, strong {
 font-weight: 500;
 }
.head h2 {
 position: relative;
 font-size: 5rem;
 line-height: 6rem;
 --deg: 3.5rem;
 --h: 3.7rem;
 --t: -0.5rem;
 }
.head h2::before, .head h2::after {
 position: absolute;
 right: calc(100% + 2.55rem);
 content: "";
 top: var(--t);
 }
.head h2::before {
 right: calc(100% + 2.8rem + var(--circle));
 width: 100vw;
 height: var(--h);
 background-color: var(--primary);
 clip-path: polygon(0 0, calc(100% - var(--deg) * 1.73) 0, calc(100% - var(--deg) * 0.73 + 1px) calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, calc(100% - var(--deg) * 0.73) 100%, calc(100% - var(--deg) * 1.73 - 1px) 2px, 0 2px);
 }
.head h2::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid var(--primary);
 top: calc(var(--h) + var(--t));
 transform: translateY(-55%);
 }
.home_about h2 {
 max-width: 62.8rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }

[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-right"] {
 transform: translate3d(-100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
div.head h2 {
 font-size: 22px;
 line-height: 1.3;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 --deg: 12px;
 --h: 16px;
 --t: -2px;
 }}
@media screen and (max-width: 768px){
div.head h2::before {
 right: calc(100% + 12px);
 }}
@media screen and (max-width: 768px){
div.head h2::after {
 right: calc(100% + 5px);
 }}
.head h2 span {
 color: var(--primary);
 }
.head strong {
 position: relative;
 font-size: 1.6rem;
 font-weight: 400;
 text-transform: uppercase;
 display: inline-block;
 border-bottom: 2px solid rgb(201, 231, 160);
 margin-bottom: 2.2rem;
 padding: 0px 0.9rem 0.4rem;
 --deg: 1.4rem;
 --h: 2.1rem;
 margin-left: 0.6rem;
 }
.head strong::before, .head strong::after {
 position: absolute;
 content: "";
 }
.head strong::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid rgb(201, 231, 160);
 right: 0px;
 bottom: 0px;
 transform: translate(100%, 50%);
 }
.head strong::before {
 width: 17.8rem;
 height: var(--h);
 background-image: linear-gradient(to left, rgb(201, 231, 160) 45.51%, transparent);
 right: calc(100% - 1px);
 bottom: -2px;
 clip-path: polygon(0 0, calc(100% - var(--deg)) 0, 100% calc(100% - 2px), calc(100% - 1px) 100%, calc(100% - var(--deg) - 1px) 2px, 0 2px);
 }
.head strong:has(i) {
 margin-left: auto;
 margin-right: 5.9rem;
 min-width: 11.3rem;
 text-align: center;
 }
.head strong:has(i)::after {
 right: unset;
 left: 0px;
 transform: translate(-100%, 50%);
 }
.head strong:has(i)::before {
 right: unset;
 left: 100%;
 transform: rotateY(180deg);
 width: 24rem;
 }
.home_about strong {
 margin-bottom: 1px;
 }
@media screen and (max-width: 768px){
div.head .subtitle, div.head strong {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 12px;
 word-spacing: unset;
 letter-spacing: 1px;
 padding: 0px 5px;
 --deg: 12px;
 --h: 16px;
 margin-left: 0px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle::before, div.head strong::before {
 width: 30px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle:has(i), div.head strong:has(i) {
 margin-right: 0px;
 min-width: 120px;
 margin-left: auto;
 }}
@media screen and (max-width: 768px){
div.head .subtitle:has(i)::before, div.head strong:has(i)::before {
 width: 30px;
 }}
i, em {
 font-style: normal;
 }
.head strong i {
 position: absolute;
 display: block;
 left: 116%;
 width: 100vw;
 height: calc(var(--h) * 0.43);
 bottom: -2px;
 background: url("https://matismart.com//wp-content/plugins/sytech-fronteditor/sytpl/home_7/assets/img/subtitle-mask.svg") left bottom / contain no-repeat;
 content: "";
 }
.home_about strong i {
 left: 112%;
 bottom: 2px;
 }
@media screen and (max-width: 768px){
div.head .subtitle i, div.head strong i {
 left: calc(100% + 5px);
 bottom: 0px;
 }}
.flex_middle {
 align-items: center;
 }
.home_about .main {
 margin-top: 5.3rem;
 }
@media screen and (max-width: 768px){
.home_about .main {
 margin-top: 30px;
 }}
.img.img_cv {
 overflow: hidden;
 }
.home_about .img {
 border-radius: 1.9rem;
 width: 53.1875%;
 height: auto;
 }
@media screen and (max-width: 768px){
.home_about .img {
 border-radius: 10px;
 }}
@media screen and (max-width: 576px){
.home_about .img {
 width: 100%;
 }}
.img.img_cv img {
 object-fit: cover;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.home_about .img:hover img {
 transform: scale(1.02);
 }
.home_about .img + .rt {
 max-width: 63.2rem;
 }
.home_about .rt {
 flex: 1 1 0%;
 padding-top: 2.1%;
 }
@media screen and (max-width: 768px){
.home_about .img + .rt {
 max-width: unset;
 }}
@media screen and (max-width: 768px){
.home_about .rt {
 width: 100%;
 padding: 0px;
 }}
.home_about .rt .desc {
 font-size: 2rem;
 line-height: 3.4rem;
 color: var(--text);
 }
@media screen and (max-width: 768px){
.home_about .rt .desc {
 font-size: 14px;
 line-height: 1.5;
 }}
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.btn_line {
 display: inline-grid;
 align-items: center;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 border-radius: 100px;
 background-color: transparent;
 border: 1px solid rgba(10, 22, 45, 0.4);
 color: rgb(18, 30, 59);
 font-size: 1.8rem;
 font-weight: 500;
 line-height: 6.6rem;
 grid-template-columns: 1fr 4.8rem;
 padding: 0px 0.7rem 0px 2.4rem;
 gap: 1rem;
 min-width: 22.3rem;
 max-width: max-content;
 }
.btn_line::after {
 padding-bottom: 100%;
 border-radius: 50%;
 background: url("https://matismart.com//wp-content/plugins/sytech-fronteditor/sytpl/home_7/assets/img/arrow-r.svg") no-repeat center / 12.5% var(--primary);
 transition: 0.3s, transform 0.4s;
 display: block;
 content: "";
 }
.btn_line:hover {
 background-color: var(--primary);
 border-color: var(--primary);
 }
.btn_line:hover::after {
 background-color: rgb(255, 255, 255);
 transform: scale(1.1);
 }
.home_about .rt .btn_line {
 margin-top: 4.8rem;
 min-width: 23.2rem;
 gap: 0.8rem;
 }
@media screen and (max-width: 768px){
.btn, .btn_line {
 font-size: 14px;
 line-height: 41px;
 padding: 0px 5px 0px 16px;
 grid-template-columns: 1fr 32px;
 min-width: 140px;
 gap: 10px;
 }}
@media screen and (max-width: 768px){
.home_about .rt .btn_line {
 min-width: 140px;
 gap: 10px;
 margin-top: 20px;
 }}
.home_about .rt .nums {
 margin-top: 9.2rem;
 }
@media screen and (max-width: 768px){
.home_about .rt .nums {
 margin-top: 30px;
 }}
.home_about .rt .nums ul {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 4.4rem 6.96%;
 }
@media screen and (max-width: 768px){
.home_about .rt .nums ul {
 gap: 20px 16px;
 }}
li {
 list-style: none;
 }
.home_about .rt .nums .wrap {
 font-size: 4.8rem;
 font-weight: 500;
 color: var(--primary);
 white-space: nowrap;
 }
@media screen and (max-width: 768px){
.home_about .rt .nums .wrap {
 font-size: 18px;
 }}
.home_about .rt .nums .wrap .num {
 font-size: 5.8rem;
 color: var(--title);
 margin-right: -0.7rem;
 }
@media screen and (max-width: 768px){
.home_about .rt .nums .wrap .num {
 font-size: 20px;
 margin-right: 0px;
 }}
.home_about .rt .nums .line {
 height: 1px;
 background-color: var(--title);
 opacity: 0.15;
 margin: 1.3rem 0px 2.3rem;
 }
@media screen and (max-width: 768px){
.home_about .rt .nums .line {
 margin: 10px 0px;
 }}
.home_about .rt .nums .label {
 font-size: 2rem;
 color: var(--text);
 }
@media screen and (max-width: 768px){
.home_about .rt .nums .label {
 font-size: 14px;
 }}
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--deg:;
--circle:;
--h:;
--t:;
--primary:#9cd34f;
--text:#6d7077;
--title:#0a162d;
--swiper-wrapper-transition-timing-function,initial:;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.sec_bg {
 position: relative;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
.sec_bg .mask_line {
 position: absolute;
 top: -1.1rem;
 width: 38.96%;
 height: 2.9rem;
 }
.sec_bg .mask_line::before {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0px;
 top: 0px;
 content: "";
 background-image: linear-gradient(to left, rgb(223, 235, 244), transparent);
 clip-path: polygon(0px 0px, 91% 0px, 100% calc(100% - 2px), calc(100% - 1px) 100%, calc(91% - 1px) 2px, 0px 2px);
 }
.sec_bg .mask_line::after {
 width: 0.9rem;
 height: 0.9rem;
 border-radius: 50%;
 background-color: rgb(223, 235, 244);
 position: absolute;
 right: 0px;
 bottom: 0px;
 content: "";
 transform: translate(50%, 32%);
 }
.sec_bg .mask_line2 {
 width: 74.7917%;
 left: 20.1562%;
 }
.sec_bg .mask_line2::before {
 background-image: linear-gradient(to right, rgb(223, 235, 244), transparent);
 clip-path: polygon(20.47% 0%, 25% calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, calc(25% - 1px) 100%, calc(20.47% - 1px) 2px, 0px 2px, 0px 0px);
 }
.sec_bg .mask_line2::after {
 right: unset;
 left: 0px;
 bottom: unset;
 top: 0px;
 transform: translate(-50%, -50%);
 }
@media screen and (max-width: 768px){
.sec_bg .mask_line, .sec_bg2 .mask_line, .sec_bg3 .mask_line {
 top: -10px;
 height: 10px;
 }}
@media screen and (max-width: 768px){
.sec_bg .mask_line::after, .sec_bg2 .mask_line::after, .sec_bg3 .mask_line::after {
 width: 7px;
 height: 7px;
 }}
.img_bg {
 position: relative;
 z-index: 2;
 }
.page_partners .inner {
 overflow: hidden;
 padding: 12.3rem 0px 15.1rem;
 position: relative;
 }
.page_partners .inner::after {
 width: 100%;
 height: 27.5rem;
 position: absolute;
 left: 0px;
 bottom: 0px;
 content: "";
 background-image: linear-gradient(to top, rgb(255, 255, 255) 16.7%, transparent 77.5%);
 pointer-events: none;
 }
.sec_bg .img_bg {
 --deg: 2.6rem;
 }
@media screen and (max-width: 768px){
.page_partners .inner {
 padding: 50px 0px;
 }}
@media screen and (max-width: 768px){
.sec_bg .img_bg, .sec_bg2 .img_bg, .sec_bg3 .img_bg {
 --deg: 10px;
 }}
.img_bg > img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: -1;
 pointer-events: none;
 }
.sec_bg .img_bg > img {
 clip-path: polygon(35.3125% 0, 38.65% var(--deg), 100% var(--deg), 100% 100%, 0 100%, 0 0);
 }
.content {
 max-width: 160rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1024px;
 }}
@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 (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.page_partners .mask_img {
 width: 63.875%;
 height: auto;
 position: absolute;
 left: 50%;
 top: 16%;
 transform: translateX(-50%);
 opacity: 0.85;
 pointer-events: none;
 }
.img.img_ct img {
 object-fit: contain;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_bottom {
 align-items: flex-end;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
.head {
 --circle: 0.7rem;
 }
@media screen and (max-width: 768px){
div.head {
 --circle: 5px;
 }}
h1, h2, h3, strong {
 font-weight: 500;
 }
.head strong {
 position: relative;
 font-size: 1.6rem;
 font-weight: 400;
 text-transform: uppercase;
 display: inline-block;
 border-bottom: 2px solid rgb(201, 231, 160);
 margin-bottom: 2.2rem;
 padding: 0px 0.9rem 0.4rem;
 --deg: 1.4rem;
 --h: 2.1rem;
 margin-left: 0.6rem;
 }
.head strong::before, .head strong::after {
 position: absolute;
 content: "";
 }
.head strong::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid rgb(201, 231, 160);
 right: 0px;
 bottom: 0px;
 transform: translate(100%, 50%);
 }
.head strong::before {
 width: 17.8rem;
 height: var(--h);
 background-image: linear-gradient(to left, rgb(201, 231, 160) 45.51%, transparent);
 right: calc(100% - 1px);
 bottom: -2px;
 clip-path: polygon(0 0, calc(100% - var(--deg)) 0, 100% calc(100% - 2px), calc(100% - 1px) 100%, calc(100% - var(--deg) - 1px) 2px, 0 2px);
 }
.page_partners strong {
 margin-bottom: 2.7rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }

[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-right"] {
 transform: translate3d(-100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
div.head .subtitle, div.head strong {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 12px;
 word-spacing: unset;
 letter-spacing: 1px;
 padding: 0px 5px;
 --deg: 12px;
 --h: 16px;
 margin-left: 0px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle::before, div.head strong::before {
 width: 30px;
 }}
.head h2 {
 position: relative;
 font-size: 5rem;
 line-height: 6rem;
 --deg: 3.5rem;
 --h: 3.7rem;
 --t: -0.5rem;
 }
.head h2::before, .head h2::after {
 position: absolute;
 right: calc(100% + 2.55rem);
 content: "";
 top: var(--t);
 }
.head h2::before {
 right: calc(100% + 2.8rem + var(--circle));
 width: 100vw;
 height: var(--h);
 background-color: var(--primary);
 clip-path: polygon(0 0, calc(100% - var(--deg) * 1.73) 0, calc(100% - var(--deg) * 0.73 + 1px) calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, calc(100% - var(--deg) * 0.73) 100%, calc(100% - var(--deg) * 1.73 - 1px) 2px, 0 2px);
 }
.head h2::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid var(--primary);
 top: calc(var(--h) + var(--t));
 transform: translateY(-55%);
 }
.page_partners h2 {
 max-width: 80rem;
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 768px){
div.head h2 {
 font-size: 22px;
 line-height: 1.3;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 --deg: 12px;
 --h: 16px;
 --t: -2px;
 }}
@media screen and (max-width: 768px){
div.head h2::before {
 right: calc(100% + 12px);
 }}
@media screen and (max-width: 768px){
div.head h2::after {
 right: calc(100% + 5px);
 }}
.head h2 span {
 color: var(--primary);
 }
.head p {
 font-size: 2.2rem;
 line-height: 3.2rem;
 color: var(--text);
 }
.page_partners p {
 margin-top: 2rem;
 }
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
 transition-delay: 0.2s;
 }
@media screen and (max-width: 768px){
div.head .desc, div.head p {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 margin-top: 12px;
 }}
.page_partners .num_box {
 min-width: 24.25%;
 border-left: 2px solid var(--primary);
 padding-left: 4.4rem;
 padding-bottom: 0.6rem;
 margin-bottom: 1.45%;
 }
@media screen and (max-width: 768px){
.page_partners .num_box {
 min-width: unset;
 padding-left: 20px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 }}
.page_partners .num_box .wrap {
 font-size: 5.8rem;
 font-weight: 500;
 color: var(--primary);
 white-space: nowrap;
 }
@media screen and (max-width: 768px){
.page_partners .num_box .wrap {
 font-size: 18px;
 }}
.page_partners .num_box .wrap .num {
 font-size: 7.2rem;
 color: var(--title);
 margin-right: -0.7rem;
 }
@media screen and (max-width: 768px){
.page_partners .num_box .wrap .num {
 font-size: 22px;
 margin-right: 0px;
 }}
.page_partners .num_box .label {
 font-size: 2rem;
 color: var(--text);
 margin-top: 1.3rem;
 }
@media screen and (max-width: 768px){
.page_partners .num_box .label {
 font-size: 14px;
 margin-top: 10px;
 }}
.page_partners .main {
 max-width: 192rem;
 margin: 10rem auto 0px;
 }
@media screen and (max-width: 768px){
.page_partners .main {
 margin-top: 30px;
 }}
.page_partners .page_partners_swiper {
 margin-top: 1.4rem;
 }
.swiper-horizontal {
 touch-action: pan-y;
 }
@media screen and (max-width: 768px){
.page_partners .main .page_partners_swiper {
 margin-top: 16px;
 }}
.page_partners .page_partners_swiper .swiper-wrapper {
 transition: linear;
 }
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform;
 transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
 box-sizing: content-box;
 }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li {
 list-style: none;
 }
li.swiper-slide {
 height: auto;
 }
.page_partners .page_partners_swiper .swiper-slide {
 max-width: 19.9rem;
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform;
 display: block;
 }
@media screen and (max-width: 768px){
.page_partners .main .page_partners_swiper .swiper-slide {
 max-width: 100px;
 }}
.img.img_ab {
 position: relative;
 }
.page_partners .page_partners_swiper .img {
 padding-bottom: 100%;
 background-color: rgb(255, 255, 255);
 border-radius: 50%;
 transition: 0.3s;
 }
.page_partners .page_partners_swiper .img:hover {
 transform: scale(1.1);
 }
.img.img_ab img {
 position: absolute;
 left: 0px;
 top: 0px;
 }
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
/*
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_template_vendor .tools_template_box{
  padding: 4rem 0px;
  text-align: center;
}

.tools_template_vendor .tools_template_box input{
  padding: .8rem 1rem;
  border-radius: 5px;
  min-width: 300px;
  border: 1px #ddd solid;
}

.tools_template_vendor .tools_template_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;
  }
}

html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--circle:;
--h:;
--t:;
--text:#6d7077;
--primary:#9cd34f;
--title:#0a162d;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.page_faqs {
 overflow: hidden;
 padding: 10.8rem 0px 15.8rem;
 }
.page_faqs {
 padding-bottom: 14.9rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
.content {
 max-width: 160rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1024px;
 }}
@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 (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_top {
 align-items: flex-start;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
.head {
 --circle: 0.7rem;
 }
.page_faqs .lt {
 width: 29.75%;
 }
@media screen and (max-width: 768px){
div.head {
 --circle: 5px;
 }}
h1, h2, h3, strong {
 font-weight: 500;
 }
.head strong {
 position: relative;
 font-size: 1.6rem;
 font-weight: 400;
 text-transform: uppercase;
 display: inline-block;
 border-bottom: 2px solid rgb(201, 231, 160);
 margin-bottom: 2.2rem;
 padding: 0px 0.9rem 0.4rem;
 --deg: 1.4rem;
 --h: 2.1rem;
 margin-left: 0.6rem;
 }
.head strong::before, .head strong::after {
 position: absolute;
 content: "";
 }
.head strong::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid rgb(201, 231, 160);
 right: 0px;
 bottom: 0px;
 transform: translate(100%, 50%);
 }
.head strong::before {
 width: 17.8rem;
 height: var(--h);
 background-image: linear-gradient(to left, rgb(201, 231, 160) 45.51%, transparent);
 right: calc(100% - 1px);
 bottom: -2px;
 clip-path: polygon(0 0, calc(100% - var(--deg)) 0, 100% calc(100% - 2px), calc(100% - 1px) 100%, calc(100% - var(--deg) - 1px) 2px, 0 2px);
 }
.head strong:has(i) {
 margin-left: auto;
 margin-right: 5.9rem;
 min-width: 11.3rem;
 text-align: center;
 }
.head strong:has(i)::after {
 right: unset;
 left: 0px;
 transform: translate(-100%, 50%);
 }
.head strong:has(i)::before {
 right: unset;
 left: 100%;
 transform: rotateY(180deg);
 width: 24rem;
 }
.page_faqs .lt strong {
 display: none;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }

[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-right"] {
 transform: translate3d(-100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
div.head .subtitle, div.head strong {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 12px;
 word-spacing: unset;
 letter-spacing: 1px;
 padding: 0px 5px;
 --deg: 12px;
 --h: 16px;
 margin-left: 0px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle::before, div.head strong::before {
 width: 30px;
 }}
@media screen and (max-width: 768px){
div.head .subtitle:has(i), div.head strong:has(i) {
 margin-right: 0px;
 min-width: 120px;
 margin-left: auto;
 }}
@media screen and (max-width: 768px){
div.head .subtitle:has(i)::before, div.head strong:has(i)::before {
 width: 30px;
 }}
i, em {
 font-style: normal;
 }
.head strong i {
 position: absolute;
 display: block;
 left: 116%;
 width: 100vw;
 height: calc(var(--h) * 0.43);
 bottom: -2px;
 background: url("https://matismart.com/wp-content/plugins/sytech-fronteditor/sytpl/solution_10/assets/img/subtitle-mask.svg") left bottom / contain no-repeat;
 content: "";
 }
@media screen and (max-width: 768px){
div.head .subtitle i, div.head strong i {
 left: calc(100% + 5px);
 bottom: 0px;
 }}
.head h2 {
 position: relative;
 font-size: 5rem;
 line-height: 6rem;
 --deg: 3.5rem;
 --h: 3.7rem;
 --t: -0.5rem;
 }
.head h2::before, .head h2::after {
 position: absolute;
 right: calc(100% + 2.55rem);
 content: "";
 top: var(--t);
 }
.head h2::before {
 right: calc(100% + 2.8rem + var(--circle));
 width: 100vw;
 height: var(--h);
 background-color: var(--primary);
 clip-path: polygon(0 0, calc(100% - var(--deg) * 1.73) 0, calc(100% - var(--deg) * 0.73 + 1px) calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, calc(100% - var(--deg) * 0.73) 100%, calc(100% - var(--deg) * 1.73 - 1px) 2px, 0 2px);
 }
.head h2::after {
 width: var(--circle);
 height: var(--circle);
 border-radius: 50%;
 border: 2px solid var(--primary);
 top: calc(var(--h) + var(--t));
 transform: translateY(-55%);
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 768px){
div.head h2 {
 font-size: 22px;
 line-height: 1.3;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 --deg: 12px;
 --h: 16px;
 --t: -2px;
 }}
@media screen and (max-width: 768px){
div.head h2::before {
 right: calc(100% + 12px);
 }}
@media screen and (max-width: 768px){
div.head h2::after {
 right: calc(100% + 5px);
 }}
.head p {
 font-size: 2.2rem;
 line-height: 3.2rem;
 color: var(--text);
 }
.page_faqs p {
 max-width: 41.2rem;
 margin-top: 3.7rem;
 }
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
 transition-delay: 0.2s;
 }
@media screen and (max-width: 768px){
div.head .desc, div.head p {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: unset;
 max-width: unset;
 word-spacing: unset;
 margin-top: 12px;
 }}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
 transition-delay: 0.3s;
 }
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.btn_line {
 display: inline-grid;
 align-items: center;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 border-radius: 100px;
 background-color: transparent;
 border: 1px solid rgba(10, 22, 45, 0.4);
 color: rgb(18, 30, 59);
 font-size: 1.8rem;
 font-weight: 500;
 line-height: 6.6rem;
 grid-template-columns: 1fr 4.8rem;
 padding: 0px 0.7rem 0px 2.4rem;
 gap: 1rem;
 min-width: 22.3rem;
 max-width: max-content;
 }
.btn_line::after {
 padding-bottom: 100%;
 border-radius: 50%;
 background: url("https://matismart.com/wp-content/plugins/sytech-fronteditor/sytpl/solution_10/assets/img/arrow-r.svg") no-repeat center / 12.5% var(--primary);
 transition: 0.3s, transform 0.4s;
 display: block;
 content: "";
 }
.btn_line:hover {
 background-color: var(--primary);
 border-color: var(--primary);
 }
.btn_line:hover::after {
 background-color: rgb(255, 255, 255);
 transform: scale(1.1);
 }
.page_faqs .btn_line {
 margin-top: 4.3rem;
 min-width: 23.2rem;
 }
@media screen and (max-width: 768px){
.btn, .btn_line {
 font-size: 14px;
 line-height: 41px;
 padding: 0px 5px 0px 16px;
 grid-template-columns: 1fr 32px;
 min-width: 140px;
 gap: 10px;
 }}
@media screen and (max-width: 768px){
div.head .btn, div.head .btn_line {
 margin-top: 20px;
 padding: 0px 5px 0px 16px;
 min-width: 140px;
 gap: 10px;
 }}
.page_faqs .rt {
 flex: 1 1 0%;
 max-width: 97.1rem;
 margin-top: 1.5rem;
 }
.page_faqs .rt strong {
 margin-bottom: 0px;
 }
.page_faqs .faqs {
 margin-top: 4rem;
 }
.page_faqs .faqs .faq_item {
 position: relative;
 z-index: 2;
 transition: 0.3s;
 border-radius: 1.6rem;
 background: url("https://matismart.com/wp-content/plugins/sytech-fronteditor/sytpl/solution_10/assets/img/faq-bg.png") center center / cover no-repeat;
 margin-bottom: 2rem;
 }
.page_faqs .faqs .faq_item::after {
 width: calc(100% - 4px);
 height: calc(100% - 4px);
 position: absolute;
 left: 0px;
 top: 0px;
 content: "";
 border-radius: 1.6rem;
 border: 2px solid var(--primary);
 transition: 0.3s;
 opacity: 0;
 pointer-events: none;
 background-color: rgb(255, 255, 255);
 z-index: -1;
 box-shadow: rgba(191, 211, 224, 0.45) 1.2rem 1.2rem 1.2rem;
 }
.page_faqs .faqs .faq_item.active {
 margin-bottom: 3.5rem;
 }
.page_faqs .faqs .faq_item.active::after {
 opacity: 1;
 }
.page_faqs .faqs .faq_item.active .question::after {
 transform: rotate(45deg);
 }
.page_faqs .faqs .question {
 display: grid;
 grid-template-columns: 1fr 1.8rem;
 align-items: center;
 font-size: 2.4rem;
 font-weight: 500;
 cursor: pointer;
 gap: 2rem;
 padding: 2.9rem 4.12% 3.3rem;
 }
.page_faqs .faqs .question::after {
 padding-bottom: 100%;
 display: block;
 content: "";
 background: url("https://matismart.com/wp-content/plugins/sytech-fronteditor/sytpl/solution_10/assets/img/add.svg") center center / contain no-repeat;
 transition: 0.3s;
 }
.page_faqs .faqs .faq_item:first-child .answer {
 display: block;
 }
.page_faqs .faqs .answer {
 display: none;
 font-size: 1.8rem;
 line-height: 3.2rem;
 opacity: 0.75;
 padding: 1.7rem 4.12% 4.3rem;
 }
.page_faqs .faqs .faq_item:last-child {
 margin-bottom: 0px;
 }
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}