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

:root {
  --general-color: #387FD6;
}

.process__img:nth-child(1) {
  height: 42.045vh;
  right: 46.25vh;
}

.process__img:nth-child(2) {
  height: 34.432vh;
  right: 93.523vh;
}

.challenge {
  padding: 0 0 0 30.682vh;
}

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

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

.challenge__content:nth-of-type(2) .challenge__img {
  height: 76.705vh;
  width: auto;
}

.challenge__content:nth-of-type(3) {
  margin-left: 15.341vh;
  padding-top: 25.341vh;
}

.challenge__list-item {
  padding-left: 65px;
  position: relative;
}

.challenge__list-item:before {
  content: "";
  width: 35px;
  height: 1px;
  background-color: var(--black);
  position: absolute;
  top: 2.159vh;
  left: 0;
}

.challenge__list-item + .challenge__list-item {
  margin-top: 1.136vh;
}

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

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

.solution__title {
  height: 100vh;
}

.solution__content {
  margin-left: 15.341vh;
}

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

.solution__content:nth-of-type(2) {
  .solution__img {
    height: 61.364vh;
  }
}

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

.solution__content:nth-of-type(4), .solution__content:nth-of-type(6), .solution__content:nth-of-type(7), .solution__content:nth-of-type(11), .solution__content:nth-of-type(13) {
  .solution__img {
    height: 100vh;
    width: auto;
  }
}

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

.solution__content:nth-of-type(7), .solution__content:nth-of-type(8) {
  margin-left: 30.682vh;
}

.solution__content:nth-of-type(8) {
  padding-top: 44.773vh;

  .solution__list {
    margin: 1.364vh 0 2.727vh;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: fit-content;
    height: 9.091vh;
    column-gap: 7.273vh;
  }

  .solution__list-item {
    list-style: decimal inside;
  }
}

.solution__content:nth-of-type(9) {
  .solution__img {
    height: 76.705vh;
  }
}

.solution__content:nth-of-type(10) {
  padding-top: 15.341vh;

  .solution__list {
    margin: .909vh 0 5.182vh;
  }

  .solution__list-item {
    list-style: disc inside;
  }
}

.solution__content:nth-of-type(11) {
  margin-left: 0;
}

.solution__content:nth-of-type(12) {
  margin-left: 23.182vh;
  padding-top: 30.682vh;
}

.technology-stack__img {
  height: 66.818vh;
}

