@import url("../../assets/css/style.v2.css");

body {
  background: var(--white);
}

.page-nav  {
  z-index: 1;
  mix-blend-mode: difference;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

.page-nav__btn-top, .page-nav__link {
  color: var(--white);
}

.page-nav__btn-top > svg {
  width: 1.5vw;
  height: 1.45vw;

  rect, path {
    stroke: var(--white);
    width: 95%;
    height: 95%;
  }
}

.page-nav__link::after {
  background: var(--white);
}

section {
  isolation: isolate;
}

.section-black {
  background-color: var(--black);
  border-radius: 3.33vw;
  color: var(--white);
  grid-column: 1/3;
}

.heading-main {
  font: var(--title-h2);
}

.text-main {
  font: var(--subtitle);
}

.paragraph + .paragraph {
  margin-top: .83vw;
}

.paragraph-md {
  font: 400 .94vw/1.35 var(--font);
}

.list-item {
  font: 400 1.04vw/1.4 var(--font);
  position: relative;
  padding-left: 70px;

  &:before {
    content: "";
    width: 54px;
    height: 1px;
    background: var(--black);
    position: absolute;
    left: 0;
    top: .78vw;
  }
}

.reasons, .reviews, .technologies, .industries {
  padding: 6.25vw 24px 6.25vw 0;
}

.plan, .pricing-models {
  padding: 8.33vw 24px 8.33vw 0;
}

.reasons__desc, .plan__title, .plan__desc, .industries__title, .industries__desc {
  width: 50%;
}

.process__title, .process__desc, .benefits__title, .benefits__desc {
  width: 40.63vw;
}

.technologies__title, .pricing__title {
  width: 38.33vw;
}

.reasons__desc, .plan__desc {
  margin: 3.33vw 0 0 auto;
}

.process__desc, .industries__desc {
  margin-top: 1.25vw;
}

/*style preview
----------------------*/
.preview {
  grid-template-columns: 37.76vw 1fr;
  gap: 0;
  padding: 0 0 0 4.84vw;
  background-image: url('../../assets/img/services/code-audit/preview-gradient.webp');
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  content-visibility: auto;
}

.preview__title {
  padding-top: 0;
}

.preview__content {
  padding: 6.30vw 0;
  z-index: 2;
}

.preview__link {
  background-color: var(--white);
}

.preview__cards-container {
  position: relative;
  height: 100%;
}

.preview__card-1 {
  top: 5.47vw;
  left: 5.89vw;
}

.preview__card-2 {
  bottom: 8.08vw;
  left: 2.66vw;

  img {
    height: 2.50vw;
    width: auto;
  }

  & > .card__desc {
    width: 14.12vw;
  }
}

.preview__card-rating {
  width: max-content;
  top: 8.13vw;
  left: 11.77vw;
}

.preview__card-3 {
  bottom: 4.58vw;
  right: 3.02vw;
}

.card {
  position: absolute;
  border: 1px solid var(--white);
  border-radius: 1.67vw;
  padding: 1.82vw;
  background: rgba(0, 153, 172, 0.8);
  backdrop-filter: blur(5px);
  display: inline-flex;
  flex-direction: column;
  gap: .83vw;

  &:not(.card--rating):before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: var(--radius-card);
    background: url("../../assets/img/services/code-audit/ellipse-blur.svg") top/contain no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
}

.card__title, .card__desc {
  z-index: 2;
}

.card__title {
  font: var(--title-h3);
  display: inline-flex;
  align-items: center;
  gap: 1.04vw;
}

a.card__desc {
  color: var(--white);
  transition: color var(--normal);

  svg {
    width: 1.04vw;
    height: 1.04vw;
    margin-left: .42vw;
    position: relative;
    top: .31vw;
    stroke: var(--white);
    transition: transform var(--normal), stroke var(--normal);
  }

  &:hover {
    color: var(--green);

    svg {
      stroke: var(--green);
      transform: rotate(45deg);
    }
  }
}

.card--rating {
  padding: 1.25vw;
  gap: .63vw;
  background: #FAFAFA;
  border: 1px solid #333333;
  border-radius: 1.25vw;
  color: var(--black);
  z-index: 2;

  .card__title {
    font-size: 1.67vw;
    line-height: 1.125;
    gap: .63vw;
  }

  svg {
    height: 1.67vw;
    width: auto;
  }

  .card__desc {
    font-size: .94vw;
  }
}

.preview-img-wrap__img {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;

  img {
    height: 100%;
    width: auto;
  }
}

/*style reasons
----------------------*/
.reasons__title {
  width: 45.26vw;
}

.services-list {
  display: flex;
  flex-direction: column;
  border: none!important;
  counter-reset: list;
}

.services-list__item {
  height: 9.4vw;
  border: none!important;
  border-bottom: 1px solid var(--black) !important;
  padding: 0 6.25vw 0 0;
  overflow: hidden;
  transition: .3s ease-in-out;
  position: relative;

  &:first-child {
    border-top: 1px solid var(--black) !important;
  }

  &::before {
    counter-increment: list;
    content: "0"counter(list);
    font: 500 14.84vw/1 var(--font);
    position: absolute;
    left: 6.25vw;
    top: 2.5vw;
  }

  &.active {
    transition: .5s ease-in-out;
    height: auto;
  }
}

.services-list__content {
  width: 35.52vw;
  height: max-content;
  margin: 0 0 0 auto;
}

.services-list__title {
  margin-top: 5.76vw;
}

.services-list__desc:last-child {
  padding-bottom: 5.76vw;
}

.services-list__card-open {
  display: none;
}

/*style process
----------------------*/
.process {
  padding: 8.33vw 0 8.33vw 15.16vw;
}

.process__desc {
  margin-top: 1.25vw;
}

.process__swiper-wrapper {
  margin-top: calc(2.48vw + 2.5vw);
  transition: all var(--normal);
}

.process__swiper {
  margin-top: 2.5vw;
  position: relative;
  transition: padding var(--normal);
  padding-right: calc(2.08vw + 24px);

  &.swiper-with-active-slide {
    padding-right: 24px;
  }

  .swiper-slide {
    width: 16.615vw;
    transition: width var(--normal);
    cursor: pointer;
  }

  .custom-slide-active {
    width: calc(27.865vw + 1.56vw*2 + 2.08vw)!important;
  }

  .custom-slide-active:first-child {
    width: calc(27.865vw + 1.56vw)!important;
  }

  .custom-slide-active:last-child {
    width: calc(27.865vw + 1.56vw + 2.08vw)!important;
  }

  .custom-slide-active .process__card {
    transform: none;
    margin: 0 1.56vw 0 calc(1.56vw + 2.08vw);
  }

  .custom-slide-active:first-child .process__card {
    margin-left: 0;
  }

  .custom-slide-active:last-child .process__card {
    margin-right: 0;
  }
}

.process__card {
  width: 27.865vw;
  padding: 2.50vw;
  background-color: #333333;
  border-radius: 1.67vw;
  border: 1px solid var(--black);
  box-shadow: -7.63px -8.9px 53.4px 0px rgba(0, 0, 0, .25);
  perspective: 1200px;
  transform-style: preserve-3d;
  transform-origin: left bottom;
  transition: transform var(--normal), margin var(--normal);
  transform: scale(.671) skewY(-12deg);
}

.process__card-title {
  font: var(--title-h5);
}

.process__card-desc {
  margin-top: 0.83vw;
  font: 400 1.04vw/1.4 var(--font);
}

.process__btn-prev, .process__btn-next {
  width: 3.28vw;
  height: 3.28vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--white);

  svg {
    width: 1.56vw;
    height: auto;
  }

  &:before {
    pointer-events: none;
  }
}

