.page-wrapper * {
  box-sizing: border-box;
}

h1 {
  font-size: 50px;
}

.page-wrapper .content-wrap {
  max-width: 1170px;
}

.flex-wrap {
  display: flex;
  align-items: center;
}

.flex-item {
  width: 50%;
  position: relative
}

.banner-wrap {
  padding: 140px 0 0;
}

h1,
h2,
h3,
h4 {
  font-family: var(--zf-secondary-bold);
}

.banner-wrap .flex-wrap {
  align-items: flex-start;
}

.banner-wrap .flex-item:first-child {
  width: 55%;
  padding-right: 50px;
  top: -60px;
}

.banner-wrap .flex-item:nth-child(2) {
  width: 50%;
}

.title-desc {
  color: #084bc5;
  background: #e9f7fc;
  font-family: var(--zf-secondary-regular);
  display: inline-block;
  padding: 15px 30px;
  border-radius: 30px;
}

.banner-wrap img {
  vertical-align: bottom;
}

.tb-list {
  width: 70%;
  display: table;
}

.tb-list span {
  width: 25%;
  display: inline-block;
}

.tb-list span:after {
  margin-bottom: 50px;
}

.tb-list span:nth-child(9):after,
.tb-list span:nth-child(10):after,
.tb-list span:nth-child(11):after {
  margin-bottom: 0px;
}

.tb-list span:after {
  content: '';
  display: inline-block;
  background: url(/sites/zweb/images/commonroot/zp-trust-brands-sprite.png) no-repeat;
  background-size: 1200px auto;
}

.tb-list .tb-penn:after {
  background-position: -2px -1059px;
  width: 143px;
  height: 46px;
}

.tb-list .tb-middlesex-university:after {
  background-position: -152px -1059px;
  width: 117px;
  height: 48px;
}

.tb-list .tb-berkeley-haas:after {
  background-position: -276px -1058px;
  width: 148px;
  height: 51px;
}

.tb-list .tb-modul-university:after {
  background-position: -430px -1061px;
  width: 134px;
  height: 50px;
}

.tb-list .tb-rcsi:after {
  background-position: -897px -991px;
  width: 114px;
  height: 62px;
}

.tb-list .tb-yeovil:after {
  background-position: -1103px -1055px;
  width: 75px;
  height: 55px;
}

.tb-list .tb-teacher-asia:after {
  background-position: -1017px -1008px;
  width: 177px;
  height: 33px;
}

.tb-list .tb-alforsen:after {
  background-position: -579px -1053px;
  width: 181px;
  height: 58px;
}

.tb-list .tb-school-london-qatar:after {
  background-position: -764px -1057px;
  width: 153px;
  height: 56px;
}

.tb-list .tb-prasedium:after {
  background-position: -920px -1054px;
  width: 58px;
  height: 65px;
}

.tb-list .tb-british-school:after {
  background-position: -981px -1053px;
  width: 110px;
  height: 58px;
}

.tb-list .tb-jumeria:after {
  background-position: -154px -1270px;
  width: 65px;
  height: 68px;
}

.tb-list .tb-universiteit-leiden:after {
  background-position: -227px -1275px;
  width: 145px;
  height: 63px;
}

.tb-list .tb-upgrade:after {
  background-position: -373px -1290px;
  width: 121px;
  height: 34px;
}

.testi-video {
  width: 30%;
  font-size: 16px;
  padding: 0 10px 0 80px;
}

.testi-video p,
.testi-video div {
  font-size: 16px;
  margin-bottom: 7px;
  display: inline-block;
  position: relative;
}

.icon:before {
  content: '';
  background: url(/sites/zweb/images/recruit/industries/manufacturing-sprite.png) no-repeat;
  background-size: 900px auto;
  display: inline-block;
}

.icon-testimonial:before {
  width: 201px;
  height: 112px;
  background-position: -2px -222px;
}

.customers .customer-wrap {
  max-width: 1360px;
  background: #e9f7fc;
  margin: auto;
  border-radius: 60px;
  padding: 100px 0px;
}

span.cust-name {
  display: block;
  color: #084bc5;
  font-weight: 600;
  margin-top: 5px;
}

span.cust-detail {
  font-size: 14px;
}

