.section--services .icon {
  filter: brightness(0) saturate(100%) invert(21%) sepia(99%) saturate(3598%) hue-rotate(139deg) brightness(92%) contrast(101%);
}

@media (min-width: 992px) {
  .section--drivension::before, .section--drivension::after {
    content: "";
    position: absolute;
  }

  .section--drivension::before {
    background-image: linear-gradient(to right, var(--color-primary), var(--color-primary) 72%, var(--color-dark-primary) 40%, var(--color-dark-primary) 100%, var(--color-primary) 85%);
    width: 180px;
    height: 630px;
    top: -15%;
    transform: rotate(17deg);
    -webkit-transform: rotate(17deg);
    -moz-transform: rotate(17deg);
    -ms-transform: rotate(17deg);
    -o-transform: rotate(17deg);
    right: 5%;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .section--drivension::before {
    width: 240px;
  }
}

@media (min-width: 992px) and (min-width: 1400px) {
  .section--drivension::before {
    width: 280px;
  }
}

@media (min-width: 992px) and (min-width: 1920px) {
  .section--drivension::before {
    width: max(320px, 16.667vw);
    height: max(830px, 32.813vw);
    right: max(125px, 6.51vw);
  }
}

@media (min-width: 992px) {
  .section--drivension::after {
    background: url('/Areas/CMS/assets/img/defined_line.svg');
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    width: 399px;
    height: var(--spacing-17);
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .section--drivension::after {
    width: 588px;
  }
}

@media (min-width: 992px) and (min-width: 1400px) {
  .section--drivension::after {
    width: 718px;
  }
}

@media (min-width: 992px) and (min-width: 1680px) {
  .section--drivension::after {
    width: 881px;
  }
}

@media (min-width: 992px) and (min-width: 1920px) {
  .section--drivension::after {
    width: max(881px, 45.885vw);
  }
}

.section--excellence::before {
  content: "";
  position: var(--absolute);
  background: url('/Areas/CMS/assets/img/wavepattern_white.svg');
  background-position: var(--center) var(--center);
  background-repeat: var(--no-repeat);
  top: var(--spacing-0);
  right: var(--spacing-0);
  bottom: var(--spacing-0);
  left: var(--spacing-0);
}

@media (min-width: 3800px) {
  .section--excellence::before {
    background-size: 9000px;
  }
}

.section--services::after {
  content: "";
  position: var(--absolute);
  width: var(--spacing-full);
  height: var(--spacing-full);
  background-image: url('/Areas/CMS/assets/img/shape.svg');
  background-repeat: var(--no-repeat);
  background-size: var(--cover);
  top: var(--spacing-0);
  right: var(--spacing-0);
  bottom: var(--spacing-0);
  left: var(--spacing-0);
}

.section--services .object-fit-cover {
  box-shadow: var(--spacing-5) var(--spacing-5) var(--spacing-10) var(--color-black-rgba-20);
}
/*# sourceMappingURL=what_we_do.css.map */