.slick-arrow {
    position: absolute;
    width: 150px;
    top: 0;
    height: 100%;
    border: none;
    outline: none;
    background-color: rgba(255, 255, 255, 0);
    text-indent: -9999px;
    z-index: 9;
    cursor: pointer;
  }
  .slick-arrow:before {
    content: "";
    position: absolute;
    display: block;
    width: 42px;
    height: 42px;
    top: 50%;
    margin-top: -21px;
    -webkit-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
    -khtml-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
    -moz-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
    -ms-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
    -o-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
    transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  }
      .slick-arrow:after {
          content: "";
          position: absolute;
          display: block;
          height: 2px;
          width: 160px;
          top: 50%;
          background-color: rgb(255,255,255);
          -webkit-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
          -khtml-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
          -moz-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
          -ms-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
          -o-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
          transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
          opacity: 0;
      }
  .slick-arrow.slick-prev {
    left: 0;
  }
      .slick-arrow.slick-prev:before {
          border-top: 2px solid #fff;
          border-left: 2px solid #fff;
          left: 50px;
          -webkit-transform: rotate(-45deg);
          -khtml-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
      }
  .slick-arrow.slick-prev:after {
    left: 300px;
  }
  .slick-arrow.slick-prev:hover:before {
    left: 120px;
  }
  .slick-arrow.slick-prev:hover:after {
    left: 113px;
  
    opacity: 1;
    width: 80px;
  }
  .slick-arrow.slick-next {
    right: 0;
  }
      .slick-arrow.slick-next:before {
          border-bottom: 2px solid #fff;
          border-right: 2px solid #fff;
          right: 50px;
          -webkit-transform: rotate(-45deg);
          -khtml-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
      }
  .slick-arrow.slick-next:after {
    right: 300px;
  }
  .slick-arrow.slick-next:hover:before {
    right: 120px;
  }
  .slick-arrow.slick-next:hover:after {
    right: 113px;
    opacity: 1;
    width: 80px;
  }
  
  .slick-dots {
      padding: 0;
      margin: 0;
      width: 100%;
      position: absolute;
      bottom: 30px;
      text-align: center;
  }
  
      .slick-dots li {
          display: inline-block;
          vertical-align: middle;
          margin: 0 6px;
      }
  
          .slick-dots li.slick-active button {
              background-color: #9b6a62;
              height: 14px;
              width: 14px;
          }
  
              .slick-dots li.slick-active button:hover {
                  background-color: white;
              }
  
          .slick-dots li button {
              outline: none;
              display: block;
              width: 18px;
              height: 18px;
              border: 1px solid white;
              background-color: rgba(255, 255, 255, 0);
              text-indent: -9999px;
              border-radius: 50%;
              cursor: pointer;
              -webkit-transition: all, 0.2s, ease-in 1s ease-in-out;
              -khtml-transition: all, 0.2s, ease-in 1s ease-in-out;
              -moz-transition: all, 0.2s, ease-in 1s ease-in-out;
              -ms-transition: all, 0.2s, ease-in 1s ease-in-out;
              -o-transition: all, 0.2s, ease-in 1s ease-in-out;
              transition: all, 0.2s, ease-in 1s ease-in-out;
          }
  
              .slick-dots li button:hover {
                  background-color: rgba(255, 255, 255, 0.5);
              }
  
  @media all and (max-width:1024px) {
  
      .slick-arrow.slick-next {
          right: -4em;
      }
  
      .slick-arrow.slick-prev {
          left: -4em;
      }
      .slick-dots li button {
          
              width: 18px;
              height: 18px;
              -webkit-border-radius:150%!important;
              border-radius: 150%!important;
      
          }
      .slick-dots li.slick-active button {
              width: 18px;
              height: 18px;
              background-color: #9b6a62;
              transform:scale(0.8);
          }
  }