.light .values__list__item,
.light .products__item.wow.wow_finished {
  border-color: var(--border-opacity);
}
.light .clients__item img.clients__item__black {
  opacity: 1;
}
.light .clients__item img.clients__item__light {
  opacity: 0;
}
.light .clients__item:hover img.clients__item__black {
  opacity: 0;
}
.light .services__list__item__img_4 .cube div {
  box-shadow: 0 0 1.0416666667vw rgba(21, 21, 21, 0.7);
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .light .services__list__item__img_4 .cube div {
    box-shadow: 0 0 2.6041666667vw rgba(21, 21, 21, 0.7);
  }
}
@media screen and (max-width: 767px) {
  .light .services__list__item__img_4 .cube div {
    box-shadow: 0 0 1.5625vw rgba(21, 21, 21, 0.7);
  }
}
@media screen and (min-width: 1920px) {
  .light .services__list__item__img_4 .cube div {
    box-shadow: 0 0 20px rgba(21, 21, 21, 0.7);
  }
}
.light .services__list__item__img::after {
  left: 7.03125vw;
  top: 6.3541666667vw;
  box-shadow: 10px 48px 215px 123px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .light .services__list__item__img::after {
    left: 22.0052083333vw;
  }
}
@media screen and (max-width: 767px) {
  .light .services__list__item__img::after {
    left: 16.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .light .services__list__item__img::after {
    left: 135px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .light .services__list__item__img::after {
    top: 23.5677083333vw;
  }
}
@media screen and (max-width: 767px) {
  .light .services__list__item__img::after {
    top: 31.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .light .services__list__item__img::after {
    top: 122px;
  }
}
@media screen and (max-width: 759px) {
  .light .services__list__item__img::after {
    box-shadow: 0px 6px 138px 59px rgba(0, 0, 0, 0.9);
  }
}
.light .owl-nav .owl-prev span, .light .owl-nav .owl-next span {
  background-image: url(../img/svg/slider_arrow_dark.svg);
  background-size: contain;
}
@media screen and (max-width: 999px) {
  .light .owl-nav .owl-prev span, .light .owl-nav .owl-next span {
    background-image: url(../img/svg/slider_arrow_tb_dark.svg);
    background-size: contain;
  }
}

.header {
  min-height: 100vh;
  padding-bottom: 10.4166666667vw;
  overflow: hidden;
  display: inline-flex;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header {
    padding-bottom: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .header {
    padding-bottom: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .header {
    padding-bottom: 200px;
  }
}
.header__h1 {
  font-weight: 900;
  font-size: 4.6875vw;
  line-height: 5.625vw;
  letter-spacing: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .header__h1 {
    font-size: 6.5104166667vw;
    line-height: 7.8125vw;
  }
}
@media screen and (max-width: 759px) {
  .header__h1 {
    font-size: 8.75vw;
    line-height: 10.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__h1 {
    font-size: 90px;
    line-height: 108px;
  }
}
.header__h1 span {
  display: inline-flex;
}
.header__video {
  position: absolute;
  width: 31.5625vw;
  height: 47.5vw;
  right: -6.6666666667vw;
  top: -0.625vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__video {
    width: 45.5729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .header__video {
    width: 62.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__video {
    width: 606px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__video {
    height: 71.6145833333vw;
  }
}
@media screen and (max-width: 767px) {
  .header__video {
    height: 97.8125vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__video {
    height: 912px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__video {
    right: -4.4270833333vw;
  }
}
@media screen and (max-width: 767px) {
  .header__video {
    right: -13.4375vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__video {
    right: -128px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__video {
    top: 1.4322916667vw;
  }
}
@media screen and (max-width: 767px) {
  .header__video {
    top: 0.9375vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__video {
    top: -12px;
  }
}
.header__video img {
  width: 100%;
  height: auto;
}
.header__video_canvas {
  width: 72.9166666667vw;
  height: 72.9166666667vw;
  right: -20.8333333333vw;
  top: -15.625vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__video_canvas {
    width: 67.7083333333vw;
  }
}
@media screen and (max-width: 767px) {
  .header__video_canvas {
    width: 84.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__video_canvas {
    width: 1400px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__video_canvas {
    height: 67.7083333333vw;
  }
}
@media screen and (max-width: 767px) {
  .header__video_canvas {
    height: 84.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__video_canvas {
    height: 1400px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__video_canvas {
    right: -4.4270833333vw;
  }
}
@media screen and (max-width: 767px) {
  .header__video_canvas {
    right: -13.4375vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__video_canvas {
    right: -400px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__video_canvas {
    top: 1.4322916667vw;
  }
}
@media screen and (max-width: 767px) {
  .header__video_canvas {
    top: 0.9375vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__video_canvas {
    top: -300px;
  }
}
.header__video_canvas canvas {
  width: 100%;
  height: 100%;
  display: inline-flex;
}
.header .border_bottom {
  width: 0;
  bottom: 0.1041666667vw;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header .border_bottom {
    bottom: 0.2604166667vw;
  }
}
@media screen and (max-width: 767px) {
  .header .border_bottom {
    bottom: 0.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .header .border_bottom {
    bottom: 2px;
  }
}
.header .border_bottom.wow_finished {
  width: 89.5833333333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header .border_bottom.wow_finished {
    width: 95.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .header .border_bottom.wow_finished {
    width: 90.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .header .border_bottom.wow_finished {
    width: 1720px;
  }
}
.header .container {
  padding-top: 10.4166666667vw;
  padding-bottom: 10.4166666667vw;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header .container {
    padding-top: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .header .container {
    padding-top: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .header .container {
    padding-top: 200px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header .container {
    padding-bottom: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .header .container {
    padding-bottom: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .header .container {
    padding-bottom: 200px;
  }
}
.header__bg {
  width: 44.6875vw;
  height: 26.1979166667vw;
  left: 13.8541666667vw;
  position: absolute;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__bg {
    width: 68.2291666667vw;
  }
}
@media screen and (max-width: 767px) {
  .header__bg {
    width: 90.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__bg {
    width: 858px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__bg {
    height: 39.9739583333vw;
  }
}
@media screen and (max-width: 767px) {
  .header__bg {
    height: 58.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__bg {
    height: 503px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .header__bg {
    left: 27.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .header__bg {
    left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__bg {
    left: 266px;
  }
}
.header__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header__bg__light {
  display: block;
}
.header__bg__dark {
  display: none;
}

.nav {
  background: transparent;
}
.nav .nav__burger_link {
  background: transparent;
}
.nav.nav_fixed, .nav.nav_fixed .nav__burger_link {
  background: var(--dark);
}

.nav .container {
  position: relative;
  border-bottom: none;
}

.nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.nav__bg svg {
  display: inline-block;
  width: 32.6041666667vw;
  height: 7.03125vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .nav__bg svg {
    width: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .nav__bg svg {
    width: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .nav__bg svg {
    width: 626px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .nav__bg svg {
    height: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .nav__bg svg {
    height: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .nav__bg svg {
    height: 135px;
  }
}
.nav__bg path {
  stroke: var(--light);
  stroke-width: 1;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 10s linear forwards;
}
@keyframes draw {
  100% {
    stroke-dashoffset: 0;
  }
}

.owl-nav {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-right: 1.8229166667vw;
  margin-top: 7.3958333333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .owl-nav {
    padding-right: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .owl-nav {
    padding-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .owl-nav {
    padding-right: 35px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .owl-nav {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .owl-nav {
    margin-top: 13.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .owl-nav {
    margin-top: 142px;
  }
}
.owl-nav .owl-prev span, .owl-nav .owl-next span {
  width: 6.25vw;
  height: 0.8333333333vw;
  background: url(../img/svg/slider_arrow.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  color: var(--dark);
  transform: rotate(-180deg);
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .owl-nav .owl-prev span, .owl-nav .owl-next span {
    width: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .owl-nav .owl-prev span, .owl-nav .owl-next span {
    width: 17.1875vw;
  }
}
@media screen and (min-width: 1920px) {
  .owl-nav .owl-prev span, .owl-nav .owl-next span {
    width: 120px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .owl-nav .owl-prev span, .owl-nav .owl-next span {
    height: 1.8229166667vw;
  }
}
@media screen and (max-width: 767px) {
  .owl-nav .owl-prev span, .owl-nav .owl-next span {
    height: 4.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .owl-nav .owl-prev span, .owl-nav .owl-next span {
    height: 16px;
  }
}
@media screen and (max-width: 999px) {
  .owl-nav .owl-prev span, .owl-nav .owl-next span {
    background: url(../img/svg/slider_arrow_tb.svg) no-repeat;
    background-size: contain;
  }
}
.owl-nav .owl-next {
  margin-left: 4.0625vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .owl-nav .owl-next {
    margin-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .owl-nav .owl-next {
    margin-left: 9.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .owl-nav .owl-next {
    margin-left: 78px;
  }
}
.owl-nav .owl-next span {
  transform: rotate(0deg);
}

.h2 {
  padding-left: 14.4270833333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .h2 {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .h2 {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .h2 {
    padding-left: 277px;
  }
}

.values {
  margin-top: 10.4166666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values {
    margin-top: 19.4010416667vw;
  }
}
@media screen and (max-width: 767px) {
  .values {
    margin-top: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .values {
    margin-top: 200px;
  }
}
.values .container {
  padding-bottom: 5.6770833333vw;
  position: relative;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values .container {
    padding-bottom: 9.8958333333vw;
  }
}
@media screen and (max-width: 767px) {
  .values .container {
    padding-bottom: 18.125vw;
  }
}
@media screen and (min-width: 1920px) {
  .values .container {
    padding-bottom: 109px;
  }
}
.values__list {
  margin-top: 6.71875vw;
  margin-left: 37.3958333333vw;
  list-style: none;
  counter-reset: my-awesome-counter;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list {
    margin-top: 8.0729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list {
    margin-top: 18.125vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list {
    margin-top: 129px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list {
    margin-left: 33.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list {
    margin-left: 29.6875vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list {
    margin-left: 718px;
  }
}
.values__list__item {
  counter-increment: my-awesome-counter;
  padding-top: 2.6041666667vw;
  padding-bottom: 4.6875vw;
  padding-right: 8.0729166667vw;
  width: 37.4479166667vw;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-width: 0.0520833333vw;
  position: relative;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list__item {
    padding-top: 6.5104166667vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list__item {
    padding-top: 5.9375vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list__item {
    padding-top: 50px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list__item {
    padding-bottom: 11.8489583333vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list__item {
    padding-bottom: 12.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list__item {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list__item {
    padding-right: 7.1614583333vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list__item {
    padding-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list__item {
    padding-right: 155px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list__item {
    width: 62.109375vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list__item {
    width: 60.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list__item {
    width: 719px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list__item {
    border-width: 0.1302083333vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list__item {
    border-width: 0.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list__item {
    border-width: 1px;
  }
}
.values__list__item::before {
  content: "0" counter(my-awesome-counter);
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 4vw;
  letter-spacing: 0;
  color: #818181;
  position: absolute;
  top: -0.4166666667vw;
  left: -5.46875vw;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .values__list__item::before {
    font-size: 8.3333333333vw;
    line-height: 10vw;
  }
}
@media screen and (max-width: 759px) {
  .values__list__item::before {
    font-size: 9.375vw;
    line-height: 11.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list__item::before {
    font-size: 64px;
    line-height: 76.8px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list__item::before {
    top: -3.3854166667vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list__item::before {
    top: -1.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list__item::before {
    top: -8px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .values__list__item::before {
    left: -13.671875vw;
  }
}
@media screen and (max-width: 767px) {
  .values__list__item::before {
    left: -17.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .values__list__item::before {
    left: -105px;
  }
}

.services {
  margin-top: 10.4166666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services {
    margin-top: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .services {
    margin-top: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .services {
    margin-top: 200px;
  }
}
.services .container {
  padding-bottom: 1.6666666667vw;
  padding-left: 5.2604166667vw;
  position: relative;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services .container {
    padding-bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .services .container {
    padding-bottom: 15.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .services .container {
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services .container {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .services .container {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .services .container {
    padding-left: 101px;
  }
}
.services .services__list__item__img.services__list__item__img_4 {
  overflow: hidden;
}
.services .services__list__item__img.services__list__item__img_4::after, .services .services__list__item__img.services__list__item__img_4 .cube:after {
  opacity: 0;
}
.services__list {
  margin-top: 6.0416666667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 13.125vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list {
    margin-top: 13.0208333333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list {
    margin-top: 15.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list {
    margin-top: 116px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list {
    padding-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list {
    padding-right: 252px;
  }
}
.services__list__item {
  display: flex;
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item {
    margin-bottom: 13.0208333333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item {
    margin-bottom: 15.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item {
    margin-bottom: 40px;
  }
}
.services__list__item__img {
  width: 26.0416666667vw;
  height: 26.0416666667vw;
  position: relative;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img {
    width: 45.4427083333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img {
    width: 29.6875vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img {
    width: 500px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img {
    height: 35.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img {
    height: 65.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img {
    height: 500px;
  }
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .services__list__item__img {
    transform: scale(0.55);
    margin-top: -6.640625vw;
  }
}
.services__list__item__img img {
  position: absolute;
  height: auto;
}
.services__list__item__img::after {
  content: "";
  position: absolute;
  background: #D9D9D9;
  box-shadow: 10px 48px 168px 91px #d9d9d9;
  left: 7.7604166667vw;
  top: 8.4895833333vw;
  z-index: -1;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img::after {
    left: 22.0052083333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img::after {
    left: 16.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img::after {
    left: 149px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img::after {
    top: 23.5677083333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img::after {
    top: 31.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img::after {
    top: 163px;
  }
}
@media screen and (max-width: 759px) {
  .services__list__item__img::after {
    box-shadow: 0px 6px 169px 44px #d9d9d9;
  }
}
.services__list__item__img_1 .services__list__item__obj1 {
  width: 23.0208333333vw;
  left: -3.4895833333vw;
  top: -0.2083333333vw;
  animation: img1_orbit1vw 9s linear infinite;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_1 .services__list__item__obj1 {
    animation: img1_orbit1 9s linear infinite;
    width: 442px;
    left: -67px;
    top: -4px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_1 .services__list__item__obj1 {
    width: 42.1875vw;
    left: -9.6875vw;
    top: 7.5vw;
  }
}
.services__list__item__img_1 .services__list__item__obj2 {
  width: 13.9583333333vw;
  left: -5.5729166667vw;
  top: 9.1145833333vw;
  animation: img1_orbit2vw 7s linear infinite;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_1 .services__list__item__obj2 {
    animation: img1_orbit2 7s linear infinite;
    width: 268px;
    left: -107px;
    top: 175px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_1 .services__list__item__obj2 {
    width: 16.25vw;
    left: -3.4375vw;
    top: 48.75vw;
  }
}
@keyframes img1_orbit1 {
  from {
    transform: rotate(0deg) translateX(70px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(70px) rotate(-360deg);
  }
}
@keyframes img1_orbit2 {
  from {
    transform: rotate(0deg) translateX(70px) rotate(0deg);
  }
  to {
    transform: rotate(-360deg) translateX(70px) rotate(360deg);
  }
}
@keyframes img1_orbit1vw {
  from {
    transform: rotate(0deg) translateX(3.65vw) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(3.65vw) rotate(-360deg);
  }
}
@keyframes img1_orbit2vw {
  from {
    transform: rotate(0deg) translateX(3.65vw) rotate(0deg);
  }
  to {
    transform: rotate(-360deg) translateX(3.65vw) rotate(360deg);
  }
}
.services__list__item__img_2 .services__list__item__obj1 {
  width: 12.6041666667vw;
  left: 10.9895833333vw;
  top: -0.15625vw;
  animation: img2_arrow1vw 1.5s linear infinite;
  z-index: 2;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_2 .services__list__item__obj1 {
    animation: img2_arrow1 1.5s linear infinite;
    width: 242px;
    left: 211px;
    top: -3px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_2 .services__list__item__obj1 {
    width: 15.9375vw;
    left: 6.875vw;
    top: 10.9375vw;
    transform: rotate(-30deg);
    animation: img2_arrow1_mb 1.5s linear infinite;
  }
}
.services__list__item__img_2 .services__list__item__obj2 {
  width: 13.9583333333vw;
  left: 10.5208333333vw;
  top: 7.5vw;
  animation: img2_arrow2vw 2s linear infinite;
  z-index: 2;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_2 .services__list__item__obj2 {
    animation: img2_arrow2 2s linear infinite;
    width: 268px;
    left: 202px;
    top: 144px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_2 .services__list__item__obj2 {
    width: 18.4375vw;
    left: 13.4375vw;
    top: 38.75vw;
    transform: rotate(-33deg);
    animation: img2_arrow2_mb 2s linear infinite;
  }
}
.services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
  width: 13.8020833333vw;
  left: -1.7708333333vw;
  top: 1.6666666667vw;
  z-index: 1;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    width: 34.5052083333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    width: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    width: 265px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    left: -34px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    top: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_2 .services__list__item__obj3, .services__list__item__img_2 .services__list__item__obj4 {
    display: none;
  }
}
.services__list__item__img_2 .services__list__item__obj4 {
  z-index: 4;
}
.services__list__item__img_2 .services__list__item__obj5 {
  display: none;
}
@media screen and (max-width: 767px) {
  .services__list__item__img_2 .services__list__item__obj5 {
    display: block;
    width: 32.5vw;
    height: auto;
    position: absolute;
    left: -4.6875vw;
    top: 5.625vw;
  }
}
@keyframes img2_arrow1 {
  0% {
    left: 211px;
    top: -3px;
    opacity: 0;
  }
  20% {
    left: 211px;
    top: -3px;
    opacity: 0;
  }
  30% {
    left: 211px;
    top: -3px;
    opacity: 1;
  }
  90% {
    left: 92px;
    top: 72px;
    opacity: 1;
  }
  100% {
    left: 92px;
    top: 72px;
    opacity: 0;
  }
}
@keyframes img2_arrow1_mb {
  0% {
    left: 11.25vw;
    top: 2.5vw;
    opacity: 0;
  }
  20% {
    left: 11.25vw;
    top: 2.5vw;
    opacity: 0;
  }
  30% {
    left: 11.25vw;
    top: 2.5vw;
    opacity: 1;
  }
  90% {
    left: 6.875vw;
    top: 10.9375vw;
    opacity: 1;
  }
  100% {
    left: 6.875vw;
    top: 10.9375vw;
    opacity: 0;
  }
}
@keyframes img2_arrow2_mb {
  0% {
    left: 13.4375vw;
    top: 38.75vw;
    opacity: 0;
  }
  20% {
    left: 13.4375vw;
    top: 38.75vw;
    opacity: 0;
  }
  30% {
    left: 13.4375vw;
    top: 38.75vw;
    opacity: 1;
  }
  90% {
    left: 5.625vw;
    top: 45vw;
    opacity: 1;
  }
  100% {
    left: 5.625vw;
    top: 45vw;
    opacity: 0;
  }
}
@keyframes img2_arrow1vw {
  0% {
    left: 10.9895833333vw;
    top: -0.15625vw;
    opacity: 0;
  }
  20% {
    left: 10.9895833333vw;
    top: -0.15625vw;
    opacity: 0;
  }
  30% {
    left: 10.9895833333vw;
    top: -0.15625vw;
    opacity: 1;
  }
  90% {
    left: 4.7916666667vw;
    top: 3.75vw;
    opacity: 1;
  }
  100% {
    left: 4.7916666667vw;
    top: 3.75vw;
    opacity: 0;
  }
}
@keyframes img2_arrow2 {
  0% {
    opacity: 0;
  }
  30% {
    left: 202px;
    top: 144px;
    opacity: 0;
  }
  40% {
    left: 202px;
    top: 144px;
    opacity: 1;
  }
  90% {
    left: 89px;
    top: 154px;
    opacity: 1;
  }
  100% {
    left: 89px;
    top: 154px;
    opacity: 0;
  }
}
@keyframes img2_arrow2vw {
  0% {
    opacity: 0;
  }
  30% {
    left: 10.5208333333vw;
    top: 7.5vw;
    opacity: 0;
  }
  40% {
    left: 10.5208333333vw;
    top: 7.5vw;
    opacity: 1;
  }
  90% {
    left: 4.6354166667vw;
    top: 8.0208333333vw;
    opacity: 1;
  }
  100% {
    left: 4.6354166667vw;
    top: 8.0208333333vw;
    opacity: 0;
  }
}
.services__list__item__img_3 .services__list__item__obj1 {
  width: 26.1979166667vw;
  left: -2.8125vw;
  top: 4.1666666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    width: 66.5364583333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    width: 43.4375vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    width: 503px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    left: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    left: -8.4375vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    left: -54px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    top: 8.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    top: 1.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_3 .services__list__item__obj1 {
    top: 80px;
  }
}
.services__list__item__img_3 .services__list__item__obj1_dp {
  display: block;
}
@media screen and (max-width: 767px) {
  .services__list__item__img_3 .services__list__item__obj1_dp {
    display: none;
  }
}
.services__list__item__img_3 .services__list__item__obj1_mb {
  display: none;
}
@media screen and (max-width: 767px) {
  .services__list__item__img_3 .services__list__item__obj1_mb {
    display: block;
  }
}
.services__list__item__img_4 {
  padding-left: 1.5625vw;
  margin-right: 1.5625vw;
  width: 26.0416666667vw;
  height: 26.0416666667vw;
  display: flex;
  --cube-size: 40vh;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 {
    margin-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 {
    margin-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 {
    margin-right: 30px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 {
    width: 45.5729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 {
    width: 35.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 {
    width: 500px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 {
    height: 58.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 {
    height: 81.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 {
    height: 500px;
  }
}
.services__list__item__img_4 .services__list__item__obj1 {
  width: 20vw;
  left: 0;
  top: 4.74vw;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj1 {
    width: 384px;
    left: 0;
    top: 91px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 .services__list__item__obj1 {
    display: none;
  }
}
.services__list__item__img_4 .services__list__item__obj6 {
  display: none;
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 .services__list__item__obj6 {
    display: block;
    position: absolute;
    height: auto;
    width: 26.5625vw;
    left: 0.3125vw;
    top: 9.6875vw;
  }
}
.services__list__item__img_4 .services__list__item__obj2 {
  --cube-size: 3.125vw;
  --cube-size-minus: -3.125vw;
  --cube-size-half: 1.5625vw;
  --cube-size-half-minus: -1.5625vw;
  top: 1.3541666667vw;
  left: 6.09375vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj2 {
    --cube-size: 7.8vw;
    --cube-size-minus: -7.8vw;
    --cube-size-half: 3.9vw;
    --cube-size-half-minus: -3.9vw;
    top: 3.3854166667vw;
    left: 15.234375vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 .services__list__item__obj2 {
    --cube-size: 60px;
    --cube-size-minus: -60px;
    --cube-size-half: 30px;
    --cube-size-half-minus: -30px;
    top: 26px;
    left: 117px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 .services__list__item__obj2 {
    --cube-size: 4.375vw;
    --cube-size-minus: -4.375vw;
    --cube-size-half: 2.1875vw;
    --cube-size-half-minus: -2.1875vw;
    top: 10vw;
    left: 6.25vw;
  }
}
.services__list__item__img_4 .services__list__item__obj2::after, .services__list__item__img_4 .services__list__item__obj2 div {
  --cube-size: 3.125vw;
  --cube-size-minus: -3.125vw;
  --cube-size-half: 1.5625vw;
  --cube-size-half-minus: -1.5625vw;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj2::after, .services__list__item__img_4 .services__list__item__obj2 div {
    --cube-size: 60px;
    --cube-size-minus: -60px;
    --cube-size-half: 30px;
    --cube-size-half-minus: -30px;
  }
}
.services__list__item__img_4 .services__list__item__obj3 {
  --cube-size: 1.3vw;
  --cube-size-minus: -1.3vw;
  --cube-size-half: 0.65vw;
  --cube-size-half-minus: -0.65vw;
  top: 19.0625vw;
  left: 2.5520833333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj3 {
    --cube-size: 3.3vw;
    --cube-size-minus: -3.3vw;
    --cube-size-half: 1.65vw;
    --cube-size-half-minus: -1.65vw;
    top: 47.65625vw;
    left: 6.3802083333vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 .services__list__item__obj3 {
    --cube-size: 25px;
    --cube-size-minus: -25px;
    --cube-size-half: 12.5px;
    --cube-size-half-minus: -12.5px;
    top: 366px;
    left: 49px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 .services__list__item__obj3 {
    --cube-size: 4.375vw;
    --cube-size-minus: -4.375vw;
    --cube-size-half: 2.1875vw;
    --cube-size-half-minus: -2.1875vw;
    top: 41.25vw;
    left: 11.25vw;
  }
}
.services__list__item__img_4 .services__list__item__obj3::after, .services__list__item__img_4 .services__list__item__obj3 div {
  --cube-size: 1.3vw;
  --cube-size-minus: -1.3vw;
  --cube-size-half: 0.65vw;
  --cube-size-half-minus: -0.65vw;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj3::after, .services__list__item__img_4 .services__list__item__obj3 div {
    --cube-size: 25px;
    --cube-size-minus: -25px;
    --cube-size-half: 12.5px;
    --cube-size-half-minus: -12.5px;
  }
}
.services__list__item__img_4 .services__list__item__obj4 {
  --cube-size: 1.82vw;
  --cube-size-minus: -1.82vw;
  --cube-size-half: 0.9vw;
  --cube-size-half-minus: -0.9vw;
  top: 18.8020833333vw;
  left: 16.8229166667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj4 {
    --cube-size: 4.5vw;
    --cube-size-minus: -4.5vw;
    --cube-size-half: 2.25vw;
    --cube-size-half-minus: -2.5vw;
    --cube-size-half-minus: -2.5vw;
    top: 50.6510416667vw;
    left: 39.5833333333vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 .services__list__item__obj4 {
    --cube-size: 35px;
    --cube-size-minus: -35px;
    --cube-size-half: 17.5px;
    --cube-size-half-minus: -17.5px;
    top: 361px;
    left: 323px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 .services__list__item__obj4 {
    --cube-size: 1.875vw;
    --cube-size-minus: -1.875vw;
    --cube-size-half: 0.9375vw;
    --cube-size-half-minus: -0.9375vw;
    top: 55.3125vw;
    left: 1.5625vw;
  }
}
.services__list__item__img_4 .services__list__item__obj4::after, .services__list__item__img_4 .services__list__item__obj4 div {
  --cube-size: 1.82vw;
  --cube-size-minus: -1.82vw;
  --cube-size-half: 0.9vw;
  --cube-size-half-minus: -0.9vw;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj4::after, .services__list__item__img_4 .services__list__item__obj4 div {
    --cube-size: 35px;
    --cube-size-minus: -35px;
    --cube-size-half: 17.5px;
    --cube-size-half-minus: -17.5px;
  }
}
.services__list__item__img_4 .services__list__item__obj5 {
  --cube-size: 2.6vw;
  --cube-size-minus: -2.6vw;
  --cube-size-half: 1.3vw;
  --cube-size-half-minus: -1.3vw;
  top: 12.5520833333vw;
  left: 9.4270833333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj5 {
    --cube-size: 6.5vw;
    --cube-size-minus: -6.5vw;
    --cube-size-half: 3.25vw;
    --cube-size-half-minus: -3.25vw;
    top: 31.3802083333vw;
    left: 23.5677083333vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 .services__list__item__obj5 {
    --cube-size: 50px;
    --cube-size-minus: -50px;
    --cube-size-half: 25px;
    --cube-size-half-minus: -25px;
    top: 241px;
    left: 181px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 .services__list__item__obj5 {
    --cube-size: 2.5vw;
    --cube-size-minus: -2.5vw;
    --cube-size-half: 1.25vw;
    --cube-size-half-minus: -1.25vw;
    top: 63.125vw;
    left: 24.0625vw;
  }
}
.services__list__item__img_4 .services__list__item__obj5::after, .services__list__item__img_4 .services__list__item__obj5 div {
  --cube-size: 2.6vw;
  --cube-size-minus: -2.6vw;
  --cube-size-half: 1.3vw;
  --cube-size-half-minus: -1.3vw;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .services__list__item__obj5::after, .services__list__item__img_4 .services__list__item__obj5 div {
    --cube-size: 50px;
    --cube-size-minus: -50px;
    --cube-size-half: 25px;
    --cube-size-half-minus: -25px;
  }
}
.services__list__item__img_4 .cube {
  width: var(--cube-size);
  height: var(--cube-size);
  position: relative;
  transform-style: preserve-3d;
  animation: rotate 10s linear infinite;
  position: absolute;
}
.services__list__item__img_4 .cube:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transform-origin: bottom;
  transform-style: preserve-3d;
  transform: rotateX(90deg) translateY(var(--cube-size-half)) translateZ(var(--cube-size-half-minus));
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1.0416666667vw rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .cube:after {
    box-shadow: 0 0 2.6041666667vw rgba(255, 255, 255, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 .cube:after {
    box-shadow: 0 0 6.25vw rgba(255, 255, 255, 0.2);
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 .cube:after {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  }
}
.services__list__item__img_4 .cube div {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  box-shadow: 0 0 1.0416666667vw rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_4 .cube div {
    box-shadow: 0 0 2.6041666667vw rgba(255, 255, 255, 0.7);
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_4 .cube div {
    box-shadow: 0 0 1.5625vw rgba(255, 255, 255, 0.7);
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__img_4 .cube div {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
  }
}
.services__list__item__img_4 .cube div:nth-child(1) {
  transform: translateZ(var(--cube-size-half-minus));
  animation: shade 10s -5s linear infinite;
}
.services__list__item__img_4 .cube div:nth-child(2) {
  transform: translateZ(var(--cube-size-half)) rotateY(180deg);
  animation: shade 10s linear infinite;
}
.services__list__item__img_4 .cube div:nth-child(3) {
  transform-origin: right;
  transform: translateZ(var(--cube-size-half)) rotateY(270deg);
  animation: shade 10s -2.5s linear infinite;
}
.services__list__item__img_4 .cube div:nth-child(4) {
  transform-origin: left;
  transform: translateZ(var(--cube-size-half)) rotateY(90deg);
  animation: shade 10s -7.5s linear infinite;
}
.services__list__item__img_4 .cube div:nth-child(5) {
  transform-origin: bottom;
  transform: translateZ(var(--cube-size-half)) rotateX(90deg);
  background-color: rgba(0, 0, 0, 0.7);
}
.services__list__item__img_4 .cube div:nth-child(6) {
  transform-origin: top;
  transform: translateZ(var(--cube-size-half)) rotateX(270deg);
}
@keyframes rotate {
  0% {
    transform: rotateX(-15deg) rotateY(0deg);
  }
  100% {
    transform: rotateX(-15deg) rotateY(360deg);
  }
}
@keyframes shade {
  50% {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.services__list__item__img_5 .services__list__item__obj1 {
  width: 11.9270833333vw;
  left: 4.1145833333vw;
  top: 0.4166666667vw;
  animation: img1_orbit51vw 9s linear infinite;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_5 .services__list__item__obj1 {
    animation: img1_orbit51 9s linear infinite;
    width: 229px;
    left: 79px;
    top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_5 .services__list__item__obj1 {
    width: 24.6875vw;
    left: 2.1875vw;
    top: 7.8125vw;
  }
}
.services__list__item__img_5 .services__list__item__obj2 {
  width: 10.9895833333vw;
  left: 1.71875vw;
  top: 11.6666666667vw;
  animation: img1_orbit52vw 7s linear infinite;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_5 .services__list__item__obj2 {
    animation: img1_orbit52 7s linear infinite;
    width: 211px;
    left: 33px;
    top: 224px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_5 .services__list__item__obj2 {
    width: 22.1875vw;
    left: 0.3125vw;
    top: 50.9375vw;
  }
}
@keyframes img1_orbit51 {
  from {
    transform: rotate(0deg) translateX(40px) rotate(0deg);
  }
  to {
    transform: rotate(-360deg) translateX(40px) rotate(360deg);
  }
}
@keyframes img1_orbit52 {
  from {
    transform: rotate(0deg) translateX(40px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(40px) rotate(-360deg);
  }
}
@keyframes img1_orbit51vw {
  from {
    transform: rotate(0deg) translateX(2.08vw) rotate(0deg);
  }
  to {
    transform: rotate(-360deg) translateX(2.08vw) rotate(360deg);
  }
}
@keyframes img1_orbit52vw {
  from {
    transform: rotate(0deg) translateX(2.08vw) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(2.08vw) rotate(-360deg);
  }
}
.services__list__item__img_6 {
  --services6Time: 4s;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6::after {
    top: -6.5104166667vw;
    left: 20.4427083333vw;
  }
}
.services__list__item__img_6 .services__list__item__obj1 {
  width: 18.6979166667vw;
  height: auto;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj1 {
    width: 359px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj1 {
    top: -207px;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_6 .services__list__item__obj1 {
    display: none;
  }
}
.services__list__item__img_6 .services__list__item__obj9 {
  display: none;
}
@media screen and (max-width: 767px) {
  .services__list__item__img_6 .services__list__item__obj9 {
    display: block;
    position: absolute;
    height: auto;
    width: 30.9375vw;
    top: 15.625vw;
    left: -4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__img_6__cubes {
    position: absolute;
    left: 0.9375vw;
    top: 78.4375vw;
    transform: scale(1.4);
  }
}
.services__list__item__img_6 .cube {
  --cube-width: 10.42vw;
  --cube-height: 0.9375vw;
  --cube-height2: 0.47vw;
  --cube--height2: -0.47vw;
  width: var(--cube-width);
  height: var(--cube-height);
  position: relative;
  transform: rotateY(-234deg) rotateX(27deg) rotateZ(60deg);
  transform-style: preserve-3d;
  position: absolute;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .cube {
    --cube-width:200px;
    --cube-height:18px;
    --cube-height2:9px;
    --cube--height2:-9px;
  }
}
.services__list__item__img_6 .cube div {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid white;
  background: linear-gradient(64.03deg, #ACACAC 21.9%, #FFFFFF 467.45%);
}
.services__list__item__img_6 .cube div:nth-child(1) {
  transform: translateZ(var(--cube--height2));
  background: linear-gradient(121.41deg, #FFFFFF -47.47%, #B4B4B4 139.9%);
}
.services__list__item__img_6 .cube div:nth-child(2) {
  transform: translateZ(var(--cube-height2)) rotateY(180deg);
}
.services__list__item__img_6 .cube div:nth-child(3), .services__list__item__img_6 .cube div:nth-child(6) {
  opacity: 0;
}
.services__list__item__img_6 .cube div:nth-child(4) {
  transform-origin: left;
  transform: translateZ(var(--cube-height2)) rotateY(90deg);
  width: var(--cube-height);
  background: linear-gradient(224.97deg, #FFFFFF -5.17%, #C7C7C7 78.33%);
}
.services__list__item__img_6 .cube div:nth-child(5) {
  transform-origin: bottom;
  transform: translateZ(var(--cube-height2)) rotateX(90deg);
  background: linear-gradient(74.42deg, #AEAEAE 21.94%, #FFFFFF 467.43%);
}
.services__list__item__img_6 .services__list__item__obj2 {
  --cube-width: 2.86vw;
  --cube-left: 8.69vw;
  --cube-bottom: 10.26vw;
  --cube-left-to: 7.08vw;
  --cube-bottom-to: 11.25vw;
  animation: img6_animate var(--services6Time) linear infinite;
  width: var(--cube-width);
  left: var(--cube-left-to);
  bottom: var(--cube-bottom-to);
  z-index: 8;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj2 {
    --cube-width: 55px;
    --cube-left: 167px;
    --cube-bottom:197px;
    --cube-left-to: 136px;
    --cube-bottom-to: 216px;
  }
}
.services__list__item__img_6 .services__list__item__obj3 {
  --cube-width: 5.21vw;
  --cube-left: 9.84vw;
  --cube-bottom: 10.99vw;
  --cube-left-to: 7.188vw;
  --cube-bottom-to: 12.97vw;
  animation: img6_animate var(--services6Time) linear infinite;
  animation-delay: 0.3s;
  width: var(--cube-width);
  left: var(--cube-left-to);
  bottom: var(--cube-bottom-to);
  z-index: 7;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj3 {
    --cube-width: 100px;
    --cube-left: 189px;
    --cube-bottom:211px;
    --cube-left-to: 138px;
    --cube-bottom-to:249px;
  }
}
.services__list__item__img_6 .services__list__item__obj4 {
  --cube-width: 6.82vw;
  --cube-left: 11.15vw;
  --cube-bottom: 11.72vw;
  --cube-left-to: 7.6vw;
  --cube-bottom-to: 14.32vw;
  animation: img6_animate var(--services6Time) linear infinite;
  animation-delay: 0.6s;
  width: var(--cube-width);
  left: var(--cube-left-to);
  bottom: var(--cube-bottom-to);
  z-index: 6;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj4 {
    --cube-width: 131px;
    --cube-left: 214px;
    --cube-bottom:225px;
    --cube-left-to: 146px;
    --cube-bottom-to: 275px;
  }
}
.services__list__item__img_6 .services__list__item__obj5 {
  --cube-width: 9.27vw;
  --cube-left: 12.45vw;
  --cube-bottom: 12.45vw;
  --cube-left-to: 7.76vw;
  --cube-bottom-to: 15.94vw;
  animation: img6_animate var(--services6Time) linear infinite;
  animation-delay: 0.9s;
  width: var(--cube-width);
  left: var(--cube-left-to);
  bottom: var(--cube-bottom-to);
  z-index: 5;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj5 {
    --cube-width: 178px;
    --cube-left: 239px;
    --cube-bottom: 239px;
    --cube-left-to: 149px;
    --cube-bottom-to: 306px;
  }
}
.services__list__item__img_6 .services__list__item__obj6 {
  --cube-width: 10.68vw;
  --cube-left: 13.7vw;
  --cube-bottom: 13.18vw;
  --cube-left-to: 8.18vw;
  --cube-bottom-to: 17.24vw;
  animation: img6_animate var(--services6Time) linear infinite;
  animation-delay: 1.2s;
  width: var(--cube-width);
  left: var(--cube-left-to);
  bottom: var(--cube-bottom-to);
  z-index: 4;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj6 {
    --cube-width: 205px;
    --cube-left: 263px;
    --cube-bottom: 253px;
    --cube-left-to: 157px;
    --cube-bottom-to: 331px;
  }
}
.services__list__item__img_6 .services__list__item__obj7 {
  --cube-width: 6.875vw;
  --cube-left: 14.896vw;
  --cube-bottom: 13.96vw;
  --cube-left-to: 11.41vw;
  --cube-bottom-to: 16.61vw;
  animation: img6_animate var(--services6Time) linear infinite;
  animation-delay: 1.5s;
  width: var(--cube-width);
  left: var(--cube-left-to);
  bottom: var(--cube-bottom-to);
  z-index: 3;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj7 {
    --cube-width: 132px;
    --cube-left: 286px;
    --cube-bottom: 268px;
    --cube-left-to: 219px;
    --cube-bottom-to: 319px;
  }
}
.services__list__item__img_6 .services__list__item__obj8 {
  --cube-width: 4.58vw;
  --cube-left: 16.198vw;
  --cube-bottom: 14.74vw;
  --cube-left-to: 13.85vw;
  --cube-bottom-to: 16.35vw;
  animation: img6_animate var(--services6Time) linear infinite;
  animation-delay: 1.8s;
  width: var(--cube-width);
  left: var(--cube-left-to);
  bottom: var(--cube-bottom-to);
  z-index: 2;
}
@media screen and (min-width: 1920px), (max-width: 999px) and (min-width: 768px) {
  .services__list__item__img_6 .services__list__item__obj8 {
    --cube-width: 88px;
    --cube-left: 311px;
    --cube-bottom: 283px;
    --cube-left-to: 266px;
    --cube-bottom-to: 314px;
  }
}
@keyframes img6_animate {
  0% {
    width: 0;
    left: var(--cube-left);
    bottom: var(--cube-bottom);
  }
  50% {
    width: var(--cube-width);
    left: var(--cube-left-to);
    bottom: var(--cube-bottom-to);
  }
  100% {
    width: 0;
    left: var(--cube-left);
    bottom: var(--cube-bottom);
  }
}
.services__list__item__info {
  max-width: 25.4166666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__info {
    max-width: 45.4427083333vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__info {
    max-width: 60.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__info {
    max-width: 488px;
  }
}
.services__list__item__desc {
  margin-top: 2.65625vw;
  margin-bottom: 2.6041666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__desc {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__desc {
    margin-top: 9.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__desc {
    margin-top: 51px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .services__list__item__desc {
    margin-bottom: 3.7760416667vw;
  }
}
@media screen and (max-width: 767px) {
  .services__list__item__desc {
    margin-bottom: 9.0625vw;
  }
}
@media screen and (min-width: 1920px) {
  .services__list__item__desc {
    margin-bottom: 50px;
  }
}

.consultation {
  margin-top: 10.5208333333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation {
    margin-top: 19.6614583333vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation {
    margin-top: 31.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation {
    margin-top: 202px;
  }
}
.consultation .container {
  padding-bottom: 10.6770833333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation .container {
    padding-bottom: 19.6614583333vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation .container {
    padding-bottom: 31.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation .container {
    padding-bottom: 205px;
  }
}
.consultation .h2 {
  max-width: 75.8333333333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation .h2 {
    max-width: 88.5416666667vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation .h2 {
    max-width: 84.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation .h2 {
    max-width: 1456px;
  }
}
.consultation__wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 6.0416666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__wrapper {
    margin-top: 13.0208333333vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__wrapper {
    margin-top: 12.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__wrapper {
    margin-top: 116px;
  }
}
@media screen and (max-width: 759px) {
  .consultation__wrapper {
    flex-direction: column;
  }
}
.consultation__screen {
  position: absolute;
  width: 26.6666666667vw;
  height: 11.7708333333vw;
  top: 3.0208333333vw;
  left: 6.0416666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__screen {
    width: 30.5989583333vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__screen {
    width: 61.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__screen {
    width: 512px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__screen {
    height: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__screen {
    height: 18.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__screen {
    height: 226px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__screen {
    top: 3.6458333333vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__screen {
    top: 8.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__screen {
    top: 58px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__screen {
    left: 6.9010416667vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__screen {
    left: 14.0625vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__screen {
    left: 116px;
  }
}
.consultation__img {
  position: relative;
  width: 39.0625vw;
  height: 23.0208333333vw;
  margin-right: 2.6041666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__img {
    width: 44.921875vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__img {
    width: 89.6875vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__img {
    width: 750px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__img {
    height: 36.1979166667vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__img {
    height: 62.8125vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__img {
    height: 442px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__img {
    margin-right: 2.9947916667vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__img {
    margin-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__img {
    margin-right: 50px;
  }
}
.consultation__img img {
  width: 100%;
  height: auto;
}
.consultation__bottom {
  display: flex;
  justify-content: center;
  margin-top: 7.34375vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__bottom {
    margin-top: 1.8229166667vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__bottom {
    margin-top: 15vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__bottom {
    margin-top: 141px;
  }
}
.consultation__info {
  font-weight: 400;
  font-size: 1.6666666667vw;
  line-height: 2.5vw;
  letter-spacing: 0;
  max-width: 38.75vw;
  padding-right: 13.0208333333vw;
  padding-top: 3.28125vw;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .consultation__info {
    font-size: 3.125vw;
    line-height: 4.0625vw;
  }
}
@media screen and (max-width: 759px) {
  .consultation__info {
    font-size: 5.625vw;
    line-height: 8.4375vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__info {
    font-size: 32px;
    line-height: 48px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__info {
    max-width: 47.7864583333vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__info {
    max-width: 90.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__info {
    max-width: 744px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__info {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__info {
    padding-right: 2.1875vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__info {
    padding-right: 250px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__info {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__info {
    padding-top: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__info {
    padding-top: 63px;
  }
}
@media screen and (max-width: 759px) {
  .consultation__info {
    padding-left: 3.4375vw;
    text-align: center;
  }
}
.consultation__btn {
  width: 60.7291666667vw;
  height: 5.3125vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__btn {
    width: 95.5729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__btn {
    width: 90.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__btn {
    width: 1166px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .consultation__btn {
    height: 6.5104166667vw;
  }
}
@media screen and (max-width: 767px) {
  .consultation__btn {
    height: 15.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .consultation__btn {
    height: 102px;
  }
}

.products {
  margin-top: 10.6770833333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products {
    margin-top: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .products {
    margin-top: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .products {
    margin-top: 205px;
  }
}
.products .container {
  padding-bottom: 10.5208333333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products .container {
    padding-bottom: 19.6614583333vw;
  }
}
@media screen and (max-width: 767px) {
  .products .container {
    padding-bottom: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .products .container {
    padding-bottom: 202px;
  }
}
.products__top {
  display: flex;
  justify-content: flex-end;
  margin-top: 6.3020833333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__top {
    margin-top: 13.5416666667vw;
  }
}
@media screen and (max-width: 767px) {
  .products__top {
    margin-top: 15.9375vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__top {
    margin-top: 121px;
  }
}
@media screen and (max-width: 759px) {
  .products__top {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 759px) {
  .products__media {
    padding-top: 3.75vw;
  }
}
.products__img {
  position: relative;
  width: 31.1458333333vw;
  height: 24.4791666667vw;
  margin-right: 5.3125vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__img {
    width: 46.875vw;
  }
}
@media screen and (max-width: 767px) {
  .products__img {
    width: 38.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__img {
    width: 598px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__img {
    height: 36.9791666667vw;
  }
}
@media screen and (max-width: 767px) {
  .products__img {
    height: 38.125vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__img {
    height: 470px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__img {
    margin-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .products__img {
    margin-right: 2.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__img {
    margin-right: 102px;
  }
}
.products__img img {
  width: 100%;
  height: auto;
}
.products__bottom {
  display: flex;
  justify-content: center;
  margin-top: 3.28125vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__bottom {
    margin-top: 6.7708333333vw;
  }
}
@media screen and (max-width: 767px) {
  .products__bottom {
    margin-top: 6.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__bottom {
    margin-top: 63px;
  }
}
.products__info {
  font-weight: 400;
  font-size: 1.6666666667vw;
  line-height: 2.5vw;
  letter-spacing: 0;
  max-width: 38.75vw;
  padding-right: 13.0208333333vw;
  padding-left: 0vw;
  padding-top: 7.03125vw;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .products__info {
    font-size: 3.125vw;
    line-height: 4.0625vw;
  }
}
@media screen and (max-width: 759px) {
  .products__info {
    font-size: 5.625vw;
    line-height: 7.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__info {
    font-size: 32px;
    line-height: 48px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__info {
    max-width: 47.7864583333vw;
  }
}
@media screen and (max-width: 767px) {
  .products__info {
    max-width: 46.875vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__info {
    max-width: 744px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__info {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .products__info {
    padding-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__info {
    padding-right: 250px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__info {
    padding-left: 4.0364583333vw;
  }
}
@media screen and (max-width: 767px) {
  .products__info {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__info {
    padding-left: 0px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__info {
    padding-top: 11.0677083333vw;
  }
}
@media screen and (max-width: 767px) {
  .products__info {
    padding-top: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__info {
    padding-top: 135px;
  }
}
.products__btn {
  width: 60.7291666667vw;
  height: 5.3125vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__btn {
    width: 95.5729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .products__btn {
    width: 90.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__btn {
    width: 1166px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__btn {
    height: 6.5104166667vw;
  }
}
@media screen and (max-width: 767px) {
  .products__btn {
    height: 15.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__btn {
    height: 102px;
  }
}
.products__wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 7.7083333333vw;
  padding-right: 14.6354166667vw;
  padding-left: 14.375vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__wrapper {
    margin-top: 12.5vw;
  }
}
@media screen and (max-width: 767px) {
  .products__wrapper {
    margin-top: 9.6875vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__wrapper {
    margin-top: 148px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__wrapper {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .products__wrapper {
    padding-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__wrapper {
    padding-right: 281px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__wrapper {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .products__wrapper {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__wrapper {
    padding-left: 276px;
  }
}
.products__item {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-width: 0.0520833333vw;
  padding-top: 7.8125vw;
  padding-bottom: 4.375vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__item {
    border-width: 0.1302083333vw;
  }
}
@media screen and (max-width: 767px) {
  .products__item {
    border-width: 0.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__item {
    border-width: 1px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__item {
    padding-top: 6.640625vw;
  }
}
@media screen and (max-width: 767px) {
  .products__item {
    padding-top: 9.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__item {
    padding-top: 150px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__item {
    padding-bottom: 6.3802083333vw;
  }
}
@media screen and (max-width: 767px) {
  .products__item {
    padding-bottom: 9.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__item {
    padding-bottom: 84px;
  }
}
@media screen and (max-width: 759px) {
  .products__item {
    flex-direction: column;
  }
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .products__item {
    align-items: center;
  }
}
.products__item:first-child {
  padding-top: 4.21875vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__item:first-child {
    padding-top: 6.5104166667vw;
  }
}
@media screen and (max-width: 767px) {
  .products__item:first-child {
    padding-top: 9.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__item:first-child {
    padding-top: 81px;
  }
}
.products__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 4vw;
  letter-spacing: 0;
  min-width: 25.5208333333vw;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .products__title {
    font-size: 6.25vw;
    line-height: 7.5vw;
  }
}
@media screen and (max-width: 759px) {
  .products__title {
    font-size: 7.8125vw;
    line-height: 9.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__title {
    font-size: 64px;
    line-height: 76.8px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__title {
    min-width: 39.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .products__title {
    min-width: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__title {
    min-width: 490px;
  }
}
@media screen and (max-width: 759px) {
  .products__title {
    padding-right: 17.1875vw;
  }
}
.products__desc {
  font-weight: 400;
  font-size: 1.0416666667vw;
  line-height: 1.5625vw;
  letter-spacing: 0;
  margin-top: 1.4583333333vw;
  min-width: 32.8125vw;
  padding-left: 3.90625vw;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .products__desc {
    font-size: 2.34375vw;
    line-height: 3.515625vw;
  }
}
@media screen and (max-width: 759px) {
  .products__desc {
    font-size: 5vw;
    line-height: 7.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__desc {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__desc {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .products__desc {
    margin-top: 6.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__desc {
    margin-top: 28px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__desc {
    min-width: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .products__desc {
    min-width: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__desc {
    min-width: 630px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .products__desc {
    padding-left: 9.1145833333vw;
  }
}
@media screen and (max-width: 767px) {
  .products__desc {
    padding-left: 41.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .products__desc {
    padding-left: 75px;
  }
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .products__desc {
    display: inline-flex;
    align-items: center;
  }
}

.projects {
  margin-top: 10.2604166667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects {
    margin-top: 19.2708333333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects {
    margin-top: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects {
    margin-top: 197px;
  }
}
.projects .container {
  padding-bottom: 10.5208333333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects .container {
    padding-bottom: 19.6614583333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects .container {
    padding-bottom: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects .container {
    padding-bottom: 202px;
  }
}
.projects__wrapper {
  display: flex;
  flex-direction: column;
  padding-left: 14.5833333333vw;
  padding-right: 14.0625vw;
  margin-top: 6.7708333333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__wrapper {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__wrapper {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__wrapper {
    padding-left: 280px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__wrapper {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__wrapper {
    padding-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__wrapper {
    padding-right: 270px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__wrapper {
    margin-top: 13.0208333333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__wrapper {
    margin-top: 16.5625vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__wrapper {
    margin-top: 130px;
  }
}
.projects__row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 5.15625vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__row {
    margin-bottom: 6.1197916667vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__row {
    margin-bottom: 17.1875vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__row {
    margin-bottom: 99px;
  }
}
.projects__row_reverse {
  flex-direction: row-reverse;
}
.projects__row_reverse .projects__item:not(.projects__item_type2) {
  margin-right: 0;
  margin-left: 1.0416666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__row_reverse .projects__item:not(.projects__item_type2) {
    margin-left: 6.5104166667vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__row_reverse .projects__item:not(.projects__item_type2) {
    margin-left: 2.8125vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__row_reverse .projects__item:not(.projects__item_type2) {
    margin-left: 20px;
  }
}
.projects__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgb(43, 74, 43);
  opacity: 0;
  transition: 0.3s all ease-in-out;
  transition-property: opacity;
}
@media screen and (min-width: 1000px) {
  .projects__hover .projects__bg {
    opacity: 0.5;
    z-index: 9991;
  }
}
@media screen and (min-width: 1000px) {
  .projects__hover .projects__item__img {
    filter: grayscale(100%);
  }
}
@media screen and (min-width: 1000px) {
  .projects__hover .projects__item__hover {
    transform: scale(0.9);
  }
}
.projects__item {
  cursor: pointer;
  margin-right: 1.5625vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item {
    margin-right: 5.2083333333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item {
    margin-right: 4.375vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item {
    margin-right: 30px;
  }
}
.projects__item__hover {
  transition: 0.3s all ease-in-out;
  transition-duration: 0.7s;
  position: relative;
  overflow: hidden;
}
.projects__item__hover__title {
  font-weight: 400;
  font-size: 0.8333333333vw;
  line-height: 1.25vw;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.5208333333vw;
  padding-right: 0.5208333333vw;
  padding-top: 0.5208333333vw;
  padding-bottom: 0.5208333333vw;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 9999;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .projects__item__hover__title {
    font-size: 2.0833333333vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 759px) {
  .projects__item__hover__title {
    font-size: 3.75vw;
    line-height: 6.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__hover__title {
    padding-left: 1.3020833333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__hover__title {
    padding-left: 3.125vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title {
    padding-left: 10px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__hover__title {
    padding-right: 1.3020833333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__hover__title {
    padding-right: 3.125vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title {
    padding-right: 10px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__hover__title {
    padding-top: 1.3020833333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__hover__title {
    padding-top: 3.125vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title {
    padding-top: 10px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__hover__title {
    padding-bottom: 1.3020833333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__hover__title {
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title {
    padding-bottom: 10px;
  }
}
.projects__item__hover__title span {
  width: 8.2291666667vw;
  height: 1.875vw;
  display: flex;
  color: #000000;
  background: #5BFF40;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__hover__title span {
    width: 20.5729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__hover__title span {
    width: 37.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title span {
    width: 158px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__hover__title span {
    height: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__hover__title span {
    height: 11.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title span {
    height: 36px;
  }
}
.projects__item__hover__title::after {
  content: "";
  background: #5BFF40;
  width: 8.2291666667vw;
  height: 1.875vw;
  filter: blur(15px);
  width: 100%;
  height: 100%;
  display: inline;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__hover__title::after {
    width: 20.5729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__hover__title::after {
    width: 37.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title::after {
    width: 158px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__hover__title::after {
    height: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__hover__title::after {
    height: 11.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__hover__title::after {
    height: 36px;
  }
}
@media screen and (min-width: 1000px) {
  .projects__item:hover {
    z-index: 9999;
    position: relative;
  }
}
@media screen and (min-width: 1000px) {
  .projects__item:hover .projects__item__hover {
    transform: scale(1.1);
  }
}
@media screen and (min-width: 1000px) {
  .projects__item:hover .projects__item__img {
    filter: grayscale(0);
  }
}
@media screen and (min-width: 1000px) {
  .projects__item:hover .projects__item__hover__title {
    opacity: 1;
  }
}
@media screen and (min-width: 1000px) {
  .projects__item:hover img {
    top: var(--heightImg);
  }
}
.projects__item__img {
  width: 29.6875vw;
  height: 34.8958333333vw;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__img {
    width: 45.4427083333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__img {
    width: 43.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__img {
    width: 570px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__img {
    height: 58.4635416667vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__img {
    height: 67.1875vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__img {
    height: 670px;
  }
}
.projects__item__img img {
  width: 100%;
  height: auto;
  transition: 0.3s all ease-in-out;
  transition-duration: var(--timeImg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.projects__item__title {
  font-weight: 400;
  font-size: 1.6666666667vw;
  line-height: 2.5vw;
  letter-spacing: 0;
  color: var(--light);
  display: flex;
  flex-direction: column;
  padding-top: 2.7604166667vw;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .projects__item__title {
    font-size: 4.1666666667vw;
    line-height: 6.25vw;
  }
}
@media screen and (max-width: 759px) {
  .projects__item__title {
    font-size: 5vw;
    line-height: 7.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__title {
    font-size: 32px;
    line-height: 48px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__title {
    padding-top: 4.0364583333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__title {
    padding-top: 5vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__title {
    padding-top: 53px;
  }
}
.projects__item__title__top {
  border-bottom: 1px solid var(--light);
  border-width: 0.0520833333vw;
  color: #5BFF40;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__title__top {
    border-width: 0.1302083333vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__title__top {
    border-width: 0.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__title__top {
    border-width: 1px;
  }
}
.projects__item__title p {
  width: 15.4166666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__item__title p {
    width: 38.5416666667vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__item__title p {
    width: 23.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__item__title p {
    width: 296px;
  }
}
.projects__bottom {
  padding-top: 2.65625vw;
  padding-left: 14.375vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__bottom {
    padding-top: 6.9010416667vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__bottom {
    padding-top: 13.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__bottom {
    padding-top: 51px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .projects__bottom {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .projects__bottom {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .projects__bottom {
    padding-left: 276px;
  }
}

.clients {
  margin-top: 10.2604166667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients {
    margin-top: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .clients {
    margin-top: 31.25vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients {
    margin-top: 197px;
  }
}
.clients .container {
  padding-bottom: 9.21875vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients .container {
    padding-bottom: 16.9270833333vw;
  }
}
@media screen and (max-width: 767px) {
  .clients .container {
    padding-bottom: 25.9375vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients .container {
    padding-bottom: 177px;
  }
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .clients .owl-carousel .owl-nav button.owl-next {
    margin-left: 5.859375vw;
  }
}
.clients__wrapper {
  position: relative;
  width: 65.1041666667vw;
  margin-top: 5.1041666667vw;
  margin-left: 12.34375vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__wrapper {
    width: 69.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__wrapper {
    width: 90.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__wrapper {
    width: 1250px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__wrapper {
    margin-top: 1.3020833333vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__wrapper {
    margin-top: 8.75vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__wrapper {
    margin-top: 98px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__wrapper {
    margin-left: 13.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__wrapper {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__wrapper {
    margin-left: 237px;
  }
}
.clients__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--dark);
  z-index: 1;
}
.clients__wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--dark);
  z-index: 1;
}
.clients__line {
  position: relative;
  width: 100%;
  display: inline-block;
}
.clients__line::after {
  content: "";
  position: absolute;
  top: 17.3958333333vw;
  left: 0;
  width: 100%;
  height: 0.0520833333vw;
  background: var(--border-opacity);
  display: inline-block;
  z-index: 2;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__line::after {
    top: 16.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__line::after {
    top: 37.1875vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__line::after {
    top: 334px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__line::after {
    height: 0.1302083333vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__line::after {
    height: 0.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__line::after {
    height: 1px;
  }
}
.clients__column {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 3.125vw;
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
  border-right: 1px solid var(--border-opacity);
  border-width: 0.0520833333vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__column {
    row-gap: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__column {
    row-gap: 7.1875vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__column {
    row-gap: 60px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__column {
    padding-left: 1.5716145833vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__column {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__column {
    padding-left: 30px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__column {
    padding-right: 1.5716145833vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__column {
    padding-right: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__column {
    padding-right: 30px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__column {
    border-width: 0.1302083333vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__column {
    border-width: 0.3125vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__column {
    border-width: 1px;
  }
}
.clients__item {
  width: 18.5786458333vw;
  height: 10.3510416667vw;
  position: relative;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__item {
    width: 19.875vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__item {
    width: 42.1875vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__item {
    width: 356.71px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .clients__item {
    height: 11.0638020833vw;
  }
}
@media screen and (max-width: 767px) {
  .clients__item {
    height: 21.875vw;
  }
}
@media screen and (min-width: 1920px) {
  .clients__item {
    height: 198.74px;
  }
}
.clients__item img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.3s all ease-in-out;
}
.clients__item img.clients__item__light {
  opacity: 1;
}
.clients__item img.clients__item__black {
  opacity: 0;
}
.clients__item img.clients__item__color {
  z-index: 1;
}
.clients__item:hover .clients__item__color {
  opacity: 1;
}
.clients__item:hover .clients__item__light, .clients__item:hover .clients__item__black {
  opacity: 0;
}

.application {
  margin-top: 10.4166666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application {
    margin-top: 26.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .application {
    margin-top: 42.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .application {
    margin-top: 200px;
  }
}
.application .container {
  padding-bottom: 10.5208333333vw;
  position: relative;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application .container {
    padding-bottom: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .application .container {
    padding-bottom: 42.5vw;
  }
}
@media screen and (min-width: 1920px) {
  .application .container {
    padding-bottom: 202px;
  }
}
.application__wrapper {
  position: relative;
  padding-top: 4.53125vw;
  width: 76.09375vw;
  margin-left: 6.8229166667vw;
  padding-bottom: 4.3229166667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application__wrapper {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .application__wrapper {
    padding-top: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .application__wrapper {
    padding-top: 87px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application__wrapper {
    width: 96.7447916667vw;
  }
}
@media screen and (max-width: 767px) {
  .application__wrapper {
    width: 90.625vw;
  }
}
@media screen and (min-width: 1920px) {
  .application__wrapper {
    width: 1461px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application__wrapper {
    margin-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .application__wrapper {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .application__wrapper {
    margin-left: 131px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application__wrapper {
    padding-bottom: 6.5104166667vw;
  }
}
@media screen and (max-width: 767px) {
  .application__wrapper {
    padding-bottom: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .application__wrapper {
    padding-bottom: 83px;
  }
}
.application .h2 {
  color: #FFFFFF;
  position: relative;
  padding-left: 7.6041666667vw;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application .h2 {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .application .h2 {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .application .h2 {
    padding-left: 146px;
  }
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .application .h2 {
    padding-right: 5.859375vw;
  }
}
.application__video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .application__video {
    height: 120%;
    top: -10%;
  }
}
@media screen and (max-width: 767px) {
  .application__video {
    height: 150%;
    top: -15%;
    width: 104%;
    left: -2%;
  }
}
.application__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/content/index_application.png);
  background-size: 110% 110%;
  background-color: #151515;
}
@media screen and (max-width: 999px) and (min-width: 760px) {
  .application__bg {
    top: -6.5104166667vw;
    left: -1%;
    width: 102%;
    height: calc(100% + 6.51042vw);
  }
}
.application__bg + .application__bg {
  margin-left: 1rem;
}
.application__bg:after, .application__bg:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  transition: -webkit-mask-size 0.75s;
  transition: mask-size 0.75s;
  transition: mask-size 0.75s, -webkit-mask-size 0.75s;
  transition-property: background-position, -webkit-mask-size;
  transition-property: mask-size, background-position;
  transition-property: mask-size, background-position, -webkit-mask-size;
  background: url(../img/content/index_application.png);
  background-size: 110% 110%;
  -webkit-mask-image: repeating-radial-gradient(rgba(255, 255, 255, 0.558), rgba(255, 255, 255, 0.229) 1em, transparent 0, transparent 2em);
          mask-image: repeating-radial-gradient(rgba(255, 255, 255, 0.558), rgba(255, 255, 255, 0.229) 1em, transparent 0, transparent 2em);
  -webkit-mask-size: 50% 50%;
          mask-size: 50% 50%;
  mask-position: 50% 50%;
}
.application__bg:after {
  background-position: -1vw -1vw;
  -webkit-mask-image: repeating-radial-gradient(transparent, transparent 1em, rgba(255, 255, 255, 0.564) 0, rgba(255, 255, 255, 0.214) 2em);
          mask-image: repeating-radial-gradient(transparent, transparent 1em, rgba(255, 255, 255, 0.564) 0, rgba(255, 255, 255, 0.214) 2em);
  animation: application_after 8s linear 0s infinite alternate;
}
.application__bg::before {
  animation: application_before 8s linear 0s infinite alternate;
}
@keyframes application_after {
  0% {
    background-position: -1vw -1vw;
    -webkit-mask-size: 50% 50%;
            mask-size: 50% 50%;
  }
  50% {
    background-position: -0.5vw -0.5vw;
    -webkit-mask-size: 70% 70%;
            mask-size: 70% 70%;
  }
  100% {
    background-position: -1vw -1vw;
    -webkit-mask-size: 50% 50%;
            mask-size: 50% 50%;
  }
}
@keyframes application_before {
  0% {
    -webkit-mask-size: 50% 50%;
            mask-size: 50% 50%;
  }
  50% {
    -webkit-mask-size: 70% 70%;
            mask-size: 70% 70%;
  }
  100% {
    -webkit-mask-size: 50% 50%;
            mask-size: 50% 50%;
  }
}
.application__bottom {
  margin-top: 6.9791666667vw;
  padding-left: 7.8645833333vw;
  position: relative;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application__bottom {
    margin-top: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .application__bottom {
    margin-top: 8.4375vw;
  }
}
@media screen and (min-width: 1920px) {
  .application__bottom {
    margin-top: 134px;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  .application__bottom {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .application__bottom {
    padding-left: 0vw;
  }
}
@media screen and (min-width: 1920px) {
  .application__bottom {
    padding-left: 151px;
  }
}
.application__bottom .consultation__btn {
  background: #151515;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.application__bottom .consultation__btn:hover {
  background: #FFFFFF;
  color: #151515;
}/*# sourceMappingURL=index.css.map */