.process__btn-container {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 24px;
}

.process__btn-prev {
  margin-left: auto;
}

.process__btn-next {
  margin-left: 1.25vw;
}

/*style modernization plan
----------------------*/
.plan-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.56vw;
  margin-top: 6.25vw;
}

.plan-list__item {
  height: 31.98vw;
  border: 2px solid #EEEEEE;
  border-radius: 1.67vw;
  background-color: #FAFAFA;
  padding: 2.45vw 2.45vw 0;
}

.plan-list__item--img {
  border: none;
  padding: 0;
  background-color: #6A71FF;

  picture, img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center bottom;
  }
}

.plan-list__icon {
  width: 21.67vw;
  height: 14.06vw;
  border-radius: var(--radius-card);
  overflow: hidden;
}

.plan-list__title {
  font: var(--title-h5);
  margin-top: 2.08vw;
}

.plan-list__desc {
  margin-top: .83vw;
}

.plan__note {
  margin-top: 6.25vw;
}

.plan__link {
  width: 100%;
  margin-top: 1.25vw;
}

/*style benefits
----------------------*/
.benefits {
  padding: 8.33vw 24px 8.33vw 15.16vw;
}

.benefits__desc {
  margin-top: 3.33vw;
}

.benefits {
  grid-column: 1/3;
  padding: 8.33vw 24px 8.33vw 15.16vw;
  background: var(--black);
  border-radius: 3.33vw;
  color: var(--white);
  overflow: visible;
}

