.certificates {
  max-width: 1230px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.certificates h2 {
  text-align: center;
}
.certificates .cert-area {
  max-width: 820px;
  margin: 0 auto;
}
.certificates .certificate-design .bg {
  background: linear-gradient(90.17deg, rgba(174, 134, 223, 0.3) 5.38%, rgba(255, 117, 233, 0.3) 104.41%);
  height: 420px;
  border-radius: 29px;
  padding-top: 20px;
}
.certificates .certificate-design .certificate {
  transform: rotate(-7deg);
}
.certificates .certificate-design .certificate .c-bg {
  box-shadow: 0px 10px 4px 0px #00000040;
}
.certificates .certificate-design .arrow-container {
  position: relative;
}
.certificates .certificate-design .arrow-container .arrow-next,
.certificates .certificate-design .arrow-container .arrow-prev {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  line-height: 1;
  font-size: 50px;
}
.certificates .certificate-design .arrow-container .arrow-next {
  right: 0;
}
.certificates .certificate-design .arrow-container .arrow-prev {
  left: 0;
}
.certificates .certificate-design .btn-version {
  display: inline-block;
  max-width: 162px;
}
.certificates .certificate-design .btn-version img {
  max-width: 100%;
}
.certificates .certificate-design .btn-bgs {
  margin-top: 73px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.certificates .certificate-design .btn-bgs .btn-bg {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.certificates .certificate-design .btn-bgs .btn-bg.v-1 {
  background: url("/wa-apps/content/themes/common/img/certificates/btnbg1.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificates .certificate-design .btn-bgs .btn-bg.v-2 {
  background: url("/wa-apps/content/themes/common/img/certificates/btnbg2.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificates .certificate-design .btn-bgs .btn-bg.v-3 {
  background: url("/wa-apps/content/themes/common/img/certificates/btnbg3.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificates .certificate-design .btn-bgs .btn-bg.v-4 {
  background: url("/wa-apps/content/themes/common/img/certificates/btnbg4.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificates .certificate-design .btn-bgs .btn-bg.v-5 {
  background: url("/wa-apps/content/themes/common/img/certificates/btnbg5.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificates .certificate-design .btn-bgs .btn-bg.v-6 {
  background: url("/wa-apps/content/themes/common/img/certificates/btnbg6.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificates .steps {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 20px;
}
.certificates .steps a,
.certificates .steps span {
  font-weight: 500;
  font-size: 16px;
  color: #ccc;
  border: 2px solid;
  border-radius: 50px;
  display: inline-block;
  padding: 6px 25px 6px 25px;
  text-decoration: none;
  line-height: 1;
}
.certificates .steps a.active,
.certificates .steps span.active {
  color: #000;
}
.certificates #step-design .steps {
  margin-bottom: 68px;
}
.certificates .button-block {
  margin: 20px 0;
  text-align: center;
}
.certificates .btn-amount {
  margin-bottom: 15px;
}
.certificates .form-label {
  font-weight: bold;
}
.certificates .input-confirm-amount {
  font-weight: bold;
  font-size: 24px;
}
.certificate {
  margin-bottom: 30px;
}
.certificate .c-bg {
  margin: 0 auto;
  width: 530px;
  height: 370px;
  border-radius: 28px;
}
.certificate .c-version {
  margin: 0 auto;
  width: 530px;
  height: 370px;
  position: relative;
}
.certificate .c-version.v-1 {
  background: url("/wa-apps/content/themes/common/img/certificates/v1.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate .c-version.v-2 {
  background: url("/wa-apps/content/themes/common/img/certificates/v2.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate .c-version.v-3 {
  background: url("/wa-apps/content/themes/common/img/certificates/v3.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate .c-version.v-4 {
  background: url("/wa-apps/content/themes/common/img/certificates/v4.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate .c-version.v-5 {
  background: url("/wa-apps/content/themes/common/img/certificates/v5.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate .c-version.v-6 {
  background: url("/wa-apps/content/themes/common/img/certificates/v6.png") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate .c-amount {
  font-size: 42px;
  font-weight: 900;
  color: #fff;
  position: absolute;
  left: 8%;
  top: 72%;
}
.certificate-number {
  font-size: 24px;
  text-align: center;
  margin-bottom: 100px;
}
.certificate.msk .c-bg.v-1,
.certificate.spb .c-bg.v-1 {
  background: url("/wa-apps/content/themes/secrets2/img/certificates/bg1.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.msk .c-bg.v-2,
.certificate.spb .c-bg.v-2 {
  background: url("/wa-apps/content/themes/secrets2/img/certificates/bg2.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.msk .c-bg.v-3,
.certificate.spb .c-bg.v-3 {
  background: url("/wa-apps/content/themes/secrets2/img/certificates/bg3.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.msk .c-bg.v-3 .c-amount,
.certificate.spb .c-bg.v-3 .c-amount {
  color: #E2358F;
}
.certificate.msk .c-bg.v-4,
.certificate.spb .c-bg.v-4 {
  background: url("/wa-apps/content/themes/secrets2/img/certificates/bg4.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.msk .c-bg.v-4 .c-amount,
.certificate.spb .c-bg.v-4 .c-amount {
  color: #F4A9CB;
}
.certificate.msk .c-bg.v-5,
.certificate.spb .c-bg.v-5 {
  background: url("/wa-apps/content/themes/secrets2/img/certificates/bg5.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.msk .c-bg.v-6,
.certificate.spb .c-bg.v-6 {
  background: url("/wa-apps/content/themes/secrets2/img/certificates/bg6.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.online .c-bg.v-1 {
  background: url("/wa-apps/content/themes/online2/img/certificates/bg1.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.online .c-bg.v-2 {
  background: url("/wa-apps/content/themes/online2/img/certificates/bg2.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.online .c-bg.v-3 {
  background: url("/wa-apps/content/themes/online2/img/certificates/bg3.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.online .c-bg.v-3 .c-amount {
  color: #E2358F;
}
.certificate.online .c-bg.v-4 {
  background: url("/wa-apps/content/themes/online2/img/certificates/bg4.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.online .c-bg.v-4 .c-amount {
  color: #F4A9CB;
}
.certificate.online .c-bg.v-5 {
  background: url("/wa-apps/content/themes/online2/img/certificates/bg5.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
.certificate.online .c-bg.v-6 {
  background: url("/wa-apps/content/themes/online2/img/certificates/bg6.webp") no-repeat 50% 50%;
  background-size: 100% 100%;
}
/*# sourceMappingURL=certificates.css.map */