* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  scroll-behavior: smooth;
}
a,
button:active,
button:focus,
input:active,
input:focus {
  outline: 0 !important;
}
a:hover {
  text-decoration: none;
}
body {
  padding-bottom: 30px;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes growBar {
  from {
    height: 0;
  }
  to {
    height: var(--bar-height);
  }
}
@keyframes growBar {
  from {
    height: 0;
  }
  to {
    height: var(--bar-height);
  }
}

/* 02. Default */
.formTitle {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 140%; /* 39.2px */
}
.formTitle span {
  color: #0060fa;
  font-family: Lato;
}
.filed_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 28px;
}
.intl-tel-input {
  width: 100%;
}
#fname,
#lname,
#email,
#phone {
  display: block;
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  width: 100%;
  border-radius: 4px;
  border: 1px solid #898e99;
  background: transparent;
  padding: 10.5px 15px;
  margin-bottom: 20px;
}
#phone {
  padding-left: 60px;
  margin: 0;
}
#checklabel,
#check {
  display: none;
}
.formDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  margin-top: 20px;
}
.formDesc img {
  display: block;
}
.formDescSub {
  color: #000;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
.formDescSub a {
  color: #000;
  font-family: Arial;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.submit {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  border: 0;
  border-radius: 4px;
  background: #0060fa;
  padding: 16.5px 0;
  cursor: pointer;
  margin-top: 250px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.submit:hover {
  -webkit-box-shadow: 0 0 10px #0060fa;
  box-shadow: 0 0 10px #0060fa;
}
p#error-msg {
  display: block;
  margin-top: 20px;
  color: red;
  font-size: 20px;
}
.loadingView {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loadingView img {
  max-width: 100%;
}

/* container */
.container {
  max-width: 404px;
  margin: 0 auto;
}

/* header */
.header {
  padding-top: 20px;
}
.headerInner1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 41px;
}
.logo img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.burgerLink img {
  display: block;
  max-width: 100%;
}
.headerInner2 {
  display: none;
}
.headerInner2Top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.backBtn img {
  display: block;
}
.questionsNumbers {
  color: #1b1b1d;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}
.questionsCount {
  color: #0060fa;
  font-family: Lato;
}
.progressBar {
  border-radius: 500px 0px 0px 500px;
  background: #eeeeef;
  margin-top: 16px;
  width: 100%;
  height: 4px;
  position: relative;
}
.progressBarInner {
  position: absolute;
  width: 5%;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 500px 0px 0px 500px;
  background: #0060fa;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* content */
.contentBox {
  display: none;
  -webkit-animation: fadeIn 1s ease-in forwards;
  animation: fadeIn 1s ease-in forwards;
}
.startBox {
  display: block;
  margin-top: 50px;
}
.contentBoxTitle {
  color: #1b1b1d;
  text-align: center;
  font-family: Lato;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 140%; /* 39.2px */
}
.contentBoxTitle1 {
  color: #0060fa;
}
.contentBoxSub1 {
  color: #9ba1a5;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-top: 20px;
}
.contentBoxSub2 {
  color: #1b1b1d;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 20px;
}
.contentBoxSub3 {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
.contentBoxAnswer {
  cursor: pointer;
}
.startBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 102px;
}
.startBoxAnswer {
  width: calc(50% - 15px);
  height: 160px;
  border-radius: 8px;
  border-top: 1px solid #0060fa;
  border-right: 1px solid #0060fa;
  border-left: 1px solid #0060fa;
  position: relative;
}
.contentBoxAnswerImg img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  margin-top: -56px;
}
.contentBoxAnswerTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 0px 0px 8px 8px;
  background: #0060fa;
  padding: 10px 28px;
}

/* ageBox */
.ageBox {
  margin-top: 50px;
}
.ageBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 86px;
  margin-top: 102px;
}
.ageBoxAnswer {
  width: calc(50% - 15px);
}
.ageBoxAnswer .contentBoxAnswerTitle {
  padding: 10px 18px;
}

/* peopleBox */
.peopleBox {
  margin-top: 50px;
}
.peopleBoxImg {
  margin-top: 30px;
}
.peopleBoxImg img {
  display: block;
  max-width: 100%;
}
.btn {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 4px;
  background: #0060fa;
  border: 0;
  cursor: pointer;
  padding: 16.5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 130px;
}
.btn:hover {
  -webkit-box-shadow: 0 0 10px #0060fa;
  box-shadow: 0 0 10px #0060fa;
}

/* goalBox */
.goalBox {
  margin-top: 24px;
}
.goalBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}
.goalBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 8px;
  padding-bottom: 0;
}
.goalBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: initial;
  margin: 0;
}
.goalBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* income */
.incomeBox {
  margin-top: 24px;
}
.incomeBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.incomeBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 8px;
  padding-bottom: 0;
}
.incomeBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: initial;
  margin: 0;
}
.incomeBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* questionBox */
.questionBox {
  margin-top: 24px;
}
.questionBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.questionBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 8px;
  padding-bottom: 0;
}
.questionBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: initial;
  margin: 0;
}
.questionBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* newsBox */
.newsBox {
  margin-top: 50px;
}
.newsBoxImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.newsBoxText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.newsBoxTitle {
  text-align: left;
}
.newsBoxSub {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.newsBoxBtn {
  margin-top: 130px;
}

/* achieveBox */
.achieveBox {
  margin-top: 24px;
}
.achieveBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.achieveBoxAnswer {
  border-radius: 8px;
  background: #f5f5f5;
  padding: 41px 40px 33px 40px;
}
.achieveBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.achieveBoxImg {
  margin-top: 100px;
}
.achieveBoxImg img {
  display: block;
  max-width: 100%;
  margin-left: auto;
}

/* challengeBox */
.challengeBox {
  margin-top: 24px;
}
.challengeBoxSub {
  color: #6b728c;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  margin-top: 36px;
}
.challengeBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 36px;
}
.challengeBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 8px;
  padding-bottom: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.challengeBoxAnswer.active {
  -webkit-box-shadow: 0 0 10px #0060fa;
  box-shadow: 0 0 10px #0060fa;
}
.challengeBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: initial;
  margin: 0;
}
.challengeBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.challengeBoxBtn {
  background: #0060fa;
  margin-top: 60px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.challengeBoxBtn:disabled {
  background: #9a98fe;
}

/* helpBox */
.helpBox {
  margin-top: 50px;
}
.helpBoxImg img {
  display: block;
  max-width: 100%;
}
.newsBoxText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.helpBoxTitle {
  text-align: left;
}
.helpBoxSub {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.helpBoxBtn {
  margin-top: 130px;
}

/* satisfiedBox */
.satisfiedBox {
  margin-top: 24px;
}
.satisfiedBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.satisfiedBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 8px;
  padding-bottom: 0;
}
.satisfiedBoxAnswer .contentBoxAnswerImg img {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  max-width: initial;
  margin: 0;
}
.satisfiedBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* oftenBox */
.oftenBox {
  margin-top: 24px;
}
.oftenBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.oftenBoxAnswer {
  border-radius: 8px;
  background: #f5f5f5;
  padding: 41px 40px 33px 40px;
}
.oftenBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.oftenBoxImg {
  margin-top: 100px;
}
.oftenBoxImg img {
  display: block;
  max-width: 100%;
  margin-left: auto;
}

/* moneyBox */
.moneyBox {
  margin-top: 24px;
}
.moneyBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.moneyBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 20px 8px;
  border-radius: 8px;
  background: #f5f5f5;
}
.moneyBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.moneyBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* confidentBox */
.confidentBox {
  margin-top: 24px;
}
.confidentBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.confidentBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 8px;
  padding-bottom: 0;
  border-radius: 8px;
  background: #f5f5f5;
}
.confidentBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.confidentBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* futureBox */
.futureBox {
  margin-top: 50px;
}
.futureBoxImg img {
  display: block;
  max-width: 100%;
}
.futureBoxText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.futureBoxTitle {
  text-align: left;
}
.futureBoxSub {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.futureBoxBtn {
  margin-top: 130px;
}

/* wealthyBox */
.wealthyBox {
  margin-top: 24px;
}
.wealthyBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.wealthyBoxAnswer {
  padding: 41px 40px 33px 40px;
  border-radius: 8px;
  background: #f5f5f5;
}
.wealthyBoxAnswerTitle {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.wealthyBoxImg {
  margin-top: 100px;
}
.wealthyBoxImg img {
  display: block;
  max-width: 100%;
  margin-left: auto;
}

/* saveBox */
.saveBox {
  margin-top: 24px;
}
.saveBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.saveBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 20px 8px;
  border-radius: 8px;
  background: #f5f5f5;
}
.saveBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.saveBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* workBox */
.workBox {
  margin-top: 24px;
}
.workBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.workBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 20px 8px;
  border-radius: 8px;
  background: #f5f5f5;
}
.workBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.workBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* growBox */
.growBox {
  margin-top: 24px;
}
.growBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.growBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 8px;
  padding-bottom: 0;
  border-radius: 8px;
  background: #f5f5f5;
}
.growBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.growBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* investBox */
.investBox {
  margin-top: 24px;
}
.investBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.investBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 20px 8px;
  border-radius: 8px;
  background: #f5f5f5;
}
.investBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.investBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* strategieBox */
.strategieBox {
  margin-top: 50px;
}
.strategieBoxImg img {
  display: block;
  max-width: 100%;
}
.strategieBoxText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.strategieBoxTitle {
  text-align: left;
}
.strategieBoxSub {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.strategieBoxBtn {
  margin-top: 130px;
}

/* knowledgeBox */
.knowledgeBox {
  margin-top: 24px;
}
.knowledgeBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.knowledgeBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 20px 8px;
  border-radius: 8px;
  background: #f5f5f5;
}
.knowledgeBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.knowledgeBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* companiesBox */
.companiesBox {
  margin-top: 24px;
}
.companiesBoxSub {
  margin-top: 26px;
}
.companiesBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-top: 27px;
}
.companiesBoxAnswersRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 20px;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.companiesBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  width: 30%;
  padding: 14px 8px;
  border-radius: 50px;
  background: #f5f5f5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.companiesBoxAnswer.active {
  -webkit-box-shadow: 0 0 10px #1d40af;
  box-shadow: 0 0 10px #1d40af;
}
.companiesBoxAnswerImg img {
  display: block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.companiesBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
.companiesBoxBtn {
  background: #0060fa;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 120px;
}
.companiesBoxBtn:disabled {
  background: #9a98fe;
}

/* rateBox */
.rateBox {
  margin-top: 24px;
}
.rateBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.rateBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 8px;
  padding-bottom: 0;
  border-radius: 8px;
  background: #f5f5f5;
}
.rateBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  max-width: initial;
}
.rateBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* profileBox */
.profileBox {
  margin-top: 24px;
}
.profileBoxInner {
  border-radius: 20px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  padding-bottom: 0;
  margin-top: 58px;
}
.profileBoxTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.profileBoxTopTitle {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.profileBoxTopSub {
  color: #777d8a;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  border: 1px solid #777d8a;
  padding: 5px 10px;
}
.profileBoxSlider {
  position: relative;
  margin-top: 25px;
}
input[type='range'] {
  -webkit-appearance: none;
  width: 100%;
  height: 9px;
  border-radius: 10px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#d53832),
    color-stop(26%, #e16f29),
    color-stop(50.5%, #fadf16),
    color-stop(74%, #c8d62b),
    to(#7ec04b)
  );
  background: -o-linear-gradient(
    left,
    #d53832 0%,
    #e16f29 26%,
    #fadf16 50.5%,
    #c8d62b 74%,
    #7ec04b 100%
  );
  background: linear-gradient(
    90deg,
    #d53832 0%,
    #e16f29 26%,
    #fadf16 50.5%,
    #c8d62b 74%,
    #7ec04b 100%
  );
  outline: none;
  margin-top: 30px;
}
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 21.6px;
  height: 24px;
  background: url('../../assets/img/thumb.webp');
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
input[type='range']::-moz-range-thumb {
  width: 21.6px;
  height: 24px;
  background: url('../../assets/img/thumb.webp');
  background-repeat: no-repeat;
  cursor: pointer;
}
.labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
}
.labels span {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
.tooltip {
  position: absolute;
  top: -22px;
  color: #fff;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  padding: 5px 19.5px;
  border-radius: 4px;
  background: #40444d;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tooltip::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 15px;
  background: url('../../assets/img/tooltip.webp');
  background-repeat: no-repeat;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.profileBoxText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
  background: #f1f1f1;
  padding: 20px 10px;
  margin-top: 10px;
}
.likeImg img {
  display: block;
}
.profileBoxSubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.profileBoxSub {
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.profileBoxSub:last-child {
  color: #777d8a;
}
.profileBoxBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}
.profileBoxInfoImg img {
  display: block;
  max-width: 100%;
}
.profileBoxUserImg img {
  display: block;
  max-width: 100%;
}
.profileBoxBtn {
  margin-top: 100px;
}

/* wishBox */
.wishBox {
  margin-top: 24px;
}
.wishBoxSub {
  color: #6b728c;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  margin-top: 36px;
}
.wishBoxAnswers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.wishBoxAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 8px;
  padding-bottom: 0;
}
.wishBoxAnswer .contentBoxAnswerImg img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0;
  max-width: initial;
}
.wishBoxAnswerTitle {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}

/* spendBox */
.spendBox,
.spendBox1 {
  margin-top: 24px;
}
.spendBoxAnswers,
.spendBoxAnswers1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 38px;
}
.spendBoxAnswer,
.spendBoxAnswer1 {
  padding: 41px 40px 33px 40px;
  border-radius: 8px;
  background: #f5f5f5;
}
.spendBoxAnswerTitle,
.spendBoxAnswerTitle1 {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.spendBoxImg,
.spendBoxImg1 {
  margin-top: 100px;
}
.spendBoxImg img,
.spendBoxImg1 img {
  display: block;
  max-width: 100%;
  margin-left: auto;
}

/* personBox */
.personBox {
  text-align: center;
  margin-top: 68px;
}
.personBoxSub {
  color: #6b728c;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  margin-top: 36px;
}
.personBoxTitle1 {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  margin-top: 36px;
}
.personBoxSub1 {
  display: inline-block;
  color: #000;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  border-radius: 2px;
  background: #f1f1f1;
  padding: 5px 30px;
  margin-top: 28px;
}
.chartImg {
  margin-top: 35px;
}
.chartImg img {
  display: block;
  max-width: 100%;
}
.personBoxBtn {
  margin-top: 150px;
}

/* createBox */
.createBox {
  margin-top: 50px;
}
.createBoxProgress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.createBoxProgressCircle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: conic-gradient(
    #007bff 0%,
    #007bff var(--progress),
    #d9d9d9 var(--progress),
    #d9d9d9 100%
  );
}
.createBoxProgressCircleValue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 90%;
  height: 90%;
  background: #fff;
  border-radius: 50%;
}
.createBoxSub {
  color: #6b728c;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  margin-top: 56px;
}
.createBoxTitle {
  color: #0060fa;
  text-align: center;
  font-family: Arial;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 140%; /* 39.2px */
  margin-top: 36px;
}
.createBoxSub1 {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  margin-top: 16px;
}
.createBoxBottom {
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-top: 38px;
}
.createBoxBottomTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.createBoxBottomImg img {
  display: block;
}
.patonName {
  color: #545373;
  text-align: right;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.createBoxBottomSubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
}
.createBoxBottomSub {
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.createBoxBottomSub:last-child {
  color: #545373;
}

/* skilsBox */
.skilsBox {
  margin-top: 50px;
}
.skilsBoxTitle {
  text-align: left;
}
.skilsBoxImg {
  margin-top: 8px;
}
.skilsBoxImg img {
  display: block;
  max-width: 100%;
  margin-top: 8px;
}
.skilsBoxImgSub {
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.skilsBoxTitle1 {
  text-align: left;
  margin-top: 250px;
}
.skilsBoxBtn {
  margin-top: 38px;
}

/* dataBox */
.dataBox {
  margin-top: 68px;
}

/* lastBox */
.lastBox {
  margin-top: 56px;
}
.timerSub {
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.timerBox {
  color: #364272;
  font-family: Arial;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 50.4px */
}
.timerSubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.lastBoxSkils {
  margin-top: 30px;
}
.lastBoxSkilsImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.lastBoxSkilsSub {
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  margin-top: 20px;
}
.readiness {
  margin-top: 61px;
}
.readinessSub {
  color: #000;
  font-family: Arial;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 33.6px */
}
.readinessSub span {
  color: #7ec04b;
  font-family: Arial;
  font-weight: 700;
}
.readinessBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 10px;
  border: 1px solid #ced0d4;
  background: #f5f5f5;
  padding: 30px 20px;
  margin-top: 20px;
}
.readinessBottom img {
  display: block;
}
.readinessBottomSub {
  color: #000;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.readinessBottomSub span {
  color: #7ec04b;
  font-family: Arial;
}
.readinessImg {
  margin-top: 30px;
}
.readinessImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.blueQubit {
  margin-top: 45px;
}
.blueQubitTitle {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.blueQubitSubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  margin-top: 20.5px;
}
.blueQubitSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.blueQubitSub img {
  display: block;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.blueQubitItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  padding: 0 17.5px;
  margin-top: 20px;
}
.blueQubitItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 4px;
  background: #f1f1f1;
  padding: 10px 8px;
}
.blueQubitItemSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 7px;
  color: #270055;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.blueQubitItemSub img {
  display: block;
}
.blueQubitItemTitle {
  color: #270055;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 10px;
}
.blueQubitBottomSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  color: #270055;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  padding: 0 20px;
  margin-top: 30px;
}
.blueQubitBottomSub img {
  display: block;
}
.blueQubitBottomSub1 {
  color: #270055;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
  padding-left: 40px;
}
.blueQubitImg {
  margin-top: 30px;
  padding: 0 17px;
}
.blueQubitImg img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.learn {
  margin-top: 20px;
}
.learnImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.learnTitle {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 30px;
}
.learnImg1 img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.learnImg1 {
  margin-top: 25px;
}
.learnImg2 img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.learnImg2 {
  margin-top: 20px;
}
.learnImg3 img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.learnImg3 {
  margin-top: 30px;
}

/* footer */
.footer {
  margin-top: 30px;
}
.footerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.footerSub {
  color: #6b7280;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.footerSub a {
  color: #6b7280;
  font-family: Inter;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}