.frame-254,
.frame-254 * {
  box-sizing: border-box;
}
.frame-254 {
  background: #ffffff;
  padding: 64px 128px 48px 32px;
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: center;
  justify-content: flex-start;
  height: 1334px;
  width:100%
  position: relative;
  box-shadow: var(
    --shadow-lg-box-shadow,
    0px 0px 1px 0px rgba(0, 0, 0, 0.4),
    0px 24px 24px -12px rgba(0, 0, 0, 0.15)
  );
}
.frame-4790 {
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 195px;
  position: relative;
}
.frame-250 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.billing-details {
  color: var(--neutrals-n100, #7e8192);
  text-align: left;
  font-family: var(--buttons-button-1-font-family, "Poppins-Bold", sans-serif);
  font-size: var(--buttons-button-1-font-size, 20px);
  font-weight: var(--buttons-button-1-font-weight, 700);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-251 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.prince-2-foundation-585 {
  color: var(--neutrals-n100, #7e8192);
  text-align: left;
  font-family: var(--body-b1-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--body-b1-font-size, 16px);
  font-weight: var(--body-b1-font-weight, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.r-18-999-00 {
  color: var(--neutrals-n100, #7e8192);
  text-align: right;
  font-family: var(--body-b1-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--body-b1-font-size, 16px);
  font-weight: var(--body-b1-font-weight, 400);
  position: relative;
  width: 145.13px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.frame-4789 {
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-252 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.summary {
  color: var(--neutrals-n100, #7e8192);
  text-align: left;
  font-family: var(--buttons-button-1-font-family, "Poppins-Bold", sans-serif);
  font-size: var(--buttons-button-1-font-size, 20px);
  font-weight: var(--buttons-button-1-font-weight, 700);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rectangle-164 {
  background: #d9d9d9;
  align-self: stretch;
  flex-shrink: 0;
  height: 1px;
  position: relative;
}

.total {
  color: var(--neutrals-n100, #7e8192);
  text-align: left;
  font-family: var(--subtitles-s1-font-family, "Poppins-Bold", sans-serif);
  font-size: var(--subtitles-s1-font-size, 16px);
  font-weight: var(--subtitles-s1-font-weight, 700);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 15px;
}
.r-18-999-002 {
  color: var(--neutrals-n100, #7e8192);
  text-align: right;
  font-family: var(--subtitles-s1-font-family, "Poppins-Bold", sans-serif);
  font-size: var(--subtitles-s1-font-size, 16px);
  font-weight: var(--subtitles-s1-font-weight, 700);
  position: relative;
  width: 280.13px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.rectangle-165 {
  background: #d9d9d9;
  align-self: stretch;
  flex-shrink: 0;
  height: 1px;
  position: relative;
}
.frame-2542 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.by-completing-your-purchase-you-agree-to-these-terms-of-service {
  text-align: left;
  font-family: var(
    --buttons-button-2-font-family,
    "Poppins-Regular",
    sans-serif
  );
  font-size: var(--buttons-button-2-font-size, 14px);
  font-weight: var(--buttons-button-2-font-weight, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.by-completing-your-purchase-you-agree-to-these-terms-of-service-span {
  color: var(--neutrals-n100, #7e8192);
  font-family: var(
    --buttons-button-2-font-family,
    "Poppins-Regular",
    sans-serif
  );
  font-size: var(--buttons-button-2-font-size, 14px);
  font-weight: var(--buttons-button-2-font-weight, 400);
}
.by-completing-your-purchase-you-agree-to-these-terms-of-service-span2 {
  color: var(--secondary-secondary-500, #1882c5);
  font-family: var(
    --buttons-button-2-font-family,
    "Poppins-Regular",
    sans-serif
  );
  font-size: var(--buttons-button-2-font-size, 14px);
  font-weight: var(--buttons-button-2-font-weight, 400);
}
.input-field1 {
  background: var(--primary-primary-500, #28317e);
  border-radius: 12px;
  border-style: solid;
  border-color: var(--neutrals-n50, #c4c5cd);
  border-width: 1px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.place-order {
  color: var(--neutrals-n0, #ffffff);
  text-align: center;
  font-family: var(--buttons-button-2-font-family, "Poppins-Bold", sans-serif);
  font-size: var(--buttons-button-2-font-size, 14px);
  font-weight: var(--buttons-button-2-font-weight, 700);
  position: relative;
  flex: 1;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Figma Styles of your File */
:root {
  /* Colors */
  --primary-primary-50: #eaeaf2;
  --primary-primary-100: #bcbfd7;
  --primary-primary-200: #9ca0c4;
  --primary-primary-300: #6f75a9;
  --primary-primary-400: #535a98;
  --primary-primary-500: #28317e;
  --primary-primary-600: #242d73;
  --primary-primary-700: #1c2359;
  --primary-primary-800: #161b45;
  --primary-primary-900: #111535;
  --secondary-secondary-50: #e8f3f9;
  --secondary-secondary-100: #b7d8ed;
  --secondary-secondary-200: #95c6e4;
  --secondary-secondary-300: #64abd8;
  --secondary-secondary-400: #469bd1;
  --secondary-secondary-500: #1882c5;
  --secondary-secondary-600: #1676b3;
  --secondary-secondary-700: #115c8c;
  --secondary-secondary-800: #0d486c;
  --secondary-secondary-900: #0a3753;
  --tertiary-tertiary-50: #f6e8fb;
  --tertiary-tertiary-100: #e3b7f2;
  --tertiary-tertiary-200: #d695ec;
  --tertiary-tertiary-300: #c364e4;
  --tertiary-tertiary-400: #b846de;
  --tertiary-tertiary-500: #a618d6;
  --tertiary-tertiary-600: #9716c3;
  --tertiary-tertiary-700: #761198;
  --tertiary-tertiary-800: #5b0d76;
  --tertiary-tertiary-900: #460a5a;
  --success-success-50: #f5faeb;
  --success-success-100: #dfefc0;
  --success-success-200: #d0e8a1;
  --success-success-300: #bbdd76;
  --success-success-400: #add65c;
  --success-success-500: #99cc33;
  --success-success-600: #8bba2e;
  --success-success-700: #6d9124;
  --success-success-800: #54701c;
  --success-success-900: #405615;
  --warning-warning-50: #fffae6;
  --warning-warning-100: #ffefb0;
  --warning-warning-200: #ffe88a;
  --warning-warning-300: #ffdd54;
  --warning-warning-400: #ffd633;
  --warning-warning-500: #ffcc00;
  --warning-warning-600: #e8ba00;
  --warning-warning-700: #b59100;
  --warning-warning-800: #8c7000;
  --warning-warning-900: #6b5600;
  --error-error-50: #faebe6;
  --error-error-100: #efc0b0;
  --error-error-200: #e8a18a;
  --error-error-300: #dd7654;
  --error-error-400: #d65c33;
  --error-error-500: #cc3300;
  --error-error-600: #ba2e00;
  --error-error-700: #912400;
  --error-error-800: #701c00;
  --error-error-900: #561500;
  --grey-g50: #ececec;
  --grey-g75: #b0b0b0;
  --grey-g100: #909090;
  --grey-g200: #606060;
  --grey-g300: #3f3f3f;
  --grey-g400: #2c2c2c;
  --grey-g500: #262626;
  --neutrals-n0: #ffffff;
  --neutrals-n10: #fafafb;
  --neutrals-n20: #f5f6f7;
  --neutrals-n30: #ececef;
  --neutrals-n40: #e0e1e5;
  --neutrals-n50: #c4c5cd;
  --neutrals-n60: #b5b6c0;
  --neutrals-n70: #a9abb6;
  --neutrals-n80: #9b9daa;
  --neutrals-n90: #8d8f9e;
  --neutrals-n100: #7e8192;
  --neutrals-n200: #707386;
  --neutrals-n300: #62657a;
  --neutrals-n400: #565970;
  --neutrals-n500: #484b63;
  --neutrals-n600: #3c3f59;
  --neutrals-n700: #2b2f4b;
  --neutrals-n800: #1d213f;
  --neutrals-n900: #111535;

  /* Fonts */
  --display-d1-font-family: AcuminProWide-Bold, sans-serif;
  --display-d1-font-size: 96px;
  --display-d1-line-height: normal;
  --display-d1-font-weight: 700;
  --display-d1-font-style: normal;
  --display-d1-font-family: AcuminProWide-Thin, sans-serif;
  --display-d1-font-size: 96px;
  --display-d1-line-height: normal;
  --display-d1-font-weight: 100;
  --display-d1-font-style: normal;
  --display-dh1-font-family: AcuminProWide-Bold, sans-serif;
  --display-dh1-font-size: 72px;
  --display-dh1-line-height: normal;
  --display-dh1-font-weight: 700;
  --display-dh1-font-style: normal;
  --display-dh1-font-family: AcuminProWide-Thin, sans-serif;
  --display-dh1-font-size: 72px;
  --display-dh1-line-height: normal;
  --display-dh1-font-weight: 100;
  --display-dh1-font-style: normal;
  --display-dh2-font-family: AcuminProWide-Bold, sans-serif;
  --display-dh2-font-size: 64px;
  --display-dh2-line-height: normal;
  --display-dh2-font-weight: 700;
  --display-dh2-font-style: normal;
  --display-dh2-font-family: AcuminProWide-Thin, sans-serif;
  --display-dh2-font-size: 64px;
  --display-dh2-line-height: normal;
  --display-dh2-font-weight: 100;
  --display-dh2-font-style: normal;
  --headline-h1-font-family: AcuminProWide-Bold, sans-serif;
  --headline-h1-font-size: 48px;
  --headline-h1-line-height: normal;
  --headline-h1-font-weight: 700;
  --headline-h1-font-style: normal;
  --headline-h1-font-family: AcuminProWide-Regular, sans-serif;
  --headline-h1-font-size: 48px;
  --headline-h1-line-height: normal;
  --headline-h1-font-weight: 400;
  --headline-h1-font-style: normal;
  --headline-h2-font-family: AcuminProWide-Bold, sans-serif;
  --headline-h2-font-size: 40px;
  --headline-h2-line-height: normal;
  --headline-h2-font-weight: 700;
  --headline-h2-font-style: normal;
  --headline-h2-font-family: AcuminProWide-Regular, sans-serif;
  --headline-h2-font-size: 40px;
  --headline-h2-line-height: normal;
  --headline-h2-font-weight: 400;
  --headline-h2-font-style: normal;
  --headline-h3-font-family: AcuminProWide-Bold, sans-serif;
  --headline-h3-font-size: 36px;
  --headline-h3-line-height: normal;
  --headline-h3-font-weight: 700;
  --headline-h3-font-style: normal;
  --headline-h3-font-family: AcuminProWide-Regular, sans-serif;
  --headline-h3-font-size: 36px;
  --headline-h3-line-height: normal;
  --headline-h3-font-weight: 400;
  --headline-h3-font-style: normal;
  --headline-h4-font-family: AcuminProWide-Bold, sans-serif;
  --headline-h4-font-size: 32px;
  --headline-h4-line-height: normal;
  --headline-h4-font-weight: 700;
  --headline-h4-font-style: normal;
  --headline-h4-font-family: AcuminProWide-Regular, sans-serif;
  --headline-h4-font-size: 32px;
  --headline-h4-line-height: normal;
  --headline-h4-font-weight: 400;
  --headline-h4-font-style: normal;
  --headline-h5-font-family: Poppins-Bold, sans-serif;
  --headline-h5-font-size: 24px;
  --headline-h5-line-height: normal;
  --headline-h5-font-weight: 700;
  --headline-h5-font-style: normal;
  --headline-h5-font-family: Poppins-Regular, sans-serif;
  --headline-h5-font-size: 24px;
  --headline-h5-line-height: normal;
  --headline-h5-font-weight: 400;
  --headline-h5-font-style: normal;
  --headline-h6-font-family: Poppins-Bold, sans-serif;
  --headline-h6-font-size: 20px;
  --headline-h6-line-height: normal;
  --headline-h6-font-weight: 700;
  --headline-h6-font-style: normal;
  --headline-h6-font-family: Poppins-Regular, sans-serif;
  --headline-h6-font-size: 20px;
  --headline-h6-line-height: normal;
  --headline-h6-font-weight: 400;
  --headline-h6-font-style: normal;
  --body-b1-font-family: Poppins-Regular, sans-serif;
  --body-b1-font-size: 16px;
  --body-b1-line-height: normal;
  --body-b1-font-weight: 400;
  --body-b1-font-style: normal;
  --body-b2-font-family: Poppins-Bold, sans-serif;
  --body-b2-font-size: 14px;
  --body-b2-line-height: normal;
  --body-b2-font-weight: 700;
  --body-b2-font-style: normal;
  --buttons-button-1-font-family: Poppins-Bold, sans-serif;
  --buttons-button-1-font-size: 20px;
  --buttons-button-1-line-height: normal;
  --buttons-button-1-font-weight: 700;
  --buttons-button-1-font-style: normal;
  --buttons-buttton-1-font-family: Poppins-Regular, sans-serif;
  --buttons-buttton-1-font-size: 20px;
  --buttons-buttton-1-line-height: normal;
  --buttons-buttton-1-font-weight: 400;
  --buttons-buttton-1-font-style: normal;
  --buttons-button-2-font-family: Poppins-Bold, sans-serif;
  --buttons-button-2-font-size: 14px;
  --buttons-button-2-line-height: normal;
  --buttons-button-2-font-weight: 700;
  --buttons-button-2-font-style: normal;
  --buttons-button-2-font-family: Poppins-Regular, sans-serif;
  --buttons-button-2-font-size: 14px;
  --buttons-button-2-line-height: normal;
  --buttons-button-2-font-weight: 400;
  --buttons-button-2-font-style: normal;
  --subtitles-s1-font-family: Poppins-Bold, sans-serif;
  --subtitles-s1-font-size: 16px;
  --subtitles-s1-line-height: normal;
  --subtitles-s1-font-weight: 700;
  --subtitles-s1-font-style: normal;
  --subtitles-s1-font-family: Poppins-Regular, sans-serif;
  --subtitles-s1-font-size: 16px;
  --subtitles-s1-line-height: normal;
  --subtitles-s1-font-weight: 400;
  --subtitles-s1-font-style: normal;
  --subtitles-s2-font-family: Poppins-Regular, sans-serif;
  --subtitles-s2-font-size: 14px;
  --subtitles-s2-line-height: normal;
  --subtitles-s2-font-weight: 400;
  --subtitles-s2-font-style: normal;
  --caption-caption-font-family: Poppins-Bold, sans-serif;
  --caption-caption-font-size: 12px;
  --caption-caption-line-height: normal;
  --caption-caption-font-weight: 700;
  --caption-caption-font-style: normal;
  --caption-caption-font-family: Poppins-Regular, sans-serif;
  --caption-caption-font-size: 12px;
  --caption-caption-line-height: normal;
  --caption-caption-font-weight: 400;
  --caption-caption-font-style: normal;
  --footnote-overline-font-family: Poppins-Regular, sans-serif;
  --footnote-overline-font-size: 10px;
  --footnote-overline-line-height: normal;
  --footnote-overline-font-weight: 400;
  --footnote-overline-font-style: normal;

  /* Effects */
  --shadow-non-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
  --shadow-lg-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4),
    0px 24px 24px -12px rgba(0, 0, 0, 0.15);
  --shadow-md-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4),
    0px 12px 12px -6px rgba(0, 0, 0, 0.15);
  --shadow-sm-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4),
    0px 6px 6px -6px rgba(0, 0, 0, 0.25);
  --blur-lg-box-shadow: 0px 12px 12px -6px rgba(0, 0, 0, 0.15),
    0px 0px 1px 0px rgba(0, 0, 0, 0.45);
  --blur-lg-backdrop-filter: blur(32px);
  --blur-md-box-shadow: 0px 12px 12px -6px rgba(0, 0, 0, 0.15),
    0px 0px 1px 0px rgba(0, 0, 0, 0.45);
  --blur-md-backdrop-filter: blur(16px);
}