.ta-block-child-pages-steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ta-block-child-pages-steps__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0.75rem;
}
.ta-block-child-pages-steps__icon svg {
  position: relative;
  z-index: 20;
}
.ta-block-child-pages-steps__icon:before, .ta-block-child-pages-steps__icon:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  width: 50%;
  background: #e5ecf6;
  border-radius: 99px;
  z-index: 10;
}
.ta-block-child-pages-steps__icon:before {
  left: -1.75rem;
  display: block;
}
.ta-block-child-pages-steps__icon:after {
  right: -1.75rem;
  display: block;
}
.ta-block-child-pages-steps__icon.is-first:before, .ta-block-child-pages-steps__icon.is-last:after {
  display: none;
}
.ta-block-child-pages-steps__icon.is-current:before, .ta-block-child-pages-steps__icon.is-current:after, .ta-block-child-pages-steps__icon.is-previous:before, .ta-block-child-pages-steps__icon.is-previous:after {
  background: #2c58b6;
}
.ta-block-child-pages-steps__icon.is-last.is-current:before {
  background: #2c58b6;
}
.ta-block-child-pages-steps__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #566f8f;
  font-weight: 500;
  font-size: 0.875rem;
  width: 100%;
}
.ta-block-child-pages-steps__item span {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #213856;
}
.ta-block-child-pages-steps.mobile-view {
  display: none;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown {
  width: 100%;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown.is-open .ta-block-child-pages-steps__dropdown--button > svg {
  transform: rotate(180deg);
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown.is-open .ta-block-child-pages-steps__dropdown--menu {
  padding: 0.375rem;
  opacity: 1;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.65rem 0.75rem;
  margin-bottom: 1rem;
  background: linear-gradient(360deg, #fbfbfb -10%, #ffffff 100%);
  border-radius: 0.6rem;
  border: 1px solid #efefef;
  color: #213856;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.0392156863);
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--button.is-active {
  background: linear-gradient(360deg, #ffffff -10%, #fbfbfb 100%);
  border-color: #e6e6e6;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--button svg {
  display: block;
  transition: all 200ms;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--menu {
  display: flex;
  flex-direction: column;
  padding: 0 0.375rem;
  border-radius: 0.6rem;
  border: 1px solid #efefef;
  background: #ffffff;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--menu-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #ffffff;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  color: #213856;
  transition: all 200ms;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--menu-item i {
  color: #98a1ac;
  font-size: 1.25rem;
  transition: all 200ms;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--menu-item:hover {
  background: #f6f6f6;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--menu-item:hover i {
  color: #566f8f;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__dropdown--menu-item.is-current i {
  color: #2c58b6;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__current-page-title {
  font-weight: 600;
  font-size: 1rem;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__counter {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: conic-gradient(#2f6de1 var(--percentage), #e5ecf6 0);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
  color: #1b2b46;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__counter:before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background: #f8f9fb;
  border-radius: 50%;
  z-index: 1;
}
.ta-block-child-pages-steps.mobile-view .ta-block-child-pages-steps__counter span {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .ta-block-child-pages-steps {
    display: none;
  }
  .ta-block-child-pages-steps.mobile-view {
    display: flex;
  }
}