.ebp-custom-projects-hub-1-inner {
  background-color: var(--white);
  /* opacity: 0; */
}

.ebp-custom-projects-hub-1-list {
  perspective: 2500px;
  transform-style: preserve-3d;
  transform: translateY(150px);
}

.ebp-custom-projects-hub-1-inner {
  transform: rotateX(30deg);
}

/* .ebp-custom-projects-hub-1:before {
  content: '';
  height: 0.5px;
  width: 100%;
  background-color: var(--gold);
  position: absolute;
  left: 50%;
  z-index: 1;
  bottom: 0;
  max-width: 1320px;
  transform: translateX(-50%);
} */

.ebp-custom-projects-hub-1-inner-right {
  height: 100%;
  width: 100%;
}

.ebp-custom-projects-hub-1-title {
  font-size: var(--fs-medium);
}

.ebp-custom-projects-hub-1-inner-left img {
  object-fit: cover;
}

/* Flex column so the link can be pushed to the bottom with margin-top: auto */
.ebp-custom-projects-hub-1-inner-right--inner {
  padding: var(--spacing-4);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ebp-custom-projects-hub-1-inner,
.ebp-custom-projects-hub-1-inner-left img {
  height: 640px !important;
}

/* Push the button to the bottom of the right column */
.ebp-custom-projects-hub-1-link {
  margin-block-start: auto;
}

.ebp-custom-projects-hub-1-content,
.ebp-custom-projects-hub-1-location {
  color: var(--slate);
  font-weight: 300;
}

.ebp-custom-projects-hub-1-content {
  margin-block-start: var(--spacing-1);
}

.ebp-custom-projects-hub-1-title {
  margin-block-end: var(--spacing-1) !important;
}

.ebp-custom-projects-hub-1-content {
  margin-block-end: var(--spacing-2);
}

/* More Projects button wrapper */
.ebp-custom-projects-hub-1-more-wrap {
  margin-block-start: var(--spacing-4);
  text-align: center;
}

.ebp-custom-projects-hub-1 {
  background-color: var(--slate);
}

.ebp-custom-projects-hub-1:before {
  content: '';
  position: absolute;
  top: 4rem;
  left: 4rem;
  width: calc(100% - 8rem);
  height: 0.5px;
  background-color: var(--gold);
  /* border-top: 0.5px solid var(--gold); */
}

@media (max-width: 991px) {
  .ebp-custom-projects-hub-1-inner {
    flex-direction: column;
    height: auto !important;
    gap: 0;
  }

  .ebp-custom-projects-hub-1-inner-left img {
    height: 300px !important;
  }

  .ebp-custom-projects-1-item-image img {
    aspect-ratio: 2/1;
  }

  .pattern .triangle-1,
  .pattern .triangle-2 {
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 90px solid var(--slate);
  }

  .ebp-custom-projects-hub-1:before {
    left: 1rem;
    width: calc(100% - 2rem);
  }
}