#content {
  background-color: rgb(247, 246, 244);
}

.services-list {
  width: 1057px;
  margin: 0 auto;
}

.service-item {
  position: relative;
  height: 300px;
  width: 1057px;
}

.service-item > * {
  position: absolute;
}

.service-item-title {
  height: 180px;
  width: 30px;
  font-size: 30px;
  line-height: 1.5;
  color: white;
  background-color: rgb(192, 164, 107);
  padding: 60px 20px;
}

.service-item-title-decoration {
  width: 0;
  height: 0;
  border: 16px solid;
}

.service-item-content {
  height: calc(100% - 67px);
  width: 454px;
  padding: 67px 38px 0 38px;
}

.service-item-content p {
  font-size: 14px;
  color: rgb(51, 51, 51);
  line-height: 2;
}

.service-item-img {
  height: 100%;
}

.service-item.service-item-l2r .service-item-title-decoration {
  top: calc(50% - 8px);
  left: 70px;

  border-color: transparent transparent transparent rgb(192, 164, 107);
}
.service-item.service-item-l2r .service-item-content {
  left: 70px;
}
.service-item.service-item-l2r .service-item-img {
  left: 600px;
}
.service-item.service-item-r2l .service-item-title {
  left: 987px;
}
.service-item.service-item-r2l .service-item-title-decoration {
  top: calc(50% - 8px);
  left: 955px;

  border-color: transparent rgb(192, 164, 107) transparent transparent;
}
.service-item.service-item-r2l .service-item-content {
  left: 457px;
}