* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.product_intro2 {
 padding: 84px 0px 96px;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.product_intro2 {
 padding: 3rem 0px;
 }}

@media screen and (min-width: 768px) and (max-width: 1440px){
.content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 1.2rem;
 }}
.flex {
 display: flex;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 1.25rem;
 }
@media screen and (max-width: 768px){
.product_intro2 .flex {
 display: grid;
 align-items: start;
 grid-template-columns: auto 1fr;
 gap: 1rem;
 }}
.product_intro2 .imgs {
 width: 46.5625%;
 border-radius: 6px;
 overflow: hidden;
 }
@media screen and (max-width: 768px){
.product_intro2 .imgs {
 width: 100%;
 }}
.product_intro2 .imgs > div {
 position: relative;
 aspect-ratio: 1 / 1;
 }
.img.img_cv {
 overflow: hidden;
 }
.product_intro2 .imgs .img {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 border-radius: 6px;
 transition: 0.3s;
 opacity: 0;
 pointer-events: none;
 }
.img.img_cv img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 transition: 0.5s;
 }
 
@media screen and (max-width: 768px){
.product_intro2 .product_intro2_swiper {
 width: 100%;
 margin: 0px;
 }}
ul {
 list-style: none;
 }
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform, -webkit-transform;
 box-sizing: content-box;
 }
.swiper-container-android .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li.swiper-slide {
 height: auto;
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform, -webkit-transform;
 }
.head_sm h2 {
 font-size: 42px;
 line-height: 3rem;
 font-weight: 700;
 letter-spacing: 2px;
 }
.fadeIn {
 animation-name: fadeIn;
 }
@media screen and (max-width: 768px){
.head_sm h2 {
 font-size: 20px;
 line-height: 1.5;
 letter-spacing: 0px;
 }}
.product_intro2 .product_intro2_swiper .head_sm .desc {
 font-size: 17px;
 line-height: 28px;
 font-weight: 300;
 margin-top: 28px;
 }
@media screen and (max-width: 768px){
.product_intro2 .product_intro2_swiper .head_sm .desc {
 margin-top: 10px;
 font-size: 0.9rem;
 line-height: 1.5rem;
 }}
.product_intro2 .control_box {
 width: 2rem;
 min-width: 2rem;
 margin-top: 2.1875%;
 }
@media screen and (max-width: 768px){
.product_intro2 .control_box {
 order: -1;
 grid-row: span 2;
 }}
.product_intro2 .control_box .swiper-pagination {
 gap: 10px;
 height: 448px;
 position: static;
 display: flex;
 align-items: center;
 flex-direction: column;
 }
.swiper-pagination {
 position: absolute;
 text-align: center;
 transition: opacity 0.3s;
 transform: translate3d(0px, 0px, 0px);
 z-index: 10;
 }
.product_intro2 .control_box .swiper-pagination .swiper-pagination-bullet {
 flex: 1 1 0%;
 width: 3px;
 border-radius: 100px;
 background-color: rgba(198, 205, 212, 0.67);
 pointer-events: all;
 overflow: hidden;
 transition: 0.3s;
 opacity: 1;
 }
.product_intro2 .control_box .swiper-pagination .swiper-pagination-bullet::before {
 display: none;
 }
.product_intro2 .control_box .swiper-pagination .swiper-pagination-bullet::after {
 content: "";
 display: block;
 width: 100%;
 height: 0px;
 border: none;
 opacity: 1;
 border-radius: 100px;
 transform: translate(0px);
 transition: none;
 background-color: var(--theme_color);
 }
.swiper-pagination-bullet {
 width: 8px;
 height: 8px;
 display: inline-block;
 border-radius: 100%;
 background: rgb(0, 0, 0);
 opacity: 0.2;
 }
.swiper-pagination-clickable .swiper-pagination-bullet {
 cursor: pointer;
 }
.product_intro2 .control_box .swiper-pagination .swiper-pagination-bullet-active::after {
 height: 100%;
 transition: 6s linear;
 }
.swiper-pagination-bullet-active {
 opacity: 1;
 background: var(--primary-color);
 }
.product_intro2 .control_box .btn_control {
 margin-top: 14px;
 width: 2rem;
 aspect-ratio: 1 / 1;
 border-radius: 50%;
 cursor: pointer;
 transition: 0.3s;
 background: url("https://vaseat.com/wp-content/plugins/sytech-fronteditor/sytpl/text-image-block/assets/img/btn-stop.svg") center center / contain no-repeat;
 }
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 color: var(--title_color);
 }
input[type="submit"], button {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }

 .product_intro2 .content>ul>li{
  display: flex;
  align-items: center;
  gap: 5%;

 }
 .product_intro2 ul li ol li{
  list-style: decimal;
  font-size: 17px;
  line-height: 1.5;margin-left:20px;
 }
 .product_intro2 ul li ol li + li{
  margin-top: 0.5rem;
 }
 .product_intro2 ul li:nth-of-type(2n){
  flex-direction: row-reverse;
 }
 .product_intro2 ul li + li{
  margin-top: 2rem;
 }
 .product_intro2 ul li p{
  font-size: 17px;
  line-height: 1.5;
  margin-top: 2rem;
 }
 .product_intro2 .content>ul>li .img{
  width: 50%;
  min-width: 50%;
  aspect-ratio: 1/0.8;
  overflow: hidden;
  border-radius: 8px;
 }
 .product_intro2 .content>ul>li .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
 }
 .product_intro2 .content>ul>li .img:hover img{
    transform: scale(1.1);
 }
 
@media screen and (max-width: 786px){
    
    .product_intro2 li{
        flex-direction: column;
        gap: 1rem;
    }
    .product_intro2 li .img{
        width: 100%;
    }
    .product_intro2 ul li p{
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-top: 1rem;
    }
    
    .product_intro2 ul li:nth-of-type(2n){
        flex-direction: column;
    }
}