/** Shopify CDN: Minification failed

Line 148:7 Unexpected "/"
Line 152:2 Unexpected "}"

**/

  .banner-box-item{
    position: relative;
  }
  .nbanner-box-item-img{
    font-size:0;
    margin-bottom: -1px;
  }
  .text-position{
    position: relative;
  }
  .banner-box-item-textbox{
    position: absolute;
    top:35%;
    left:0;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
  }
  .banner-box-item-textbox .h1,
  .banner-box-item-textbox .h33 {
    color:#fff !important;
    max-width:160rem;
  }
  .banner-box-item-textbox .h1{
    font-weight:600;
    margin-bottom:0;
  }
  .video_url{
    position: absolute;
    right: 6%;
    bottom: 6%;    
    max-width: 420px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #597fa8;
    border-radius: 10px;
    padding: 10px 10px 10px 30px;
    margin-top: 30px;
    z-index: 2;
  }
  .video_url_p{
    font-size: 18px;
    width: 40%;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  .video_url_box{
    position: relative;
    font-size: 0;
    width: 55%;
    overflow: hidden;
    border-radius: 10px;
  }
  .video_url_box_icon{
    position: absolute;
    font-size: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }  
  .fill-bottom-box{
    width:100%;
    height:210px;
  
  }
  .banner-box-item-textbox .h4{
    color:#fff;
  }
  .nbanner-box-item-img{
    position:relative;
  }
  .nbanner-box-item-img2::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
     
  }  
  .swiper-banner-box .mb-image{
    display:none;
  }
  @media screen and (max-width: 1024px) {
    .nbanner-box-item-img img{
      min-height:500px;
      object-fit: cover;
    }    
    .banner-box-item-textbox .h33{
      line-height: 20px;
    }    
  }
  @media screen and (max-width: 750px) {

    .fill-bottom-box:empty{
      display:block;
    }    
    .video_url_p{
      margin: 10px 0 0;
    }
    .video_url{
      width: 90%;
      display: flex;
      flex-direction: column-reverse;
      padding: 10px 10px 5px 10px;
      left: 50%;
      bottom:2%;
      right: unset;
      transform: translateX(-50%);
    }
    .video_url_box{
      width: 100%;
    }
    /* .banner-box-item-textbox{
      top: unset;
      bottom: 60px;
    } */
    .top-swiper-url{
      display:none;
    }
    .swiper-banner-box .mb-image{
      display:block;
    }
    .swiper-banner-box .pc-image{
      display:none;
    }
  }
  @media screen and (min-width: 1025px) {
    .banner-box-item .page-width{
      box-sizing: border-box;
    }
    /* .banner-box-item-textbox{
      /* width: 70%; */
    } */
    .banner-box-item-textbox .h33{
      line-height: 26px;
    }
  }
 