/** get-started | get-started */

.get-started {
  padding: 96px 0 40px 0;
  min-height: var(--window-inner-height);
  display: flex;
}

body.-has-conveyor .get-started {
  min-height: calc(var(--window-inner-height) - 40px);
}

.get-started .container,
.get-started .get-started__wrapper {
  min-height: 100%;
}

.get-started__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(20px, 1.389vw);
}

.get-started__left,
.get-started__right {
  position: relative;
  grid-column: span 1;
  display: flex;
}

.get-started__right {
  border-radius: min(16px, 1.111vw);
  background: var(--shark-shark-50, #EFF2F4);
  padding: min(48px, 3.333vw);
  overflow: hidden;
}

.get-started__slider {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.get-started__slider .slider {
  width: 100%;
  height: 100%;
}

.get-started__slide {
  transition: opacity 0.4s;
}

.get-started__slide:not(.swiper-slide-active) {
  opacity: 0;
}

.get-started__slide .title {
  margin-top: min(50px, 3.472vw);
}

.get-started__slide .text {
  margin-top: min(14px, 0.972vw);
}

.get-started__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 37px;
}

.get-started__navigation {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(8px, 0.556vw);
}

.get-started__pagination {
  justify-content: flex-start;
}

.get-started__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background: var(--shark-shark-150, #CFD2D3);
}

.get-started__pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}


