.carousel-control-prev {
	width: 5%;
}
 .carousel-control-next {
	width: 5%;
}
.carousel-caption {
	/*bottom: 0px;
	top: 12rem;*/
	position: absolute; 
	top: 1.25rem; 
	
    /*top: 20%; */

}
.carousel-caption h3 {

	font-size: 35px;
	font-weight: 700;
	line-height: 43px;
	letter-spacing: 0em;
	text-align: center;
	background-color: rgba(1, 1, 1, .25);
	border-radius: 25px;
	padding: .5rem;
	

}
.carousel-caption a {

	/*margin-bottom: 5%;*/
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;

}

@media (max-width: 767px) {
	#multyCarousel .carousel-inner .carousel-item > div {
		display: none;
	}
	#multyCarousel .carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}

#multyCarousel .carousel-inner .carousel-item.active,
#multyCarousel .carousel-inner .carousel-item-next,
#multyCarousel .carousel-inner .carousel-item-prev {
	display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
	
	#multyCarousel .carousel-inner .carousel-item-end.active,
	#multyCarousel .carousel-inner .carousel-item-next {
	  transform: translateX(25%);
	}
	
	#multyCarousel .carousel-inner .carousel-item-start.active, 
	#multyCarousel.carousel-inner .carousel-item-prev {
	  transform: translateX(-25%);
	}
}

#multyCarousel .carousel-inner .carousel-item-end,
#multyCarousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.carousel.darkcontrols .carousel-control-prev-icon {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")!important;
}

.carousel.darkcontrols .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
}


.thing {
    padding: 1rem;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
      0 5px 15px 0 rgba(0,0,0,0.08);
    background-color: #ffffff;
    border-radius: 0.5rem;
    
    border-left: 0 solid #00ff99;
    transition: border-left 300ms ease-in-out, padding-left 300ms ease-in-out;
  }
  
  .thing:hover {
    padding-left: 0.5rem;
    border-left: 0.5rem solid #198754;
  }
  
  .thing > :first-child {
    margin-top: 0;
  }
  
  .thing > :last-child {
    margin-bottom: 0;
  }
  
  .heading {
    color: #fff;
  }
  
  .body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: #0099ff;
  }