.list-group-item {
  border: 0px !important;
}

.tarif {
  box-shadow: 0 0 0 #ccc;
  transition: box-shadow .5s;
}

.tarif:hover {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.tarif > .card-body {
  display: none;
}

.tarif > .card-body {
  position: absolute;
  background-color: white;
  top: 153px;
  z-index: 1000;
}

.tarif:hover > .card-body {
  display: block !important;
}

@media (min-midth: 0px) and (max-width: 575.98px) {
  .tarif > .card-body {
    top: 112px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .tarif > .card-body {
    top: 305px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .tarif > .card-body {
    top: 125px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .tarif > .card-body {
    top: 125px;
  }
}

@media (min-width: 1200px) {  }