.carousel-container {
 width: 100%;
 margin: 0 auto;
 position: relative;
}



.inner-carousel {
 width: 100%;
 overflow: hidden;
}

.track {
 display: inline-flex;
 height: 100%;
 transition: transform 1.5s ease-in-out;
}

.card-container {
 flex-shrink: 0;
 padding-right: 10px;
}


.card {
 width: 100%;
 height: 100%;
 /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;*/

 border-radius: 10px;
}


.carousel-nav button {
 position: absolute;
 width: 25px;
 transform: translateY(-100%);
 background-color: white;
 height: 100%;
 outline: none;
 border: 1px solid rgba(0, 0, 0, 0.115);
  display: block;
 cursor: pointer;
}

.carousel-nav .carousel-prev {
 left: -30px;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
 border-left: none;

}


.carousel-nav .carousel-next {
 right: -30px;
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px;
  border-right: none;
 box-shadow: inset 5px 0px 5px -5px rgba(0, 0, 0, 0.45),0, 0, inset -5px 0px 5px -5px rgba(0, 0, 0, 0.45);
    
 }