.section.is-header {
    padding-top: 160px;
    background-color: #f0f0f0;
    background-image: url('../images/innerbanner.jpg');
    /* background-position: 30% 50%;
    background-size: 2530px; */
    background-size: cover;
    background-repeat: no-repeat;
}
.section.is-header img {
  position: absolute;
  left: 0;
  right: 0;
  margin: -10px auto auto;
  width: 100px;
}
.section.is-header h1 {
    font-size: 40px;
    line-height: 1.15;
    font-weight: 700;
    font-family: 'NotoSans-Bold';
    padding-bottom: 0px;
    letter-spacing: 1.5px;
    color: #fff;
    padding-top: 80px;
}
.pb-48 {
    padding-bottom: 48px;
}
.flex-container {
    display: flex;
    flex-wrap: nowrap;
}
  
.flex-container img {
    background-color: #f1f1f1;
    width: 100px;
    margin: 21px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
}
.clients-section-main {
  padding-top: 5px;
  padding-bottom: 60px;
}
.clients-section .Clients-logos .item {
    padding-top: 0px;
    height: 475px;
}
.clients-section {
    /* background: #f7f7f7; */
    /* padding-top: 50px;
    padding-bottom: 20px; */
    border-radius: 10px
}
.clients-section .Clients-logos img {
    width: 162px !important;
    filter: grayscale(100%);
    transition: .3s;
}
.clients-section .Clients-logos img:hover {
    filter: grayscale(0%);
    transform: scale(1.1);
    transition: .3s;
}
.clients-section .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 35px;
}
.clientImages {
    height: 100px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /* background-size: 85% !important; */
    background-size: contain !important;
    background: #fff;
    border-radius: 5px;
    position: relative;
    transition: 1s box-shadow;
    /* margin: 10px; */
    /* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); */
}


/* .clientImages:before, .clientImages:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #0db4c4, #177d7d, #10b48e,#3e7774, #0bd7fb, #20b6d0, #3e7774, #50989b,#248270, #30bfab);
	background-size: 400%;

	z-index: -1 !important;
	
}

.clientImages:hover:after {
  animation: steam 20s linear infinite;
  filter: blur(5px);
  width: calc(100% + 4px);
	height: calc(100% + 4px);
} */
@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.clientImages::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border-radius: 50%; */
  /* background: linear-gradient(45deg, #0db4c4, #177d7d, #10b48e,#3e7774, #0bd7fb, #20b6d0, #3e7774, #50989b,#248270, #30bfab); */
  transition: .5s;
  transform: scale(.9);
  z-index: -1;
}

.clientImages:hover::before {
  transform: scale(1.0);
  /* box-shadow: 0 0 15px #20b6d0; */
}



/* .clientImages:hover {
    box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
  }
  
  .clientImages:hover::before, .clientImages:hover::after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0db4c4;
    border-radius: 5px;
    z-index: -1;
    animation: 1s clockwise infinite;
  }
  
  .clientImages:hover:after {
    background: rgb(117, 117, 117);
    animation: 2s counterclockwise infinite;
  } */
  
  @keyframes clockwise {
    0% {
      top: -5px;
      left: 0;
    }
    12% {
      top: -2px;
      left: 2px;
    }
    25% {
      top: 0;
      left: 5px;    
    }
    37% {
      top: 2px;
      left: 2px;
    }
    50% {
      top: 5px;
      left: 0;    
    }
    62% {
      top: 2px;
      left: -2px;
    }
    75% {
      top: 0;
      left: -5px;
    }
    87% {
      top: -2px;
      left: -2px;
    }
    100% {
      top: -5px;
      left: 0;    
    }
  }
  
  @keyframes counterclockwise {
    0% {
      top: -5px;
      right: 0;
    }
    12% {
      top: -2px;
      right: 2px;
    }
    25% {
      top: 0;
      right: 5px;    
    }
    37% {
      top: 2px;
      right: 2px;
    }
    50% {
      top: 5px;
      right: 0;    
    }
    62% {
      top: 2px;
      right: -2px;
    }
    75% {
      top: 0;
      right: -5px;
    }
    87% {
      top: -2px;
      right: -2px;
    }
    100% {
      top: -5px;
      right: 0;    
    }
  }

  .about-section p {
    text-align: center;
    font-size: 16px !important;
  }

  @media (max-width: 600px) {
    .section.is-header {
      padding-top: 15px;
      padding-bottom: 30px;
    }
    .section.is-header img {
      width: 70px;
    }
    .pb-48 {
      padding-bottom: 0px;
    }
    .section.is-header h1 {
      padding-bottom: 0px;
      font-size: 31px;
    }
    .section-align-title-area p {
      font-size: 15px;
    }
    .clientImages:before, .clientImages:after { 
      background: transparent;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
      bottom: -3px !important;
    }
  }

.section.is-header.about-banner-img{
  padding-top: 160px;
    background-color: #f0f0f0;
    background-image: url('../images/banners/ABOUT.jpg') !important; 
    background-size: cover;
    background-repeat: no-repeat;
}

.section.is-header.client-banner-img{
  padding-top: 160px;
    background-color: #f0f0f0;
    background-image: url('../images/banners/CLIENTS.jpg') !important; 
    background-size: cover;
    background-repeat: no-repeat;
}
.section.is-header.gallery-banner-img{
   padding-top: 160px;
    background-color: #f0f0f0;
    background-image: url('../images/banners/GALLERY.jpg') !important; 
    background-size: cover;
    background-repeat: no-repeat;
}
.section.is-header.services-banner-img{
   padding-top: 160px;
    background-color: #f0f0f0;
    background-image: url('../images/banners/SERVICES.jpg') !important; 
    background-size: cover;
    background-repeat: no-repeat;
}