// Process
.process_1{
    position: relative;
    padding: 48px 0 40px;
    z-index: 99;
    @include media-query(992px) {
        padding: 48px 0 0px;
    }
    .process-box{
        @include media-query(992px) {
            margin-bottom: 50px;
        }
        p{
            margin-bottom: 0;
            padding-right: 5%;
        }
    }
}
.process_2{
    position: relative;
    z-index: 99;
    .process-box {
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        transition: all 0.2s linear;

        .hover-image {
            display: block;
            img{
                height: 100%;
            }
        }
        .hover-text {
            position: absolute;
            top: 0;
            width: 100%;  
            height: 100%;
            margin: 0 auto;
            opacity: 0;
            cursor: default;
            transition: opacity 0.3s linear;
            &:hover{
                opacity: 1;
            }
            .title{
                display: block;
            }
        }
        .text-bubble 
        {
            position: relative;
            box-sizing: border-box;
            height: 100%;
            background: $black-1;
            opacity: 0.95;
            transition: opacity 0.9s linear;
            margin: 0 auto;
            padding: 30% 20%;
            overflow: hidden;
            word-wrap: break-word;
            .title{
                @include short-query(767px , 992px) {
                    margin-bottom: 8px;
                }
            }
            p{
                @include short-query(767px , 992px) {
                    font-size: 12px;
                }
            }
            @include media-query(1599px) {
                padding: 28% 10%;
            }
            @include media-query(1399px) {
                padding: 16% 5%;
            }
            @include media-query(1199px) {
                padding: 9% 0%;
            }
            @include media-query(992px) {
                padding: 10% 8%;
            }
            @include media-query(830px) {
                padding: 3% 0%; 
            }
            @include media-query(767px) {
                padding: 28% 10%;
            }
            @include media-query(650px) {
                padding: 12% 8%;
            }
            @include media-query(492px) {
                padding: 30% 20%;
            }
            @media (max-width: 420px){
                padding: 23% 15%;
            }
            @media (max-width: 350px){
                padding: 15% 10%;
            }
        }
    }

}