/* Colors */
:root {
  --rz-black: #121212;
  --rz-dark-gray: #5A5555;
  --rz-gray: #BBBDBC;
  --rz-light-gray: #ECECEC;
  --rz-dark-blue: #1B2352;
  --rz-blue: #185690;
  --rz-light-blue: #6795CA;
  --rz-yellow: #FBB800;
  --rz-orange: #EF7D00;
  --rz-white: #F5F5F5;
  --rx-red: #ED4146;
  --rz-logos: #D1DBE5;
}

/*#banner .container{
  max-width: 1140px;
}*/


/* Slider */
  .slick-slide {
    margin: 0px 20px;
  }
  
  .logo-carousel {
    overflow: inherit;
  }
  
  .slick-slide img {
    width: 100%;
  }
  
  .slick-track::before,
  .slick-track::after {
    display: table;
    content: '';
  }
  
  .slick-track::after {
    clear: both;
  }
  
  .slick-track {
    padding: 1rem 0;
  }
  
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide.slick-loading img {
    display: none;
  }
  
  .slick-slide.dragging img {
    pointer-events: none;
  }
  
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  
  .slick-arrow {
    position: absolute;
    top: 50%;
    background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
    color: var(--rz-dark-blue);
    border: none;
    width: 2rem;
    height: 1.5rem;
    text-indent: -10000px;
    margin-top: -16px;
    z-index: 99;
  }
  
  .slick-arrow.slick-next {
    right: -40px;
    transform: rotate(180deg);
  }
  
  .slick-arrow.slick-prev {
    left: -40px;
  }

  .slide{
    background-color: var(--rz-white);
    border-radius: 8px;
  }
  
  /* Media Queries */
  
  @media (max-width: 768px) {
    .slick-arrow {
      width: 2rem;
      height: 1rem;
    }

    #banner .container{
      max-width: 1140px;
    }

    .slick-arrow.slick-next {
      right: 0px;
      transform: rotate(180deg);
    }
    
    .slick-arrow.slick-prev {
      left: 0px;
    }
  }
  
 #banner {
      background-color: var(--rz-logos);
      padding: 20px 0;
    }
    
  .row {
    overflow: hidden;
  }  
  
  /* JsFiddle Example only/don't use */
  .logo-carousel {
    margin-top: 32px;
  }