/* * {
  border: 1px hotpink solid !important;
} */

.page-title img {
  object-fit: cover;
}

.page-title p {
  color: #fdfdfd;
  text-align: right;
  font-family: Ubuntu;
  font-size: 7.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.rtp {
  position: relative;
  /* background-image: url("/servicemanagement/img/homepage/ourproject-bg-2.jpg"); */
  background-size: cover;
}

.rtp::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85); /* White overlay with 0.85 opacity */
}

.title {
  font-family: Ubuntu;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.desc {
  font-family: Ubuntu;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.total-no-big {
  font-family: Ubuntu;
  font-size: 5.9375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.total-no-small {
  text-align: center;
  font-family: Ubuntu;
  font-size: 4.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.total-text {
  font-family: Ubuntu;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.rtp .title {
  color: #222121;
}

.rtp .desc {
  color: #6b6666;
}

.rtp .total-no-big,
.rtp .total-no-small,
.rtp .yearly-total,
.rtp .total-text {
  color: #023f53;
}

.rtp .type-total .total-no-small,
.rtp .type-total .total-text {
  color: #1e677e;
}

.rtp .yearly-total {
  background: rgba(245, 247, 248, 0.9);
}

.rtp .type-total {
  background: rgba(252, 252, 252, 0.9);
}

/* PPRMS */
.pprms {
  position: relative;
  /* background-image: url("/servicemanagement/img/homepage/ourproject-bg-3.png"); */
  background-size: cover;
}

.pprms::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(39, 26, 5, 0.85);
}

.pprms .title {
  color: #e8ebec;
}

.pprms .desc {
  color: #fdfdfd;
}

.pprms .total-no-big {
  color: #e38800;
}

.pprms .total-text {
  color: #e38800;
}

.pprms .yearly-total .total-no-small,
.pprms .yearly-total .total-text {
  color: #d6d5d5;
}

.pprms .area-total .total-no-small,
.pprms .area-total .total-text {
  color: #ffad33;
}

.pprms .yearly-total {
  background: rgba(70, 70, 70, 0.9);
}

.pprms .area-total {
  background: rgba(107, 102, 102, 0.9);
}

/* mrp */
.mrp {
  position: relative;
  /* background-image: url("/servicemanagement/img/homepage/ourproject-bg-4.png"); */
  background-size: cover;
}

.mrp::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(235, 241, 242, 0.85);
}

.mrp .title {
  color: #222121;
}

.mrp .desc {
  color: #6b6666;
}

.mrp .total-no-big,
.mrp .flex-column .total-text,
.mrp .yearly-total .total-no-small,
.mrp .yearly-total .total-text {
  color: #023f53;
}

.mrp .area-total .total-no-small,
.mrp .area-total .total-text {
  color: #ffad33;
}

.mrp .yearly-total {
  background: rgba(245, 247, 248, 0.9);
}

.mrp .status-total {
  background: rgba(252, 252, 252, 0.9);
}

.red {
  color: #8f0000;
}

.orange {
  color: #e38800;
}

.blue {
  color: #0095c5;
}

.green {
  color: #138800;
}

@media (max-width: 576px) {
  .page-title img {
    object-position: 50% 35%;
  }

  .page-title p {
    font-size: 3rem;
  }

  .rtp {
    background-position: 60%;
  }

  .pprms {
    background-position: 60%;
  }

  .mrp {
    background-position: 70%;
  }

}