/* Start:/local/components/vtk/pay.form/templates/.default/style.css?17651000241321*/
.pay__inner {
  display: flex;
  gap: 40px;
}
.pay__form {
  flex: 1;
}
.pay__form .pay-form__container {
  background: var(--Grey-light);
  border-radius: 25px;
  padding: 24px 16px;
  margin-bottom: 16px;
}
.pay__form .pay-form__container--data {
  display: flex;
  gap: 10px;
}
.pay__form .pay-form__field {
  width: 100%;
  flex: 1;
}
.pay__form .pay-form button {
  padding: 18px 66px;
}
.pay__mobile {
  width: 416px;
  border-radius: 20px;
  color: white;
  position: relative;
  overflow: hidden;
  padding: 40px 24px 0 24px;
  background: radial-gradient(69.53% 70% at 21% 9%, rgba(158, 232, 88, 0.5), rgba(158, 232, 88, 0) 100%), radial-gradient(57.45% 59.54% at 88% 78%, rgba(158, 232, 88, 0.5), rgba(158, 232, 88, 0) 100%), #087026;
}
.pay__mobile h3 {
  margin-bottom: 16px;
}
.pay__mobile > * {
  z-index: 1;
  position: relative;
}
.pay__mobile:before {
  content: "";
  position: absolute;
  background: url('/images/mount_pic.svg') no-repeat center;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 65%;
  background-size: cover;
  z-index: 0;
}
@media (max-width: 1024px) {
  .pay__form .pay-form button {
    width: 100%;
    display: block;
  }
}
@media (max-width: 768px) {
  .pay__inner {
    flex-direction: column;
  }
  .pay__mobile {
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */
/* End */
/* /local/components/vtk/pay.form/templates/.default/style.css?17651000241321 */