.credo-main-header-wrapper {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
  height: 80px;
  padding: 14px;
  display: flex;
  align-items: center; }
  .credo-main-header-wrapper .credo-logo-wrapper {
    width: 57px;
    height: 58px; }
    .credo-main-header-wrapper .credo-logo-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: contain; }

.credo-main-content-wrapper {
  padding: 50px 0; }
  @media (max-width: 575px) {
    .credo-main-content-wrapper {
      padding: 30px 0 20px; } }
  @media (max-width: 480px) {
    .credo-main-content-wrapper {
      padding: 30px 0 0; } }
  .credo-main-content-wrapper .credo-main-banner-data {
    display: flex;
    align-items: center; }
    @media (max-width: 575px) {
      .credo-main-content-wrapper .credo-main-banner-data {
        flex-direction: column;
        padding: 0 30px; } }
    .credo-main-content-wrapper .credo-main-banner-data .banner-main-title {
      max-width: 620px;
      width: 100%;
      margin-right: 40px; }
      @media (max-width: 991px) {
        .credo-main-content-wrapper .credo-main-banner-data .banner-main-title {
          margin-right: 10px; } }
      @media (max-width: 575px) {
        .credo-main-content-wrapper .credo-main-banner-data .banner-main-title {
          margin-right: 0; } }
      .credo-main-content-wrapper .credo-main-banner-data .banner-main-title h2 {
        font-size: 40px;
        line-height: 50px;
        color: #27284E;
        margin-bottom: 20px; }
        @media (max-width: 991px) {
          .credo-main-content-wrapper .credo-main-banner-data .banner-main-title h2 {
            font-size: 25px;
            line-height: 40px; } }
        @media (max-width: 767px) {
          .credo-main-content-wrapper .credo-main-banner-data .banner-main-title h2 {
            font-size: 20px;
            line-height: 30px; } }
        @media (max-width: 575px) {
          .credo-main-content-wrapper .credo-main-banner-data .banner-main-title h2 {
            text-align: center; } }
      .credo-main-content-wrapper .credo-main-banner-data .banner-main-title p {
        font-size: 16px;
        line-height: 25px;
        color: rgba(28, 28, 28, 0.8);
        margin-bottom: 40px; }
        @media (max-width: 575px) {
          .credo-main-content-wrapper .credo-main-banner-data .banner-main-title p {
            text-align: center; } }
      .credo-main-content-wrapper .credo-main-banner-data .banner-main-title .credo-banner-btn-wrapper {
        display: flex;
        align-items: center; }
        @media (max-width: 575px) {
          .credo-main-content-wrapper .credo-main-banner-data .banner-main-title .credo-banner-btn-wrapper {
            justify-content: center; } }
        .credo-main-content-wrapper .credo-main-banner-data .banner-main-title .credo-banner-btn-wrapper .credo-gift-btn-wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          max-width: 142px;
          width: 100%;
          height: 43px;
          background: #1064E9;
          border-radius: 60px;
          color: #fff;
          font-family: "Avenir";
          font-size: 14px;
          text-decoration: none;
          margin-right: 10px; }
          .credo-main-content-wrapper .credo-main-banner-data .banner-main-title .credo-banner-btn-wrapper .credo-gift-btn-wrapper.learnmore-link {
            background: transparent;
            border: 1px solid rgba(28, 28, 28, 0.07);
            color: #1064E9; }
    .credo-main-content-wrapper .credo-main-banner-data .credo-banner-image-wrapper {
      max-width: 638px;
      width: 100%;
      height: 540px; }
      @media (max-width: 575px) {
        .credo-main-content-wrapper .credo-main-banner-data .credo-banner-image-wrapper {
          height: 385px; } }
      .credo-main-content-wrapper .credo-main-banner-data .credo-banner-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: contain; }

