.oem-des-box-banner{
  position:relative;
  .oem-des-box{
    display:flex;
    position: relative;
    z-index: 1;
    .oem-des-col{
      padding:10px;
    }
  }
  .oem-des-bottom{
    height:405px;margin-bottom: 0px;background:#ffffff;
    position:absolute;left:0;bottom:0;right:0;z-index:0;
  }
}
/* oem-video */
.oem-video-box-banner{
  .oem-video-box{
    position:relative;height:var(--pc-height);
    .oem-video-video{
      height: 100%;width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right:0;bottom:0;
      overflow: hidden;
      z-index: 0;
    }
    .oem-video-info{
      position: relative;width:30.427%;padding-top: 50px;
      .oem-video-img{margin-bottom:20px;width:136px;}
      .oem-video-html{margin-bottom:20px;font-size:20px;line-height:24px;}
      .oem-video-button{a{display:inline-block;}}
    }
  }
}
/* oem-built */

.oem-built-box-banner{
  position: relative;
  .oem-built-content{
    display:grid;grid-template-columns:33% 67%;
    position: relative;z-index:1;
    .oem-built-right{
      .oem-built-swiper{position:relative;padding:0 11rem;}
      #oemBuilt{
        --swiper-navgation-size:0;position:initial;
        .oem-built-right-content{
          display:block;overflow: hidden;
          .oem-built-right-title{position: absolute;bottom: 25px;left: 25px;color: #ffffff;font-size: 27px;font-weight: 400;line-height: 0.9em;letter-spacing: -0.1px;}
          .oem-built-right-line{height: 6px;background: #e30613;position: absolute;bottom: 0;left:0;right:0;}
          img{transition:all 0.4s;transform:scale(1);}
          &:hover{
            img{transform:scale(1.2);}
          }
        }
        .oem-built-pagination{
          bottom: -6rem;
          .swiper-pagination-bullet{
            width:10px;height:10px;background:#55595e;opacity:1;margin: 10px;
            &.swiper-pagination-bullet-active{
              background:#d02e25;
            }
          }
        }
      }
      .oem-built-prev::after,.oem-built-next::after{font-size: 22px;font-weight: 900;color:#97999c;}
    }
  }
  .oem-built-bottom{
    height:475px;margin-bottom: 0px;background:#ffffff;
    position:absolute;left:0;bottom:0;right:0;z-index:0;
  }
}
/* oem-img-text */
.oem-img-text-box-banner{
  .oem-img-text-box{
    display:grid;grid-template-columns:42.833% 57.167%;align-items: center;font-family: "termina", Sans-serif;
  }
}
/* oem-swiper */
.oem-swiper-box-banner{
  position: relative;
  .t4s-container{
    position: relative;
    .oem-swiper-content{width: 40%;position: absolute;bottom: -120px;right: 0;}
    .oem-swiper-text{
      .oem-swiper-text-header{font-family: "termina", Sans-serif;font-size: 30px;font-weight: 300;text-transform: capitalize;line-height: 1.1em;margin-bottom: 20px;}
      .oem-swiper-text-content{font-family: "Montserrat", Sans-serif;font-size: 18px;font-weight: 200;line-height: 1.4em;}
    }
    .oem-swiper{
      .oem-swiper-prev::after,.oem-swiper-next::after{font-size: 22px;font-weight: 900;color:#97999c;}
    }
    .oem-swiper-pagination{
      .swiper-pagination-bullet{
        width:5px;height:5px;background:#55595e;opacity:1;margin: 10px;
        &.swiper-pagination-bullet-active{
          background:#d02e25;
        }
      }
    }
  }
  .oem-swiper-header-container{
    width:50%;background-color: #E3E3E3;height:580px;position:absolute;top:-15%;left:0;right:0;
    .oem-swiper-header{position: relative;top: 0%;left: 32%;right: 0;}
  }
}
/* oem-video-text */
.oem-video-text-box-banner{
  .oem-video-text-box{
    display:grid;grid-template-columns:38.583% 61.417%;align-items: center;
    .oem-video-text-video{position: relative;top: -75px;}
  }
}
/* oem-product */
.oem-product-box-banner{
  .oem-product-box{
    display:grid;grid-template-columns: 5% 48.997% 45.667%;grid-gap:0px;
    .oem-product-left-line{border-style: solid;border-width: 0px 5px 0px 0px;border-color: #e30613;}
    .oem-product-header{
      position:relative;
      .oem-product-text{
        position:sticky;top:250px;display:grid;grid-template-columns:40px auto;padding:80px 25px 80px 0;
        .oem-product-text-triangle{
          background: #e30613;width: 30px;height:30px;clip-path:polygon(0 0,50% 50%,0 100%);
        }
      }
    }
    /* .oem-built-image{height:500px;} */
  }
}
@media(max-width:1024px){
  /* oem-video */
  .oem-video-box-banner{
    .oem-video-box{
      position:relative;height:var(--tablet-height);
    }
  }
}
@media(max-width:768px){
  /* oem-video */
  .oem-video-box-banner{
    .oem-video-box{
      position:relative;height:var(--mobile-height);
    }
  }
}