 
 
 .slick-loading .slick-list { background: #fff center center no-repeat; } 
 .slick-track { margin: auto; } 
 .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top:50%; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0,-50%); transform: translate(0, -50%); cursor: pointer;
   color: #D84148; border: none; outline: none; background:transparent; z-index: 9; border-radius: 50%; -webkit-border-radius: 50%;   
 } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: #D84148; outline: none; }
  .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: 'Font Awesome 6 Pro'; font-size: 26px; line-height: 1; opacity: .75; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
 } .slick-prev {  left: auto; } [dir='rtl'] .slick-prev { right: 0; left: auto; }
  .slick-prev:before { content: '\f104'; }
  [dir='rtl'] .slick-prev:before { content: '\f104'; } .slick-next { right: 0; } 
 [dir='rtl'] .slick-next { right: auto; left: 0; } 
 .slick-next:before { content: '\f105'; } [dir='rtl'] .slick-next:before { content: '\f105'; } 
  .slick-dotted.slick-slider { margin-bottom: 0px; } 
  .slick-dots {  bottom: 0px; display: block; width: 100%; padding: 0; margin:30px 0; list-style: none; text-align: center; }
  .slick-dots li { position: relative; display: inline-block; width: 40px; height: 4px; margin: 0 5px; padding: 0; cursor: pointer; } 
 .slick-dots li button { display: block; width: 100%; height: 4px; padding:0px 5px; cursor: pointer; border: 0; outline: none; color: transparent; border-radius: 0%;
 } .slick-dots li.slick-active button { background: #2B9DE5;} .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
  .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } 
 .slick-dots li button:before { font-family: 'Font Awesome 6 Pro'; font-size: 1rem; line-height: 20px; position: absolute; top: 0; left: 0; width: 24px; height: 24px; content: '\f111'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none;
 } .slick-dots li.slick-active button:before { opacity: .75; color: black; } 
 .arrow-dots { display: flex; justify-content: center; align-items: center; margin: 0; position: absolute; top: 0; left: 0; right: auto; display: flex; transform: none; text-align: center; justify-content: center; align-items: center; background: #fff; height: 100%; min-width: 180px;
 } .arrow-dots .slick-prev, .arrow-dots .slick-next { position: relative; top: auto; left: auto; right: auto; display: flex; transform: none; text-align: center; justify-content: center; align-items: center;
 } .arrow-dots .slick-dots { position: relative; left: auto; right: auto; display: flex; bottom: auto; width: auto; margin: 0px; padding: 0px; flex-direction: column; justify-content: center; align-items: center;
 } .arrow-dots.horizontal { position: relative; height: auto; margin: 20px 0px; justify-content: center; } 
 .arrow-dots.horizontal .slick-dots { flex-direction: row; } 
 .arrow-dots.horizontal .slick-prev:before { content: '\f104'; }
  .arrow-dots.horizontal .slick-next:before { content: '\f105'; }
   .more-record { order: 2; } 
 .arrow-dots .slick-prev { order: 3; }
  .arrow-dots .slick-dots { order: 5; } 
  .arrow-dots .slick-next { order: 6; } .arrow-dots .slick-dots li { margin: 8px; padding: 0px; height: auto; width: auto; } 
 .arrow-dots .slick-dots li.slick-active button { display: flex; justify-content: center; align-items: center; line-height: 1; background-color: #00457c;
 } .arrow-dots .slick-dots li button { margin: 0px; padding: 0px 5px; width: 60px; height:4px; border-radius: 0px; } 
 .arrow-dots .slick-prev:before, .arrow-dots .slick-next:before { display: flex; justify-content: center; align-items: center; width: 40px;
  font-weight: 300; color: #00457c; } @media all and (max-width: 992px) {
    .slick-dots li button{ width: 30px; height:9px; border-radius: 4px;}
   
 

  .slider-nav .slick-prev { left: 0px; top: 50%; 
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0, -50%);}
  .slider-nav .slick-next { right: 0px; top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0, -50%);}

    .slick-prev { left: -10px;}

    .slick-next { right: -10px;}
    .slick-prev:before, .slick-next:before{ font-size: 2.2rem; font-weight: bold;}


   #sliderteam .slick-prev, #sliderteam .slick-next{  top: 33%;  }
 }