.swiper.my-swiper {
    width: 100% !important;
    max-width: 1300px !important;
	margin: 0px !important; 
}

.swiper-slide {
	position: relative !important;
    background: #f9f9f9 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1) !important;
 	text-align: center !important;
	height: 100% !important;
	transition: transform 0.3s !important;
	opacity: 0.4 !important;
	transform: scale(0.55) !important;
}

.slide-link {
  	display: block !important;
  	width: 100% !important;
  	height: 100% !important;
  	color: inherit !important;
  	text-decoration: none !important;
}

.swiper-slide-active {
  	opacity: 1 !important;
 	transform: scale(0.75) !important;
 	z-index: 10 !important;
  	box-shadow: 0px 5px 7px rgba(0,0,0,0.4) !important;
}

.swiper-slide img {
	border-radius: 10px !important;
    width: 80% !important;
    height: 80% !important;
	margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.swiper-slide h3 {
    font-size: 1.1rem !important;
    color: #222 !important;
}

.swiper-button-next,
.swiper-button-prev {
    background: rgba(255,255,255,0.3) !important;
	border-radius: 25% !important;
    box-shadow: 0 0 9px rgba(0,0,0,0.1) !important;
	padding: 25px !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #0C7DD5 !important;
    color: white !important;
}


.labelbox {
  	position: relative !important;
}

.testlabel {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	background-color: rgba(60, 167, 60, 0.7) !important;
 	color: white !important;
  	font-size: 18px !important;
 	padding: 2px 10px !important;
 	border-radius: 8px !important;
  	font-weight: bold !important;
 	box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
  	z-index: 20 !important; 
}

@media (max-width: 768px) {
	
	.swiper-slide {
		transform: scale(0.70) !important;
	}

  .swiper-slide img {
    	width: 70% !important;
    	height: 70% !important;
    	margin-top: 20px !important;
    	margin-bottom:10px !important;
  }

  .swiper-slide h3 {
  	  font-size: 0.9rem !important;
  }

  .swiper-button-next,
  .swiper-button-prev {
   		padding: 5px !important;
  }

@media (max-width: 480px) {
	
	.swiper-slide {
			transform: scale(0.70) !important;
		}
	
  .swiper-slide h3 {
    font-size: 0.9rem !important;
  }

  .swiper-button-next,
  .swiper-button-prev {
    padding: 5px !important;
  }