/* All projects CSS */

.project-wrapper {
  padding-top: 4.2rem 7.2rem 0 7.2rem !important;
  max-width: 120rem;
  position: relative;

  overflow: hidden;
  height: 100vh;

  display: flex;
  gap: 4rem;
  justify-content: center;
  align-items: center;
}

.project__img-box {
  width: 134.4rem;
  height: 100vh;
  object-fit: cover;
}

.project__img {
  width: 100%;
  height: 100%;
}

.project__text-box {
  padding: 5.2rem 0;
}

.project__meta {
  display: flex;
  gap: 1.6rem;
  /* justify-content: center; */
  align-items: center;
  font-size: 1.6rem;
  color: var(--color-grey-ligh-1);
  margin-bottom: 1.6rem;
}

.project__separator {
  font-size: 2.4rem !important;
}

.project__title {
  font-size: 2.4rem;
  font-weight: 500;
  color: var(--color-black);
  margin-bottom: 2.4rem;
}

.project__underline {
  width: 48.1rem;
  height: 0.1rem;
  background-color: var(--color-primary);
  margin-bottom: 5.2rem;
}

.project__section-text {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.project__details-text {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.project__heading {
  font-size: 2rem;
  font-weight: 500;
}

.project__text {
  font-size: 1.6rem;
  line-height: 1.4;
}