.services {
  background-color: #000 !important;
  background-image: none !important;
  color: #fff !important;
  padding-top: 40px !important;
}

html.tt-enhanced-home body #services.services {
  padding-top: 40px !important;
  scroll-margin-top: clamp(72px, 4.6vw, 92px);
}

@media (min-width: 1280px) {
  html.tt-enhanced-home body .services-pause-shell > #services.services {
    top: clamp(62px, 3.5vw, 72px) !important;
  }
}

.services.tt-theme-light,
html.tt-enhanced-home body .services.tt-theme-light {
  background: var(--tt-paper) !important;
  color: var(--tt-ink) !important;
}

.services .services__item {
  transition:
    border-color var(--tt-transition),
    color var(--tt-transition);
}

.services .services__item::before {
  transition:
    opacity 260ms ease,
    background-color var(--tt-transition);
}

.services .services__item.is-active,
.services .services__item.is-active + .services__item {
  border-top-color: transparent !important;
}

.services.tt-theme-light .heading__title,
.services.tt-theme-light .services__text,
.services.tt-theme-light .services__item-title,
.services.tt-theme-light .services-circle-item-title,
.services.tt-theme-light .services-circle-item-description,
.services.tt-theme-light .services-circle-end-block-el__text,
html.tt-enhanced-home body .services.tt-theme-light .heading__title,
html.tt-enhanced-home body .services.tt-theme-light .services__text,
html.tt-enhanced-home body .services.tt-theme-light .services__item-title,
html.tt-enhanced-home body .services.tt-theme-light .services-circle-item-title,
html.tt-enhanced-home body .services.tt-theme-light .services-circle-item-description {
  color: var(--tt-ink) !important;
}

.services.tt-theme-light .services__item-description {
  color: var(--tt-muted-ink) !important;
}

.services.tt-theme-light .heading svg path {
  stroke: var(--tt-ink);
}

.services.tt-theme-light .services__items {
  scrollbar-color: rgb(5 5 5 / 45%) transparent;
}

.services.tt-theme-light .services__item {
  border-color: rgb(5 5 5 / 72%) !important;
}

.services.tt-theme-light .services__item.is-active,
html.tt-enhanced-home body .services.tt-theme-light .services__item.is-active {
  border-color: transparent !important;
  color: #fff !important;
}

.services.tt-theme-light .services__item.is-active + .services__item {
  border-top-color: transparent !important;
}

.services.tt-theme-light .services__tag,
.services.tt-theme-light .services__item.is-active,
.services.tt-theme-light .services__item.is-active .services__item-title,
.services.tt-theme-light .services__item.is-active .services__item-description,
.services.tt-theme-light .services__item.is-active .collapse__content-el,
html.tt-enhanced-home body .services.tt-theme-light .services__tag,
html.tt-enhanced-home body .services.tt-theme-light .services__item.is-active,
html.tt-enhanced-home body .services.tt-theme-light .services__item.is-active .services__item-title,
html.tt-enhanced-home body .services.tt-theme-light .services__item.is-active .services__item-description,
html.tt-enhanced-home body .services.tt-theme-light .services__item.is-active .collapse__content-el,
html.tt-enhanced-home body .services .services__item.is-active .services__item-title,
html.tt-enhanced-home body .services .services__item.is-active:hover .services__item-title,
html.tt-enhanced-home body .services .services__items .services__item.is-active > .services__item-title,
html.tt-enhanced-home body .services .services__items .services__item.is-active:hover > .services__item-title,
html.tt-enhanced-home body .services.tt-theme-light .services__items .services__item.is-active > .services__item-title,
html.tt-enhanced-home body .services.tt-theme-light .services__items .services__item.is-active:hover > .services__item-title {
  color: #fff !important;
}

.services.tt-theme-light .services__item.is-active::before {
  background-color: var(--tt-purple) !important;
}

.services.tt-theme-light .services-circle {
  filter: none;
}

.services.tt-theme-light:not(.tt-services-final-focus) .services__content,
.services.tt-theme-light:not(.tt-services-final-focus) .heading {
  backface-visibility: hidden;
  filter: none !important;
  transform: translateZ(0);
  transition: filter 520ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: filter, opacity, transform !important;
}

@media (min-width: 768px) {
  .services.tt-services-final-focus .services__content,
  .services.tt-services-final-focus .heading {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    filter: blur(16px) !important;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform-origin: center center;
    transition: filter 520ms cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform !important;
  }

  .services:not(.tt-services-final-focus) .services__content,
  .services:not(.tt-services-final-focus) .heading {
    filter: blur(0) !important;
    transition: filter 520ms cubic-bezier(0.16, 1, 0.3, 1);
  }
}

@media (min-width: 1280px) {
  .services.tt-theme-light .services__content,
  .services.tt-theme-light .services__content-inner,
  .services.tt-theme-light .services__items,
  .services.tt-theme-light .heading {
    contain: paint;
    isolation: isolate;
  }
}

.services.tt-theme-light .services-circle-svg circle:first-of-type {
  stroke: var(--tt-services-ring) !important;
}

.services.tt-theme-light .services-circle-svg .js-segment {
  fill: transparent;
  filter: none !important;
  pointer-events: all;
  shape-rendering: geometricPrecision;
  transition: fill 0.2s ease;
}

