.other_grid_swiper {
  overflow: hidden;
}
.other_grid_swiper_inwrapper {
  width: 133.33%;
}
.other_grid_swiper .swiper-container {
  position: relative;
}
.other_grid_swiper .swiper {
  width: 100%;
  overflow: hidden;
  margin: auto; /*height: 300px;*/
}
.other_grid_swiper .swiper-container .swiper-button-prev {
  transform: rotate(270deg);
}
.other_grid_swiper .swiper-container .swiper-button-next {
  transform: rotate(90deg);
}
.other_grid_swiper .swiper-container .swiper-button-prev,
.other_grid_swiper .swiper-container .swiper-button-next {
  background-image: url(/20240725204101oe_/https://admission.cuhk.edu.hk/wp-content/themes/cuhk2023/assets/images/arrow_top.svg);
  width: 50px;
  height: 50px;
  background-size: 30px;
  background-color: rgb(255 255 255 / 50%);
  border-radius: 50px;
}
.other_grid_swiper .swiper-container .swiper-button-prev {
  left: 0%;
  margin-left: 50px;
}
.other_grid_swiper .swiper-container .swiper-button-next {
  right: 25%;
  margin-right: 50px;
}
/* .other_swiper .active-class >div{ width:60%;  margin-top: 98px;  transition: all 0.6s; }	 */
.other_grid_swiper .swiper-container .swiper-wrapper {
  align-items: end;
}
/* .swiper-slide-figure {  position:relative; height:350px;} */
.other_grid_swiper .swiper-slide-figure img {
  width: 100%;
}
.other_grid_swiper .swiper-slide-figure video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0px;
  top: 0px;
}
/* .swiper-slide-next .swiper-slide-figure  { height:450px; margin: 0 0 30px -150px; } */

.other_grid_swiper .video_wrapper {
  padding-bottom: 56.25%;
  position: relative;
}

.other_grid_swiper .swiper-container .swiper-slide {
  width: 700px;
}

.other_grid_swiper .swiper-container .swiper-slide .swiper-slide-figure {
  transform-origin: 50% 100%;
  -webkit-transition: all 1.2s ease 0s;
  transition: all 1.2s ease 0s;
  transform: scale(0.75);
}

.other_grid_swiper
  .swiper-container
  .swiper-slide.active-class
  .swiper-slide-figure,
.other_grid_swiper
  .swiper-container
  .swiper-slide.swiper-slide-duplicate-active
  .swiper-slide-figure {
  transform: scale(1);
}

@media (max-width: 767px) {
  .other_grid_swiper .swiper-container .swiper-slide {
    width: 300px;
  }
  .other_grid_swiper .swiper-container .swiper-button-prev,
  .other_grid_swiper .swiper-container .swiper-button-next {
    width: 35px;
    height: 35px;
    background-size: 20px;
  }
  .other_grid_swiper .swiper-container .swiper-button-prev {
    margin-left: 15px;
  }
  .other_grid_swiper .swiper-container .swiper-button-next {
    margin-right: 15px;
  }
}

/* 
@media(max-width:767px){
	
.swiper-container{padding:0;}
.swiper-slide { padding: 0 10px 0 0; }
.swiper-slide-figure{ height:100px;}
.swiper-slide-next .swiper-slide-figure { height: 160px; margin: 0 0 0 -70px; }
.swiper-container .swiper-button-next { right:20px; }	
.block_item.mt-0 {  margin-top: 15px;}
}


@media(min-width:768px) and (max-width:1023px){

.swiper-container .swiper-wrapper { align-items: end; }
.swiper-slide-figure{  height:200px;}
.swiper-slide-next .swiper-slide-figure  { height:250px; margin:0 0 30px -100px; }
.block_item.mt-0 { margin-top: 0;}
.play-button{width: 50px; height: 50px}
.play-button svg { width: 50px; height: 50px; }
}

@media(min-width:1024px) and (max-width:1199px){
.active-class >div{width:80%}	
.swiper-slide-figure{height:350px}
.swiper-slide-next .swiper-slide-figure{height:500px}
	
	
} */