/**/
.industrypage-sec { width: 100%; background: #ffffff; padding: 80px 0; }
.industry-col {width: 100%;display: block;  margin: 30px 0; } 
.industry-box { width: 100%; overflow: hidden; position: relative; z-index: 2; border-radius: 5px; } 
.industry-box .img-fluid { width: 100%; } 
.industrybgcolor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: transparent linear-gradient(341deg, #18733A 0%, #0C3A1D 100%) 0% 0% no-repeat; mix-blend-mode: multiply; opacity: 0; transition: all .5s; } 
.industry-hover h3 { font-size: 35px; font-weight: 500; color: #fff; position: absolute; top: 0; left: 0; padding: 30px 30px; margin: 0; z-index: 2; opacity: 0; transition: all .5s; max-width: 350px; } 
.industry-col h4 { font-size: 20px; color:#4F4F4F; font-weight:500; margin:0; padding: 15px 0 0; }
.industry-col:hover .industrybgcolor { opacity: 1; }
.industry-col:hover .industry-hover h3 { opacity: 1; }

.industrytouch-col { margin: 30px 0; text-align: right; }
.industrytouch-col h4 { font-size: 23.2px; font-weight: 700; color: #242B27; margin: 0 0 30px; text-align: left; }


/*-------------------------------- Responsive Media Query --------------------------------*/
@media (min-width: 1200px){
.industry-col, .industrytouch-col{ max-width: 370px; margin: 7% auto; }

}

@media (min-width: 1600px){
.industry-hover h3 { font-size: 35px; }
.industrytouch-col h4 { font-size: 24px; }

}

@media (max-width: 767px){
.industrypage-sec { padding: 60px 0; }
.industry-col { margin: 10px 0 30px; }
.industrytouch-col { margin: 30px 0 0; text-align: left; }
.industry-hover h3 { font-size: 24px; }

}