.benefits__title {
  font: var(--title-h2);
}

.benefits__wrap {
  margin-top: 6.25vw;
  display: grid;
  grid-template-columns: 2.08vw 1fr;
  grid-column-gap: 1.56vw;
}

.benefits__animation {
  width: 2px;
  height: 100%;
  background: linear-gradient(0deg,rgba(142, 146, 150, 0) 0%, rgba(142, 146, 150, 1) 50%, rgba(142, 146, 150, 0) 100%);
  position: relative;
}

.benefits__animation-bounce {
  content: "";
  width: 2.08vw;
  height: 2.24vw;
  display: block;
  position: sticky;
  margin: 7.92vw 0 -1px;
  top: 26.04vw;
  background: center/cover url("../../assets/img/services/audit/bounce.png") no-repeat;
  transform: translateX(calc(-50% + 2px));
  z-index: 2;
}

.benefits__animation-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 9vw;
  width: 100%;
  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.benefits__item {
  display: grid;
  grid-template-columns: 1fr 31.3vw;
  grid-template-rows: 1fr;
  align-items: center;
  padding-right: 10.31vw;
  grid-column-gap: 7.14vw;

  &:not(:first-child) {
    margin-top: 3.85vw;
  }

  > img {
    width: 100%;
  }
}

.benefits__item-desc {
  font: 400 1.25vw/1.35 var(--font);
}

/*style reviews
----------------------------*/
.results {
  padding: 6.25vw 24px 8.33vw 0;
}

.results__title {
  font: var(--title-h2);
}

.results-list {
  margin-top: 4.17vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.67vw;
  align-items: start;
}

.results-list__item {
  background: #F6F6F6;
  border-radius: var(--radius-card);
  padding: 2.08vw 3.33vw;
  position: relative;

  > svg {
    height: 3.13vw;
  }
}

.results-list__rating {
  position: absolute;
  top: 1.56vw;
  right: 1.56vw;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;

  > svg {
    height: 1.46vw;
    position: relative;
    top: -2px;
  }
}

