.swiper-container {
      width: 95%;
      padding-top: 50px;
      padding-bottom: 75px;
}

.swiper-container1 {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1;

      width: 95%;
      padding-top: 25px;
      padding-bottom: 75px;
}

.swiper-slide {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;
      background: rgb(185, 184, 184);
}

.swiper-slide a {
      height: 100%;
}
.swiper-slide1 {
      width: 200px;
      height: 200px;
}

.swiper-slide-before {
      text-align: center;
      height: 10%;
      width: 100%;
      background: black;
}

.swiper-slide-before a {
      color : white;
}

.swiper-slide-after {
      margin: 0 auto;
      text-align: center;
      height: 10%;
      width: 100%;
      background: white;
}

.My-swiper-pagination-bullet {
      width: 16px;
      height: 16px;
      display: inline-block;
      border-radius: 100%;
      background: #F00;
      opacity: .2;
}

.My-swiper-pagination-bullet-active {
      width: 16px;
      height: 16px;
      display: inline-block;
      border-radius: 100%;
      background: green;
      opacity: .4;
}