.main-carousel {
  display: block;
  width: 100%;
  height: calc(80vh - 50px);
  position: relative;
  overflow: hidden;
}

.main-carousel .carousel-items {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: .8s transform ease-in-out;
}

.main-carousel .carousel-item {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}

.main-carousel .carousel-item .item-description {
  font-size: 48px;
  color: black;
  font-family: 'bebas_neuebook';
  position: absolute;
  left: 10%;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.main-carousel .carousel-buttons {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 72px;
}

.main-carousel .carousel-button-prev,
.main-carousel .carousel-button-next,
.main-carousel .carousel-button-more {
  font-family: 'bebas_neuebook';
  border: none;
  outline: none !important;
  min-width: 72px;
  height: 84px;
  box-shadow: none;
  transition: .2s all ease-out;
}

.main-carousel .carousel-button-prev:hover,
.main-carousel .carousel-button-next:hover,
.main-carousel .carousel-button-more:hover {
  opacity: 0.8;
}

.main-carousel .carousel-button-prev {
  display: inline-block;
  background-color: white;
  background-image: url(../images/icons/arrow-left.png);
  background-position: center center;
  background-size: 8px;
  background-repeat: no-repeat;
  padding: 24px;
}

.main-carousel .carousel-button-next {
  display: inline-block;
  background-color: white;
  background-image: url(../images/icons/arrow-right.png);
  background-position: center center;
  background-size: 8px;
  background-repeat: no-repeat;
  padding: 24px;
}

.main-carousel .carousel-button-more {
  display: inline-block;
  background-color: #79a8a7;
  padding: 24px;
  font-size: 24px;
  color: white;
}