.results-list__quote {
  margin-top: 1.67vw;

  > address {
    font-weight: 700;
    font-style: normal;
    margin-top: 1.67vw;
    position: relative;
    padding-left: 40px;

    &::before {
      content: "";
      width: 24px;
      height: 1px;
      background: var(--black);
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
  }
}

/*style why us
----------------------------*/
.why-us-wrapper {
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: 15.16vw 1fr;
}

.advantages {
  padding: 10.42vw 24px 10.42vw 15.16vw;
}

.advantages__wrap {
  display: grid;
  grid-template-columns: 1fr 41.77vw;
  grid-column-gap: 3.49vw;
  align-items: center;
  margin-top: 4.17vw;
}

.advantages__img picture, .advantages__img img {
  width: 100%;
  height: auto;
}

.advantages__item {
  font: var(--subtitle);
  color: var(--white);

  &:not(:first-child) {
    margin-top: 2.5vw;
  }

  > span {
    display: block;
    font: var(--title-h3);
    margin-bottom: 12px;
  }
}

.technologies {
  display: grid;
  grid-template-columns: 33.96vw 38.28vw 1fr;
  grid-template-rows: auto auto;
  grid-gap: 4.38vw;
  align-items: flex-end;

  a {
    text-decoration: underline;
    transition: color var(--normal);
  }

  a:hover {
    color: var(--green);
  }
}

.technologies__list-wrap {
  grid-column: 1/span 3;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.67vw;
  align-items: start;
}

.technologies__list {
  border: 2px solid #EEEEEE;
  border-radius: 1.67vw;
  padding: 2.5vw;

  & > ul {
    margin-top: 1.56vw;
    display: flex;
    flex-direction: column;
    gap: .63vw;
  }
}

.technologies__list-title {
  font: var(--title-h5);
}

.industries {
  display: block;
}

.industries__desc {
  padding: 0;
  margin-top: 1.25vw;
}

.onboarding-slider__list {
  width: 57.24vw;
}

[data-slide='3'] {
  .onboarding-slider__item:nth-child(2) {
    z-index: 7;
  }
}

[data-slide='4'] {
  .onboarding-slider__item:nth-child(5) {
    z-index: 9;
  }
}

[data-slide='5'] {
  .onboarding-slider__item:nth-child(4) {
    z-index: 9;
  }
}

[data-slide='6'], [data-slide='7'] {
  .onboarding-slider__item:nth-child(2), .onboarding-slider__item:nth-child(3), .onboarding-slider__item:nth-child(4), .onboarding-slider__item:nth-child(5) {
    z-index: 7;
  }
}

[data-slide='7'] {
  .onboarding-slider__item:nth-child(6) {
    z-index: 8;
  }
}

.onboarding-slider__item {
  &:nth-child(1) {
    z-index: 7;
  }

  &:nth-child(2) {
    left: 5.47vw;
    z-index: 6;
  }

  &:nth-child(3) {
    left: calc(5.47vw * 2);
    z-index: 5;
  }

  &:nth-child(4) {
    left: calc(5.47vw * 3);
    z-index: 4;
  }

  &:nth-child(5) {
    left: calc(5.47vw * 4);
    z-index: 3;
  }

  &:nth-child(6) {
    left: calc(5.47vw * 5);
    z-index: 2;
  }

  &:nth-child(7) {
    left: calc(5.47vw * 6);
    z-index: 1;
  }
}

/*style pricing
----------------------------*/
.pricing-models-list {
  margin-top: 4.17vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--black);
  border-radius: var(--radius-card);
}

.pricing-models-list__item {
  padding: 3.02vw 2.5vw;
  display: grid;
  grid-template-rows: auto 5.42vw 7.08vw 2.92vw 3.54vw 4.79vw;
  row-gap: 1.67vw;

  &:nth-child(even) {
    border-left: 1px solid var(--black);
    border-right: 1px solid var(--black);
  }
}

.pricing-models-list__icon {
  width: 4.17vw;
  height: 4.17vw;
}

.pricing-models-list__title {
  font: var(--title-h3);
}

.pricing-models-have-list {
  display: flex;
  flex-direction: column;
  gap: .63vw;
}

.pricing-models-list__text {
  font: 400 1.04vw/1.4 var(--font);
}

.pricing-models-list__desc {
  border: 1px solid var(--green);
  border-radius: .63vw;
  padding: .52vw 1.04vw;
}

.pricing-models-list__price {
  padding-top: 1.04vw;
  font: var(--title-h5);
  grid-row: 6;

  .pricing-models-list__text {
    margin-top: 0.42vw;
  }
}

.pricing-models__note {
  font: 400 .83vw/1.35 var(--font);
  margin-top: .52vw;
}

.form-feedback__subtitle {
  width: 42.19vw;
}