.get-started__steps {
  min-height: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;

  border: 1px solid var(--shark-shark-100, #E4E7E9);
  border-radius: min(16px, 1.111vw);
  background: var(--White, #FFF);
  transition: border 0.4s;
}

.get-started__steps>* {
  border-radius: inherit;
}

.get-started__steps .first-form {
  width: 100%;
  padding: min(48px, 3.333vw);
}

.get-started__steps .first-form .text {
  margin-top: min(8px, 0.556vw);
  color: var(--shark-shark-300, #8C8F90);
}

.get-started__steps .first-form form {
  margin-top: min(40px, 2.778vw);
}

.get-started__steps .input+.input {
  margin-top: min(24px, 1.667vw);
}

.get-started__steps .first-form .input+.default-button {
  margin-top: min(24px, 1.667vw);
  width: 100%;
}

.get-started__steps .first-form .default-button+.text {
  margin-top: min(16px, 1.111vw);
}

.get-started__steps>.step {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  transition: opacity 0.4s;
  display: flex;
}

.get-started__steps>.step:not(.-active) * {
  pointer-events: none !important;
}

.get-started__steps>.step.-active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

.double-step-form .step {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  transition: opacity 0.4s;
}

.double-step-form .step.-active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}


.double-step-form {
  display: flex;
  flex-direction: column;
  padding: min(8px, 0.556vw);
}

.small-thanks-message {
  width: 100%;
  border-radius: min(10px, 0.694vw);
  background: var(--secondary-jade, #3AA670);
  padding: min(16px, 1.111vw);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: min(16px, 1.111vw);
  color: var(--white);
}

.small-thanks-message .img {
  width: min(40px, 2.778vw);
  min-width: min(40px, 2.778vw);
  height: min(40px, 2.778vw);
}

.small-thanks-message .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.small-thanks-message .text {
  margin-top: min(8px, 0.556vw);
}

.double-step-form form {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: min(32px, 2.222vw);
  padding: 0 min(40px, 2.778vw) min(40px, 2.778vw) min(40px, 2.778vw);
}

.steps-wrapper {
  position: relative;
  margin-bottom: min(44px, 3.056vw);
}

.step__changer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
}

.step__changer .navigation-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.step__changer .navigation-list .prev-step {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: min(8px, 0.556vw);
  margin-right: min(24px, 1.667vw);
  cursor: pointer;
  transition: color 0.4s, opacity 0.4s;
  opacity: 0;
  pointer-events: none;
  padding-top: min(3px, 0.208vw);
}

.double-step-form:not(.-start) .step__changer .navigation-list .prev-step {
  opacity: 1;
  pointer-events: auto;
}

.step__changer .navigation-list .prev-step:before {
  content: '';
  display: block;
  width: min(16px, 1.111vw);
  height: min(16px, 1.111vw);
  transition: opacity 0.4s;
  margin-top: max(-3px, -0.208vw);
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjY2NjMgNy45OTk5MkgzLjMzMzAxTTMuMzMzMDEgNy45OTk5Mkw3Ljk5OTY3IDEyLjY2NjZNMy4zMzMwMSA3Ljk5OTkyTDcuOTk5NjcgMy4zMzMyNSIgc3Ryb2tlPSIjMEEwQjBEIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.step__changer .navigation-list .next-step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: width 0.4s;
}

.step__changer .navigation-list .next-step .default-button {
  padding-right: min(24px, 1.667vw);
  padding-left: min(24px, 1.667vw);
  min-width: min(120px, 8.333vw);
}

.step__changer .navigation-list .next-step .default-button:last-child {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.double-step-form.-finish .step__changer .navigation-list .next-step .default-button:last-child {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

.double-step-form.-finish .step__changer .navigation-list .next-step .default-button:first-child {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.steps-list {
  border: 1px solid var(--shark-shark-100, #E4E7E9);
  border-radius: min(28px, 1.944vw);
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.steps-list>span {
  position: relative;
  z-index: 1;
  color: var(--shark-shark-150, #CFD2D3);
  transition: color 0.4s, background 0.4s, padding 0.4s, margin 0.4s;
  padding: min(4px, 0.278vw) min(22px, 1.528vw) min(2px, 0.139vw);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.steps-list>span:not(:last-child) {
  padding-right: min(31px, 2.153vw);
}

.steps-list>span .-check {
  content: '';
  position: absolute;
  margin-top: max(-3px, -0.208vw);
  z-index: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  display: block;
  width: min(12px, 0.833vw);
  height: min(12px, 0.833vw);
  transition: opacity 0.4s, left 0.4s;
  background: pink;
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiByeD0iNiIgZmlsbD0iIzBBMEIwRCIvPgo8cGF0aCBkPSJNOC42NjYzNCA0TDQuOTk5NjcgNy42NjY2N0wzLjMzMzAxIDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC45OTk5ODEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  /* clip-path: polygon(0% 0%, 66% 0, 100% 50%, 75% 100%, 0% 100%); */
}

.steps-list>span:not(:last-child):after {
  content: '';
  position: absolute;
  z-index: -1;
  height: calc(100% + 2px);
  width: 100%;
  top: -1px;
  right: 0;
  transition: opacity 0.4s;
  opacity: 0;
  background: no-repeat right / cover url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA5MSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDAuNUg3Ny4zNzhDNzguMTYwMiAwLjUgNzguODk3NCAwLjg2NjE2OSA3OS4zNzAxIDEuNDg5NTFMODkuMjI3MiAxNC40ODk1Qzg5LjkwNDQgMTUuMzgyNiA4OS45MDQ0IDE2LjYxNzQgODkuMjI3MiAxNy41MTA1TDc5LjM3MDEgMzAuNTEwNUM3OC44OTc0IDMxLjEzMzggNzguMTYwMiAzMS41IDc3LjM3OCAzMS41SDE2QzcuNDM5NTggMzEuNSAwLjUgMjQuNTYwNCAwLjUgMTZDMC41IDcuNDM5NTkgNy40Mzk1OSAwLjUgMTYgMC41WiIgZmlsbD0iI0U0RTdFOSIgc3Ryb2tlPSIjRTRFN0U5Ii8+Cjwvc3ZnPgo=);
}

.steps-list>span:not(:last-child):before {
  content: '';
  position: absolute;
  z-index: -1;
  height: calc(100% + 2px);
  width: 100%;
  top: -1px;
  right: 0;
  transition: opacity 0.4s;
  background: no-repeat right / cover url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA5MSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAwLjVINzcuMzc4Qzc4LjE2MDIgMC41IDc4Ljg5NzQgMC44NjYxNjkgNzkuMzcwMSAxLjQ4OTUxTDg5LjIyNzIgMTQuNDg5NUM4OS45MDQ0IDE1LjM4MjYgODkuOTA0NCAxNi42MTc0IDg5LjIyNzIgMTcuNTEwNUw3OS4zNzAxIDMwLjUxMDVDNzguODk3NCAzMS4xMzM4IDc4LjE2MDIgMzEuNSA3Ny4zNzggMzEuNUgwLjVWMC41WiIgc3Ryb2tlPSIjRTRFN0U5Ii8+Cjwvc3ZnPgo=);

}

.steps-list>span:not(:first-child) {
  margin-left: max(-8px, -0.556vw);
}

.steps-list>span.-active {
  color: var(--shark-shark-600, #0A0B0D);
}

.steps-list>span.-finished {
  color: var(--shark-shark-600, #0A0B0D);
  /* background:  var(--shark-shark-50, #EFF2F4); */
  padding-left: min(31px, 2.153vw);
  padding-right: min(22px, 1.528vw);
}

/* .steps-list > span.-finished + span {
  margin-left: max(-10px, -0.694vw);
} */

.steps-list>span.-finished:after {
  opacity: 1;
  background: no-repeat center / cover url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA5MSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMUg3Ny41NTgxQzc4LjQ2OTUgMSA3OS4zMzE0IDEuNDE0MjcgNzkuOTAwNyAyLjEyNTkxTDg5LjUwMDcgMTQuMTI1OUM5MC4zNzczIDE1LjIyMTYgOTAuMzc3MyAxNi43Nzg0IDg5LjUwMDcgMTcuODc0MUw3OS45MDA3IDI5Ljg3NDFDNzkuMzMxNCAzMC41ODU3IDc4LjQ2OTUgMzEgNzcuNTU4MSAzMUgwVjFaIiBmaWxsPSIjRUZGMkY0Ii8+Cjwvc3ZnPgo=);
}

.steps-list>span:not(:last-child).-finished .-check {
  left: min(13px, 0.903vw);
  opacity: 1;
}

.get-started__steps.-finish {
  border-color: var(--secondary-jade, #3AA670);
}

.get-started__steps .thanks-window {
  position: relative;
  padding: min(48px, 3.333vw);
  background: var(--secondary-jade, #3AA670);
  color: var(--white);
  width: 100%;
}

.get-started__steps .thanks-window .text {
  margin-top: min(24px, 1.667vw);
}

.get-started__steps .thanks-window .img {
  width: min(64px, 4.444vw);
  display: inline-block;
}

.get-started__steps .thanks-window .img .img__wrapper {
  display: block;
  width: 100%;
}

.get-started__steps .thanks-window .img img {
  display: block;
  width: 100%;
}


@media screen and (max-width: 1100px) {

  /** get-started | get-started */

  .get-started {
    padding: 76px 0 80px 0;
    min-height: auto;
    display: flex;
  }

  body.-has-conveyor .get-started {
    min-height: auto;
  }

  .get-started .container,
  .get-started .get-started__wrapper {
    min-height: auto;
  }

  .get-started__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  .get-started__left {
    border-radius: 16px;
  }

  .get-started__right {
    border-radius: 16px;
    padding: 16px;
  }

  .get-started__slider {
    min-height: auto;
  }

  .get-started__slide .title {
    margin-top: 24px;
  }

  .get-started__slide .text {
    margin-top: 16px;
  }

  .get-started__navigation {
    gap: 8px;
  }

  .get-started__steps {
    border-radius: 16px;
  }

  .get-started__steps .first-form {
    padding: 19px 15px;
  }

  .get-started__steps .first-form .text {
    margin-top: 8px;
  }

  .get-started__steps .first-form .text+form {
    margin-top: 20px;
  }

  .get-started__steps .input+.input {
    margin-top: 20px;
  }

  .get-started__steps .first-form .input+.default-button {
    margin-top: 20px;
    width: 100%;
  }

  .get-started__steps .first-form .default-button+.text {
    margin-top: 16px;
  }

  .get-started__steps>.step {
    min-height: auto;
  }

  .double-step-form .step {
    min-height: auto;
  }

  .double-step-form {
    padding: 7px;
  }

  .small-thanks-message {
    border-radius: 10px;
    padding: 16px 12px 12px 12px;
    gap: 12px;
  }

  .small-thanks-message .img {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }

  .small-thanks-message .text {
    margin-top: 8px;
  }

  .double-step-form form {
    position: relative;
    margin-top: 64px;
    padding: 0 8px 20px 8px;
  }

  .steps-wrapper {
    position: relative;
    margin-bottom: 20px;
  }

  .step__changer .navigation-list .prev-step {
    gap: 4px;
    margin-right: 16px;
    padding-top: 4px;
  }

  .step__changer .navigation-list .prev-step:before {
    width: 16px;
    height: 16px;
    margin-top: -4px;
  }

  .step__changer .navigation-list .next-step {
    justify-content: flex-end;
  }

  .step__changer .navigation-list .next-step .default-button {
    padding-right: 16px;
    padding-left: 16px;
    min-width: auto;
    width: 100%;
  }

  .steps-list {
    position: absolute;
    left: 8px;
    top: -20px;
    transform: translateY(-100%);
    border-radius: 40px;
  }

  .steps-list>span {
    padding: 7px 18px 3px 18px;
  }

  .steps-list>span:not(:last-child) {
    padding-right: 24px;
  }

  .steps-list>span:not(:last-child):after {
    background-position: right;
  }

  .steps-list>span:not(:last-child) .-check {
    margin-top: -4px;
    width: 12px;
    height: 12px;


  }

  .steps-list>span:not(:first-child) {
    margin-left: -6px;
  }

  .steps-list>span.-finished {
    padding-left: 24px;
    padding-right: 18px;
  }

  .steps-list>span:not(:last-child).-finished .-check {
    left: 8px;
  }

  .get-started__steps .thanks-window {
    padding: 24px;
  }

  .get-started__steps .thanks-window .text {
    margin-top: 16px;
  }

  .get-started__steps .thanks-window .img {
    width: 24px;
  }

  .step__changer .navigation-list .next-step {
    width: 100%;
  }

  .step__changer .navigation-list {
    width: 100%;
  }

  .step__changer .navigation-list .next-step .default-button:first-child {
    width: fit-content;
  }

  .double-step-form .step__changer {
    justify-content: space-between;
    margin-top: 0;
  }

}