.main-screen-new__images-desktop .globe {
  --globe-size: min(700px, 72vw);
  position: relative;
  display: block;
  width: var(--globe-size);
  height: var(--globe-size);
  margin: 0 auto;
  border-radius: 100%;
  background-color: #262c55;
  overflow: visible;
}

.main-screen-new__images-desktop .globe__container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  clip-path: inset(0%);
}

.main-screen-new__images-desktop .globe__blinking-dot {
  --size: 9px;
  --anim-delay: 0.2s;
  position: absolute;
  top: 48%;
  left: 125%;
  width: var(--size);
  height: var(--size);
  border-radius: 30px;
  background: #eb7da7;
  opacity: 0.7;
  transform: scale(0);
  animation: globe-hero-blink 1.3s ease-in-out var(--anim-delay) infinite;
}

.main-screen-new__images-desktop .globe__blinking-dot:nth-child(1) { --size: 11px; }
.main-screen-new__images-desktop .globe__blinking-dot:nth-child(2) { --anim-delay: -0.2s; background: #00abab; left: 138%; top: 75%; }
.main-screen-new__images-desktop .globe__blinking-dot:nth-child(3) { --anim-delay: 0.4s; background: #6672c7; left: 146%; top: 55%; }
.main-screen-new__images-desktop .globe__blinking-dot:nth-child(4) { --anim-delay: -0.1s; background: #006aff; left: 117%; top: 18%; }
.main-screen-new__images-desktop .globe__blinking-dot:nth-child(5) { --anim-delay: -0.3s; --size: 11px; background: #262c55; left: 85%; top: 60%; }
.main-screen-new__images-desktop .globe__blinking-dot:nth-child(6) { --anim-delay: -0.5s; background: #eb5757; left: 140%; top: 64%; }
.main-screen-new__images-desktop .globe__blinking-dot:nth-child(7) { --anim-delay: -0.1s; background: lightsalmon; left: 127%; top: 26%; }
.main-screen-new__images-desktop .globe__blinking-dot:nth-child(8) { --size: 11px; background: #ff7ade; left: 54%; top: 26%; }

.main-screen-new__images-desktop .globe__map {
  --translate-value: 0;
  --anim-play-state: running;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  animation-play-state: var(--anim-play-state);
  will-change: transform;
}

.main-screen-new__images-desktop .globe__map.animation {
  --anim-duration: 12s;
  animation: globe-hero-move-map var(--anim-duration) linear infinite;
}

.main-screen-new__images-desktop .globe__map img {
  height: calc(var(--globe-size) + 120px);
  opacity: 0.6;
  pointer-events: none;
  object-position: top center;
  transform-origin: top left;
}

.main-screen-new__images-desktop .globe svg {
  position: absolute;
  top: 0;
  left: -2%;
  width: var(--globe-size);
  height: var(--globe-size);
  transform: scale(1.58);
}

.main-screen-new__images-desktop .globe svg path {
  opacity: 0.8;
  stroke-width: 1.3;
}

.main-screen-new__images-desktop .globe svg path:nth-child(1) {
  stroke: #00abab;
  stroke-dasharray: 1510;
  stroke-dashoffset: 1510;
  animation: globe-hero-draw-1510 3.5s ease-in-out 0.5s infinite;
}

.main-screen-new__images-desktop .globe svg path:nth-child(2) {
  stroke: #fb9129;
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
  animation: globe-hero-draw-1400 4s ease-in-out 3s infinite;
}

.main-screen-new__images-desktop .globe svg path:nth-child(3) {
  stroke: #6672c7;
  stroke-dasharray: 1555;
  stroke-dashoffset: 1555;
  animation: globe-hero-draw-1555 5s ease-in-out 2s infinite;
}

.main-screen-new__images-desktop .globe svg path:nth-child(4) {
  stroke: #eb7da7;
  stroke-dasharray: 1380;
  stroke-dashoffset: 1380;
  animation: globe-hero-draw-1380 4.2s ease-in-out 0.6s infinite;
}

@keyframes globe-hero-draw-1510 {
  35% { stroke-dashoffset: 0; }
  70% { stroke-dashoffset: calc(1510 * 2); }
  100% { stroke-dashoffset: 1510; }
}

@keyframes globe-hero-draw-1400 {
  35% { stroke-dashoffset: 0; }
  70% { stroke-dashoffset: calc(1400 * 2); }
  100% { stroke-dashoffset: 1400; }
}

@keyframes globe-hero-draw-1555 {
  35% { stroke-dashoffset: 0; }
  70% { stroke-dashoffset: calc(1555 * 2); }
  100% { stroke-dashoffset: 1555; }
}

@keyframes globe-hero-draw-1380 {
  35% { stroke-dashoffset: 0; }
  70% { stroke-dashoffset: calc(1380 * 2); }
  100% { stroke-dashoffset: 1380; }
}

@keyframes globe-hero-move-map {
  to { transform: translateX(calc(var(--translate-value) * -1%)); }
}

@keyframes globe-hero-blink {
  40% { transform: scale(1.2); }
  80% { transform: scale(0); }
}

@media screen and (max-width: 991px) {
  .main-screen-new {
    overflow: visible;
  }

  .main-screen-new > picture,
  .main-screen-new__image-mobile {
    display: none !important;
  }

  .main-screen-new__images-desktop {
    display: block !important;
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
    padding: 0 12px;
    overflow: visible !important;
    box-sizing: border-box;
  }

  .main-screen-new__images-desktop .hero-globe-row,
  .main-screen-new__images-desktop .hero-globe-row__globe {
    overflow: visible !important;
  }

  .main-screen-new__images-desktop .globe {
    --globe-size: min(65vw, 340px);
    margin: 16px auto 0;
  }

  .main-screen-new__images-desktop .globe__map img {
    height: calc(var(--globe-size) + 8.4vw);
  }

  .main-screen-new__images-desktop .globe__map.animation {
    --anim-duration: 10s;
  }

  .main-screen-new__images-desktop .globe__blinking-dot {
    --size: 5px;
  }

  .main-screen-new__images-desktop .globe__blinking-dot:nth-child(1),
  .main-screen-new__images-desktop .globe__blinking-dot:nth-child(5),
  .main-screen-new__images-desktop .globe__blinking-dot:nth-child(8) {
    --size: 7px;
  }

  .main-screen-new__images-desktop .globe__blinking-dot:nth-child(2) {
    left: 132%;
    top: 70%;
  }

  .main-screen-new__images-desktop .globe__blinking-dot:nth-child(3) {
    left: 140%;
  }
}

@media screen and (min-width: 992px) {
  .main-screen-new__images-desktop {
    align-items: center;
    height: auto !important;
    min-height: 0;
    margin-top: 48px;
    padding: 40px 0 20px;
    padding-left: 0;
    overflow: visible;
  }

  .main-screen-new__images-desktop .globe {
    --globe-size: min(700px, 58vw);
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .main-screen-new__images-desktop .globe {
    --globe-size: 700px;
  }
}
