html, body {
    position: relative;
    box-sizing: border-box;
    background: #f9f9f9;
  }

  body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
  }
  .caroussel{
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #f9f9f9;
    padding: 0 20px;
    position: relative !important;
  }
.swiper-pagination{
   position:absolute !important;
   bottom: 0;
}
  .swiper-container {
    width: 100%;
    height: 80%;
    background: #f9f9f9;
    margin-bottom: 20px;
  }
  .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{
    width: 60%;
    height: 90%;
  }
  .swiper-slide:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  }
.swiper-button-next,
.swiper-button-prev{
display: none !important;
}

.swiper-pagination-bullet-active{
     background: #9768D9 !important;
}