.section {
  /* team work artical */
}
@media (min-width: 992px) {
  .section--services::after, .section--services::before {
    content: "";
    position: absolute;
    width: var(--spacing-full);
    height: var(--spacing-full);
    background-image: url('/Areas/CMS/assets/img/pattern_s.svg');
    background-repeat: no-repeat;
    background-size: 100%, 100%;
  }
  .section--services::before {
    left: -10%;
    top: -20%;
    max-width: 800px;
    max-height: 1200px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .section--services::before {
    max-width: 980px;
    max-height: 1300px;
  }
}
@media (min-width: 992px) and (min-width: 1920px) {
  .section--services::before {
    max-width: 1200px;
    max-height: 1670px;
  }
}
@media (min-width: 992px) {
  .section--services::after {
    right: -10%;
    bottom: -20%;
    max-width: 500px;
    max-height: 700px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .section--services::after {
    max-width: 600px;
    max-height: 800px;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  .section--services::after {
    max-width: 900px;
    max-height: 980px;
  }
}
@media (min-width: 992px) and (min-width: 1920px) {
  .section--services::after {
    max-width: 1200px;
    max-height: 1000px;
  }
}
.section--services .icon {
  filter: invert(28%) sepia(100%) saturate(1720%) hue-rotate(203deg) brightness(90%) contrast(114%);
  -webkit-filter: invert(28%) sepia(100%) saturate(1720%) hue-rotate(203deg);
}
@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--tramwork::after {
  content: "";
  background: var(--color-primary-rgb60);
  width: 1150px;
  height: 266px;
  position: var(--position-a);
  left: -80px;
  bottom: -280px;
  z-index: 0;
  transform: rotate(16deg);
  -webkit-transform: rotate(16deg);
  -moz-transform: rotate(16deg);
  -ms-transform: rotate(16deg);
  -o-transform: rotate(16deg);
}
@media (min-width: 992px) {
  .section--tramwork::after {
    width: 1150px;
    height: 236px;
    position: var(--position-a);
    left: -80px;
    bottom: -280px;
  }
}
@media (min-width: 1920px) {
  .section--tramwork::after {
    width: 59.8958333333vw;
    height: ge-vw-wxxl(396px);
    left: -4.1666666667vw;
    bottom: -14.5833333333vw;
  }
}

.alternative--slider-reshadow .slick-slide {
  outline: unset !important;
}
@media (max-width: 575.5px) {
  .alternative--slider-reshadow .slick-slide article {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.alternative--slider-reshadow .slick-slide:hover {
  outline: unset !important;
}