.project-content__main-container{
  display: flex;
  flex-direction: column;
  gap: 250px;
}

.project-content__grid-main{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  column-gap: 20px;
  width: 100%;
}

.project-content__section{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 130px;
}

.project-content__text-column{
  display: flex;
  padding-top: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
}

.project-content__text-paragraphs{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
}

.project-content__list{
  list-style-position: inside;
  list-style-type: disc;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.project-content__headline-line-pink{
  height: 1px;
  width: 100%;
  background-color: #FF99C4;
  margin-bottom: 32px;
}

.project-content__grid-images{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 20px;
}

.project-imgs__padding-sides{
  padding-left: 120px;
  padding-right: 120px;
}


.project-img__span{
  grid-column: span 2;
  height: 100%;
}


@media screen and (max-width: 991px) {

.project-imgs__padding-sides{
    padding-left: 0px;
    padding-right: 0px;
  }

}



@media screen and (max-width: 767px) {

  .project-content__main-container{
    gap: 180px;
  }

  .project-content__section{
    gap: 80px;
  }

  .project-content__grid-main{
    grid-template-columns: repeat(6, 1fr);
  }

  .project-content__text-column{
    padding-top: 32px;
  }

}


@media screen and (max-width: 479px) {

.project-content__grid-images{
  grid-template-columns: repeat(1, 1fr);
}
  
.project-img__span{
  grid-column: span 1;
}

.project-content__grid-images{
  gap: 12px;
}

.project-content__text-paragraphs {
gap: 20px;
}

.project-content__text-column{
    gap: 48;
  }

}