/*============================================================
* Template Name    : Heavy Construction - One Page Html Template
* Author           : Vishal Lad
* Version          : 1.0
* Created          : 25/July/2020;
* File Description : Main CSS file of the template
===========================================================*/

/*====================== TABLE 
    1.GOOGLE FONT
    2.BASIC
    3.COMMON
	4.TOPBAR
    5.NAVIGATION
    6.HOME
	7.GALLERY
    8.ABOUT 
    9.SERVICE
    10.TESTIMONIAL
	11.TEAM
    12.PROJECT
	13.BLOG
	14.SOLUTION
	15.CONTACT
    16.FOOTER
	17.SCROLL-TOP
    18.RESPONSIVE
 ========================*/




/*==========================  START SERVICE ============================*/
.service{
	background-color: #171E28;
}
.service .service-image {
    overflow: hidden;
    width: 100%;
	position: relative;
}
.service .service-image-box img {
    height: 100%;
}
.service .service-data:hover .service-image-box img {
    transform: scale(1.2);
}
.service .service-desc {
    background-color: #da970b;
    padding: 20px 10px;
	color: #000000;
	position: relative;
    overflow: hidden;
    z-index: 0;
}
.service .service-desc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.15);
    height: 180px;
    width: 180px;
    z-index: -1;
    transform: rotate(45deg);
    border-radius: 26%;
}
.service h2 {
    color: #fff;
}
.service .service-desc p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
}
/*==========================  END SERVICE ============================*/