@media (max-width: 1280px) {
  .process__img:nth-child(1) {
    width: 30.078vw;
    height: auto;
    margin-left: 3.125vw;
    order: 2;
  }

  .process__img:nth-child(2) {
    width: 44.241vw;
    height: auto;
    margin-left: 3.385vw;
    order: 1;
  }

  .challenge {
    padding: 10.156vw 0 10.156vw 10.156vw;
  }

  .challenge__content {
    padding: 0;
  }

  .challenge__img {
    margin: 0;
  }

  .challenge__content:nth-of-type(1) {
    padding: 0 12px 0 0;
  }

  .challenge__content:nth-of-type(2) {
    margin: 5.99vw 0 10.156vw auto;

    .challenge__img {
      width: 70.313vw;
      height: auto;
    }
  }

  .challenge__content:nth-of-type(3) {
    margin: 0;
    padding: 0 8.594vw 0 0;
  }

  .challenge__list-item:before {
    top: 2.474vw;
  }

  .challenge__list-item + .challenge__list-item {
    margin-top: 1.302vw;
  }

  .challenge__content:nth-of-type(4) {
    margin: 3.255vw  8.594vw 0 auto;

    .challenge__img {
      width: 81.25vw;
      height: auto;
    }
  }

  .solution {
    padding: 10.156vw 0 0 0;
  }

  .solution__title {
    height: auto;
  }

  .solution__content.solution__content  {
    margin: 0;

    .solution__content-title, .solution__text {
      width: auto;
      padding: 0 8.594vw 0 10.156vw;
    }
  }

  .solution__content.solution__content {
    padding: 0 8.594vw 0 10.156vw;

    .solution__img {
      height: auto;
      margin: 7.552vw 0 10.156vw 0;
    }
  }

  .solution__content:nth-of-type(1) {
    padding-left: 20.793vw;
  }

  .solution__content:nth-of-type(2) {
    text-align: right;

    .solution__img {
      width: 60.938vw;
    }
  }

  .solution__content:nth-of-type(4), .solution__content:nth-of-type(6), .solution__content:nth-of-type(7), .solution__content:nth-of-type(11), .solution__content:nth-of-type(13)  {
    .solution__img {
      width: 100%;
    }
  }

  .solution__content:nth-of-type(4) {
    padding: 0 8.594vw 0 3.906vw;
  }

  .solution__content:nth-of-type(5) {
    padding-right: 19.531vw;
  }

  .solution__content:nth-of-type(7), .solution__content:nth-of-type(9), .solution__content:nth-of-type(11), .solution__content:nth-of-type(13) {
    padding: 0;
  }

  .solution__content:nth-of-type(7) .solution__img {
    margin-top: 0;
  }

  .solution__content:nth-of-type(8) {
    .solution__list {
      margin: 1.563vw 0 3.125vw;
      height: 9.115vw;
      column-gap: 8.333vw;
    }
  }

  .solution__content:nth-of-type(9) {
    text-align: right;

    .solution__img {
      width: 70.182vw;
      height: 65.885vw;
      object-fit: cover;
    }
  }

  .solution__content:nth-of-type(10) {
    .solution__list {
      margin: 1.042vw 0 5.599vw;
    }
  }

  .solution__content:nth-of-type(13) {
    .solution__img {
      display: block;;
      margin-bottom: 0;
    }
  }

  .technology-stack__img {
    width: 60.938vw;
    height: 71.094vw;
    object-fit: cover;
    object-position: center -3.125vw;
    margin-left: auto;
  }
}

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

  .process__img:nth-child(1) {
    width: 33.867vw;
    margin: 0 0 0 1.067vw;
  }

  .process__img:nth-child(2) {
    width: 50.133vw;
    margin: 0 0 0 4.533vw;
  }

  .challenge {
    padding: 15.467vw 12px 15.467vw 15px;
  }

  .challenge__content:nth-of-type(1) {
    padding: 0;
  }

  .challenge__content:nth-of-type(2) {
    margin: 14.133vw auto 14.133vw 0;

    .challenge__img {
      width: 54.667vw;
    }
  }

  .challenge__content:nth-of-type(3) {
    padding: 0;
  }

  .challenge__list-item:before {
    top: 5.067vw;
  }

  .challenge__list-item + .challenge__list-item {
    margin-top: 2.667vw;
  }

  .challenge__content:nth-of-type(4) {
    margin: 14.133vw 0 0;

    .challenge__img {
      width: 100%;
    }
  }

  .solution {
    padding: 15.467vw 12px 0 15px;
  }

  .solution__title {
    margin-bottom: 14.133vw;
  }

  .solution__content.solution__content  {
    padding: 0;

    .solution__content-title, .solution__text {
      padding: 0;
      width: auto;
    }
  }

  .solution__content-title {
    margin-bottom: 6.4vw;
  }

  .solution__content.solution__content {
    .solution__img {
      margin: 14.133vw 0 14.133vw 0;
    }
  }

  .solution__content:nth-of-type(2) .solution__img {
    width: 81.333vw;
  }

  .solution__content:nth-of-type(7) .solution__img {
    margin-top: 0;
  }

  .solution__content:nth-of-type(8) {
    .solution__list {
      margin: 3.2vw 0 6.4vw;
      height: unset;
    }

    .solution__list-item + .solution__list-item {
      margin-top: 4.267vw;
    }
  }

  .solution__content:nth-of-type(9) {
    text-align: left;

    .solution__img {
      width: 82.133vw;
      height: 78.4vw;
    }
  }

  .solution__content:nth-of-type(10) .solution__list {
    margin: 2.133vw 0 9.707vw;
  }

  .solution__content:nth-of-type(13) .solution__img {
    height: 80.243vw;
    margin-bottom: 0;
  }

  .technology-stack__img {
    width: 65.867vw;
    height: 90.933vw;
    object-position: center -2.133vw;
  }
}