:root {
  --card-background: 1px 4px 104px 0px rgba(20, 20, 43, 0.04), 0px 54px 54px 0px rgba(74, 58, 255, 0.02),
    0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  --darkdark-2: rgba(130, 130, 130, 1);
  --font-color02: rgba(215, 216, 218, 1);
  --gray-25: rgba(252, 252, 253, 1);
  --gray-50: rgba(249, 250, 251, 1);
  --heading-1-bold-font-family: "Inter-Bold", Helvetica;
  --heading-1-bold-font-size: 50px;
  --heading-1-bold-font-style: normal;
  --heading-1-bold-font-weight: 700;
  --heading-1-bold-letter-spacing: 0px;
  --heading-1-bold-line-height: 62px;
  --heading-2-bold-font-family: "Inter-Bold", Helvetica;
  --heading-2-bold-font-size: 34px;
  --heading-2-bold-font-style: normal;
  --heading-2-bold-font-weight: 700;
  --heading-2-bold-letter-spacing: 0px;
  --heading-2-bold-line-height: 46px;
  --heading-3-bold-font-family: "Inter-Bold", Helvetica;
  --heading-3-bold-font-size: 24px;
  --heading-3-bold-font-style: normal;
  --heading-3-bold-font-weight: 700;
  --heading-3-bold-letter-spacing: 0px;
  --heading-3-bold-line-height: 35px;
  --heading-5-medium-font-family: "Inter-Bold", Helvetica;
  --heading-5-medium-font-size: 18px;
  --heading-5-medium-font-style: normal;
  --heading-5-medium-font-weight: 700;
  --heading-5-medium-letter-spacing: 0px;
  --heading-5-medium-line-height: 24px;
  --heading-6-bold-font-family: "Inter-Bold", Helvetica;
  --heading-6-bold-font-size: 16px;
  --heading-6-bold-font-style: normal;
  --heading-6-bold-font-weight: 700;
  --heading-6-bold-letter-spacing: 0px;
  --heading-6-bold-line-height: 22px;
  --paragraph-default-font-family: "Inter-Regular", Helvetica;
  --paragraph-default-font-size: 18px;
  --paragraph-default-font-style: normal;
  --paragraph-default-font-weight: 400;
  --paragraph-default-letter-spacing: 0px;
  --paragraph-default-line-height: 30px;
  --paragraph-large-font-family: "Inter-Regular", Helvetica;
  --paragraph-large-font-size: 24px;
  --paragraph-large-font-style: normal;
  --paragraph-large-font-weight: 400;
  --paragraph-large-letter-spacing: 0px;
  --paragraph-large-line-height: 38px;
  --paragraph-small-font-family: "Inter-Regular", Helvetica;
  --paragraph-small-font-size: 15px;
  --paragraph-small-font-style: normal;
  --paragraph-small-font-weight: 400;
  --paragraph-small-letter-spacing: 0px;
  --paragraph-small-line-height: 24px;
  --primary: rgba(2, 2, 70, 1);
  --primary-2: rgba(255, 205, 228, 1);
  --secondary: rgba(239, 240, 247, 1);
  --secondary-2: rgba(0, 0, 0, 0.5);
  --shadow-button: 12px 12px 36px 6px rgba(2, 2, 70, 0.12);
  --shadow-field: 8px 8px 24px 0px rgba(2, 2, 70, 0.05);
  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --text-md-normal-font-family: "Inter-Regular", Helvetica;
  --text-md-normal-font-size: 16px;
  --text-md-normal-font-style: normal;
  --text-md-normal-font-weight: 400;
  --text-md-normal-letter-spacing: 0px;
  --text-md-normal-line-height: 24px;
}

.error-div {
  font-family: arial;
  margin-left: 0px !important;
}

.demo-div {

  background-color: red;
  color: white;
  padding: 5px;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  max-width: 580px;
  border-radius: 10px;
}

.subscription-DeclinedPayment {

  border: 1px dashed white;
  border-radius: 7px;
  padding: 10px;
  color: white;
  background-color: rgba(255, 0, 0, 0.57);
  font-family: verdana;
  font-size: 0.8em;
  line-height: 13px;
  max-width: 527px;

}