.swiper-container {
      height: 200px;
      margin-top: -140px;
      padding-bottom: 30px;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
	  background: #ffffff;
      border-radius: 10px;
      padding: 20px;
	  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),0 2px 4px rgba(0, 0, 0, 0.05);
   }




   .matchbox img{
	   max-width: auto !important;
	   width: 80px !important;
   }

.iwithtext{
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	font-size: 14px !important;
}

.row .col .iwithtext .iwt-icon img:not([srcset]){
	width: 21px !important;
	margin-bottom: 0px !important;
}

.iwithtext .iwt-text{
	padding-left: 35px !important;
}


    .swiper-slide:hover {
	  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05),0 7px 15px rgba(0, 0, 0, 0.05);
	  transition: all 0.3s ease-in-out;
    }



.swiper-slide .carousel-league-logo{
	height: 100px !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.swiper-slide .carousel-league-name{
	color: #121212;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px !important;
}

.swiper-slide .carousel-league-seasondate{
	font-size: 13px;
	font-weight: 300;
	color: #8a8a8a;
}

.swiper-slide-active{
	z-index: 999999;
	  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05),0 7px 15px rgba(0, 0, 0, 0.05);
}

.current-slide{
      background: #3452ff;
      color: #ffffff !important;
	  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05),0 7px 15px rgba(0, 0, 0, 0.05);
}

.swiper-slide-active:hover{
	z-index: 999999;
	  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05),0 7px 15px rgba(0, 0, 0, 0.05);
}

.current-slide .carousel-league-name{
	padding-top: 10px;
	transition: all 0.3s ease-in-out;
	color: #ffffff !important;
}

.swiper-slide-active .carousel-league-name{
	padding-top: 10px;
	transition: all 0.3s ease-in-out;
}




.swiper-slide > .carousel-league-name > .passive-class-for-name{
	display: block;
	background: #ffffff;
	color: #3452ff;
	border-radius: 5px;
	padding:2px 8px;
	border: 2px solid #3452ff;
	height: auto;
	overflow: hidden;
	margin-bottom: 0px;
	transition: margin 0.3s ease-in-out, height 0.3s ease-in-out, padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.swiper-slide-active > .carousel-league-name > .passive-class-for-name{
	padding:4px 8px;
	margin-top: 15px;
	height: auto;
	transition: margin 0.3s ease-in-out, height 0.3s ease-in-out, padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.swiper-slide > .carousel-league-name > .active-class-for-name{
	display: block;
	background: #3452ff;
	color: #ffffff;
	border-radius: 5px;
	padding:0px 8px;
	height: 0px;
	overflow: hidden;
	margin-bottom: 0px;
	transition: margin 0.3s ease-in-out, height 0.3s ease-in-out, padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.swiper-slide-active > .carousel-league-name > .active-class-for-name{
	padding:4px 8px;
	margin-top: 15px;
	height: auto;
	transition: margin 0.3s ease-in-out, height 0.3s ease-in-out, padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.swiper-slide:hover > .carousel-league-name > .active-class-for-name{
	padding:4px 8px;
	margin-top: 15px;
	height: auto;
	transition: margin 0.3s ease-in-out, height 0.3s ease-in-out, padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}


.swiper-slide > .carousel-league-name > .mouse-wheel{
	opacity: 0;
	margin-bottom: -30px;
	transition: all 0.3s ease-in-out;
}

.swiper-slide-active > .carousel-league-name > .mouse-wheel{
	margin-bottom: 0px;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.swiper-slide:hover > .carousel-league-name > .mouse-wheel{
	margin-bottom: 0px;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 999px) and (min-width: 340px) {

    .swiper-container {
      margin-top: -130px;
      padding-bottom: 30px;
    }

 }