/* .mainContainer {
  width: 100%;
  height: calc(100vh - 78px);
  display: flex;

  @include media-breakpoint-down(md) {
    height: 100% !important;
    padding: 30px;
  }
  
  @include media-breakpoint-down(sm) {
    padding: 20px;
  }

  .stake {
    width: 548px;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))
      drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))
      drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.01));
    border-radius: 16px;
    padding: 28px 28px 41px 28px;

    @media (min-width: 992px) and (max-width: 1366px) {
      margin-left: 40% !important;
    }

    .coming {
      font-weight: 700;
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 40px;
    }

    .image {
      margin-bottom: 36px;
    }

    .desc {
      line-height: 120%;
    }
  }
} */

.mainContainer {
  width: 100%;
  /* height: calc(100vh - 130px); */
  display: flex;
}
.mainContainer2 {
  width: 100%;
  height: calc(100vh - 130px);
  display: flex;
}
.mainContainer .stake {
  width: 548px;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.01));
  border-radius: 16px;
  padding: 88px 28px 11px 28px;
}
@media (min-width: 992px) and (max-width: 1366px) {
  .mainContainer .stake {
    margin-left: 40% !important;
 }
}
.mainContainer .stake .coming {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 40px;
}
.mainContainer .stake .image {
  margin-bottom: 36px;
}
.mainContainer .stake .desc {
  line-height: 120%;
}

@media (max-width: 991px) {
  .mainContainer {
    height: 100% !important;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .mainContainer {
    padding: 20px;
  }
}