.button-primary {
  display: flex;
  justify-content: center;
  border: none;
  margin: 0;
  cursor: pointer;
  align-items: center;
  max-width: fit-content;
  border-radius: 16px;
  background: #8878FF;
  transition: background 0.3s ease-in-out;
  padding: 0.42vw 0.42vw 0.42vw 0.94vw;
}
@media (max-width: 1919px) {
  .button-primary {
    padding: 0.5vw 0.5vw 0.5vw 1.13vw;
  }
}
@media (max-width: 1599px) {
  .button-primary {
    padding: 0.56vw 0.56vw 0.56vw 1.25vw;
  }
}
@media (max-width: 1439px) {
  .button-primary {
    padding: 0.8vw 0.8vw 0.8vw 1.8vw;
  }
}
@media (max-width: 999px) {
  .button-primary {
    padding: 1.86vw 1.86vw 1.86vw 4.2vw;
  }
}
.button-primary {
  gap: 0.94vw;
}
@media (max-width: 1919px) {
  .button-primary {
    gap: 1.13vw;
  }
}
@media (max-width: 1599px) {
  .button-primary {
    gap: 1.25vw;
  }
}
@media (max-width: 1439px) {
  .button-primary {
    gap: 1.8vw;
  }
}
@media (max-width: 999px) {
  .button-primary {
    gap: 4.2vw;
  }
}
.button-primary:hover {
  background: #4534CA;
}
.button-primary:hover .button-primary__icon-box svg path {
  stroke: #4534CA;
}
.button-primary:active {
  background: #25159D;
}
.button-primary:active .button-primary__icon-box svg path {
  stroke: #25159D;
}
.button-primary span {
  color: #FFFFFF;
  font-family: NunitoSans, "Nunito Sans-fallback";
  font-style: normal;
  font-weight: 600;
  font-size: 0.83vw;
}
@media (max-width: 1919px) {
  .button-primary span {
    font-size: 1vw;
  }
}
@media (max-width: 1599px) {
  .button-primary span {
    font-size: 1.11vw;
  }
}
@media (max-width: 1439px) {
  .button-primary span {
    font-size: 1.6vw;
  }
}
@media (max-width: 999px) {
  .button-primary span {
    font-size: 3.73vw;
  }
}
.button-primary span {
  line-height: 1.25vw;
}
@media (max-width: 1919px) {
  .button-primary span {
    line-height: 1.5vw;
  }
}
@media (max-width: 1599px) {
  .button-primary span {
    line-height: 1.67vw;
  }
}
@media (max-width: 1439px) {
  .button-primary span {
    line-height: 2.4vw;
  }
}
@media (max-width: 999px) {
  .button-primary span {
    line-height: 5.59vw;
  }
}
.button-primary_green {
  background: #C5FFBE;
  z-index: 1;
}
.button-primary_green span {
  color: #4534CA;
}
.button-primary_green:hover {
  background: #ACFFA2;
}
.button-primary_green:hover .button-primary__icon-box svg path {
  stroke: #FFFFFF;
}
.button-primary_green:active {
  background: #ACFFA2;
}
.button-primary_green:active .button-primary__icon-box svg path {
  stroke: #FFFFFF;
}
.button-primary_purple span {
  font-weight: 500;
}
.button-primary .button-primary__icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #C5FFBE;
  padding: 0.26vw;
}
@media (max-width: 1919px) {
  .button-primary .button-primary__icon-box {
    padding: 0.31vw;
  }
}
@media (max-width: 1599px) {
  .button-primary .button-primary__icon-box {
    padding: 0.35vw;
  }
}
@media (max-width: 1439px) {
  .button-primary .button-primary__icon-box {
    padding: 0.5vw;
  }
}
@media (max-width: 999px) {
  .button-primary .button-primary__icon-box {
    padding: 1.17vw;
  }
}
.button-primary .button-primary__icon-box {
  width: 1.77vw;
}
@media (max-width: 1919px) {
  .button-primary .button-primary__icon-box {
    width: 2.13vw;
  }
}
@media (max-width: 1599px) {
  .button-primary .button-primary__icon-box {
    width: 2.36vw;
  }
}
@media (max-width: 1439px) {
  .button-primary .button-primary__icon-box {
    width: 3.4vw;
  }
}
@media (max-width: 999px) {
  .button-primary .button-primary__icon-box {
    width: 7.93vw;
  }
}
.button-primary .button-primary__icon-box {
  height: 1.77vw;
}
@media (max-width: 1919px) {
  .button-primary .button-primary__icon-box {
    height: 2.13vw;
  }
}
@media (max-width: 1599px) {
  .button-primary .button-primary__icon-box {
    height: 2.36vw;
  }
}
@media (max-width: 1439px) {
  .button-primary .button-primary__icon-box {
    height: 3.4vw;
  }
}
@media (max-width: 999px) {
  .button-primary .button-primary__icon-box {
    height: 7.93vw;
  }
}
.button-primary .button-primary__icon-box img {
  display: block;
  object-fit: contain;
  width: 0.63vw;
}
@media (max-width: 1919px) {
  .button-primary .button-primary__icon-box img {
    width: 0.75vw;
  }
}
@media (max-width: 1599px) {
  .button-primary .button-primary__icon-box img {
    width: 0.83vw;
  }
}
@media (max-width: 1439px) {
  .button-primary .button-primary__icon-box img {
    width: 1.2vw;
  }
}
@media (max-width: 999px) {
  .button-primary .button-primary__icon-box img {
    width: 2.8vw;
  }
}
.button-primary .button-primary__icon-box img {
  height: 0.63vw;
}
@media (max-width: 1919px) {
  .button-primary .button-primary__icon-box img {
    height: 0.75vw;
  }
}
@media (max-width: 1599px) {
  .button-primary .button-primary__icon-box img {
    height: 0.83vw;
  }
}
@media (max-width: 1439px) {
  .button-primary .button-primary__icon-box img {
    height: 1.2vw;
  }
}
@media (max-width: 999px) {
  .button-primary .button-primary__icon-box img {
    height: 2.8vw;
  }
}
.button-primary .button-primary__icon-box svg {
  width: 1.25vw;
}
@media (max-width: 1919px) {
  .button-primary .button-primary__icon-box svg {
    width: 1.5vw;
  }
}
@media (max-width: 1599px) {
  .button-primary .button-primary__icon-box svg {
    width: 1.67vw;
  }
}
@media (max-width: 1439px) {
  .button-primary .button-primary__icon-box svg {
    width: 2.4vw;
  }
}
@media (max-width: 999px) {
  .button-primary .button-primary__icon-box svg {
    width: 5.59vw;
  }
}
.button-primary .button-primary__icon-box svg {
  height: 1.25vw;
}
@media (max-width: 1919px) {
  .button-primary .button-primary__icon-box svg {
    height: 1.5vw;
  }
}
@media (max-width: 1599px) {
  .button-primary .button-primary__icon-box svg {
    height: 1.67vw;
  }
}
@media (max-width: 1439px) {
  .button-primary .button-primary__icon-box svg {
    height: 2.4vw;
  }
}
@media (max-width: 999px) {
  .button-primary .button-primary__icon-box svg {
    height: 5.59vw;
  }
}
.button-primary .button-primary__icon-box svg path {
  transition: stroke 0.3s ease-in-out;
  stroke: #8878FF;
}
.button-primary .button-primary__icon-box_purple {
  background: #8878FF;
}
.button-primary .button-primary__icon-box_purple svg path {
  stroke: #FFFFFF;
}
.button-primary .button-primary__icon-box_purple img {
  filter: brightness(0) invert(1);
}
.button-primary-hero {
  width: 9.379885357vw;
}
@media (max-width: 1919px) {
  .button-primary-hero {
    width: 11.2570356473vw;
  }
}
@media (max-width: 1599px) {
  .button-primary-hero {
    width: 12.5086865879vw;
  }
}
@media (max-width: 1439px) {
  .button-primary-hero {
    width: 18.018018018vw;
  }
}
@media (max-width: 999px) {
  .button-primary-hero {
    width: 41.958041958vw;
  }
}
.button-primary-hero span {
  font-family: NunitoSans, "Nunito Sans-fallback";
}
.button-primary-hero .button-primary__icon-box img {
  width: 0.63vw;
}
@media (max-width: 1919px) {
  .button-primary-hero .button-primary__icon-box img {
    width: 0.75vw;
  }
}
@media (max-width: 1599px) {
  .button-primary-hero .button-primary__icon-box img {
    width: 0.83vw;
  }
}
@media (max-width: 1439px) {
  .button-primary-hero .button-primary__icon-box img {
    width: 1.2vw;
  }
}
@media (max-width: 999px) {
  .button-primary-hero .button-primary__icon-box img {
    width: 2.8vw;
  }
}
.button-primary-hero .button-primary__icon-box img {
  height: 0.63vw;
}
@media (max-width: 1919px) {
  .button-primary-hero .button-primary__icon-box img {
    height: 0.75vw;
  }
}
@media (max-width: 1599px) {
  .button-primary-hero .button-primary__icon-box img {
    height: 0.83vw;
  }
}
@media (max-width: 1439px) {
  .button-primary-hero .button-primary__icon-box img {
    height: 1.2vw;
  }
}
@media (max-width: 999px) {
  .button-primary-hero .button-primary__icon-box img {
    height: 2.8vw;
  }
}
.button-primary-hero .button-primary__icon-box svg {
  width: 0.52vw;
}
@media (max-width: 1919px) {
  .button-primary-hero .button-primary__icon-box svg {
    width: 0.63vw;
  }
}
@media (max-width: 1599px) {
  .button-primary-hero .button-primary__icon-box svg {
    width: 0.69vw;
  }
}
@media (max-width: 1439px) {
  .button-primary-hero .button-primary__icon-box svg {
    width: 1vw;
  }
}
@media (max-width: 999px) {
  .button-primary-hero .button-primary__icon-box svg {
    width: 2.33vw;
  }
}
.button-primary-hero .button-primary__icon-box svg {
  height: 0.52vw;
}
@media (max-width: 1919px) {
  .button-primary-hero .button-primary__icon-box svg {
    height: 0.63vw;
  }
}
@media (max-width: 1599px) {
  .button-primary-hero .button-primary__icon-box svg {
    height: 0.69vw;
  }
}
@media (max-width: 1439px) {
  .button-primary-hero .button-primary__icon-box svg {
    height: 1vw;
  }
}
@media (max-width: 999px) {
  .button-primary-hero .button-primary__icon-box svg {
    height: 2.33vw;
  }
}