@media (max-width: 1280px) {
  .section-black {
    border-radius: 3.13vw;
  }

  .paragraph + .paragraph {
    margin-top: 1.56vw;
  }

  .paragraph-md {
    font-size: 1.82vw;
  }

  .list-item {
    font-size: 2.08vw;
    padding-left: 56px;

    &:before {
      width: 40px;
      top: 1.95vw;
    }
  }

  .technologies, .industries, .pricing-models {
    padding: 7.55vw 24px;
  }

  .reasons__title, .plan__title, .process__title, .process__desc, .benefits__title, .technologies__title, .industries__desc {
    width: auto;
  }

  .industries__desc, .process__desc, .benefits__desc {
    margin-top: 2.08vw;
  }

  .reasons__desc, .plan__desc, .technologies__desc {
    margin: 6.25vw 0 0 auto;
  }

  .technologies, .industries {
    grid-column: 1 / 3;
  }

    /*style preview
  ----------------------*/
  .preview {
    grid-template-columns: 50vw 1fr;
    padding: 0 24px!important;
    background-image: url('../../assets/img/services/code-audit/preview-gradient-tablet.webp');
  }

  .preview__content {
    padding: 4.69vw 0;
  }

  .preview__title {
    width: 100%;
  }

  .preview__link {
    margin-top: 4.69vw;
  }

  .preview__card-1 {
    top: 7.42vw;
    left: -2.08vw;
  }

  .preview__card-2 {
    bottom: 8.07vw;
    left: 2.21vw;

    img {
      height: 3.13vw;
    }

    & > .card__desc {
      width: 16.54vw;
    }
  }

  .preview__card-rating {
    top: 9.89vw;
    left: 14.32vw;
  }

  .preview__card-3 {
    bottom: 23.96vw;
    right: -.39vw;
  }

  .card {
    border-radius: 2.34vw;
    padding: 2.08vw;
    gap: 1.04vw;
  }

  .card__title {
    font: var(--title-h5);
    gap: .78vw;
  }

  .card__desc {
    font-size: 1.56vw;
  }

  a.card__desc {
    svg {
      width: 1.56vw;
      height: 1.56vw;
      margin-left: .52vw;
      top: .26vw;
    }
  }

  .card--rating {
    padding: 1.04vw;
    gap: .52vw;
    border-radius: 1.56vw;

    .card__title {
      font-size: 1.56vw;
      line-height: 1.35;
      gap: .59vw;
    }

    svg {
      height: 1.56vw;
    }

    .card__desc {
      font-size: 1.3vw;
    }
  }

  .preview-img-wrap__img {
    right: -24px;
  }

  /*style reasons
  ----------------------*/
  .services-list__item {
    padding-right: 24px;
    height: 9vw;

    &::before {
      font-size: 10.42vw;
      left: 3.13vw;
      top: 50%;
      transition: var(--normal);
    }

    &.active::before {
      transform: translateY(-50%);
    }
  }

  .services-list__content {
    width: 70.96vw;
  }

  .services-list__title {
    margin-top: 3.13vw;
    font: var(--title-h4);
  }

  .services-list__desc {
    margin-top: 2.08vw;

    &:last-child {
      padding-bottom: 3.13vw;
    }
  }

  /*style process
  ----------------------*/
  .process__swiper-wrapper {
    padding-left: 0;
  }

  .process__swiper {
    margin-top: 6.25vw;
    padding-right: 0;
    overflow: visible;

    .swiper-slide {
      width: auto;
      margin: 0;
    }
  }

  .process__card {
    width: 45.57vw;
    padding: 3.91vw;
    border-radius: 4.17vw;
    margin: 0;
    transform: none;
  }

  .process__card-desc {
    margin-top: 2.08vw;
    font-size: 2.08vw;
  }

  .process__btn-prev, .process__btn-next {
    width: 6.25vw;
    height: 6.25vw;

    svg {
      width: 2.6vw;
    }
  }

  .process__btn-container {
    position: static;
    margin-bottom: 8.33vw;
  }

  .process__btn-next {
    margin-left: 2.08vw;
  }
  /*style modernization plan
  ----------------------*/
  .plan-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.6vw;
    margin-top: 7.55vw;
  }

  .plan-list__item {
    height: 56.77vw;
    border-radius: 2.34vw;
    padding: 3.65vw;
  }

  .plan-list__item--img {
    padding: 0;
  }

  .plan-list__icon {
    width: 37.76vw;
    height: 23.05vw;
  }

  .plan-list__title {
    margin-top: 3.13vw;
  }

  .plan-list__desc {
    margin-top: .83vw;
  }

  .plan__note {
    margin-top: 7.55vw;
  }

  .plan__link {
    margin-top: 2.08vw;
  }

  /*style benefits
  ----------------------*/
  .benefits__desc {
    width: 62.5vw;
  }

  .benefits__wrap {
    margin-top: 10.42vw;
    grid-template-columns: 5.21vw 1fr;
    grid-column-gap: 2.6vw;
  }

  .benefits__animation {
    left: 2.6vw;
  }

  .benefits__item {
    grid-template-columns: 1fr 46.74vw;
    padding-right: 0;
    grid-gap: 3.13vw;
  }

  .benefits__item-desc {
    font-size: 2.34vw;
  }

  /*style reviews
  ----------------------------*/
  .results-list {
    margin-top: 7.55vw;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.08vw;
  }

  .results-list__item {
    padding: 4.17vw;

    > svg {
      height: 5.21vw;
    }
  }

  .results-list__rating {
    top: 3.13vw;
    right: 3.13vw;

    > svg {
      height: 3.65vw;
    }
  }

  .results-list__quote {
    margin-top: 3.13vw;

    > address {
      margin-top: 3.13vw;
    }
  }

  /*style why us
  ----------------------------*/
  .advantages {
    padding: 10.42vw 24px;
  }

  .advantages__title {
    text-align: center;
  }

  .advantages__wrap {
    grid-template-columns: 1fr;
    grid-row-gap: 7.55vw;
    margin-top: 7.55vw;
  }

  .advantages__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5.21vw 0;
  }

  .technologies {
    display: block;
  }

  .technologies__desc {
    width: 50%;
  }

  .technologies__list-wrap {
    margin-top: 6.25vw;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.08vw;
  }

  .technologies__list {
    border-radius: 2.34vw;
    padding: 3.13vw;

    & > ul {
      margin-top: 3.13vw;
      gap: 1.56vw;
    }
  }

  .industries {
    display: block;
  }

  .onboarding-slider__list {
    width: 73.44vw;
  }

  /*style pricing
  ----------------------------*/
  .pricing-models-list {
    margin-top: 7.55vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: none;
  }

  .pricing-models-list__item {
    padding: 3.91vw;
    grid-template-rows: auto 3.91vw 13.54vw 5.73vw 7.55vw 9.64vw;
    row-gap: 3.13vw;
    border: 1px solid var(--black);

    &:nth-child(1) {
      border-radius: 2.08vw 0 0 0;
    }

    &:nth-child(2) {
      border-radius: 0 2.08vw 2.08vw 0;
      border-left: none;
    }

    &:nth-child(3) {
      border-radius: 0 0 2.08vw 2.08vw;
      border-top: 0;
    }
  }

  .pricing-models-list__icon {
    width: 9.11vw;
    height: 9.11vw;
  }

  .pricing-models-list__title {
    margin-top: 1.04vw;

    br {
      display: none;
    }
  }

  .pricing-models-have-list {
    gap: 1.04vw;
  }

  .pricing-models-list__text {
    font-size: 2.08vw;
  }

  .pricing-models-list__desc {
    border-radius: 1.56vw;
    padding: 1.3vw 2.6vw;
  }

  .pricing-models-list__price {
    padding-top: 2.6vw;

    .pricing-models-list__text {
      margin-top: 1.04vw;
    }
  }

  .pricing-models__note {
    font-size: 1.56vw;
    margin-top: 1.3vw;
  }

  .form-feedback__subtitle {
    width: auto;
  }
}

