:root {
  --general-color: #BFE5E8;
  --second-color: #42B9C2;
  --cursor-color: var(--second-color);
}

@media (min-width: 1281px) {
  .vertical-title {
    font: 700 17.045vh/1.35 var(--font);
  }
}

.case-cover__img {
  height: 100vh;
  width: auto;
}

.process__img--1 {
  height: 30.682vh;
  right: 100.114vh;
}

.process__img--2 {
  height: 42.045vh;
  right: 60.455vh;
}

.process__item > svg {
  fill: var(--second-color);
}

.process__item-title::after {
  background-color: var(--second-color);
}

.results, .delivered-features, .result, .services {
  color: var(--black);
}

.challenge, .solution {
  .vertical-title {
    height: 100vh;
  }
}

.vertical-title {
  -webkit-text-stroke-color: var(--second-color);
}

.challenge {
  padding-left: 15.341vh;
}

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

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

.challenge__img, .solution__img {
  object-fit: cover;
  margin-left: 0;
}

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

.challenge__content:nth-of-type(2), .solution__content:nth-of-type(4), .solution__content:nth-of-type(10), .technology-stack > picture {
  margin-top: auto;
}

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

.challenge__content:nth-of-type(3) {
  padding-top: 55.227vh;
}

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

.solution {
  padding: 0 15.341vh;
}

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

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

  .content-block__text {
    width: 70vh;
    margin-top: 11.364vh;
  }
}

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

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

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

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

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

.solution__content:nth-of-type(9) {
  padding-top: 46.477vh;
}

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

.solution__content:nth-of-type(11) {
  padding-top: 22.727vh;
}

.solution__content:nth-of-type(12) {
  padding-top: 45.909vh;
}

.delivered-features__container {
  display: flex;
}

.delivered-features__list {
  width: 72.727vh;
}

.delivered-features__item::before, .services__list a.hide-underline::before {
  background-color: var(--black);
}

.integrations {
  padding: 0 15.341vh;
  display: flex;
  align-items: center;
}

.integrations__img {
  height: 45.568vh;
}

.form-feedback-photo__content {
  border-color: var(--second-color);
}

.services__item::before {
  background-image: url("../../assets/img/cases/icons/arrow-black.svg");
}

@media (max-width: 1280px) {
  .case-cover__img {
    width: 100vw;
    height: auto;
  }

  .process > picture:nth-child(1) {
    margin: 0 0 0 auto;
  }

  .process__img, .challenge__content.challenge__content .challenge__img, .solution__content.solution__content .solution__img {
    height: auto;
  }

  .process__img--1 {
    width: 17.708vw;
  }

  .process__img--2 {
    width: 26.432vw;
    margin: 0 13.021vw 0 3.125vw;

  }

  .challenge, .solution {
    display: flex;
    flex-direction: column;
    padding: 10.677vw 0 0;

    .vertical-title {
      height: auto;
      position: absolute;
      top: 10.156vw;
      left: 1.042vw;
    }

    .content-block-md {
      width: 71.094vw;
      padding: 0;
      margin-left: 10.156vw;
    }
  }

  .challenge__content.challenge__content, .solution__content.solution__content {
    margin: 7.552vw 0 0 10.156vw;
  }

  .challenge__img, .solution__img {
    margin: 0;
  }

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

  .challenge__content:nth-of-type(2) {
    margin-left: auto;

    .challenge__img {
      width: 47.526vw;
    }
  }

  .challenge__content:nth-of-type(4) .challenge__img, .solution__content:nth-of-type(6) .solution__img {
    width: 100vw;
  }

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

  .solution {
    padding-bottom: 10.156vw;
  }

  .solution__content:nth-of-type(2), .solution__content:nth-of-type(8) {
    margin-left: 0;

    .solution__img {
      width: 60.938vw;
    }

    .content-block__text {
      padding-left: 10.156vw;
      margin-top: 7.552vw;
    }
  }

  .solution__content:nth-of-type(4), .solution__content:nth-of-type(10) {
    margin: 7.552vw 7.552vw 0 auto;

    .solution__img {
      width: 39.063vw;
    }
  }

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

  .solution__content:nth-of-type(7), .solution__content:nth-of-type(10), .solution__content:nth-of-type(11), .solution__content:nth-of-type(12) {
    margin-left: 7.552vw;
  }

  .solution__content:nth-of-type(8) {
    margin-left: auto;
  }

  .delivered-features__container {
    flex-direction: column;
    gap: 1.042vw;
  }

  .delivered-features__list {
    width: auto;

    & + .delivered-features__list {
      margin-top: 0;
    }
  }

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

  .integrations {
    padding: 10.156vw 10.547vw;
  }

  .integrations__img {
    width: 100%;
    height: auto;
  }
}

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

  .process__img--1 {
    width: 21.067vw;
  }

  .process__img--2 {
    width: 30.133vw;
    margin: 0 8vw 0 4.267vw;
  }

  .process__item::after {
    background: var(--second-color);
  }

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

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

    .content-block-md {
      width: calc(100% - 27px);
      margin-left: 15px;
    }
  }

  .challenge__content.challenge__content, .solution__content.solution__content {
    margin-top: 14.133vw;
  }

  .challenge__img, .solution__img {
    margin: 0;
  }

  .challenge__content:nth-of-type(2) .challenge__img {
    width: 66.667vw;
  }

  .challenge__content:nth-of-type(4) {
    margin-top: 15.467vw;
  }

  .solution {
    padding-bottom: 15.467vw;
  }

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

    .content-block__text {
      width: auto;
      padding: 0 12px 0 15px;
      margin-top: 14.133vw;
    }
  }

  .solution__content:nth-of-type(4), .solution__content:nth-of-type(10) {
    margin-right: 12px;

    .solution__img {
      width: 47.467vw;
    }
  }

  .solution__content:nth-of-type(7), .solution__content:nth-of-type(10), .solution__content:nth-of-type(11), .solution__content:nth-of-type(12) {
    margin-left: 15px;
  }

  .delivered-features__container {
    gap: 2.667vw;
  }

  .technology-stack__item {
    padding-right: 0;

    &:nth-child(2) {
      grid-row: span 2;
    }
  }

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