/* لو فيه dots */

 .landing .slick-dots{
  bottom: 35% !important;
  /* width: 102% !important; */
  z-index: 11;
}
.landing .slick-dots li{
  width: 10px !important;
}
.landing .slick-dots li.slick-active button:before{
  background: #FFFFFF;
  opacity: 1 !important;
}
 .landing .slick-dots li button:before{
  background: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  font-size: 0 !important;
  width: 10px !important;
  height: 10px !important;
  opacity: 1 !important;
}
.landing .slick-dots li button:hover,.about .slick-dots li button:hover{
  box-shadow: none !important;
}

.about .slick-dots{
  bottom: -25% !important;
  /* width: 102% !important; */
  z-index: 11;
}
.hr-place .slick-dots{
      bottom: -15% !important;
}
.about .slick-dots li,
.news .slick-dots li,
.hr-place .slick-dots li,
.partner  .slick-dots li{
  width: 10px !important;
}
.about .slick-dots li.slick-active button:before,
.news .slick-dots li.slick-active button:before,
.hr-place .slick-dots li.slick-active button:before,
.partner .slick-dots li.slick-active button:before{
  background: #B98A3E;
  opacity: 1 !important;
}
.about .slick-dots li button:before,
.news .slick-dots li button:before,
.hr-place .slick-dots li button:before,
.partner .slick-dots li button:before{
  background: transparent;
  border: 2px solid #B98A3E;
  border-radius: 50%;
  font-size: 0 !important;
  width: 10px !important;
  height: 10px !important;
  opacity: 1 !important;
}
.news .slick-dots{
  bottom: -5% !important;
}
.partner .slick-dots{
  bottom: -25% !important;
}


/* هنا ظبطت الاتجاه وحطيت السهم المستخدم */
.village .slick-prev,
.products .slick-prev{
    left: -3%;
    top: 50%;
    z-index: 4;
  }
  .village .slick-prev:before,
  .products .slick-prev:before{
    content: "" !important;
    background-image: url(../image/Line\ 26.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid ;
    border-image: linear-gradient(to bottom, #9E6F2A, #EABC7D) 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    transition: 0.3s all ease-in;
  }
  /* بدايه الهوفر وان اقلب السهم التاني */
  .village .slick-prev:hover:before,
  .products .slick-prev:hover:before{
    content: "" !important;
    background-image: url(../image/Line\ 26\ \(3\).png);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
  }
  /* ده عشان السهم ياخد باك جراوند */

  .village .slick-prev:hover:after,
  .products .slick-prev:hover:after{
    content: "" !important;
    position: absolute;
    background:  linear-gradient(to right, #9E6F2A, #EABC7D);
    width: 50px;
    height: 50px;
    left: -30px;
    top: 0px;
    z-index: -1;
  }
  
  /* بدايه السهم التالي مع نفس الكلام */
  .village .slick-next,
  .products .slick-next{
    top: 50%;
    right: -5%;
    z-index: 4;
  }
  .village .slick-next:before,
  .products .slick-next:before{
    content: "" !important;
    background-image: url(../image/Line\ 26\ \(2\).png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid ;
    border-image: linear-gradient(to bottom, #9E6F2A, #EABC7D) 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    transition: 0.3s all ease-in;
  }
  .village .slick-next:hover:before,
  .products .slick-next:hover:before{
    content: "" !important;
    background-image: url(../image/Line\ 26\ \(1\).png);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
  }
  .village .slick-next:hover:after,
  .products .slick-next:hover:after{
    content: "" !important;
    position: absolute;
    background:  linear-gradient(to right, #9E6F2A, #EABC7D);
    width: 50px;
    height: 50px;
    left: -30px;
    top: 0px;
    z-index: -1;
  }