span.zplay-icon {
  position: absolute;
  left: 28px;
  bottom: 10px;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.zplay-icon:after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.zplay-icon:after {
  position: absolute;
  content: '';
  left: 55%;
  top: 53%;
  transform: translate(-50%, -50%);
  border-left: 8px solid #fff;
  border-bottom: 6px solid transparent;
  border-top: 5px solid transparent;
}

.zcpopup-controller {
  cursor: pointer;
}

.features {
  margin: 120px auto 0;
  overflow: hidden;
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  max-width: 1170px;
}

.feature-item {
  width: 50%;
  padding: 50px 95px;
}

.feature-cont {
  padding: 30px 50px 0 10px;
  max-width: 400px;
}

.feature-cont p {
  font-size: 20px;
}

span.special-word {
  color: #084bc5;
  font-weight: 600;
}

/*reviews*/
.recruit-leads-section {
  margin: 60px 0 120px 0
}

.recruit-leads-section h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-family: var(--zf-primary-light);
  letter-spacing: 2px
}

.recruit-leads-section h3 span {
  padding-bottom: 2px;
  border-bottom: 1px solid;
  color: #000
}

.recruit-leads-section ul {
  max-width: 980px;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between
}

.recruit-leads-section ul li .img-leads {
  width: 100px;
  height: 100px;
  background-image: url(/sites/zweb/images/recruit/sprite-ico-logo.png);
  background-size: 600px auto;
  background-repeat: no-repeat;
  background-position: left 0;
  display: block;
  margin: 0 auto 15px
}

.recruit-leads-section ul li:nth-child(2) .img-leads {
  background-position: -100px 0
}

.recruit-leads-section ul li:nth-child(3) .img-leads {
  background-position: -200px 0
}

.recruit-leads-section ul li:nth-child(4) .img-leads {
  background-position: -300px 0
}

.recruit-leads-section ul li:nth-child(5) .img-leads {
  background-position: -400px 0
}

.recruit-leads-section ul li:nth-child(6) .img-leads {
  background-position: -500px 0
}

.recruit-app-cont {
  padding: 0 10px
}

.recruit-app-cont p a {
  font-size: 14px;
  display: block;
  margin: 10px 0 0;
  text-transform: uppercase;
  color: #000;
  text-decoration: underline;
  text-underline-position: under
}

.stars-container {
  position: relative;
  display: inline-block;
  color: transparent;
  font-size: 22px;
  letter-spacing: 2px
}

.stars-container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: #d0d0d0
}

.stars-container:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: #f9a825;
  overflow: hidden
}

.i18n-ar .stars-container:after {
  left: 11px;
}

.stars-90:after {
  width: 90%
}

.counter-star {
  display: block;
  text-align: center;
  color: #444
}

span.current-value {
  font-size: 28px;
  color: #000
}

/*reviews*/

.bottom-cta .content-wrap {
  padding: 70px 0;
  text-align: center;
  background: #474c55;
  color: #fff;
  margin: 90px auto 120px;
}

.bottom-cta p {
  max-width: 600px;
  margin: 0 auto 25px;
}

img.supportimg1 {
  position: absolute;
  max-width: 80px;
  left: 70px;
  top: 180px;
}


/* code for arabic language*/

.i18n-ar .bottom-cta h2,
.i18n-ar .bottom-cta p {
  text-align: center;
}

/* end of code for arabic language */

@media all and (min-width:1200px) {
  h1 {
      font-size: 50px;
  }

  h2 {
      font-size: 50px;
  }

  .tb-list .tb-westminster:after,
  .tb-list .tb-schinder:after {
      transform: scale(1.1) translate(10px, 0px);
  }
}

@media all and (min-width:1360px) {
  h1 {
      font-size: 70px;
      margin: 15px 0 15px 0;
  }

  .act-btn {
      padding: 12px 40px;
      margin-top: 20px;
  }
}

@media all and (min-width:1280px) and (max-width:1360px) {
  .customers .customer-wrap {
      border-radius: 0px;
  }

  .banner-wrap .flex-item:nth-child(2) {
      width: 40%;
      left: -20px;
      padding-left: 30px;
  }

  img.supportimg1 {
      max-width: 60px;
      left: 80px;
      top: 150px;
  }

  .title-desc {
      padding: 10px 30px;
  }
}

@media all and (min-width:1280px) and (max-width:1440px) {
  .title-desc {
      font-family: var(--zf-secondary-medium);
      font-size: 16px;
  }

  h1 {
      font-size: 60px;
  }

  p {
      font-size: 16px;
  }

  .feature-cont p {
      font-size: 18px;
  }

  .feature-item {
      padding: 50px 110px;
  }

  .tb-list span:after {
      transform: scale(.9);
  }

  .customers .customer-wrap {
      padding: 80px 0px;
  }

  .testi-video p {
      font-size: 16px;
  }

  .testi-video {
      width: 28%;
  }

  .customers .customer-wrap {
      max-width: 1310px;
  }

  .banner-wrap {
      padding: 120px 0 0px;
  }
}

