.swiper {
    width: 800px;
    height: 30rem;
    flex: 1;
  }
  
  .swiper-slide {
      display: flex;
      flex-direction: column;
  }
  .swiper-slide-content {
      flex-grow: 1;
  }
  
  .swiper-slide .card {
      height: 30rem;
      width: 20rem;
  }
  
  @media (max-width: 600px) {
  .swiper-slide .card {
      height: 30rem;
      width: 18rem;
  }
  }
  
  .widget-content {
      height: 100%!important;
      flex-wrap: wrap;
      display: flex;
  }
  
  .card-body.flex-grow-1 {
      padding: none;
  }
  
  .card.component_card_1 {
      background-color: #fff;
  }
  
  @media (max-width: 600px) {
    .swiper-slide {
      width: 100% !important;
    }
  }