body {height: 100vh; overflow-x: hidden; position: relative}
.button{position: absolute;padding: 10px;background-color: #fff;color: #cc0000;text-decoration: none;display: inline-block;border-radius: 15px;}
.vr-title {text-align: center;color: #fff;margin-top: 15px; margin-bottom: calc(100vh - 220px);}
.vr-title h3 {font-size: 1.2rem;margin-bottom: 0;}
.vr-title h5 {font-size: 13px;}
.gallery{overflow-y:visible;display: flex;justify-items: left;margin-bottom:0px;}
.gallery .img{position:relative;min-width:150px;margin-right:2px;overflow:hidden;transition: 0.2s all;border-radius:5px;border:1px solid #ccc;height:100px;display:flex;flex-direction: column;justify-content: space-between;}
.gallery .img img:hover{opacity:0.8;}
.gallery .img img{opacity:0.6;height:100%;object-fit: cover;}
.gallery .img span{font-weight: bold;z-index: 2;position: absolute;bottom:0;display: inline-block;width:100%;font-size:0.8rem;text-align: center;color:white;}
.gallery .img:hover {transform: scale(1.2);z-index: 222;}
.gallery .img:hover span {position: absolute;bottom: 20px;transition: 0.2s all;}
.action-slide{
    display:flex;
    align-items:center;
    justify-content: space-between;
   width: 95%;
   margin: auto;
}
.action-slide i{
    color: #fff;
    font-size: 2.5rem;
}
.action-slide i::before{
    background-color: #b8b8b8b5;
    border-radius:50%;
}
.gallery {
    overflow-x: visible;
}
.slick-track {
    display: flex !important;
}

.slick-prev.slick-arrow, .slick-next.slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    border: none;
}
.slick-prev.slick-arrow {
    left: -30px;
}

.slick-next.slick-arrow {
    right: -20px;
}
.slick-prev:before {
    font-size: 30px !important;
    color: #33FF33 !important;
    opacity: 1 !important;
}
.slick-next:before {
    font-size: 30px !important;
    color: #33FF33 !important;
    opacity: 1 !important;
}

#collapseOne {
    width: 68%;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    #collapseOne {
        width: 96%;
        margin: 0 auto;
    }

    .slick-prev.slick-arrow {
        left: 20px;
    }

    .slick-next.slick-arrow {
        right: 30px;
    }
}