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

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

:root {
  --subtitle: 400 1.25vw/1.35 var(--font);
}

.page-nav  {
  z-index: 1;
  mix-blend-mode: difference;
}

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

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

section {
  isolation: isolate;
}

/*style preview
----------------------*/
.preview {
  background: right center/cover url("../../assets/img/services/audit/preview-gradient.png") no-repeat var(--black);
  color: var(--white);
  display: grid;
  grid-template-columns: 34.79vw 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: none;
  grid-gap: 1.82vw;
  padding: 4.53vw 3.13vw 0 4.74vw;
  height: 43.07vw;
  border-radius: 3.33vw;
}

.preview-content {
  margin-top: 2.97vw;
}

.preview-content__title {
  font: 700 5vw/1.06 var(--font)
}

.preview-content__desc {
  margin-top: 2.08vw;
  font: 400 1.25vw/1.35 var(--font);
}

.preview-content__link {
  background: var(--white);
  color: var(--black);
  margin-top: 4.11vw;
}

.preview-img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.preview-img-wrap__img, .preview-img-wrap__img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.preview-img__banner {
  border: 1px solid var(--white);
  border-radius: 1.67vw;
  position: absolute;
  padding: 1.88vw;
  background: linear-gradient(90deg,rgba(86, 80, 190, .8) 0, rgba(86, 80, 190, .8) 100%);
  backdrop-filter: blur(5px);
  top: 0;

  > img {
    position: relative;
    top: 8px;
    left: 6px;
  }

  &::before {
    content: "";
    width: 100%;
    height: 100%;

    position: absolute;
    z-index: -1;
  }

  &:nth-of-type(1) {
    top: 0;
    left: 3.33vw;
  }

  &:nth-of-type(2) {
    top: 9.64vw;
    right: .63vw;
  }

  &:nth-of-type(3) {
    top: 21.2vw;
    left: 0;
  }
}

.preview-img__banner-title {
  font: var(--title-h3);
}

.preview-img__banner-desc {
  margin-top: .83vw;
  color: var(--white);
  width: 14.11vw;
  display: block;
  transition: var(--normal);
  font: 400 1.25vw/1.35 var(--font);

  > svg {
    width: 1.04vw;
    margin-left: 4px;
    position: relative;
    top: 5px;
    transition: var(--normal);
    stroke: var(--white);
  }

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

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

.preview-img__banner-rating {
  position: absolute;
  top: 8.13vw;
  left: 11.77vw;
  background: var(--white);
  border: 1px solid #333;
  padding: 1.25vw;
  border-radius: 1.25vw;
  color: var(--black);
  width: max-content;
}

.preview-img__banner-rating-value {
  font: var(--title-h5);
  display: flex;
  align-items: center;
  gap: .63vw;

  > svg {
    position: relative;
    top: -2px;
    width: 1.67vw;
  }
}

.preview-img__banner-rating-desc {
  margin-top: .63vw;
  font: 400 .94vw/1.35 var(--font);
}


/*style services
----------------------*/
.services__desc {
  width: 41.77vw;
  margin: 3.33vw 0 0 auto;
}

.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 clients
----------------------------*/
.clients {
  background: var(--white);
  grid-column: 2/3;
  padding-left: 0;
}

.clients-list img {
  height: 2.92vw;
}

/*style engagement models
----------------------------*/

.engagement-models-list {
  grid-template-columns: repeat(2, 1fr);
}

.engagement-models__title {
  width: 38.33vw;
}

/*style why us
----------------------------*/
.why-us {
  background: var(--white);
  grid-column: 1/3;
  padding-left: 15.16vw;
  border-radius: 3.33vw;
  background: var(--black);
}

.why-us__title {
  font: var(--title-h2);
  color: var(--white);
}

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

.advantages__img {
  width: 100%;
  height: 100%;
  position: relative;
  background: #B2E2FC;
  border-radius: 1.67vw;

  > .advantages__picture {
    width: calc(100% + 3.75vw);
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.advantages__item {
  font: 400 1.25vw/1 var(--font);
  color: var(--white);

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

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

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

.comprehensive-audit__title {
  font: var(--title-h2);
  width: 41.82vw;
}

.comprehensive-audit__desc {
  width: 41.82vw;
  margin: 3.33vw 0 0 auto;
  font: 400 1.25vw/1.35 var(--font);
}

.comprehensive-audit__list {
  margin-top: 6.25vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.56vw;
}

.comprehensive-audit__item {
  height: 100%;
  border-radius: 1.25vw;
  border: 2px solid #eee;
  padding: 2.5vw;
  position: relative;

  > img {
    width: 100%;
  }

  &:first-child {
    padding: 0;
    background: #D1B5FF;
    border: 0;

    > picture {
      width: 100%;
      position: absolute;
      bottom: 0;
      right: 0;

      > img {
        width: 100%;
      }
    }
  }
}

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

.comprehensive-audit__item-desc {
  margin-top: .83vw;
  font: 400 .94vw/1.35 var(--font);
}


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

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

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

.audit-process__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;
}

.audit-process__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;
}

.audit-process__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%);
}

