/* ==================What we serve=====================*/

.latest_industry {
  padding: 50px 0 20px;
  background: #f7f7f7;
}
.section_heading {
  margin-bottom: 50px;
  position: relative;
}
.section_heading h2 {
  font-size: 28px;
  margin-bottom: 0;
  color: #1f2a3a;
  font-weight: 600;
}
.section_heading span {
  border-bottom: 1px solid #0cb4ce;
  z-index: 9;
  position: relative;
}
.section_heading strong {
  color: #0cb4ce;
  font-weight: 700;
}
.industry_list {
  margin: 0 -15px;
  padding: 0;
}
.industry_list li {
  float: left;
  width: 16.66%;
  padding: 0 15px 30px;
  list-style: none;
}
.industry_list li a {
  color: #666;
  font-size: 14px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 7.68px 0.32px rgb(155 147 147 / 20%);
  box-shadow: 0 0 7.68px 0.32px rgb(155 147 147 / 20%);
  text-align: center;
  display: block;
  padding: 25px 20px;
  text-transform: capitalize;
  position: relative;
  -webkit-transition: .4s ease all;
  transition: .4s ease all;
  top: 0;
  left: 0;
}
.industry_list li a span {
  display: block;
  font-size: 44px;
}
.industry_list li a:hover {
	background: #0cb4ce;
	-webkit-box-shadow: -20px -21px 13px 0 rgba(0, 0, 0, .1);
	box-shadow: -20px -21px 13px 0 rgba(0, 0, 0, .1);
	top: 10px;
	left: 10px;
	-webkit-transition: .4s ease all;
	transition: .4s ease all;
	color: #fff;
}

.industry_list:after {
	clear: both;
	display: block;
	content: "";
}

/*============media 479===================*/
@media (max-width: 479.98px){
.industry_list li {
    width: 50%;}
.section-content.row {
  display: table-cell;
  grid-template-columns: repeat(4, minmax(282px, 1fr));
  gap: 0.5em;
  margin: 1em;}
.aligncenter {
  padding-right: 5px;
  margin: 8px;
  padding-left: 4px;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: 6px;
  bottom: 7px;}
  .service-box.style3 .icon-bx-wraper {
    padding: 0px 0px 0px 0px !important;}
    .fit-ccard {
      width: 175px!important;}
      .icon_and_text .page_col_4 {
        width: 34.5%;
    }
 }
 /*==============media 792=================*/
@media (max-width: 792px){
  .industry_list li {
      width: 50%;}

  .section-content.row {
    display: table-cell;
    grid-template-columns: repeat(4, minmax(282px, 1fr));
    gap: 0.5em;
    margin: 1em;}

.aligncenter {
  padding-right: 5px;
  margin: 8px;
  padding-left: 4px;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: 6px;
  bottom: 7px;}
  .service-box.style3 .icon-bx-wraper {
    padding: 0px 0px 0px 0px !important;}
    .fit-ccard {
      width: 175px!important;}
      .icon_and_text .page_col_4 {
        width: 34.5%;
    }
  }

/*=============media 479==================*/