.videoSliderContainer {
    width: 100%;
    height: 100%;
}
.wrapper{
    display: flex;
    width: 100%;
    height: 518px;
    position: relative;
  }
  .wrapper .carousel{
    width: 100%;
    font-size: 0px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
  }
  .carousel.dragging{
    cursor: grab;
    scroll-behavior: auto;
  }
  .carousel.dragging iframe{
    pointer-events: none;
  }
  .carousel iframe{
    height: 518px;
    object-fit: cover;
    user-select: none;

    width: calc(100% / 2.5);
  }
  .carousel img:first-child{
    margin-left: 0px;
  }

.videoSliderBox{
    width: 95%;
    display: flex;
    position: absolute;
    justify-content: flex-end;
    z-index: 99;
}
.videoSliderBox a:hover{
   text-decoration: none;
}
.prev{
    background: #008CBE;

    cursor: pointer;
    width: auto;
    padding: 28px 38px;
    color: white;
  
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  
    transition: 0.6s ease;
    user-select: none;
    
}
.next {
    background: #59D3FF;
    
    cursor: pointer;
    width: auto;
    padding: 28px 38px;
    color: white;
  
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  
    transition: 0.6s ease;
    user-select: none;
}

.videoImage{
    width: 100%;
}

  @media screen and (max-width: 900px) {
    .carousel iframe{
      width: calc(100% / 2);
    }
  }
  @media screen and (max-width: 550px) {
    .carousel iframe{
      width: 100%;
    }
    .videoSliderBox{
      width: 100%;
  }
  .prev{
    font-size: 20px;
    padding: 25px 26px;
  }
  .next {
    padding: 25px 26px;
    font-size: 20px;
  }
  }