.top-circle-list {
  list-style: none;
  padding: 0;
  margin: 0 -10px 30px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1200px) {
  .top-circle-list {
      margin: 0 -5px 30px;
  }
}

.top-circle-list li {
  display: flex;
  width: 33.3%;
  padding: 0 10px;
}

.top-circle-list li:nth-child(2) .holder:before {
  background: #09E8B0;
}

.top-circle-list li:nth-child(3) .holder:before {
  background: #0CC2B6;
}

@media screen and (max-width: 1200px) {
  .top-circle-list li {
      padding: 0 5px;
  }
}

@media screen and (max-width: 1024px) {
  .top-circle-list li {
      width: 100%;
      padding: 0 0 30px;
  }
}

.top-circle-list .holder {
  width: 100%;
  position: relative;
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1200px) {
  .top-circle-list .holder {
      padding: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .top-circle-list .holder {
      padding: 20px 15px;
  }
}

.top-circle-list .holder:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #65EFB4;
  border-radius: 50%;
}

.top-circle-list .title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0 0 15px;
  text-transform: uppercase;
  text-align: center;
}

.progress-holder {
  margin: 0 0 35px;
}

.progress-holder .title {
  text-transform: uppercase;
}

.progress-holder .box {
  display: flex;
  margin: 0 0 5px;
}

.progress-holder .box-holder {
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 50px;
}

@media screen and (max-width: 1024px) {
  .progress-holder .box-holder {
      flex-direction: column-reverse;
      align-items: normal;
      min-height: auto;
  }
}

.progress-holder .txt {
  width: 48%;
  padding: 0 10px 0 0;
  border-bottom: 2px solid #9B9DA4;
}

@media screen and (max-width: 1024px) {
  .progress-holder .txt {
      width: 100%;
      padding: 0;
      border-bottom: none;
  }
}

.progress-holder .progress-wrapp {
  width: 49%;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 1024px) {
  .progress-holder .progress-wrapp {
      width: 100%;
      margin: 0 0 10px;
  }
}

.progress-holder .progress {
  width: 100%;
  height: 20px;
  background: #F8F8F7;
}

.progress-holder .progress>span {
  display: block;
  height: 100%;
  background: #00B4E7;
}

.progress-holder .value {
  font-size: 20px;
  color: #666;
  min-width: 50px;
  text-align: right;
  margin: 0 0 0 15px;
}

.benefits-list {
  list-style: none;
  padding: 0;
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
  .benefits-list {
      margin: 0;
  }
}

.benefits-list li {
  display: flex;
  width: 33.3%;
  padding: 0 10px 20px;
}

.benefits-list li:nth-child(2) .holder {
  border-color: #09E8B0;
}

.benefits-list li:nth-child(2) .heading {
  background: #09E8B0;
}

.benefits-list li:nth-child(3) .holder {
  border-color: #0CC2B6;
}

.benefits-list li:nth-child(3) .heading {
  background: #0CC2B6;
}

.benefits-list li:nth-child(4) .holder {
  border-color: #47B7C1;
}

.benefits-list li:nth-child(4) .heading {
  background: #47B7C1;
}

.benefits-list li:nth-child(5) .holder {
  border-color: #1D8E9F;
}

.benefits-list li:nth-child(5) .heading {
  background: #1D8E9F;
}

.benefits-list li:nth-child(6) .holder {
  border-color: #005461;
}

.benefits-list li:nth-child(6) .heading {
  background: #005461;
}

@media screen and (max-width: 1200px) {
  .benefits-list li {
      width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  .benefits-list li {
      width: 100%;
      padding: 0 0 20px;
  }
}

.benefits-list .holder {
  display: flex;
  padding: 15px;
  border: 5px solid #65EFB4;
  border-radius: 30px;
}

.benefits-list .holder-wrap {
  min-height: 334px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1024px) {
  .benefits-list .holder-wrap {
      min-height: auto;
  }
}

.benefits-list .heading {
  display: flex;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  background: #65EFB4;
}

.benefits-list .heading span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px;
  width: 100%;
  min-height: 70px;
}

.benefits-list .body {
  padding: 15px;
  background: #fff;
}

.next-number-list {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding: 0 0 20px;
  margin: 0;
}

.next-number-list li {
  counter-increment: my-awesome-counter;
  display: flex;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px;
  margin: 0 0 10px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1024px) {
  .next-number-list li {
      font-size: 16px;
  }
}

.next-number-list li:before {
  content: counter(my-awesome-counter);
  font-size: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  color: #fff;
  background: #0CC2B6;
  border-radius: 20px;
  margin: 0 40px 0 0;
}

@media screen and (max-width: 1024px) {
  .next-number-list li:before {
      margin: 0 15px 0 0;
  }
}

.parentheses-list {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}

.parentheses-list li {
  counter-increment: my-awesome-counter;
  margin: 0 0 14px;
}

.parentheses-list li:before {
  content: counter(my-awesome-counter) ") ";
  color: #0CC2B6;
}

.case-study-box {
  display: flex;
  align-items: center;
  padding: 28px 40px;
  margin: 40px 0 0;
  background: #CFF5FF;
  border-radius: 20px;
}

@media screen and (max-width: 1440px) {
  .case-study-box {
      padding: 15px 20px;
  }
}