.audit-process__item {
  display: grid;
  grid-template-columns: 1fr 31.3vw;
  grid-template-rows: repeat(2, 1fr);
  align-items: center;
  padding-right: 10.31vw;
  grid-gap: .52vw 7.14vw;

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

  > img {
    grid-column: 2/3;
    grid-row: 1/3;
    width: 100%;
  }
}

.audit-process__item-title {
  font: var(--title-h4);
  margin: auto 0 0;
}

.audit-process__item-desc {
  font: 400 1.25vw/1.35 var(--font);
  margin: 0 0 auto;
}

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

.what-gain__title {
  font: var(--title-h2);
  width: 41.82vw;
}

.what-gain__list {
  margin-top: 4.17vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.67vw;
}

.what-gain__item {
  border: 2px solid #eee;
  border-radius: 1.67vw;
  overflow: hidden;
  background: #FAFAFA;

  &:not(:last-child) {
    padding: 2.08vw;
  }

  > picture, img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.what-gain__icon {
  width: 4.17vw;
  height: 4.17vw;
}

.what-gain__item-desc {
  margin-top: 2.08vw;
  font: 400 1.25vw/1.35 var(--font);
}

.contact-us {
  margin-top: 4.17vw;
  display: grid;
  grid-template-columns: 38.28vw 1fr;
  grid-column-gap: 3.75vw;
}

.contact-us__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.contact-us__text {
  font: 400 1.25vw/1.35 var(--font);

  a {
    text-decoration: underline;
    font: inherit;
    transition: var(--normal);

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

.contact-us__link {
  margin-top: 1.88vw;
}

/*style results
----------------------------*/
.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;
}

.results-list__item {
  background: #F6F6F6;
  border-radius: .83vw;
  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: 700 .94vw/1.35 var(--font);

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

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

  > p {
    font: 400 .94vw/1.35 var(--font);
  }

  > address {
    margin-top: 1.67vw;
    font: 700 .94vw/1.35 var(--font);
    position: relative;
    padding-left: 2.08vw;

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

.results-cases {
  margin-top: 4.17vw;
  width: 100%;
}

.results-cases__list {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.25vw;

  &[data-active-slide='1'] {
    grid-template-columns: 52.81vw 1fr;

    .results-cases__item:last-child .results-cases__cover img {
      object-position: right top;
    }
  }

  &[data-active-slide='2'] {
    grid-template-columns: 1fr 52.81vw;

    .results-cases__item:first-child .results-cases__cover img {
      object-position: right top;
    }
  }
}

.results-cases__item {
  width: 100%;
  height: 33.65vw;
  position: relative;
  border-radius: 1vw 0 0 1vw;
  overflow: hidden;
}

.results-cases__cover {
  width: 100%;
  height: 100%;
  padding: 2.5vw 0 0 2.5vw;
  position: relative;
  transition: .5s ease;

  > picture {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;

    img {
      object-fit: cover;
      width: 100%;
    }
  }
}

.results-cases__nav {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: var(--normal);
}

.results-cases__prev, .results-cases__next {
  width: 2.5vw;
  height: 2.5vw;
  border: 1px solid var(--black);
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  transition: var(--normal);

  > svg {
    stroke: var(--black);
  }

  &:disabled {
    opacity: .5;
  }
}

.results-cases__prev {
  right: 3.75vw;
}

.results-cases__btn {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  border: 1px solid var(--black);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;

  &::before, &::after {
    transition: .5s ease;
  }

  &::before {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 50%;
    filter: blur(4px);
    z-index: 1;
  }

  &::after {
    content: "";
    width: 50%;
    height: 50%;
    background: center / cover url(../../assets/img/services/audit/plus.svg) transparent no-repeat;
    z-index: 3;
  }

  &:hover::before {
    background: #00D96E;
  }
}

.results-cases__title {
  position: relative;
  z-index: 2;
  width: 23.81vw;
  font: var(--title-h5);
}

.results-cases__info {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 22.81vw 1fr;
  grid-column-gap: 2.86vw;
  background: #f6f6f6;
  padding: 2.5vw;
  border-radius: .83vw 0 .83vw .83vw;
  transition: .5s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;

  &::before {
    content: "";
    width: 3.75vw;
    height: 3.75vw;
    background: center/cover url("../../assets/img/services/audit/cases/background.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
  }

  > img {
    width: 100%;
  }
}

.results-cases__item.active {


  .results-cases__info {
    z-index: 1;
    opacity: 1;
    visibility: visible;
  }

  .results-cases__cover {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
  }

  .results-cases__btn::after {
    background-image: url("../../assets/img/services/audit/minus.svg");
  }
}

.results-cases__content-info, .results-cases__outcome-title {
  font: var(--title-h5);
}

.results-cases__content {
  display: flex;
  flex-direction: column;
}

.results-cases__content-desc {
  font: 400 .94vw/1.35 var(--font);
  margin-top: 1.25vw;

  & + .results-cases__content-desc {
    margin-top: .83vw;
  }
}

.results-cases__outcome {
  padding: 1.56vw 1.88vw 1.67vw;
  background: #E6E4FB;
  border-radius: 1.67vw;
  margin: auto 0 0;
}

.results-cases__outcome-list {
  margin-top: .63vw;
}

.results-cases__outcome-item {
  padding-left: 1.04vw;
  position: relative;
  font: 400 1.04vw/1.35 var(--font);

  &:not(:first-child) {
    margin-top: 5px;
  }

  &::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--black);
    position: absolute;
    top: .52vw;
    left: 0;
  }
}

.form-feedback__subtitle {
  width: 42.19vw;
}

/*style @media
----------------------------*/
@media (max-width: 1280px) {
  .preview {
    background: right center / cover url(../../assets/img/services/audit/preview-gradient-table.png) no-repeat var(--black);
    grid-template-columns: 44.79vw 1fr;
    grid-gap: 0;
    padding: 4.43vw 0 0 24px!important;
    height: 54.17vw;
    border-radius: 3.13vw;
    align-items: flex-start;
  }

  .preview-content {
    margin-top: 5.73vw;
  }

  .preview-content__title {
    font: 700 4.17vw/1.08 var(--font);
  }

  .preview-content__desc {
    font-size: 2.34vw;
  }

  .preview-img__banner {
    border-radius: 1.67vw;
    padding: 2.08vw;
    top: 0;

    &:nth-of-type(1) {
      left: 3.65vw;
    }

    &:nth-of-type(2) {
      top: 16.15vw;
      right: 2.99vw;
    }

    &:nth-of-type(3) {
      top: 28.65vw;
      left: 4.56vw;
    }
  }

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

  .preview-img__banner-desc {
    margin-top: 1.04vw;
    width: 16.54vw;
    font-size: 1.56vw;

    > svg {
      width: 1.56vw;
      top: 4px;
    }
  }

  .preview-img__banner-rating {
    top: 11vw;
    left: 15.36vw;
    padding: 1.04vw;
    border-radius: 1.56vw;
  }

  .preview-img__banner-rating-value {
    font: 700 1.56vw/1.35 var(--font);
    gap: .65vw;

    > svg {
      top: -2px;
      width: 1.56vw;
    }
  }

  .preview-img__banner {
    > img {
      width: 8.33vw;
      top: 4px;
    }
  }

  .preview-img__banner-rating-desc {
    margin-top: .52vw;
    font-size: 1.3vw;
  }

  .services__title {
    width: 100%;
  }

  .services__desc {
    width: 46.88vw;
    margin-top: 6.25vw;
  }

  .services-list__item {
    padding-right: 3.13vw;
    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;
    }
  }

  .comprehensive-audit__list {
    margin-top: 15.63vw;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.6vw;
  }

  .comprehensive-audit__title {
    width: 65.89vw;
  }

  .comprehensive-audit__desc {
    width: 46.88vw;
    margin-top: 6.25vw;
    font-size: 2.34vw;
  }

  .comprehensive-audit__item {
    border-radius: 2.34vw;
    padding: 3.5vw;
  }

  .comprehensive-audit__item-title {
    margin-top: 3.13vw;
  }

  .comprehensive-audit__item-desc {
    margin-top: 1.04vw;
    font-size: 1.82vw;
  }

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

  .audit-process__animation {
    left: 2.6vw;
  }

  .audit-process__item {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 1fr 46.74vw;
    padding-right: 0;
    grid-gap: 1.3vw 3.13vw;
    align-items: center;
  }

  .audit-process__item-title {
    font: var(--title-h4);
    margin: auto 0 0 0;
  }

  .audit-process__item-desc {
    margin: 0 0 auto 0;
    font-size: 2.34vw;
  }

  .what-gain__title {
    width: 100%;
  }

  .what-gain__list {
    margin-top: 7.55vw;
    grid-gap: 2.08vw;
  }

  .what-gain__item {
    border-radius: 2.34vw;

    &:not(:last-child) {
      padding: 3.65vw;
    }
  }

  .what-gain__icon {
    width: 10.42vw;
    height: 10.42vw;
  }

  .what-gain__item-desc {
    margin-top: 8.85vw;
    font-size: 2.34vw;
  }

  .contact-us {
    margin-top: 7.55vw;
    grid-template-columns: 45.83vw 1fr;
    grid-column-gap: 2.08vw;
  }

  .contact-us__text {
    font-size: 2.34vw;
  }

  .contact-us__link {
    margin-top: 2.08vw;
  }

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

  .results-list__item {
    border-radius: 2.08vw;
    padding: 4.17vw;

    > svg {
      height: 5.21vw;
    }
  }

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

    > p {
      font-size: 1.82vw;
    }

    > address {
      margin-top: 3.13vw;
      font-size: 1.82vw;
      padding-left: 5.21vw;

      &::before {
        width: 3.13vw;
      }
    }
  }

  .results-list__rating {
    top: 3.13vw;
    right: 3.13vw;
    font-size: 1.82vw;

    > svg {
      height: 3.65vw;
    }
  }

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

  .advantages__img {
    width: 100%;
    height: 41.67vw;
    border-radius: 2.34vw;

    > .advantages__picture {
      width: calc(100% - 9.64vw);
      right: 50%;
      transform: translateX(50%);
    }
  }

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

  .advantages__item {
    font: 400 2.34vw/1.35 var(--font);
  }

  .engagement-models-list__item {
    &:nth-last-child(1) {
      border-radius: 0 2.08vw 2.08vw 0;
    }

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

  .results-cases__item {
    width: 100%;
    height: 59.9vw;
  }

  .results-cases__title {
    width: 29.69vw;
    font: var(--title-h5);
  }

  .results-cases__cover {
    padding: 3.13vw 0 0 3.13vw;
  }

  .results-cases__btn {
    width: 6.25vw;
    height: 6.25vw;
  }

  .results-cases__info {
    grid-template-columns: 40.63vw 1fr;
    grid-column-gap: 8.33vw;
    padding: 7.03vw 4.17vw;
    border-radius: 2.08vw 0 2.08vw 2.08vw;

    &::before {
      width: 9.38vw;
      height: 9.38vw;
      background: url("../../assets/img/services/audit/cases/background-tablet.png");
      background-size: contain;
    }
  }

  .results-cases__item.active {
    .results-cases__info {
      width: 100%;
    }
  }

  .results-cases__content-desc {
    font-size: 1.82vw;
    margin-top: 1.25vw;

    & + .results-cases__content-desc {
      margin-top: 1.3vw;
    }
  }

  .results-cases__outcome-item {
    padding-left: 1.6vw;
    font-size: 1.82vw;

    &::before {
      top: 1.12vw;
    }
  }

  .results-cases__list {
    &[data-active-slide='1'] {
      grid-template-columns: 1fr 0;
      gap: 0;
    }

    &[data-active-slide='2'] {
      grid-template-columns: 0 1fr;
      gap: 0;
    }
  }

  .form-feedback__subtitle {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .preview {
    background: right center / cover url(../../assets/img/services/audit/preview-gradient-mobile.png) no-repeat var(--black);
    grid-template-columns: 1fr;
    height: 174.13vw;
    padding: 12.8vw 16px 0 !important;
  }

  .preview-content {
    margin-top: 0;
  }

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

  .preview-content__desc {
    font-size: 4.8vw;
    margin-top: 4.27vw;
  }

  .preview-img__banner {
    border-radius: 4.8vw;
    padding: 4.27vw;

    > img {
      width: 12.27vw;
    }

    &:nth-of-type(1) {
      left: 5.33vw;
    }

    &:nth-of-type(2) {
      top: 31.47vw;
      right: -2.67vw;
    }

    &:nth-of-type(3) {
      top: 40vw;
      left: 2.67vw;
    }
  }

  .preview-img__banner-title {
    font-size: 4.27vw;
  }

  .preview-img__banner-desc {
    margin-top: 1.07vw;
    width: 30.4vw;
    font-size: 2.67vw;

    > svg {
      width: 3.2vw;
    }
  }

  .preview-img__banner-rating {
    top: 16.8vw;
    left: 27.73vw;
    padding: 2.13vw;
    border-radius: 3.2vw;
  }

  .preview-img__banner-rating-desc {
    margin-top: 1.07vw;
    font-size: 2.67vw;
    width: 18.13vw;
  }

  .preview-img__banner-rating-value {
    font-size: 3.2vw;
    gap: 1.33vw;

    > svg {
      width: 3.2vw;
    }
  }

  .services__desc {
    width: 100%;
    margin-top: 8.53vw;
  }

  .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%;
  }

  .comprehensive-audit__list {
    grid-template-columns: 1fr;
    margin-top: 19.2vw;
    gap: 5.33vw;
  }

  .comprehensive-audit__item {
    &:first-child {
      height: 72vw;
    }
  }

  .comprehensive-audit__title, .comprehensive-audit__desc {
    width: 100%;
  }

  .comprehensive-audit__desc {
    margin-top: 8.53vw;
    font-size: 4.8vw;
  }

  .comprehensive-audit__item-title {
    margin-top: 6.4vw;
  }

  .comprehensive-audit__item-desc {
    margin-top: 2.13vw;
    font-size: 3.73vw;
  }

  .audit-process__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;
    }
  }

  .audit-process__item-title {
    margin: 0;
  }

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

  .audit-process__animation {
    display: none;
  }

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

  .what-gain__list {
    margin-top: 9.6vw;
    grid-gap: 4.27vw;
    grid-template-columns: repeat(2, 1fr);
  }

  .what-gain__item {
    border-radius: 4.8vw;

    .what-gain__item-desc {
      margin-top: 4.27vw;
      font-size: 4.8vw;
    }

    &:not(:last-child) {
      padding: 6.4vw 4.1vw;
    }
  }

  .what-gain__icon {
    width: 12.8vw;
    height: 12.8vw;
  }

  .contact-us {
    margin-top: 9.6vw;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }

  .contact-us__wrap {
    margin-top: 6.4vw;
  }

  .contact-us__text {
    font-size: 4.8vw;
  }

  .contact-us__link {
    margin-top: 4.27vw;
  }

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

  .results-list__item {
    border-radius: 4.27vw;
    padding: 8vw 10.67vw;

    > svg {
      height: 10.67vw;
    }
  }

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

    > p {
      font-size: 3.73vw;
    }

    > address {
      margin-top: 4.27vw;
      font-size: 3.73vw;
      padding-left: 10.67vw;

      &::before {
        width: 6.4vw;
      }
    }
  }

  .results-list__rating {
    top: 6.4vw;
    right: 6.4vw;
    font-size: 3.73vw;

    > svg {
      height: 7.47vw;
      top: -4px;
    }
  }

  .results-cases {
    margin-top: 9.6vw;
  }

  .results-cases__list {
    display: flex;
    flex-direction: column;
    gap: 16px!important;

    &[data-active-slide='1'] {
      grid-template-columns: 1fr 0;
    }

    &[data-active-slide='2'] {
      grid-template-columns: 0 1fr;
    }
  }

  .results-cases__item {
    height: 123.47vw;
  }

  .services-list__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 4.27vw;

    &::before, &.active::before {
      transform: none;
      position: static;
    }

    &.active .services-list__desc {
      height: auto;
    }
  }

  .services-list__content {
    margin: 0;
    width: 100%;
  }

  .services-list__desc {
    font-size: 3.73vw;
    margin-top: 2.13vw;
    height: 0;
    overflow: hidden;
    padding: 0;

    &:last-child {
      padding-bottom: 0;
    }
  }

  .services__link, .results-cases__list {
    width: 100%;
  }

  .results-cases__btn {
    width: 8vw;
    height: 8vw;
  }

  .results-cases__title {
    width: 60.8vw;
  }

  .results-cases__cover {
    padding: 6.4vw 0 0 6.4vw;
  }

  .results-cases__info {
    grid-template-columns: 1fr;
    grid-gap: 6.4vw 0;
    padding: 11.6vw 6.4vw;
    border-radius: 4.27vw;

    &::before {
      width: 15vw;
      height: 15vw;
      background: right top/cover url("../../assets/img/services/audit/cases/background-mobile.png") no-repeat;
    }
  }

  .results-cases__item.active {
    height: auto;

    .results-cases__info {
      width: 100%;
      display: grid;
    }

    .results-cases__btn::after {
      background-image: url("../../assets/img/services/audit/minus.svg");
    }

    .results-cases__cover {
      display: none;
    }
  }

  .results-cases__content-desc {
    font-size: 3.73vw;
    margin-top: 6.4vw;

    & + .results-cases__content-desc {
      margin-top: 4.27vw;
    }
  }

  .results-cases__outcome {
    padding: 4.27vw;
    border-radius: 4.8vw;
    margin: 6.4vw 0 0;
  }

  .results-cases__outcome-list {
    margin-top: 3.2vw;
  }

  .results-cases__outcome-item {
    margin-top: 5px;
    padding-left: 3.67vw;
    font-size: 3.73vw;

    &::before {
      top: 2vw;
    }
  }

  .results-cases__info {
    position: relative;
    display: none;
  }

  .engagement-models__title {
    width: 100%;
  }

  .engagement-models-list {
    grid-template-columns: 1fr;
  }

  .advantages {
    margin-top: 12.8vw;
    grid-gap: 12.8vw;
  }

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

  .advantages__img {
    height: 81.07vw;
    border-radius: 2.34vw;

    > .advantages__picture {
      width: calc(100% + 4.87vw);
      right: 50%;
    }
  }

  .advantages__item {
    font-size: 4.8vw;
  }

  .results-cases__nav {
    display: none;
  }
}