html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper {
      width: 1911px;
      height: 400px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      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;
    }

    .swiper-slide img {
      display: flex;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .swiper-button-next{
        color: rgb(214, 14, 0);    
        width: 50px;
        height: 70px;
        border-radius: 10px;
        size: 25px;
    }

    .swiper-button-prev{
        color: rgb(214, 14, 0);
        width: 50px;
        height: 70px;
        border-radius: 10px;
        size: 25px;
    }

    .swiper-pagination{
        color: rgb(214, 14, 0);
    }

    @media (max-width: 1920px){
      .swiper{
        height: 508px;
      }
    }

    @media (max-width: 1366px){
      .swiper{
        width: 1362px;
        height: 500px;
      }
    }

    @media (max-width: 478px){
      .swiper{
        height: 183px;
        width: 479px;
      }
    }