#view_showroom_sec_v8{display:block;}
#view_showroom_sec_v8 .service_section{position:relative;display:inline-block;width:100%;padding-top:0px;padding-bottom:0px;vertical-align:top;}
#view_showroom_sec_v8 .services_boxs{position:relative;display:inline-block;width:100%;vertical-align:top;    font-size: 0;}
#view_showroom_sec_v8 .col-left {
    width: 56.29%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

#view_showroom_sec_v8 .col-right {
    display: inline-block;
    position: relative;
    width: 43.6%;
    min-height: 628px;
}

#view_showroom_sec_v8 .service-box {
    position: relative;
    width: 100%;
    background-size: cover;
    min-height:628px;
}

#view_showroom_sec_v8 .service-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    min-height: 100px;
    padding-top: 15px;
    padding-bottom: 33px;
    padding-left: 38px;
    -webkit-transition: all .5s .25s linear;
    -o-transition: all .5s .25s linear;
    transition: all .5s .25s linear;
}

#view_showroom_sec_v8 .service-title h2 {
    font-size: 28px;
    font-family: poppinsbold;
    z-index: 2;
    position: relative;
    padding-left: 33px;
}

#view_showroom_sec_v8 .service-title h2:before {
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: -22px;
    z-index: -1;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    border-radius: 4px;
}

/* #view_showroom_sec_v8 .service-title.red h2:before{
    background-color: #c93e29;
} */


#view_showroom_sec_v8 .service-box2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    min-height: 329px;
    background-size: cover;
}

#view_showroom_sec_v8 .service-box3 {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 420px;
    z-index: 2;
    width: 54%;
    background: url(../../../assest/images/showroom_v8-3.jpg) no-repeat left top;
    background-size: cover;
}

#view_showroom_sec_v8 .service-box4 {
    position: absolute;
    right: 0;
    top: 0;
    min-height: 300px;
    width: 46%;
    background: url(../../../assest/images/showroom_v8-4.jpg) no-repeat left top;
    background-size: cover;
}

#view_showroom_sec_v8 .service-box2 img, #view_showroom_sec_v8 .service-box3 img, #view_showroom_sec_v8 .service-box4 img {
    height: 100%;
    object-fit: cover;
}
#view_showroom_sec_v8 .service-box img {
    object-fit: cover;
    height: 100%;
}

#view_showroom_sec_v8 .service-box3 .service-title {
    min-height: 120px;
}
#view_showroom_sec_v8 .service-box4 .service-title {
    min-height: 120px;
}

#view_showroom_sec_v8 .service-box a:before, #view_showroom_sec_v8 .service-box2 a:before, #view_showroom_sec_v8 .service-box3 a:before, #view_showroom_sec_v8 .service-box4 a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
} 
#view_showroom_sec_v8 .service-box a, #view_showroom_sec_v8 .service-box2 a, #view_showroom_sec_v8 .service-box3 a, #view_showroom_sec_v8 .service-box4 a {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

#view_showroom_sec_v8 .service-box a:hover:before, #view_showroom_sec_v8 .service-box2 a:hover:before, #view_showroom_sec_v8 .service-box3 a:hover:before, #view_showroom_sec_v8 .service-box4 a:hover:before {
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

#view_showroom_sec_v8 .service-box a img, #view_showroom_sec_v8 .service-box2 a img, #view_showroom_sec_v8 .service-box3 a img, #view_showroom_sec_v8 .service-box4 a img {
    opacity: 0.5;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
#view_showroom_sec_v8 .service-box a:hover img, #view_showroom_sec_v8 .service-box2 a:hover img, #view_showroom_sec_v8 .service-box3 a:hover img, #view_showroom_sec_v8 .service-box4 a:hover img {
    opacity: 1;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}


#view_showroom_sec_v8 .service-box a:hover .service-title h2:before, #view_showroom_sec_v8 .service-box2 a:hover .service-title h2:before, #view_showroom_sec_v8 .service-box3 a:hover .service-title h2:before, 
#view_showroom_sec_v8 .service-box4 a:hover .service-title h2:before {
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

#view_showroom_sec_v8 .service-box a:hover .service-title, #view_showroom_sec_v8 .service-box2 a:hover .service-title, #view_showroom_sec_v8 .service-box3 a:hover .service-title, 
#view_showroom_sec_v8 .service-box4 a:hover .service-title {
    transform: translate(10px, 0px);
    -webkit-transform: translate(10px, 0px);
    -webkit-transition: all .5s .25s linear;
    -o-transition: all .5s .25s linear;
    transition: all .5s .25s linear;
}