.single-service-text {
  font-size: 18px;
}

.banner {
	height: 550px;
	position: relative;
	z-index: 1;
	color: #fff;
	margin-top: -60px;
  /* background: #eee center / cover no-repeat url(https://img1.wsimg.com/isteam/ip/b692b017-efd1-4417-a126-fe62e8169409/shipping-coal.jpg/:/rs=w:814px,h:407px,cg:true,m/cr=w:814px,h:407px); */
  background-image: linear-gradient(rgb(0 8 254 / 11%),rgba(180, 192, 180, 0.048)),url(https://img1.wsimg.com/isteam/ip/b692b017-efd1-4417-a126-fe62e8169409/shipping-coal.jpg/:/rs=w:814px,h:407px,cg:true,m/cr=w:814px,h:407px);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
}

.banner::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.6);
}

 h1{
    position: unset;
}

.resource-section {
  background-color: #07447a;
  color: #fff;
  
}

.resource-section .resource-list a{
  text-decoration: none;
  color: #fff;
  transition: 0.3s;
}


.resource-section .resource-list a:hover{
  color: #ccc;
  
}

.related-services .single-related-service{
  position: relative;
  overflow: hidden;
  z-index:2
}

.related-services .single-related-service img{
  transition: 0.4s;
}

.related-services .single-related-service:hover img{
  transform: scale(1.2)
}

.related-services .single-related-service:hover .service-title{
  left:30px;
}

.related-services .single-related-service:before {
  content: "";
position: absolute;
top: 0;
left: 0;
  z-index: 1;
width: 100%;
height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.related-services .single-related-service .service-title{
  position: absolute;
  bottom: 10px;
  left:20px;
  color:#fff;
  z-index: 2;
  transition: 0.3s;
  font-size: 1.5rem;
}
.banner-title {
  z-index: 99;
  margin-top: 110px;
}
.service-card{
    border-bottom: 1px solid #063573;
}