.success-stories {
  padding: 70px 0;
  position: relative;
}
.success-stories .bg img {
  position: absolute;
}
.success-stories .bg img.bg-01 {
  top: 5%;
  right: 1%;
}
.success-stories .bg img.bg-02 {
  bottom: 3%;
  left: 1%;
}
.success-stories .title-h2 {
  margin-bottom: 50px;
}
.success-stories ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  zoom: 1;
  margin: 0 -15px;
  overflow: hidden;
}
.success-stories ul li {
  padding: 0 15px 30px;
  width: 33.333%;
  float: left;
}
.success-stories ul li .box {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #f5f5f5;
  display: block;
  color: #231815;
}
.success-stories ul li .box .pic {
  overflow: hidden;
  position: relative;
}
.success-stories ul li .box .pic:after {
  content: "";
  padding-top: 56.31768953%;
  display: block;
}
.success-stories ul li .box .pic img {
  width: 100%;
  -webkit-transition: 5s;
  transition: 5s;
  position: absolute;
}
.success-stories ul li .box .pic:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.success-stories ul li .box .text {
  padding: 20px;
}
.LANG-ar .success-stories ul li .box .text {
  text-align: right !important;
  direction: rtl;
  unicode-bidi: bidi-override;
}
.success-stories ul li .box .text .label {
  border: 1px solid #ed6d00;
  color: #ed6d00;
  font-size: 12px;
  display: inline-block;
  padding: 1px 10px 2px;
  border-radius: 50px;
}
.success-stories ul li .box .text .title {
  margin-top: 10px;
}
.success-stories ul li .box .text:hover {
  text-decoration: underline;
}
@media (max-width: 1200px) {
  .success-stories {
    padding: 60px 0;
    overflow: hidden;
  }
  .success-stories .bg img.bg-01 {
    top: 2%;
    right: 2%;
    width: 18px;
  }
  .success-stories .bg img.bg-02 {
    bottom: -2%;
    left: -3%;
  }
  .success-stories .title-h2 {
    margin-bottom: 30px;
  }
  .success-stories ul li {
    width: 33.33%;
  }
}
@media (max-width: 992px) {
  .success-stories {
    padding: 50px 0;
  }
  .success-stories .bg img.bg-01 {
    right: 2.5%;
    width: 16px;
  }
  .success-stories .bg img.bg-02 {
    bottom: -1%;
  }
  .success-stories .title-h2 {
    margin-bottom: 25px;
  }
  .success-stories ul li {
    width: 50%;
  }
}
@media (max-width: 750px) {
  .success-stories {
    padding: 50px 0;
  }
  .success-stories .bg img.bg-01 {
    top: 1%;
    right: 3.7%;
    width: 15px;
  }
  .success-stories .bg img.bg-02 {
    bottom: -1%;
    left: 3.5%;
    width: 72px;
  }
  .success-stories ul li {
    padding: 0 7px 15px;
  }
  .success-stories ul li .box .text {
    padding: 14px;
  }
  .success-stories ul li .box .text .title {
    font-size: 14px;
    line-height: 1.28;
  }
}