@import "../../assets/css/swiper.min.css";
@import "../../assets/css/cases.css";

:root {
  --general-color: #2B9A6F;
  --cursor-color: #39C891;
}

.case-cover__img, .process__img, .challenge__img, .solution__img, .tech-stack-scheme__img, .communication-img__pic {
  img {
    height: 100%;
    width: auto;
  }
}

.process__img:nth-of-type(1) {
  height: 30.682vh;
  right: 126.023vh;
}

.process__img:nth-of-type(2) {
  height: 42.045vh;
  right: 60.455vh;
}

.challenge, .solution {
  padding: 0 0 0 15.341vh;
}

.challenge__content, .solution__content {
  padding: 0;
  margin-left: 15.341vh;
}

.challenge__content:not(.content-block-lg, .content-block-md, .content-block-sm) {
  width: unset;
}

.challenge__img {
  margin: 0;
}

.challenge__content:nth-of-type(1), .solution__content:nth-of-type(1) {
  padding-top: 19.886vh;
}

.challenge__content:nth-of-type(2) {
  padding-top: 60.909vh;
  margin-left: -46.023vh;
}

.challenge__content:nth-of-type(3) {
  display: flex;

  .challenge__img {
    height: 67.614vh;
    margin-top: auto;
  }
}

.challenge__content:nth-of-type(4) {
  padding-top: 39.659vh;
}

.challenge__content:nth-of-type(5) .challenge__img {
  height: 100vh;
}

.solution {
  padding-right: 30.682vh;
}

.solution__content:nth-of-type(2), .solution__content:nth-of-type(5) {
  padding-top: 55.682vh;
}

.solution__content:nth-of-type(3) {
  padding-top: 23.523vh;
}

.solution__content:nth-of-type(4) .solution__img {
  height: 67.614vh;
}

.solution__content:nth-of-type(6) {
  padding-top: 27.273vh;
}

.delivered-features__title {
  width: fit-content;
}

.delivered-features__list {
  height: 52.955vh;
  min-width: 145.454vh;
  flex-wrap: wrap;
  column-gap: 10.227vh;
}

.delivered-features__item {
  width: 62.5vh;
}

.tech-stack-scheme {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 15.341vh;
  background-color: var(--general-color);
}

.tech-stack-scheme__img {
  height: 51.932vh;
}

.communication-img {
  display: flex;
}

.communication-img__pic {
  height: 67.159vh;
  margin-top: auto;
}

@media (max-width: 1280px) {
  .case-cover__img, .process__img, .challenge__img, .solution__img, .tech-stack-scheme__img, .communication-img__pic {
    img {
      width: 100%;
      height: auto;
    }
  }

  .process__img:nth-of-type(1), .process__img:nth-of-type(2) {
    height: unset;
  }

  .process__img:nth-of-type(1) {
    width: 17.708vw;
    margin: 0 0 0 auto;
  }

  .process__img:nth-of-type(2) {
    width: 45.703vw;
    margin: 0 3.906vw 0 1.042vw;
  }

  .challenge, .solution {
    padding: 10.156vw 0;
    .vertical-title {
      position: absolute;
      top: 10.156vw;
      left: 1.042vw;
    }
  }

  .challenge {
    padding-bottom: 0;
  }

  .challenge__content.challenge__content, .solution__content.solution__content {
    width: auto;
    margin: 0;

    .challenge__img, .solution__img {
      height: unset;
      margin-top: 10.156vw;
    }
  }

  .challenge__content:nth-of-type(1), .solution__content:nth-of-type(1) {
    padding: .521vw 8.594vw 0 20.313vw;
  }

  .challenge__content:nth-of-type(2), .solution__content:nth-of-type(2) {
    padding: 7.552vw 4.427vw 0 24.479vw;
  }

  .challenge__content:nth-of-type(3) {
    .challenge__img {
      width: 47.526vw;
      margin-left: auto;
    }
  }

  .challenge__content:nth-of-type(4), .solution__content:nth-of-type(3), .solution__content:nth-of-type(5) {
    padding: 7.552vw 18.75vw 0 10.156vw;
  }

  .challenge__content:nth-of-type(5) .challenge__img {
    width: 100%;
  }

  .solution__content:nth-of-type(4) .solution__img {
    width: 47.526vw;
  }

  .solution__content:nth-of-type(6) {
    padding: 7.552vw 14.583vw 0 14.323vw;
  }

  .delivered-features__list {
    min-width: unset;
    height: auto;
    column-gap: unset;
  }

  .delivered-features__item {
    width: auto;
  }

  .technology-stack__item > span {
    padding-right: 2.083vw;
  }

  .tech-stack-scheme {
    height: auto;
    width: 100%;
    justify-content: center;
    padding: 10.156vw 0;
  }

  .tech-stack-scheme__img {
    width: 72.265vw;
  }

  .communication-img__pic {
    height: unset;
    width: 47.526vw;
    margin-left: auto;
  }
}


@media (max-width: 767px) {
  .process {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .process__img:nth-of-type(1) {
    width: 21.067vw;
  }

  .process__img:nth-of-type(2) {
    width: 51.733vw;
    margin: 0 0 0 2.133vw;
  }

  .challenge, .solution {
    padding: 15.467vw 0;

    .vertical-title {
      position: static;
      margin-left: 12px;
    }
  }

  .challenge {
    padding-bottom: 0;
  }

  .challenge__content.challenge__content, .solution__content.solution__content {
    padding: 14.133vw 15px 0 12px;

    .challenge__img, .solution__img {
      margin-top: 0;
    }
  }

  .challenge__content:nth-of-type(3) .challenge__img, .solution__content:nth-of-type(4) .solution__img {
    width: 66.667vw;
    margin-left: 0;
  }

  .challenge__content:nth-of-type(5) {
    padding: 15.467vw 0 0;
  }

  .technology-stack__item > span {
    padding-right: 4.267vw;
  }

  .tech-stack-scheme {
    padding: 15.467vw 0;
  }

  .tech-stack-scheme__img {
    width: 92.8vw;
  }

  .communication-img__pic {
    width: 66.667vw;
  }
}