.services.tt-theme-light .services-circle-svg path:not(.js-segment) {
  filter: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .services.tt-theme-light .services-circle-svg .js-segment:hover,
  .services.tt-theme-light .services-circle-svg .js-segment:focus-visible {
    fill: rgb(91 73 178 / 13%) !important;
    filter: none !important;
  }
}

.services.tt-theme-light .services-circle-svg .js-segment:active {
  fill: rgb(91 73 178 / 17%) !important;
  filter: none !important;
}

.services.tt-theme-light .restart-btn {
  color: var(--tt-ink) !important;
}

html.tt-enhanced-home body .services-circle-end-block-el__restart-btn,
html.tt-enhanced-home body .restart-btn {
  background: transparent !important;
  border-color: currentColor;
  box-shadow: none !important;
  outline: 0 !important;
  transform-style: flat !important;
  will-change: transform !important;
}

html.tt-enhanced-home body .restart-btn__icon {
  transform: none !important;
  transition: none !important;
}

@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  html.tt-enhanced-home body .restart-btn:not(:disabled):hover {
    transform: rotate(90deg) !important;
  }

  html.tt-enhanced-home body .services-circle-end-block-el__restart-btn:hover:not(:disabled) {
    transform: translateX(-50%) rotate(90deg) !important;
  }

  html.tt-enhanced-home body .restart-btn:not(:disabled):hover .restart-btn__icon {
    transform: none !important;
  }
}

html.tt-enhanced-home body .services-circle-end-block-el__restart-btn::before,
html.tt-enhanced-home body .services-circle-end-block-el__restart-btn::after,
html.tt-enhanced-home body .restart-btn::before,
html.tt-enhanced-home body .restart-btn::after {
  content: none !important;
  display: none !important;
}

.services.tt-theme-light .restart-btn__icon path {
  fill: currentColor;
  stroke: currentColor;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus,
html.tt-enhanced-home body #services.services.tt-theme-light.tt-services-final-focus {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  color: #fff !important;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .heading__title,
html.tt-enhanced-home body #services.services.tt-services-final-focus .services__text,
html.tt-enhanced-home body #services.services.tt-services-final-focus .services__item-title,
html.tt-enhanced-home body #services.services.tt-services-final-focus .services__item-description,
html.tt-enhanced-home body #services.services.tt-services-final-focus .collapse__content-el,
html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-item-title,
html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-item-description,
html.tt-enhanced-home body #services.services.tt-services-final-focus .services-circle-end-block-el__text {
  color: #fff !important;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .heading svg path {
  stroke: #fff !important;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services__item {
  border-color: rgb(255 255 255 / 34%) !important;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .services__item.is-active,
html.tt-enhanced-home body #services.services.tt-services-final-focus .services__item.is-active + .services__item {
  border-color: transparent !important;
}

html.tt-enhanced-home body #services.services.tt-services-final-focus .restart-btn {
  color: #fff !important;
}


.services .services-circle-wrapper,
.services .services-circle-end-block-wrapper,
.services .services-circle-end-block,
.services .services-circle-end-block-el {
  overflow: visible !important;
}

.services .services-circle-end-block {
  max-width: calc(100vw - 48px);
}

.services .services-circle-end-block-el__text {
  font-size: clamp(36px, 3.55vw, 54px) !important;
  max-width: calc(100vw - 72px) !important;
  width: max-content !important;
}

.services .services-circle-end-block-el__text-line {
  display: block;
  white-space: nowrap;
}

@media (max-width: 1366px) and (min-width: 1280px) {
  .services .services-circle-end-block-el {
    margin-top: -12% !important;
  }

  .services .services-circle-end-block-el__img {
    margin-left: -28% !important;
    width: 156% !important;
  }

  .services .services-circle-end-block-el__restart-btn {
    top: calc(100% - 76px) !important;
  }
}

@media (max-width: 1279px) {
  .services .services-circle-end-block-el {
    max-width: calc(100vw - 32px) !important;
    width: min(520px, calc(100vw - 32px)) !important;
  }

  .services .services-circle-end-block-el__img {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .services .services-circle-end-block-el__text {
    font-size: clamp(24px, 4.2vw, 34px) !important;
    max-width: calc(100vw - 32px) !important;
  }
}

@media (max-width: 767px) {
  .services .services-circle-wrapper {
    min-height: clamp(260px, 70vw, 330px);
    overflow: visible !important;
    width: 100%;
  }

  .services .services-circle {
    max-width: 250px;
    width: min(250px, 66vw);
  }

  .services .services-circle-end-block-wrapper {
    height: 100% !important;
    left: 50% !important;
    overflow: visible !important;
    position: absolute;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(306px, 76vw) !important;
  }

  .services .services-circle-end-block {
    max-width: none !important;
    overflow: visible !important;
    position: absolute;
    width: 100% !important;
  }

  .services .services-circle-end-block-el {
    left: 50% !important;
    margin-top: 0 !important;
    max-width: min(306px, 76vw) !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(306px, 76vw) !important;
  }

  .services .services-circle-end-block-el__img {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .services .services-circle-end-block-el__text {
    font-size: clamp(20px, 5.4vw, 24px) !important;
    left: 50% !important;
    max-width: calc(100vw - 48px) !important;
    text-align: center;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(340px, calc(100vw - 48px)) !important;
  }

  .services .services-circle-end-block-el__restart-btn {
    left: calc(50% + min(72px, 18vw)) !important;
    top: clamp(-82px, -18vw, -58px) !important;
    transform: none !important;
    z-index: 3 !important;
  }
}