.overlay,
.overlay-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: rgba(51, 39, 139, 0.2);
  opacity: 0;
  pointer-events: none;
  transition: ease-out 0.3s;
}
.overlay_show,
.overlay-popup_show {
  opacity: 1;
  pointer-events: auto;
}

.popup-form {
  position: fixed;
  transform: translate(-50%, -50%);
  overflow: hidden;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  border-radius: 16px;
  box-shadow: 0 2px 3px 0 rgba(42, 33, 109, 0.11);
  background: #FFFFFF;
  transition: opacity 0.3s ease, transform 0.3s ease;
  width: 27.5143303804vw;
}
@media (max-width: 1919px) {
  .popup-form {
    width: 33.0206378987vw;
  }
}
@media (max-width: 1599px) {
  .popup-form {
    width: 36.6921473245vw;
  }
}
@media (max-width: 1439px) {
  .popup-form {
    width: 52.8528528529vw;
  }
}
@media (max-width: 999px) {
  .popup-form {
    width: 100%;
  }
}
.popup-form {
  padding: 2.6055237103vw 4.1688379364vw;
}
@media (max-width: 1919px) {
  .popup-form {
    padding: 3.1269543465vw 5.0031269543vw;
  }
}
@media (max-width: 1599px) {
  .popup-form {
    padding: 3.4746351633vw 5.5594162613vw;
  }
}
@media (max-width: 1439px) {
  .popup-form {
    padding: 5.005005005vw 8.008008008vw;
  }
}
@media (max-width: 999px) {
  .popup-form {
    padding: 11.655011655vw 5.5944055944vw;
  }
}
.popup-form {
  gap: 0.9379885357vw;
}
@media (max-width: 1919px) {
  .popup-form {
    gap: 1.1257035647vw;
  }
}
@media (max-width: 1599px) {
  .popup-form {
    gap: 1.2508686588vw;
  }
}
@media (max-width: 1439px) {
  .popup-form {
    gap: 1.8018018018vw;
  }
}
@media (max-width: 999px) {
  .popup-form {
    gap: 4.1958041958vw;
  }
}
@media (max-width: 767px) {
  .popup-form {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: none;
    border-radius: 16px 16px 0 0;
    transform: translateY(100%);
    opacity: 1;
    transition: transform 0.35s ease;
  }
}
.popup-form_show {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .popup-form_show {
    transform: translateY(0);
  }
}
.popup-form__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9379885357vw;
}
@media (max-width: 1919px) {
  .popup-form__content {
    gap: 1.1257035647vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__content {
    gap: 1.2508686588vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__content {
    gap: 1.8018018018vw;
  }
}
@media (max-width: 999px) {
  .popup-form__content {
    gap: 4.1958041958vw;
  }
}
.popup-form__content h3 {
  color: #1F212C;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  font-size: 1.8759770714vw;
}
@media (max-width: 1919px) {
  .popup-form__content h3 {
    font-size: 2.2514071295vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__content h3 {
    font-size: 2.5017373176vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__content h3 {
    font-size: 3.6036036036vw;
  }
}
@media (max-width: 999px) {
  .popup-form__content h3 {
    font-size: 8.3916083916vw;
  }
}
.popup-form__content h3 {
  line-height: 2.3970818134vw;
}
@media (max-width: 1919px) {
  .popup-form__content h3 {
    line-height: 2.8767979987vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__content h3 {
    line-height: 3.1966643502vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__content h3 {
    line-height: 4.6046046046vw;
  }
}
@media (max-width: 999px) {
  .popup-form__content h3 {
    line-height: 10.7226107226vw;
  }
}
.popup-form__subtitle {
  color: #1F212C;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  font-size: 0.9379885357vw;
}
@media (max-width: 1919px) {
  .popup-form__subtitle {
    font-size: 1.1257035647vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__subtitle {
    font-size: 1.2508686588vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__subtitle {
    font-size: 1.8018018018vw;
  }
}
@media (max-width: 999px) {
  .popup-form__subtitle {
    font-size: 4.1958041958vw;
  }
}
.popup-form__subtitle {
  line-height: 1.3548723293vw;
}
@media (max-width: 1919px) {
  .popup-form__subtitle {
    line-height: 1.6260162602vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__subtitle {
    line-height: 1.8068102849vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__subtitle {
    line-height: 2.6026026026vw;
  }
}
@media (max-width: 999px) {
  .popup-form__subtitle {
    line-height: 6.0606060606vw;
  }
}
.popup-form__success_icon {
  display: block;
  width: 4.1688379364vw;
}
@media (max-width: 1919px) {
  .popup-form__success_icon {
    width: 5.0031269543vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__success_icon {
    width: 5.5594162613vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__success_icon {
    width: 8.008008008vw;
  }
}
@media (max-width: 999px) {
  .popup-form__success_icon {
    width: 18.648018648vw;
  }
}
.popup-form__success_icon {
  height: 3.4392912976vw;
}
@media (max-width: 1919px) {
  .popup-form__success_icon {
    height: 4.1275797373vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__success_icon {
    height: 4.5865184156vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__success_icon {
    height: 6.6066066066vw;
  }
}
@media (max-width: 999px) {
  .popup-form__success_icon {
    height: 15.3846153846vw;
  }
}
.popup-form__close-icon {
  position: absolute;
  cursor: pointer;
  top: 1.0422094841vw;
  right: 1.0422094841vw;
}
@media (max-width: 1919px) {
  .popup-form__close-icon {
    top: 1.2507817386vw;
    right: 1.2507817386vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__close-icon {
    top: 1.3898540653vw;
    right: 1.3898540653vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__close-icon {
    top: 2.002002002vw;
    right: 2.002002002vw;
  }
}
@media (max-width: 999px) {
  .popup-form__close-icon {
    top: 4.662004662vw;
    right: 4.662004662vw;
  }
}
.popup-form__close-icon {
  width: 1.2506513809vw;
}
@media (max-width: 1919px) {
  .popup-form__close-icon {
    width: 1.5009380863vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__close-icon {
    width: 1.6678248784vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__close-icon {
    width: 2.4024024024vw;
  }
}
@media (max-width: 999px) {
  .popup-form__close-icon {
    width: 5.5944055944vw;
  }
}
.popup-form__close-icon {
  height: 1.2506513809vw;
}
@media (max-width: 1919px) {
  .popup-form__close-icon {
    height: 1.5009380863vw;
  }
}
@media (max-width: 1599px) {
  .popup-form__close-icon {
    height: 1.6678248784vw;
  }
}
@media (max-width: 1439px) {
  .popup-form__close-icon {
    height: 2.4024024024vw;
  }
}
@media (max-width: 999px) {
  .popup-form__close-icon {
    height: 5.5944055944vw;
  }
}
.popup-form__close-icon svg path {
  transition: stroke 0.3s ease-in-out;
}
.popup-form__close-icon:hover svg path {
  stroke: #4534CA;
}
.popup-form__close-icon:active svg path {
  stroke: #25159D;
}
.popup-form .button__form_success {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  background: #C5FFBE;
  cursor: pointer;
  color: #1F212C;
  font-style: normal;
  font-weight: 500;
  transition: background-color 0.3s ease-in-out;
  padding: 0.6253256905vw 1.0422094841vw;
}
@media (max-width: 1919px) {
  .popup-form .button__form_success {
    padding: 0.7504690432vw 1.2507817386vw;
  }
}
@media (max-width: 1599px) {
  .popup-form .button__form_success {
    padding: 0.8339124392vw 1.3898540653vw;
  }
}
@media (max-width: 1439px) {
  .popup-form .button__form_success {
    padding: 1.2012012012vw 2.002002002vw;
  }
}
@media (max-width: 999px) {
  .popup-form .button__form_success {
    padding: 2.7972027972vw 4.662004662vw;
  }
}
.popup-form .button__form_success {
  font-size: 0.8337675873vw;
}
@media (max-width: 1919px) {
  .popup-form .button__form_success {
    font-size: 1.0006253909vw;
  }
}
@media (max-width: 1599px) {
  .popup-form .button__form_success {
    font-size: 1.1118832523vw;
  }
}
@media (max-width: 1439px) {
  .popup-form .button__form_success {
    font-size: 1.6016016016vw;
  }
}
@media (max-width: 999px) {
  .popup-form .button__form_success {
    font-size: 3.7296037296vw;
  }
}
.popup-form .button__form_success {
  line-height: 1.2506513809vw;
}
@media (max-width: 1919px) {
  .popup-form .button__form_success {
    line-height: 1.5009380863vw;
  }
}
@media (max-width: 1599px) {
  .popup-form .button__form_success {
    line-height: 1.6678248784vw;
  }
}
@media (max-width: 1439px) {
  .popup-form .button__form_success {
    line-height: 2.4024024024vw;
  }
}
@media (max-width: 999px) {
  .popup-form .button__form_success {
    line-height: 5.5944055944vw;
  }
}
.popup-form .button__form_success:hover {
  background: #ACFFA2;
}
.popup-form .button__form_success:active {
  background: #93FF86;
}