/*--------------------------------------------------------------
                               Client
--------------------------------------------------------------*/

/*column*/
.iq-client-grid { list-style: none; padding: 0; border-top: 1px solid var(--border-color-light); border-right: 1px solid var(--border-color-light); margin: 0; float: left; width: 100%; }
.iq-client-grid li { border-left: 1px solid var(--border-color-light); border-bottom: 1px solid var(--border-color-light); padding: 15px; text-align: center; float: left; background: var(--white-color); }
.iq-client-col-6 li { width: 16.66% }
.iq-client-col-5 li { width: 20% }
.iq-client-col-4 li { width: 25% }
.iq-client-col-3 li { width: 33.33% }
.iq-client-col-2 li { width: 50% }
.iq-client .owl-carousel .owl-item img { width: auto; margin: 0 auto; }
.iq-client .iq-client-info h6 { margin-bottom: 10px; }
.iq-client .iq-client-info p { margin-bottom: 0; }
.iq-client.iq-has-shadow li:hover { -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; }
.iq-client.iq-has-grascale li img, .iq-client.iq-has-grascale .item img {opacity: 0.4; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.iq-client.iq-has-grascale li:hover img, .iq-client.iq-has-grascale .item:hover img {opacity: 1; -webkit-filter: none; filter: none; }
.iq-client-title {margin-bottom: 15px;}

/*style 5*/
.iq-client-style-5 .item .iq-client-img{
  display: flex;
  align-items: center;
  background: var(--global-body-lightcolor);
  padding: 20px;
  border-radius: var(--border-radius-ten);
} 

.iq-client-style-5 .iq-client-info h6{
  margin-bottom: 0;
}
/*remove*/
.iq-client-style-5 .owl-carousel .owl-item img{
  width: 36%;
 }


/*----------------------------------------
  Responsive
----------------------------------------*/
@media(max-width:992px){
    .iq-client-col-6 li, .iq-client-col-5 li, .iq-client-col-4 li { width: 50%; }
}

@media(max-width:767px){
    .iq-client-col-6 li, .iq-client-col-5 li, .iq-client-col-4 li, .iq-client-col-3 li, .iq-client-col-2 li { width: 100%; }
}