.credo-steps-content-wrapper {
  padding: 40px 0 60px; }
  @media (max-width: 575px) {
    .credo-steps-content-wrapper {
      padding: 20px 30px 40px; } }
  @media (max-width: 480px) {
    .credo-steps-content-wrapper {
      padding: 0 30px 20px; } }
  .credo-steps-content-wrapper .credo-steps-data-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media (max-width: 991px) {
      .credo-steps-content-wrapper .credo-steps-data-wrapper .credo-cmn-block-data {
        margin-bottom: 20px; } }
    .credo-steps-content-wrapper .credo-steps-data-wrapper .credo-cmn-block-data h6 {
      font-size: 18px;
      line-height: 16px;
      color: #939BA6; }
    .credo-steps-content-wrapper .credo-steps-data-wrapper .credo-cmn-block-data h4 {
      font-size: 26px;
      color: #27284E;
      margin: 12px 0; }
      @media (max-width: 575px) {
        .credo-steps-content-wrapper .credo-steps-data-wrapper .credo-cmn-block-data h4 {
          font-size: 20px; } }
    .credo-steps-content-wrapper .credo-steps-data-wrapper .credo-cmn-block-data p {
      max-width: 380px;
      width: 100%;
      font-size: 18px;
      line-height: 26px;
      color: rgba(28, 28, 28, 0.8); }
      @media (max-width: 575px) {
        .credo-steps-content-wrapper .credo-steps-data-wrapper .credo-cmn-block-data p {
          font-size: 16px; } }

.credo-stepper-form-main-wrapper {
  margin-top: 12px; }
  .credo-stepper-form-main-wrapper .credo-stepper-form-status {
    display: flex;
    justify-content: center;
    margin-bottom: 50px; }
    .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper {
      max-width: 585px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 767px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper {
          max-width: 400px; } }
      @media (max-width: 575px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper {
          max-width: 320px; } }
      .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper {
        display: flex;
        align-items: center;
        flex-direction: column; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper:nth-child(2) .circle.active::before {
          background-color: #c6c6c6; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper:nth-child(2) .circle.completed::before {
          position: absolute;
          content: '';
          background-color: #1064E9;
          height: 1px;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 270px;
          z-index: -1; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper:last-child .circle::before {
          content: unset; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper:last-child .circle.active::before {
          content: unset; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper:last-child .circle.completed::before {
          content: unset; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 20px;
          height: 20px;
          border: 1px solid #C6C6C6;
          border-radius: 64px;
          background-color: #fff;
          position: relative; }
          .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle.completed {
            border-color: #1064E9;
            background-color: #1064E9;
            position: relative; }
            .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle.completed::before {
              position: absolute;
              content: '';
              background-color: #1064E9;
              height: 1px;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 270px;
              z-index: -1; }
            .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle.completed::after {
              position: absolute;
              content: '';
              background-image: url("../images/check-icon.svg");
              background-repeat: no-repeat;
              background-position: center;
              background-size: contain;
              width: 10px;
              height: 10px;
              left: 4px;
              right: 0; }
          .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle::before {
            position: absolute;
            content: '';
            background-color: #c6c6c6;
            height: 1px;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 270px;
            z-index: -1; }
            @media (max-width: 767px) {
              .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle::before {
                width: 176px; } }
            @media (max-width: 575px) {
              .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle::before {
                width: 151px; } }
          .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle.active {
            border: 1px solid #1064E9; }
            .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper .circle.active .dot {
              display: block;
              width: 4px;
              height: 4px;
              background: #1064E9;
              border-radius: 50px; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-status .credo-step-data-wrapper .cmn-step-wrapper p {
          font-size: 14px;
          color: #6f6f6f;
          line-height: 16px;
          letter-spacing: 0.5px;
          margin-top: 10px;
          margin-bottom: 0; }
  .credo-stepper-form-main-wrapper .credo-stepper-form-step1 {
    max-width: 627px;
    width: 100%;
    margin: auto; }
    @media (max-width: 575px) {
      .credo-stepper-form-main-wrapper .credo-stepper-form-step1 {
        padding: 0 25px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step1 h2 {
      font-size: 32px;
      line-height: 18px;
      color: #27284E;
      text-align: center;
      margin-bottom: 0; }
      @media (max-width: 575px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-step1 h2 {
          font-size: 24px;
          line-height: 10px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step1 p {
      font-size: 18px;
      line-height: 28px;
      color: rgba(28, 28, 28, 0.8);
      text-align: center;
      margin: 20px 0; }
      @media (max-width: 575px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-step1 p {
          font-size: 16px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step1 .credo-form-step1 {
      min-height: 600px;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media (max-width: 1399px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-step1 .credo-form-step1 {
          min-height: 540px; } }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step1 .credo-form-step1 .form-label {
        font-size: 14px;
        color: #6B7888; }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step1 .credo-form-step1 .form-control {
        width: 100%;
        height: 64px;
        border: 1px solid #E2E2E2;
        border-radius: 64px; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step1 .credo-form-step1 .form-control:focus {
          box-shadow: none;
          border: 1px solid #1064E9; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step1 .credo-form-step1 .form-control.emailInput {
          max-width: 100%; }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step1 .credo-form-step1 .credo-stepper-action-btn-wrapper {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 50px; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step1 .credo-form-step1 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn {
          display: flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          max-width: 298px;
          width: 100%;
          height: 44px;
          background: #1064E9;
          border-radius: 44px;
          color: #fff;
          font-family: "Avenir";
          font-size: 14px; }
  .credo-stepper-form-main-wrapper .credo-stepper-form-step2 {
    max-width: 627px;
    width: 100%;
    margin: auto; }
    @media (max-width: 575px) {
      .credo-stepper-form-main-wrapper .credo-stepper-form-step2 {
        padding: 0 25px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step2 h2 {
      font-size: 32px;
      line-height: 18px;
      color: #27284E;
      text-align: center;
      margin-bottom: 0; }
      @media (max-width: 575px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-step2 h2 {
          font-size: 24px;
          line-height: 10px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step2 p {
      font-size: 18px;
      line-height: 28px;
      color: rgba(28, 28, 28, 0.8);
      text-align: center;
      margin: 20px 0; }
      @media (max-width: 575px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-step2 p {
          font-size: 16px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 {
      min-height: 600px;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .form-label {
        font-size: 14px;
        color: #6B7888; }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .form-control {
        width: 100%;
        height: 64px;
        border: 1px solid #E2E2E2;
        border-radius: 64px;
        color: #27284E; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .form-control::placeholder {
          color: rgba(136, 162, 195, 0.5); }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .form-control:focus {
          box-shadow: none;
          border: 1px solid #1064E9; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .form-control.messageTextarea {
          min-height: 175px;
          height: auto;
          border-radius: 16px;
          margin-bottom: 50px; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .form-control.emailInput {
          max-width: 100%; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .form-control.datepicker {
          padding: 6px 12px; }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .credo-stepper-action-btn-wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn {
          display: flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          max-width: 298px;
          width: 100%;
          height: 44px;
          background: #1064E9;
          border-radius: 44px;
          color: #fff;
          font-family: "Avenir";
          font-size: 14px; }
          @media (max-width: 767px) {
            .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn {
              max-width: 200px; } }
          .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn.backBtn {
            background: rgba(156, 156, 156, 0.12);
            color: #1064E9; }
            @media (max-width: 767px) {
              .credo-stepper-form-main-wrapper .credo-stepper-form-step2 .credo-form-step2 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn.backBtn {
                margin-right: 20px; } }
  .credo-stepper-form-main-wrapper .credo-stepper-form-step3 {
    max-width: 627px;
    width: 100%;
    margin: auto; }
    @media (max-width: 575px) {
      .credo-stepper-form-main-wrapper .credo-stepper-form-step3 {
        padding: 0 25px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step3 h2 {
      font-size: 32px;
      line-height: 18px;
      color: #27284E;
      text-align: center;
      margin-bottom: 0; }
      @media (max-width: 575px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 h2 {
          font-size: 24px;
          line-height: 10px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step3 p {
      font-size: 18px;
      line-height: 28px;
      color: rgba(28, 28, 28, 0.8);
      text-align: center;
      margin: 20px 0; }
      @media (max-width: 575px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 p {
          font-size: 16px; } }
    .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 {
      min-height: 600px;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media (max-width: 1399px) {
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 {
          min-height: 475px; } }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .form-label {
        font-size: 14px;
        color: #6B7888; }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .form-control {
        width: 100%;
        height: 64px;
        border: 1px solid #E2E2E2;
        border-radius: 64px;
        color: #27284E; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .form-control::placeholder {
          color: rgba(136, 162, 195, 0.5); }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .form-control:focus {
          box-shadow: none;
          border: 1px solid #1064E9; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .form-control.messageTextarea {
          min-height: 175px;
          height: auto;
          border-radius: 16px;
          margin-bottom: 50px; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .form-control.emailInput {
          max-width: 100%; }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .StripeElement {
        border: 1px solid #e2e2e2;
        border-radius: 64px;
        height: 64px;
        padding: 22px 12px; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .StripeElement:focus {
          border: 1px solid #1064E9; }
      .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .credo-stepper-action-btn-wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px; }
        .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn {
          display: flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          max-width: 298px;
          width: 100%;
          height: 44px;
          background: #1064E9;
          border-radius: 44px;
          color: #fff;
          font-family: "Avenir";
          font-size: 14px; }
          @media (max-width: 767px) {
            .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn {
              max-width: 200px; } }
          .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn.backBtn {
            background: rgba(156, 156, 156, 0.12);
            color: #1064E9; }
            @media (max-width: 767px) {
              .credo-stepper-form-main-wrapper .credo-stepper-form-step3 .credo-form-step3 .credo-stepper-action-btn-wrapper .credo-stepper-form-nextBtn.backBtn {
                margin-right: 20px; } }
  .credo-stepper-form-main-wrapper .credo-stepper-final-step {
    max-width: 627px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 700px; }
    @media (max-width: 575px) {
      .credo-stepper-form-main-wrapper .credo-stepper-final-step {
        padding: 0 25px; } }
  .credo-stepper-form-main-wrapper .stripe-element-focused {
    box-shadow: none;
    border: 1px solid #1064E9 !important; }

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 400;
  height: 100%;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  appearance: auto;
  -moz-appearance: auto;
  -webkit-appearance: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  font-family: "Montserrat" !important;
  font-weight: 500;
  background: #fff;
  color: #1064E9; }

@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg); } }
#spin {
  position: relative;
  width: 100%;
  height: 30px;
  margin-top: 20px; }
  #spin::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    border: 4px solid #d9d8d8;
    border-top: 4px solid #1064E9;
    border-radius: 50%;
    animation: spinner 2s linear infinite; }

.error {
  color: red; }

#card-errors {
  margin-top: 20px;
  color: red; }

#white-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  z-index: 1; }

/*# sourceMappingURL=app.css.map */