@media (max-width: 767px) {
  .section-black {
    border-radius: 0;
  }

  .paragraph + .paragraph {
    margin-top: 2.67vw;
  }

  .paragraph-md {
    font-size: 3.73vw;
  }

  .list-item {
    font-size: 4.27vw;

    &:before {
      top: 4vw;
    }
  }

  .technologies, .pricing-models {
    padding: 15.47vw 16px;
  }

  .industries__desc, .process__desc {
    margin-top: 4.27vw;
  }

  .reasons__desc, .plan__desc, .benefits__desc, .technologies__desc {
    width: auto;
    margin: 8.53vw 0 0;
  }

    /*style preview
  ----------------------*/
  .preview {
    grid-template-columns: 1fr;
    padding: 12.8vw 0 0!important;
    background-image: url('../../assets/img/services/code-audit/preview-gradient-mobile.webp');
    background-size: 100% auto;
    background-position: bottom;
  }

  .preview__content {
    padding: 0 16px;
  }

  .preview__link {
    margin-top: 6.4vw;
  }

  .preview__card-1 {
    top: 9.07vw;
    left: 11.2vw;
  }

  .preview__card-2 {
    bottom: 17.07vw;
    left: 7.47vw;

    img {
      height: 4.8vw;
    }

    & > .card__desc {
      width: 33.87vw;
    }
  }

  .preview__card-rating {
    top: 16.53vw;
    left: 29.33vw;
  }

  .preview__card-3 {
    bottom: 45.6vw;
    right: 4.8vw;
  }

  .card {
    border-radius: 4.8vw;
    padding: 4.27vw;
    gap: 1.07vw;
  }

  .card__title {
    font-size: 4.27vw;
    gap: 1.6vw;
  }

  .card__desc {
    font-size: 2.67vw;
  }

  a.card__desc {
    margin-left: 1.07vw;

    svg {
      width: 3.2vw;
      height: 3.2vw;
      top: .26vw;
    }
  }

  .card--rating {
    padding: 2.13vw;
    gap: 1.07vw;
    border-radius: 3.2vw;

    .card__title {
      font-size: 3.2vw;
      gap: 1.21vw;
    }

    svg {
      height: 3.2vw;
    }

    .card__desc {
      font-size: 2.67vw;
      width: 23.47vw;
    }
  }

  .preview-img-wrap {
    margin-top: 6.13vw;
    height: 96.27vw;
  }

  .preview-img-wrap__img {
    width: 100%;
    top: -21.6vw;
    right: 0;

    img {
      width: 100%;
      height: auto;
    }
  }

  /*style reasons
  ----------------------*/
  .reasons__title {
    width: auto;
  }

  .services-list__card-open {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8vw;
    height: 8vw;
    border: 1px solid var(--black);
    border-radius: 50%;
    position: absolute;
    top: 4.27vw;
    right: 4.27vw;

    > svg {
      width: 4vw;
      height: 4vw;
    }
  }

  .services-list__item {
    padding: 4.27vw 4.27vw;
    height: 42.67vw;
    &::before {
      font-size: 21.33vw;
      position: static;
    }
  }

  .services-list__content {
    width: 100%;
  }

  .services__link {
    width: 100%;
  }

  /*style process
  ----------------------*/
  .process__swiper {
    margin-top: 9.6vw;
  }

  .process__card {
    width: 85.33vw;
    padding: 8vw;
    border-radius: 8.53vw;
  }

  .process__card-desc {
    margin-top: 2.13vw;
    font-size: 4.27vw;
  }

  .process__btn-prev, .process__btn-next {
    width: 8vw;
    height: 8vw;

    svg {
      width: 4vw;
    }
  }

  .process__btn-container {
    justify-content: center;
    margin-bottom: 6.4vw;
  }

  .process__btn-prev {
    margin-left: 0;
  }

  .process__btn-next {
    margin-left: 4.27vw;
  }

  /*style modernization plan
  ----------------------*/
  .plan-list {
    grid-template-columns: 1fr;
    grid-gap: 5.33vw;
    margin-top: 9.6vw;
  }

  .plan-list__item {
    height: auto;
    border-radius: 4.8vw;
    padding: 6.4vw;
  }

  .plan-list__item--img {
    padding: 0;
  }

  .plan-list__icon {
    width: 78.67vw;
    height: 47.2vw;
  }

  .plan-list__title {
    margin-top: 6.4vw;
  }

  .plan-list__desc {
    margin-top: 2.13vw;
  }

  .plan__note {
    margin-top: 9.6vw;
  }

  .plan__link {
    margin-top: 4.27vw;
  }

  /*style benefits
  ----------------------*/
  .benefits__desc {
    width: auto;
  }

  .benefits__item {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-gap: 0;

    > img {
      grid-column: auto;
      grid-row: auto;
      margin-top: 6.4vw;
    }

    &:not(:first-child) {
      margin-top: 12.8vw;
    }
  }

  .benefits__item-title {
    margin: 0;
  }

  .benefits__item-desc {
    margin: 2.67vw 0 0;
    font-size: 4.8vw;
  }

  .benefits__animation {
    display: none;
  }

  .benefits__wrap {
    margin-top: 15.47vw;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }

  /*style reviews
  ----------------------------*/
  .results-list {
    margin-top: 9.6vw;
    grid-template-columns: 1fr;
    grid-gap: 4.27vw;
  }

  .results-list__item {
    padding: 8vw 10.67vw;

    > svg {
      height: 10.67vw;
    }
  }

  .results-list__rating {
    top: 6.4vw;
    right: 6.4vw;

    > svg {
      height: 7.47vw;
    }
  }

  .results-list__quote {
    margin-top: 4.27vw;

    > address {
      margin-top: 4.27vw;
    }
  }

  /*style why us
  ----------------------------*/
  section.why-us-wrapper {
    padding: 0;
  }

  .advantages {
    padding: 15.27vw 0;
  }

  .advantages__title {
    padding: 0 9px;
  }

  .advantages__wrap {
    padding: 0 16px;
    grid-template-columns: 1fr;
    grid-row-gap: 12.8vw;
    margin-top: 12.8vw;
  }

  .advantages__list {
    grid-template-columns: 1fr;
    grid-row-gap: 6.4vw;
  }

  .technologies__list-wrap {
    margin-top: 9.6vw;
    grid-template-columns: 1fr;
    grid-gap: 4.27vw;
  }

  .technologies__list {
    border-radius: 4.8vw;
    padding: 6.4vw;

    & > ul {
      margin-top: 6.4vw;
      gap: 3.2vw;
    }
  }

  .industries {
    padding: 12.8vw 16px;
  }

  .onboarding-slider {
    margin-top: 9.6vw;
    position: relative;
    padding-bottom: 14.4vw;
  }

  .onboarding-slider__prev, .onboarding-slider__next {
    width: 8vw;
    height: 8vw;
    position: absolute;
    bottom: 0;
  }

  .onboarding-slider__prev {
    left: 34.53vw;
  }

  .onboarding-slider__next {
    right: 34.53vw;
  }

  .onboarding-slider__list {
    width: 100%;
    height: 106.67vw;
  }

  .onboarding-slider__item {
    padding: 6.4vw;
    width: 76.27vw;
    height: 106.67vw;
    background-image: url("../../assets/img/services/ror/onboarding-card-mobile.svg");

    &.active {
      background-image: url("../../assets/img/services/ror/onboarding-card-mobile-hover.svg");
    }

    &:nth-child(2) {
      left: 2.53vw;
    }

    &:nth-child(3) {
      left: calc(2.53vw * 2);
    }

    &:nth-child(4) {
      left: calc(2.53vw * 3);
    }

    &:nth-child(5) {
      left: calc(2.53vw * 4);
    }

    &:nth-child(6) {
      left: calc(2.53vw * 5);
    }

    &:nth-child(7) {
      left: calc(2.53vw * 6);
    }

    > img {
      height: 17.07vw;
    }

    .onboarding-slider__desc {
      margin-top: 6.4vw;
      font-size: 4.27vw;
    }
  }

  /*style pricing
  ----------------------------*/
  .pricing-models-list {
    margin-top: 9.6vw;
    grid-template-columns: 1fr;
    border: 1px solid var(--black);
    border-radius: 4.27vw;
  }

  .pricing-models-list__item {
    padding: 8vw;
    grid-template-rows: auto;
    row-gap: 4.27vw;
    border: 0;

    &:not(:last-child) {
      border: 0;
      border-bottom: 1px solid var(--black);
    }

    &:last-child {
      border: 0;
    }
  }

  .pricing-models-list__icon {
    width: 12.8vw;
    height: 12.8vw;
  }

  .pricing-models-list__title {
    margin-top: -2.13vw;
  }

  .pricing-models-have-list {
    gap: 2.13vw;
  }

  .pricing-models-list__text {
    font-size: 4.27vw;
  }

  .pricing-models-list__desc {
    border-radius: 3.2vw;
    padding: 2.67vw 5.33vw;
  }

  .pricing-models-list__price {
    grid-row: auto;
    padding-top: 5.33vw;

    .pricing-models-list__text {
      margin-top: 2.13vw;
    }
  }

  .pricing-models__note {
    font-size: 3.2vw;
    margin-top: 2.67vw;
  }
}