.menu-link-parent-text {
  color: #2a3668 !important;
}
.show-list-container {
  justify-content: center;
}

.show-list-container img {
  width: 80%;
}

.show-list-container-full-width-img {
  width: 100% !important;
}

.show-list-left-container {
  position: relative;
}

.arrow-img-center {
  right: -10px;
  top: 5.5rem;
  position: absolute;
  width: 23% !important;
}

.arrow-img-top {
  right: -10px;
  top: -29px;
  position: absolute;
  width: 65% !important;
}

.arrow-img-bottom {
  right: -10px;
  bottom: -27px;
  width: 65% !important;
  position: absolute;
}

.objectif-show-container {
  gap: 100px;
  justify-content: center;
}

.objectif-show-left-container {
  width: 25%;
  display: flex;
  flex-direction: column;
}

.objectif-show-left-container p {
  text-align: left;
  margin: 0;
}

.objectif-show-item-container img {
  width: 42%;
}

.benefit-item-container,
.benefit-item-container div {
  justify-content: center;
}

.benefit-item-container img {
  width: 45%;
}

.recapitulation-container img {
  width: 25%;
}

.transaction-container {
  background-image: url("../images/tentang-icef/2025/asset-165.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 30px 0;
  position: relative;
}

.transaction-container::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
  z-index: 1;
  /* Ensures the overlay is above the background image */
}

.transaction-container img {
  z-index: 2;
}

.transaction-container img:nth-child(1) {
  width: 30%;
}

.transaction-container img:nth-child(2) {
  width: 58%;
}

.transaction-items {
  margin-top: 15px;
  margin-left: 60px;
}

.about-header-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.about-header-section img {
  width: 65%;
  object-fit: contain;
}

/* Mobile styles (for devices with a max width of 768px) */
@media only screen and (max-width: 768px) {
  .show-list-container img,
  .recapitulation-container img {
    width: 100%;
  }

  .arrow-img-center,
  .arrow-img-top,
  .arrow-img-bottom {
    display: none;
  }

  .mobile-flex-column {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .objectif-show-left-container,
  .objectif-show-item-container img,
  .benefit-item-container img,
  .sector-img,
  .transaction-container img:nth-child(1),
  .transaction-container img:nth-child(2) {
    width: 100%;
  }

  .transaction-container {
    background-image: none;
  }

  .transaction-container::after {
    width: 0;
  }

  .transaction-items {
    margin-left: 0;
  }

  .transaction-chart-legend {
    width: 50%;
  }

  .objectif-show-left-container p {
    text-align: center;
  }

  .about-header-section {
    text-align: justify;
  }

  .about-header-section img {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1200px) {
  .arrow-img-center {
    top: 4.5rem;
  }

  .benefit-item-container > div img {
    width: 50%;
  }

  .sector-img {
    width: 33% !important;
  }

  .transaction-items img {
    width: 7rem;
  }

  .objectif-show-left-container {
    width: 20%;
  }
}

@media screen and (width: 1920px) and (height: 1200px),
  (width: 1920px) and (height: 1080px),
  (width: 1920px) and (height: 618px) {
  .transaction-items {
    margin-left: 0;
    gap: 90px;
    width: 100%;
    justify-content: end;
  }

  .transaction-items div {
    gap: 30px;
  }
}

.benefit-zoom15-wrapper {
  div img {
    width: 50%;
  }
}

.economics-zoom15-wrapper {
  img {
    width: 33%;
  }
}

.zoom15-wrapper {
  margin-left: 120px;
  gap: 90px;
  width: 100%;
  justify-content: end;

  div {
    gap: 10px;
  }

  .last-div-item {
    width: 25%;
  }

  img {
    width: 70%;
  }
}