.slider-body {
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
  }

  .slider-body {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper {
    width: 740px;
    height: 520px;
  }

  .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
  }

  .swiper-slide:nth-child(1n) {
    /* background-color: rgb(206, 17, 17); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(2n) {
    /* background-color: rgb(0, 140, 255); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(3n) {
    /* background-color: rgb(10, 184, 111); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(4n) {
    /* background-color: rgb(211, 122, 7); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(5n) {
    /* background-color: rgb(118, 163, 12); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(6n) {
    /* background-color: rgb(180, 10, 47); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(7n) {
    /* background-color: rgb(35, 99, 19); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(8n) {
    /* background-color: rgb(0, 68, 255); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(9n) {
    /* background-color: rgb(218, 12, 218); */
    background-color: #1f2937;
  }

  .swiper-slide:nth-child(10n) {
    /* background-color: rgb(54, 94, 77); */
    background-color: #1f2937;
  }
  @media (max-width: 1023px){
    .swiper {
      width: 240px;
      height: 320px;
    }
  }