.slider{
  position: relative;
  overflow: hidden;
  height: 100vh;
  width:auto;
}
section#slideshow {
    margin-top: 80px;
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1.2);
  transition: all 2s ease-in-out;
}
.slide.current {
  opacity: 1;
  transform: scale(1);
}
.slide .content {
    position: absolute;
    bottom: 70px;
    left: -600px;
    opacity: 0;
    width: 600px;
    background-color: rgba(198, 122, 52, 0.8);
    color: #333;
    padding: 25px 30px;
}
.slide .content h1 {
    margin-bottom: 10px;
    color: #fff;
    font-family: 'JostBold';
    font-size: 45px;
    text-transform: capitalize;
}
.slide .content p {
    font-size: 18px;
    font-family: 'JostRegular';
    color: rgba(255, 255, 255, 0.8);
    text-transform: capitalize;
    letter-spacing: 0.03em;
    text-align: center;
}
.slide.current .content {
  opacity: 1;
  transform: translateX(600px);
  transition: all 1s ease-in-out 1s;
}
.buttons button#next {
  position: absolute;
  top: 50%;
  right: 15px;
}
.buttons button#prev {
  position: absolute;
  top: 50%;
  left: 15px;
}
.buttons button {
  border:2px solid #000;
  background-color: transparent;
  color:#000;
  cursor:pointer;
  padding:1px 6px;
  border-radius: 50%;
  outline: none;
}
.buttons button:hover {
  background-color: #000;
  color: #FFF;
}
@media(max-width: 500px) {
  .slide .content {bottom: -300px;left: 0;width: 100%}
  .slide.current .content {transform: translateY(-300px);}
}
/* Slider Images */
.slide:first-child {background: url('../image/banner/combo_desktop.png') no-repeat center center/cover;}
.slide:nth-child(2) {background: url('../image/banner/The_Story_-_Desktop-1.png') no-repeat center center/cover;}
.slide:nth-child(3) {background: url('../image/banner/discovery_set_4.png') no-repeat center center/cover;}
.slide:nth-child(4) {background: url('../image/banner/The_Story_-_Desktop.webp') no-repeat center center/cover;}
.slide:nth-child(5) {background: url('../image/banner/discovery_set_4.png') no-repeat center center/cover;}
.onoffswitch {visibility:hidden;position:absolute;top:10%;right:15px;width:75px;-webkit-user-select:none;}
.onoffswitch-checkbox {display:none;}
.onoffswitch-label {
    display:block; overflow: hidden; cursor: pointer;
    height:36px; padding: 0; line-height:36px;
    border:2px solid #E3E3E3; border-radius:36px;
    background-color:#FFFFFF;
    transition:background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 36px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 37px;
    border: 2px solid #E3E3E3; border-radius: 36px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {background-color: #E3E3E3;}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {border-color:#E3E3E3;}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {right:0px;}