.scroll-down-button  {
        bottom: 25px;
        color: #3555ff;
        display: flex;
  justify-content: center;
        height: auto;
        left: 45%;
  right: auto;
        opacity: 1;
        padding: 0;
        position: absolute;
        width: 200px;
        z-index: 100;
  /*background: #333333;*/
}


.swiper-container {
    width: 100%;
  	height: 100vh;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  height: 100vh;
}

.bg-01 {
  background: blue;
}
.bg-02 {
  background: yellow;
}

.scroll-down-button {
    bottom: 25px;
    color: #3555ff;
    display: flex;
    justify-content: center;
    height: auto;
    left: 45%;
    right: auto;
    opacity: 1;
    padding: 0px!important;
    position: absolute;
    width: 30px!important;
    height: 20px!important;
    z-index: 100;
    /*background: #333333;*/
}
.scroll-up-button {
    bottom: 46px;
    color: #3555ff;
    display: flex;
    justify-content: center;
    height: auto;
    left: 45%;
    right: auto;
    opacity: 1;
    padding: 0px!important;
    position: absolute;
    width: 30px!important;
    height: 20px!important;
    z-index: 100;
    /*background: #333333;*/
}
.scroll-down-button i, .scroll-up-button i{
    font-size: 2em;
}