.card-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.btnnext{
    position: absolute;
    right: 10%;
    font-size: 30px;
    background: #56aabd;
    border-radius: 50px;      
  padding: 0px 12px;
  padding-top: 2px;
    color: white;
    top: 40px;
    cursor: pointer;
}
.btnprev{
  position: absolute;
  left: 10%;
  font-size: 30px;
  background: #56aabd;
  border-radius: 50px;
  padding: 0px 12px;
  padding-top: 2px;
  color: white;
  top: 40px;
  cursor: pointer;
}
.boxstats{
    height: 160px;
    padding-top: 11px;
}
.statsiconlau{
width: 40px;
}
.statsicondic{
width: 121px;
}
.statsicon{
  width: 60px;
}
.logostat{
  width: 200px;
padding-bottom: 10px;
}
.strike{
  color: white;
  text-transform: uppercase;
  padding-bottom: 7px;
}
.veloc{
  color: white;
  text-transform: uppercase;
  font-size: 12px;
}
.btnreport{
    text-decoration: underline !important;
    color: #00abbf !important;
    font-size: 12px !important;
}
.w500{
  width: 500px;
}
.carousell{
  padding-bottom: 10px;
  margin: -15px !important;
  background-image: url('images/bgstats.png'); 
}
.card-carousel .my-card {
  box-shadow: 0px 8px 10px -4px;
  height: 11rem;
  width: 12rem;
  position: relative;
  z-index: 1;
  -webkit-transform: scale(0.8) translateY(0rem);
  transform: scale(0.8) translateY(0rem);
  opacity: 1;
  cursor: pointer;
  pointer-events: none;
  background: #000000;
  transition: 1s;
}

/*.card-carousel .my-card:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 100%;
  background-color: rgba(0,0,0,0.3);
  bottom: -5rem;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}*/

.card-carousel .my-card:nth-child(0):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(1):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(2):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(3):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(4):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(5):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(6):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(7):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(8):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(9):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}
.card-carousel .my-card:nth-child(10):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}
.card-carousel .my-card:nth-child(11):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}
.card-carousel .my-card.active {
  z-index: 3;
  -webkit-transform: scale(1) translateY(0) translateX(0);
  transform: scale(1) translateY(0) translateX(0);
  opacity: 1;
  pointer-events: auto;
  transition: 1s;
  background: #157590;
}

.card-carousel .my-card.prev, .card-carousel .my-card.next {
  z-index: 2;
  -webkit-transform: scale(0.8) translateY(0rem) translateX(0);
  transform: scale(0.8) translateY(0rem) translateX(0);
  opacity: 1;
  pointer-events: auto;
  transition: 1s;
}