.hero-area:before {
    content: '';
    background: rgba(0, 0, 0, 0.63);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.service-block{
    height: 100%;
}

.portfolio-block>.caption {
    position: absolute;
    padding: 8%;
    top: 50%;
    left: unset ;
    opacity: 0;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    z-index: 9;
    transition: all .2s ease-in-out;
    text-align: center;
}

    /* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #57cbcc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #3a8485;
}

.service-block{
    background: #242930;
    box-shadow: unset;
}

.funfacts-container{
    height: 100%;
}