*{
  margin: 0;
  padding: 0;
}
html{
  font-size: 14px;
}
#app{
  width: 100%;
  overflow-x: hidden;
  /* background-color: pink; */
}

img{
  display: block;
  width: 100%;
}

.boxx{
  position: relative;
}

.gif1{
  width: 65%;
  position: absolute;
  top: 31%;
  left: 17%;
}

.gif2{
  width: 65%;
  position: absolute;
  bottom: 10%;
  left: 17%;
}

.videoBox{
  width: 66%;
  position: relative;
  left: 50%;
  margin-left: -33%;
  top: -100px;
}

.videoBorder{
  margin: 10px;
}

.boxxx{
  margin: 5px;
  border: 5px solid #ff8f1f;
  border-radius: 6px;
}

.mobileVideo{
  position: relative;
  left: 50%;
  margin-left: -50%;
  margin-bottom: -4px;
}

.swiper-slide{
  width:100px;
  width:auto;
  padding: 0 5px;
}