/* MinuArvuti v1.4.9: compact service carousel. */
.hero .hero-visual > img[src^="/assets/computer.webp"] {
  transform: scaleX(-1);
}

@media (min-width: 761px) {
  .hero .hero-slides,
  .hero .slide {
    min-height: 450px;
  }

  .hero .hero-copy {
    padding-top: 30px;
    padding-bottom: 62px;
  }

  .hero h1,
  .hero h2 {
    margin-bottom: 18px;
  }

  .hero .hero-text {
    margin-bottom: 22px;
  }

  .hero .hero-location {
    margin-top: 22px;
  }

  .hero .hero-visual {
    padding-top: 18px;
    padding-bottom: 40px;
  }

  .hero .hero-visual > img {
    max-height: 370px;
  }

  .hero .orbit {
    top: calc(50% - 202px);
  }

  .hero .orbit-two {
    top: calc(50% - 250px);
  }

  .hero .visual-badge {
    bottom: 64px;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .hero .orbit {
    top: calc(50% - 170px);
  }

  .hero .orbit-two {
    top: calc(50% - 205px);
  }
}

@media (max-width: 760px) {
  .hero .hero-slides,
  .hero .slide {
    min-height: 660px;
  }

  .hero .hero-copy {
    padding-top: 25px;
  }

  .hero .hero-visual {
    height: 260px;
  }

  .hero .hero-visual > img {
    height: 235px;
  }

  .hero .orbit {
    width: 220px;
    height: 220px;
    right: calc(50% - 110px);
  }

  .hero .orbit-two {
    width: 260px;
    height: 260px;
    right: calc(50% - 130px);
    top: -15px;
  }

  .hero .visual-badge {
    bottom: 52px;
  }
}