@media screen and (max-width: 1200px) {
  .case-study-box {
      flex-direction: column;
      padding: 20px;
  }
}

.case-study-box .title {
  display: block;
  color: #222;
  font-size: 24px;
  max-width: 400px;
  width: 42.2%;
  text-transform: uppercase;
  margin: 0 60px 0 0;
}

@media screen and (max-width: 1440px) {
  .case-study-box .title {
      font-size: 20px;
      width: 44%;
      margin: 0 30px 0 0;
  }
}

@media screen and (max-width: 1200px) {
  .case-study-box .title {
      width: auto;
      text-align: center;
      margin: 15px 0;
  }
}

.case-study-box .ico-box {
  width: 104px;
  margin: 0 80px 0 0;
  display: flex;
  flex-shrink: 0;
}

@media screen and (max-width: 1440px) {
  .case-study-box .ico-box {
      margin: 0 30px 0 0;
  }
}

@media screen and (max-width: 1200px) {
  .case-study-box .ico-box {
      order: -1;
      margin: 0;
      transform: rotate(90deg);
  }
}

.btn-blue {
  color: #fff;
  font-size: 18px;
  min-width: 246px;
  padding: 9px;
  border: none;
  background: #22C7F3;
  text-transform: uppercase;
  border-radius: 20px;
  outline: none;
  transition: color .3s ease-in-out, background .3s ease-in-out;
}

.btn-blue:hover,
.btn-blue:focus {
  background: #0985a6;
}

.essential-list {
  list-style: none;
  padding: 0 0 30px;
  margin: 50px -10px 145px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .essential-list {
      margin: 0 0 30px;
      padding: 0 0 0 15px;
  }
}

.essential-list:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 5px;
  border-bottom: 5px dotted #D8D7D2;
}

@media screen and (max-width: 1024px) {
  .essential-list:before {
      top: 0;
      left: 0;
      right: auto;
      height: auto;
      width: 5px;
      border-bottom: none;
      border-left: 5px dotted #D8D7D2;
  }
}

.essential-list li {
  position: relative;
  width: calc(33% - 20px);
  padding: 5px;
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 326px;
  min-height: 85px;
  color: #222;
  background: #FFFFFF;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 20px;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
}

.essential-list li:nth-child(2),
.essential-list li:nth-child(4) {
  position: absolute;
  top: calc(100% + 30px);
  left: 33%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
  .essential-list li:nth-child(2),
  .essential-list li:nth-child(4) {
      position: relative;
      left: 0;
      top: 0;
      transform: none;
  }
}

.essential-list li:nth-child(2):before,
.essential-list li:nth-child(4):before {
  bottom: auto;
  top: 0;
}

@media screen and (max-width: 1024px) {
  .essential-list li:nth-child(2):before,
  .essential-list li:nth-child(4):before {
      top: 50%;
  }
}

.essential-list li:nth-child(4) {
  left: 66%;
}

@media screen and (max-width: 1024px) {
  .essential-list li:nth-child(4) {
      left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .essential-list li:last-child {
      margin: 0;
  }
}

@media screen and (max-width: 1024px) {
  .essential-list li {
      width: 100%;
      max-width: none;
      margin: 0 0 20px;
  }
}

.essential-list li:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 46px;
  height: 4px;
  background: #0CC2B6;
}

@media screen and (max-width: 1024px) {
  .essential-list li:before {
      left: 0;
      bottom: auto;
      top: 50%;
      transform: translateY(-50%);
      width: 4px;
      height: 46px;
  }
}

.essential-description .title {
  display: block;
  color: #222;
  margin: 0 0 10px;
}

.bonus-part-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 134px;
  padding: 30px 55px;
  border: 5px dotted #949494;
  border-radius: 20px;
}

@media screen and (max-width: 1440px) {
  .bonus-part-box {
      padding: 15px;
  }
}

@media screen and (max-width: 1200px) {
  .bonus-part-box {
      flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .bonus-part-box {
      padding: 40px 20px;
  }
}

.bonus-part-box .title {
  font-size: 20px;
  color: #222;
  max-width: 410px;
  width: 45%;
  text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
  .bonus-part-box .title {
      width: auto;
      text-align: center;
      margin: 0 0 15px;
  }
}

@media screen and (max-width: 1024px) {
  .bonus-part-box .title {
      text-align: left;
      margin: 0 0 30px;
  }
}

.bonus-form {
  display: flex;
  width: 51%;
  margin: 0 0 0 15px;
}

@media screen and (max-width: 1200px) {
  .bonus-form {
      margin: 0;
      width: 70%;
  }
}

@media screen and (max-width: 1024px) {
  .bonus-form {
      width: 100%;
      flex-direction: column;
  }
}

.bonus-form .btn-blue {
  min-width: 185px;
  position: relative;
  z-index: 1;
}

.bonus-form .input-holder {
  width: 100%;
  margin: 0 -20px 0 0;
}

@media screen and (max-width: 1024px) {
  .bonus-form .input-holder {
      margin: 0 0 20px;
  }
}

.bonus-form input {
  width: 100%;
  min-height: 46px;
  padding: 10px 32px 10px 17px;
  border: none;
  background: #F9F9FB;
  border-radius: 0 20px 20px 20px;
  outline: none;
}

.bonus-form input::placeholder {
  font-size: 14px;
  color: #757575;
}