.swiper {
    width: 100%;
    height: 100%;
    margin: 20px 0;
  }

  .swiper-slide {
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 10px;
  }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .swiper4-controls{
      position: absolute;
      top: 5%;
      right: 0;
      width: 60px;
    }
    .swiper4-controls .swiper-button-next{
      width: auto;
      margin: 0;
      top: 0;
      right: 0px;
      display: flex;
      height: 30px;
      width: 30px;
      background: #5d78ff;
      border-radius: 0 20px 20px 0;
    }
    .swiper4-controls .swiper-button-prev{
      display: flex;
      right: 35px;
      left: auto;
      margin: 0;
      top: 0;
      height: 30px;
      width: 30px;
      background: #5d78ff;
      border-radius: 20px 0 0 20px;
    }
    .swiper4-controls .swiper-button-prev::after, .swiper4-controls .swiper-button-next::after{
      font-size: 15px;
      color: white;
    }