#banner-rightint2{position:relative;}
#banner-rightint2 .swiper-slide{overflow:hidden;aspect-ratio:2.23 / 1;}
#banner-rightint2 .swiper-slide video{width:100%;height:100%;object-fit:cover;}
#banner-rightint2 .swiper-slide img{height:100%;width:100%;object-fit:cover;}

#banner-rightint2 .swiper-pagination-bullet-active{background-color: var(--color-primary);}




#banner-rightint2 .container {
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: column;
    left: 8%;
    top: 25%;
    transform: translateY(-40%);
    z-index: 5;
    justify-content: center;
}


#banner-rightint2 .container .text{padding:28px 40px;border-radius:50px;text-align: left;}

#banner-rightint2 .container p{color: #fff;font-size:clamp(16px, 2.1vw, 40px);/*font-weight:bold;*/text-shadow: 1px 1px 2px #333;}
#banner-rightint2 .container p strong{font-size:clamp(20px, 2.5vw, 48px);}

#banner-rightint2 .container .new-p{font-size:clamp(16px, 2.50vw, 48px);font-weight:700;}


#banner-rightint2 .swiper-button-prev,
#banner-rightint2 .swiper-button-next {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 0;
  background:  var(--color-primary);
  margin-top: -24px;
  text-align: center;
  color: #fff
}

#banner-rightint2 .swiper-button-prev i,
#banner-rightint2 .swiper-button-next i {
  color: inherit;
  font-size: 24px;
  line-height: 48px
}


#banner-rightint2 .swiper-button-prev::after,
#banner-rightint2 .swiper-button-next::after {
  display: none;
}

#banner-rightint2 .swiper-button-prev:hover,
#banner-rightint2 .swiper-button-next:hover {
  background-color: var(--color-primary)
}




#banner-rightint2 .swiper-slide::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1; 
}



@media screen and (max-width:992px){

  #banner-rightint2 .container .text{
    padding: 20px 10px;
    width: 100%;
  }


}


@media(max-width:480px){
  #banner-rightint2 .container {
    left:5%;
  }
  #banner-rightint2 .swiper-button-prev, #banner-rightint2 .swiper-button-next {
    width: 25px;
    height: 25px;
  }
  #banner-rightint2 .swiper-button-prev i, #banner-rightint2 .swiper-button-next i {
    font-size: 15px;
    line-height: 25px;
  }
}




.loadbox {
  position:fixed;
  z-index:1000;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  display:flex;
  align-items:center;
  justify-content:center
}
.loadbox .f_img {
  display:flex;
  align-items:center
}
.loadbox .f_img .img {
  margin: 0 29px;
}
.loadbox .f_img .img img {
  width:100%
}
.loadbox .f_img .img1 {
  width: 210px;
  position:relative;
  left:40%;
  z-index:2;
  opacity:0;
  transition:opacity .4s linear,left .4s .4s linear
}
.loadbox .f_img .img2 {
  width: 354px;
  transition:all .4s .8s linear;
  opacity:0
}
.loadbox.on .f_img .img1 {
  left:0;
  opacity:1
}
.loadbox.on .f_img .img2 {
  opacity:1
}  


@media screen and (max-width: 1024px) {
    .loadbox .f_img .img1 {
        width: 160px;
    }
    .loadbox .f_img .img2 {
        width: 280px; 
    }
    .loadbox .f_img .img {
        margin: 0 20px; 
    }
}

@media screen and (max-width: 768px) {
    .loadbox .f_img .img1 {
        width: 120px;
    }
    .loadbox .f_img .img2 {
        width: 200px; 
    }
    .loadbox .f_img .img {
        margin: 0 10px; 
    }
    
    .loadbox .f_img .img1 {
        left: 30%; 
    }
    .loadbox.on .f_img .img1 {
        left: 0;
    }
}

@media screen and (max-width: 480px) {
    .loadbox .f_img .img1 {
        width: 90px;
    }
    .loadbox .f_img .img2 {
        width: 160px;
    }
    .loadbox .f_img .img {
        margin: 0 8px;
    }
}