.homeB4 .accServices-body .list .box {
    position: relative;
    overflow: hidden;
}

.homeB4 .accServices-body .list .box * {
    position: relative;
    z-index: 3;
    transition: .3s;
}

.homeB4 .accServices-body .list .box:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/grd_bg_1.png);
    background-repeat: repeat;
    opacity: 0;
    transition: .3s;
}

.homeB4 .accServices-body .list .box:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.05);
    opacity: 0;
    transition: .3s;
}

.homeB4 .accServices-body .list .box:hover:before,
.homeB4 .accServices-body .list .box:hover:after {
    opacity: 1;
}
.homeB4 .accServices-body .list .box:hover * {
    color: #000000;
    fill-opacity: .8;
}



.homeB6 .box .texture {
    position: relative;
    overflow: hidden;
    background-repeat: repeat;
    background-size: unset;
    background-position: unset;
}

.homeB6 .box .texture * {
    position: relative;
    z-index: 3;
    transition: .3s;
}

.homeB6 .box .texture:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/grd_bg_2.png);
    background-repeat: repeat;
    opacity: 0;
    transition: .3s;
}

.homeB6 .box .texture:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.05);
    opacity: 0;
    transition: .3s;
}

.homeB6 .box .texture:hover:before,
.homeB6 .box .texture:hover:after {
    opacity: 1;
}
.homeB6 .box .texture:hover * {
    color: #000000;
    fill-opacity: .8;
}