.services {
  background: url(../img/bg_service.png) repeat;
}
.services-item {
  display: flex;
  margin: 3em auto;
  padding: 3em 0;
}
.services-item-card {
  position: relative;
  z-index: 2;
  padding: 60px 80px 60px 60px;
  margin: 2rem auto auto -2rem;
  background-color: #fff;
  color: #272727;
  flex: 1;
  border-radius: 16px;
}
.services-item-card .summary {
  margin: 1rem auto;
}
.services-item-card .en {
  position: absolute;
  top: 12%;
  right: 2rem;
  font-size: 13px;
  color: rgba(0, 77, 160, 0.5);
  line-height: 1;
  font-family: "Helvetica";
  writing-mode: vertical-rl;
}
.services-item-card .en::after {
  content: "";
  width: 1px;
  height: 6.25rem;
  background-color: rgba(0, 77, 160, 0.5);
  position: absolute;
  bottom: -6.75rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.services-item .pic {
  flex: 0 0 56%;
}
.services-item .pic > img {
  display: block;
  max-width: 100%;
  border-radius: 32px;
}
.services-item.rtl {
  flex-direction: row-reverse;
}
.services-item.rtl .services-item-card {
  margin: 2rem -2rem auto auto;
}