/* لو فيه dots */
 .landing .slick-dots{
  bottom: 10% !important;
  /* width: 102% !important; */
  z-index: 11;
}
.landing .slick-dots li{
  width: 10px !important;
}
.landing .slick-dots li.slick-active button:before{
  background: #F5F4F1;
  opacity: 1 !important;
}
 .landing .slick-dots li button:before{
  background: transparent;
  border: 2px solid #F5F4F1;
  /* 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;
}






/* هنا ظبطت الاتجاه وحطيت السهم المستخدم */
.landing .slick-prev{
    left: 8%;
    top: 50%;
    z-index: 4;
  }
  .landing .slick-prev:before{
    content: "" !important;
    background-image: url(../image/Line\ 5.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #F5F4F1;
    /* 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;
  }
  /* بدايه الهوفر وان اقلب السهم التاني */
  /* .landing .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;
  } */
  /* ده عشان السهم ياخد باك جراوند */

  /* .landing .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;
  } */
  
  /* بدايه السهم التالي مع نفس الكلام */
  .landing .slick-next{
    top: 50%;
    right: 6%;
    z-index: 4;
  }
  .landing .slick-next:before{
    content: "" !important;
    background-image: url(../image/Line\ 5\ -\ Copy.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #F5F4F1 ;
    /* 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;
  }
  /* .landing .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;
  } */
  /* .landing .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;
  } */






  .review .slick-prev{
    left: 45%;
    top: 115%;
    z-index: 4;
  }
  .review .slick-prev:before{
    content: "" !important;
    background-image: url(../image/Line\ 5\ \(2\).png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #9B7F2E;
    /* 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;
  }

 

  .review .slick-next{
    top: 115%;
    right: 49%;
    z-index: 4;
  }
  .review .slick-next:before{
    content: "" !important;
    background-image: url(../image/Line\ 4.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #9B7F2E;
    /* 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;
  }