/** clients-section **/

.clients-section{
    position: relative;
    padding: 115px 0px;
  }
  
  .clients-section .clients-logo-box img{
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  
  .clients-section .clients-logo-box img:hover{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
  }
  
  .clients-section .clients-logo-box{
    position: relative;
    display: block;
  }
  
  .clients-section .clients-logo-box:before{
    position: absolute;
    content: '';
    background: #f3f3f3;
    width: 1px;
    height: 95px;
    top: 20px;
    right: -15px;
  }
  
  .clients-section .owl-theme .owl-dots .owl-dot span{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #d9d9e1;
    border-radius: 50%;
    margin: 0px 7px;
    cursor: pointer;
    transition: all 500ms ease;
  }


  /** clients-style-two **/

.clients-style-two{
  position: relative;
  padding: 60px 0px;
}

.clients-style-two .clients-logo-box img{
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.clients-style-two .clients-logo-box img:hover{
  opacity: 0.5;
}

.clients-style-two .clients-logo-box{
  position: relative;
  display: block;
}

.clients-style-two .clients-logo-box:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.5);
  width: 1px;
  height: 95px;
  top: 20px;
  right: -15px;
}