.swiper-container {
      width: 100%;
      height: 100%;
      background: #ADB7C9;
    }

    .swiper-slide {
      font-size: 18px;
      color: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px 60px;
    }

    .swiper-slide a{
    	text-decoration: none;
    }

	.swiper-slide:hover .image {
	  opacity: 0.3;
	}

	.swiper-slide:hover .middle {
	  opacity: 1;
	}

	.text {
	  background-color: #3B4658;
	  color: white;
	  font-size: 16px;
	  padding: 16px 32px;
	}

    .swiper-slide .title {
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      color: #FFFF;
    }

    .swiper-slide .subtitle {
      font-size: 15px;
      text-align: center;
      color: #ADB7C9;
    }