.time_slot {
  text-align: center;
  padding: 0 4px;
}

.large {
  width: 100%;
  margin: 2px 0;
}

.appointments {
  border: 1px solid #eee;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.12);
}

.appointment-wrapper span {
  display: none;
}

.appointment-input {
  display: none;
}

.appointments-arrows {
  width: 90%;
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin: 10px 30px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}

.sweet_loader {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: ro;
  transform-origin: 50% 50%;
  transform: rotate(0) translate(0, 0);
}

@keyframes ro {
  100% {
    transform: rotate(360deg) translate(0, 0);
  }
}