.container-p {
  max-width: 1208px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
      padding: 41px 5.3% 0px 5.3%;
}

.cont-p {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.additional-img {
  overflow: hidden;
  border-radius: var(--basic-radius);
}

.basic-img {
  width: 45%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.top-cont .image-container {
  aspect-ratio: 1.67 / 1;
  max-width: 100%;
}

.top-cont .image-container img {
  width: 100%;
  object-fit: cover;
}

.top-cont .additional-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.middle-cont .description-project {
  max-width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.middle-cont .additional-img,
.top-cont .additional-img {
  aspect-ratio: 1.168;
  max-width: 55%;
}

.middle-cont .additional-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.middle-cont .description-project {
  width: 50%;
}

.bottom-cont .additional-img {
  height: 25vw;
}

.bottom-cont .additional-img:first-child {
  width: 40%;
}

.bottom-cont .additional-img:last-child {
  width: 60%;
}

.basic-cont-p span,
.basic-cont-p a {
  display: block;
  padding: 12px 24px;
  font-size: 18px;
  border: 1px solid white;
}

.basic-cont-p .basic-info {
  margin-top: 20px;
}

.basic-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
}
.basic-info a {
  width: 100%;
  text-align: center;
}
.full-description-p {
  font-size: 32px;
  font-weight: 700;
}

.bottom-cont.cont-p .additional-img {
  max-height: 432px;
}

.bottom-cont.cont-p .additional-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .top-cont.cont-p .additional-img {
    max-height: 476px;
  }

  .top-cont.cont-p .additional-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .middle-cont .additional-img {
    max-height: 344px;
  }

  .middle-cont .additional-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .bottom-cont .additional-img {
    max-height: 344px;
    height: auto;
  }

  .bottom-cont .additional-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media (max-width: 660px) {

    .cont-p {
      gap: 10px;
    }
    .top-cont.cont-p {
      flex-direction: column-reverse;
    }

    .top-cont.cont-p .additional-img {
      max-width: 100%;
    }

    .top-cont.cont-p .additional-img {
      max-height: 280px;
    }

    .top-cont.cont-p .basic-img {
      width: 100%;
    }
    .container-p {
      gap: 10px;
    }

    .full-description-p {
      margin: 5px 0;
      font-size: 22px;
    }
    @media (max-width: 660px){
      .bottom-cont,
      .middle-cont{
        flex-direction: column;
      }
      .additional-img,
      .middle-cont .description-project{
        width: 100% !important;
        max-width: 100% !important;
      }
      @media(max-width: 400px){
        .basic-cont-p span,
        .basic-cont-p a {
          font-size: 14px;
        }
        .middle-cont{
          display: flex;
          flex-direction: column;
        }
        .middle-cont .description-project,
        .middle-cont .additional-img{
          width: 100%;
          max-width: 100%;
        }
      }
    }
  }

  .top-cont .basic-cont-p .basic-info {
    margin-top: 10px;
  }

}