@keyframes roate {
  from {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(360deg)
  }
}

@media all and (min-width:992px) and (max-width:1199px) {
  .feature-item {
      padding: 50px 65px;
  }

  .feature-cont {
      padding: 30px 10px 0 10px;
  }

  .feature-cont p {
      font-size: 18px;
  }

  .features {
      margin: 60px auto 0;
  }

  .customers .customer-wrap {
      padding: 70px 0;
  }

}

@media all and (max-width:991px) {
  h1 {
      font-size: 46px
  }

  h2 {
      font-size: 36px
  }

  .banner-wrap {
      padding: 60px 0 0;
  }

  .banner-wrap .flex-wrap {
      flex-flow: column;
      text-align: center;
  }

  .banner-wrap .flex-item {
      margin: auto
  }

  .banner-wrap .flex-item:first-child {
      width: 80%;
      top: 0;
      padding-right: 0px;
  }

  .banner-wrap .flex-item:nth-child(2) {
      margin: 60px auto 0px;
      width: 55%;
      max-width: 400px;
  }

  .customers .flex-wrap {
      flex-flow: column wrap;
  }

  .tb-list {
      width: 100%;
      text-align: center;
      margin-bottom: 60px;
  }

  .testi-video {
      width: 45%;
      padding: 0;
  }

  .customers .customer-wrap {
      padding: 50px 0px;
  }

  .tb-list {
      display: block
  }

  .tb-list span {
      transform: scale(.8);
      width: auto;
  }

  .features {
      display: block;
      margin: 60px auto 0;
  }

  .feature-cont p {
      font-size: 18px;
  }

  .feature-item {
      width: 100%;
      max-width: 400px;
      margin: 0 auto 60px;
      ;
      padding: 0;
  }

  .bottom-cta .content-wrap {
      padding: 60px 20px;
      margin: 0px auto 60px;
  }

  .feature-cont {
      max-width: 400px;
  }

  .customers .customer-wrap {
      border-radius: 0px;
  }

  .feature-cont p {
      font-size: 18px;
  }

  .tb-list span:nth-child(6),
  .tb-list span:nth-child(7),
  .tb-list span:nth-child(8) {
      display: none;
  }

  .recruit-leads-section ul {
      flex-flow: row wrap;
      text-align: center;
  }

  .recruit-leads-section ul li {
      width: 32%;
      margin: 0px 0 60px;
  }

  .recruit-leads-section ul li:nth-last-child(-n+3) {
      margin-bottom: 0px;
  }

  /* code for arabic style */
  .i18n-ar .banner-wrap h1,
  .i18n-ar .banner-wrap p,
  .i18n-ar div,
  .i18n-ar p,
  .i18n-ar span {
      text-align: center;
  }

  /* end of code for arabic style */

}

@media all and (max-width:767px) {
  h1 {
      font-size: 36px;
  }

  .title-desc {
      font-size: 14px;
      border-radius: 30px;
      margin-bottom: 10px;
  }

  img.supportimg1 {
      max-width: 30px;
      left: 40px;
      top: 100px;
  }

  .tb-list span:after {
      margin-bottom: 0px;
  }

  .banner-wrap .flex-item:first-child {
      width: 95%;
  }

  .banner-wrap .flex-item:nth-child(2) {
      widtH: 80%;
  }

  .customers .flex-wrap {
      flex-flow: column wrap;
  }

  .tb-list {
      width: 100%;
      text-align: center;
      margin-bottom: 0px;
  }

  .customers .tb-list span {
      margin-bottom: 20px;
  }

  .tb-list span {
      transform: scale(.8);
      vertical-align: middle;
  }

  .tb-list span:nth-child(6),
  .tb-list span:nth-child(7),
  .tb-list span:nth-child(8) {
      display: none;
  }

  .tb-list span:after {
      vertical-align: middle;
  }

  .testi-video {
      width: 90%;
      margin: 70px auto 0;
      text-align: center;
  }

  .feature-cont {
      padding: 0;
  }

  .features {
      width: 85%;
  }

  .bottom-cta .content-wrap {
      border-radius: 0px;
  }

  span.zplay-icon {
      left: 50%;
      bottom: 30%;
  }

  .recruit-leads-section h3 {
      letter-spacing: 1px;
      line-height: 1.9;
      font-size: 12px;
  }

  .recruit-leads-section ul li {
      width: 50%;
      margin: 0px 0 60px;
  }

  .recruit-leads-section ul li:nth-last-child(-n+2) {
      margin-bottom: 0px;
  }
}