/* Slider */
 
 .slick-loading .slick-list {
     background: #fff center center no-repeat;
 }
 
 .slick-track {
     margin:0 auto;
 }
 /* Icons */
 /* Arrows */
 
 .slick-prev,
 .slick-next {
     font-size: 0;
     line-height: 0;
     position: absolute;
     top: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 40px;
     height: 40px;
     padding: 0;
     /* -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%); */
     cursor: pointer;
     color: #fff;
     border: none;
     outline: none;
     background: #303030;
     z-index: 9;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     border: 1px solid #303030;
 }
 
 .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus {
     color: #000;
     outline: none;
     background: #D8EDED;
     border: 1px solid #D8EDED;
 }
 
 .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before {
     opacity: 1;
     
 }
 
 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before {
     opacity: .25;
 }
 
 .slick-prev:before,
 .slick-next:before {
     font-family: 'fontawesome5s';
     font-size: 18px;
     line-height: 1;
     opacity: 1;
     color: inherit;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .slick-prev {
     left: 0;
 }
 
 [dir='rtl'] .slick-prev {
     right: 0;
     left: auto;
 }
 
 .slick-prev:before {
     content: '\f053';
 }
 
 [dir='rtl'] .slick-prev:before {
     content: '\f053';
 }
 
 .slick-next {
     right: 0;
 }
 
 [dir='rtl'] .slick-next {
     right: auto;
     left: 0;
 }
 
 .slick-next:before {
     content: '\f054';
 }
 
 [dir='rtl'] .slick-next:before {
     content: '\f061';
 }
 /* Dots */
 
 .slick-dotted.slick-slider {
     margin-bottom: 0px;
 }
 
 .slick-dots {
     position: relative;
     bottom: 0px;
     display: flex;
     width: 100%;
     padding: 0;
     margin: -40px 0px 30px;
     list-style: none;
     text-align: center;
     justify-content: center;
     align-items: center;
 }
 
 .slick-dots li {
     position: relative;
     display: flex;
     width: 16px;
     max-width: 16px;
     max-height: 16px;
     height: 16px;
     margin: 0px 5px;
     padding: 0;
     cursor: pointer;
     border-radius:50%;  background-color:rgba(90, 86, 86, 0); overflow: hidden;
     border:1px solid #fff;
     
 }
 
 .slick-dots li button {
    width: 16px;
    height: 16px;
     
    display: block;
    border-radius: 50%;
    background:transparent;
    opacity: 0;
    margin: 0px 0px;
    overflow: hidden;
    outline: none;
    position: relative;
    border:1px solid #fff;
    color: transparent;
    overflow: hidden;
 }


 
 
.slick-dots li:after{ content: "";   border-radius: 50%;  background-color:rgba(255,255,255,1); position: absolute; top:auto; bottom:0px; z-index: 2; display: block;  opacity:0}
.slick-dots li:before{ content: "";   border-radius: 50%;    position: absolute;  bottom:0px; top:auto; transform-origin:0 0; z-index: 3; left: 0;
    display: block; width: 16px; height: 16px;
     }
.slick-dots li.slick-active:before{background-color:#fff;animation-name:brand__progress-bar;animation-duration:2s;animation-timing-function:linear;}
.slick-dots li.slick-active:after{ opacity:1}
 
 
 @keyframes brand__progress-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}   

 
 
 .arrows-banner{
     left: 0;
     right: 0;
     top: auto;
     position: absolute;
     bottom: 0;
 }

 .newsarrows{ right: 30px; bottom: 50px;}
 .arrow-dots{display: flex;    justify-content: center;    align-items: center;  margin-bottom: 50px;}
.home-testimonials-list .arrow-dots{  justify-content: flex-end;    align-items: center;  margin-bottom: 0px;}

  .arrow-dots .slick-prev, .arrow-dots .slick-next{ position: relative; transform: none; width: 40px; height: 40px; background-color: rgba(0,0,0,0.8); color: #fff;  border-radius: 0; }
  .arrow-dots .slick-prev:before,  .arrow-dots .slick-next:before{ font-size: 34px; font-weight: normal;}
  .arrow-dots .slick-prev{ margin-right: 10px ;}
 @media all and (max-width: 992px) {
    .slick-dots li button{ width: 14px; height:14px;}

 
 }