body {
  background: #f3f4f6;
}
.page-container {
  max-width: 120rem /* 1920/16 */;
  font-family: Quicksand;
  margin: 0 auto;
}
.info-title {
  font-size: 3.125rem /* 50/16 */;
  color: #081420;
  margin-top: 0.625rem /* 10/16 */;
  font-weight: 700;
}
.top-title {
  height: 25rem;
  background: url("../images/img/bg-service-top.png") no-repeat 100%;
  background-size: cover;
  font-size: 3.75rem /* 60/16 */;
  color: #fff;
  line-height: 31.25rem /* 500/16 */;
  text-align: center;
  font-family: Nunito;
  font-weight: 700;
}
.service-item {
  padding: 9.375rem /* 150/16 */ 17.5rem /* 280/16 */ 7.5rem /* 120/16 */;
  display: flex;
}
.service-item:nth-child(1) {
  padding-top: 7.5rem /* 120/16 */;
}
.service-item:nth-child(even) {
  flex-direction: row-reverse;
}
.service-item:not(:nth-child(1)) {
  background-image: url("../images/img/bg-service-item.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.service-item .num-img {
  width: 5.625rem /* 90/16 */;
  height: 7.5rem /* 120/16 */;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
.service-item .service-item-content-desc {
  font-size: 1.5rem;
  font-weight: 500;
  color: #70798b;
  width: 33.125rem;
  line-height: 2.5rem;
}
.service-item .service-item-content {
  margin-left: 1.25rem /* 20/16 */;
}
.service-item .orange-divid {
  width: 10.3125rem /* 165/16 */;
  height: 0.0625rem /* 1/16 */;
  background: #dd9e50;
  margin: 2.75rem /* 44/16 */ 0;
}
.service-item .service-item-img img {
  max-width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 47.9375rem /* 767/16 */) {
  .service-item {
    flex-direction: column;
    padding: 1.25rem 3.125rem;
    text-align: center;
  }
  .service-item .orange-divid {
    margin: 1.5rem auto;
  }
  .service-item:nth-child(even) {
    flex-direction: column;
  }
  .service-item .service-item-content-desc {
    width: auto;
    margin-bottom: 1.25rem;
  }
  .service-item .num-img {
    display: none;
  }
}