/* Final frame of the services sphere animation. */
@media (min-width: 768px) {
  html.tt-enhanced-home body #services.services:not(.tt-services-final-focus) .js-services-circle-end-block {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el {
  isolation: isolate;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__picture {
  display: contents;
}

html.tt-enhanced-home body #services.services.tt-theme-light.tt-services-final-focus .services-circle-end-block-el__img,
html.tt-enhanced-home body #services.services.tt-services-final-focus:not(.tt-theme-light) .services-circle-end-block-el__img {
  height: 506px !important;
  margin-inline: auto !important;
  margin-left: auto !important;
  max-width: calc(100vw - 48px) !important;
  object-fit: cover;
  position: relative;
  width: 506px !important;
  z-index: 0;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__text {
  font-size: clamp(32px, 4.45vw, 64px) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  z-index: 2;
}

@media (min-width: 768px) and (max-width: 1279px) {
  html.tt-enhanced-home body #services.services.tt-services-final-focus:not(.tt-theme-light) .services-circle-end-block-el__text,
  html.tt-enhanced-home body #services.services.tt-theme-light.tt-services-final-focus .services-circle-end-block-el__text {
    font-size: clamp(39px, calc(4.45vw + 7px), 71px) !important;
  }
}

@media (min-width: 1280px) {
  html.tt-enhanced-home body #services.services.tt-services-final-focus:not(.tt-theme-light) .services-circle-end-block-el__text,
  html.tt-enhanced-home body #services.services.tt-theme-light.tt-services-final-focus .services-circle-end-block-el__text {
    font-size: 71px !important;
  }
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__text-line {
  background-clip: text;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: transparent !important;
  margin-inline: auto;
  width: max-content;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__text-line:first-child {
  background-image: linear-gradient(
    90deg,
    #4f0fff 0%,
    #280685 35%,
    #280685 66%,
    #4f0fff 100%
  ) !important;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__text-line:nth-child(2) {
  background-image: linear-gradient(
    90deg,
    #4f0fff 0%,
    #280685 27%,
    #280685 73%,
    #4f0fff 100%
  ) !important;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__restart-btn {
  left: 50% !important;
  top: 440px !important;
  z-index: 3 !important;
}

@media (min-width: 1280px) {
  html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block > .services-circle-end-block-el__restart-btn {
    top: calc(100% + 48px) !important;
  }
}

@media (max-width: 1279px) {
  html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__restart-btn {
    top: 555px !important;
  }
}

@media (max-width: 767px) {
  html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__restart-btn {
    left: 50% !important;
    top: 139px !important;
  }

  html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__text {
    font-size: clamp(18px, 5.4vw, 24px) !important;
  }

  html.tt-enhanced-home body #services.services.tt-theme-light.tt-services-final-focus .services-circle-end-block-el__img,
  html.tt-enhanced-home body #services.services.tt-services-final-focus:not(.tt-theme-light) .services-circle-end-block-el__img {
    height: 110px !important;
    max-width: 110px !important;
    width: 110px !important;
  }

  html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__text-line:first-child {
    background-image: linear-gradient(
      90deg,
      #4f0fff 21%,
      #280685 45%,
      #280685 57%,
      #4f0fff 78%
    ) !important;
  }

  html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__text-line:nth-child(2) {
    background-image: linear-gradient(
      90deg,
      #4f0fff 20%,
      #280685 33%,
      #280685 65%,
      #4f0fff 83%
    ) !important;
  }

}