/** clients-section **/


.clients-section{
  position: relative;
}

.clients-section .clients-logo{
  position: relative;
  display: block;
  background: rgba(255, 255, 255, 0.05);
  /* background: #0d0d0d; */
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding:  12px;
  border-radius: 10px;
  overflow: hidden;
}

.clients-section .clients-logo img{
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
  transition: all 2s ease;
  /* padding: 16px; */
  /* height: 100%; */
  /* filter: grayscale(1); */
}
/* .clients-section .clients-logo:hover img{
  filter: grayscale(0)!important;
} */

.clients-section .clients-logo:hover img{
  transform: scale(1.25);
}


.clients-logo-s{
  position: relative;
}
.clients-logo-s{
  content:"";
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #ffffff36 300px, #ffffff36 calc(100vw - 300px), transparent 100%);
   mask-image: linear-gradient(90deg, transparent 0%, #ffffff70 300px, #ffffff70 calc(100vw - 300px), transparent 100%);
  width: 100%; 
  background-color: #26262626; 
  position: relative; 
  margin-top: -20px; 
  overflow: hidden;
}

figure.clients-logo.customer-logo{
  width: 168px;
  /* border-radius: 0px !important; */
  float: left;
  height: 100px;
  margin: 10px;
  background: #0d0d0d; 
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}


figure.clients-logo:nth-child(11) {
 margin-left:30px;
}

/** rtl-css **/




/** responsive-css **/

@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 991px){

}

@media only screen and (max-width: 767px){
  .clients-section{
    padding: 30px 0px 70px 0px;
  }

  .clients-section.home-3{
    padding: 70px 0px;
  }

  .clients-section.home-6{
    padding: 0px;
  }
}

@media only screen and (max-width: 599px){
  
}

@media only screen and (max-width: 499px){
  
}