@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
.header {
  position: relative;
  z-index: 100;
}
.mt-8 {
  margin-top: 8px !important;
}
.promo-input {
  margin: 0.5rem;
}
.promo-input label {
  pointer-events: none;
}
.promo-input label > div > div > div {
  pointer-events: auto;
}
.default-promo-input {
  margin: 0.5rem;
}
.default-promo-input > div > label {
  background-color: #f7f7f7;
}
.default-promo-input label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (max-width: 679px) {
  :root {
    --button-min-width: 128px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --button-min-width: 128px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --button-min-width: 93px;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --button-min-width: 93px;
  }
}

@media (min-width: 1600px) {
  :root {
    --button-min-width: 93px;
  }
}

._button_zleki_31 {
  cursor: pointer;
}

._button_zleki_31 > button {
  min-height: 2.5rem !important;
  border-radius: 1.3rem !important;
  padding: 0.375rem 1.375rem !important;
  background: #222222 !important;
  border: 2px solid #222222 !important;
  min-width: var(--button-min-width) !important;
}

._button_zleki_31._secondary_zleki_44 > button {
  background: #ffffff !important;
}

._button_zleki_31._checked_zleki_48 > button {
  background: #0caa8f !important;
  border: 2px solid #0caa8f !important;
}

._button_zleki_31 > button > span {
  line-height: 1.5rem !important;
}

._button_zleki_31._secondary_zleki_44
  > button
  > div
  > span
  > div
  > span
  > div
  > div
  > div
  > div
  > div
  > svg
  > g
  > path {
  stroke: #222222 !important;
}

._button_zleki_31 > button > span > p {
  line-height: 1.5rem !important;

  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

._button_zleki_31._secondary_zleki_44 > button > span > p {
  color: #222222 !important;
}

._button_zleki_31._checked_zleki_48 > button > span > p {
  color: #0caa8f !important;
}
/* Alternative: Target based on selected prop passed down */
._selectorWrapper_uuh40_2[data-selected='true'] > div > div {
  border: 2px solid #0361f5;
}

/* Default state - remove any existing border */
._selectorWrapper_uuh40_2 > div > div {
  transition: border-color 0.2s ease;
}

._selectorWrapper_uuh40_2._error_uuh40_11 > div > div {
  border: 1px solid #bc1430;
}
._wrapper_11j49_1 {
  
}
._wrapper_5y0qt_1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px 30px;
  justify-content: center;
  height: calc(100% - 168px);
  text-align: center;
  flex: 1;
}

._submit-button_5y0qt_12 {
  width: 300px;
  padding: 24px;
}

._button_5y0qt_17 {
  width: 100% !important;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1xls5_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1xls5_1 {
  margin-top: 8px !important;
}
._promo-input_1xls5_1 {
  margin: 0.5rem;
}
._promo-input_1xls5_1 label {
  pointer-events: none;
}
._promo-input_1xls5_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1xls5_1 {
  margin: 0.5rem;
}
._default-promo-input_1xls5_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1xls5_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._container_1xls5_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_1xls5_18 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_1xls5_18 {
    display: var(--footer-display);
  }
}
._wrapper_1fgo5_1 {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1xls5_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1xls5_1 {
  margin-top: 8px !important;
}
._promo-input_1xls5_1 {
  margin: 0.5rem;
}
._promo-input_1xls5_1 label {
  pointer-events: none;
}
._promo-input_1xls5_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1xls5_1 {
  margin: 0.5rem;
}
._default-promo-input_1xls5_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1xls5_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._container_1xls5_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_1xls5_18 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_1xls5_18 {
    display: var(--footer-display);
  }
}
._wrapper_1u71s_1 {
}._wrapper_deabu_1 {
  background: #f7f7f7;
}

._wrapper_deabu_1 > div {
  padding: 0 24px;
}

._wrapper-top_deabu_9 {
  background: #ffffff;
}

._container-top_deabu_13 {
  width: 596px;
  margin: auto;
}

._wrapper-bottom_deabu_18 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  padding-left: 218px !important;
}

._wrapper-bottom-mobile_deabu_24 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

._result-container_deabu_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}

._result-container_deabu_29 ._icon_deabu_36 {
  padding: 80px 0 24px;
}

._result-container_deabu_29 ._header_deabu_40 {
  text-align: center;
}

._result-container_deabu_29 ._header_deabu_40,
._result-container-duplicate_deabu_45 ._header_deabu_40 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 54px;
}

._result-container_deabu_29 ._title_deabu_52 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
  margin-top: 8px;
}

._result-container_deabu_29 ._description_deabu_60 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
}

._policy-card-wrapper_deabu_67 {
  margin-bottom: 56px;
}

._policy-card-container_deabu_71 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}

._policy-card-container_deabu_71 p {
  margin: 0;
}

._policy-card-container_deabu_71 ._title_deabu_52 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
  color: #222222;
}

._policy-card-container_deabu_71 ._description_deabu_60 {
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.2px;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}

._policy-card-container_deabu_71 > a {
  font-size: 20px;
  line-height: 30px;
}

._sub-header_deabu_104 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

._footer-sub-header_deabu_113 {
  color: #222;

  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

._sub-header-small_deabu_122 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

._sub-header-small-email_deabu_134 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

._sub-header_deabu_104 > img {
  margin-right: 16px;
}

._sub-header-small_deabu_122 > img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 16px;
}

._sub-header-small-email_deabu_134 > img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 16px;
}

._sub-description_deabu_164 {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.18px;
  margin-top: 16px;
  padding-bottom: 56px;
}

._interest-card-wrapper_deabu_175 {
  margin: 24px 0 56px;
  height: 104px;
}

._interest-card-wrapper_deabu_175 > div {
  cursor: pointer;
}

._interest-card-wrapper_deabu_175 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

._interest-card-container_deabu_192 p {
  margin: 0;
}

._interest-card-container_deabu_192 > div {
  margin-left: 104px;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

._interest-card-container_deabu_192 ._title_deabu_52 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}

._interest-card-container_deabu_192 ._description_deabu_60 {
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  color: #757575;
  font-size: 16px;
  line-height: 28px;
}

._button_deabu_220 {
  padding-bottom: 80px;
  text-align: center;
}

._button_deabu_220 > button {
  width: 290px !important;
}

._qr_deabu_229 {
  margin: 16px 0;
  height: 101px;
}

._qr_deabu_229 > img {
  height: 100%;
}

._contact_deabu_238 {
  display: flex;
  gap: 80px;
}

._contact_deabu_238 a {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.36px;
  text-decoration-line: underline;
}

._not-clickable_deabu_252 {
  cursor: default;
  pointer-events: none;
}

._policy-wrapper_deabu_257 {
  margin: 48px 0;
}

._policy-wrapper_deabu_257 ._header_deabu_40 {
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.001em;
  font-size: 32px;
  line-height: 43px;
  margin-bottom: 32px;
}

._policy-wrapper_deabu_257 ._title_deabu_52 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 8px;
}

._policy-wrapper_deabu_257 ._description_deabu_60 {
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1px;
  font-size: 20px;
  line-height: 35px;
}

._container-top-duplicate_deabu_286 {
  margin-left: 94px;
}

._container-top-duplicate_deabu_286 ._sub-description_deabu_164 {
  padding-bottom: 48px;
}

._container-top-duplicate_deabu_286 ._button_deabu_220 {
  text-align: left;
}

._about-voucher-box_deabu_298 {
  display: flex;
  width: 100% unimportant;
  height: auto;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 40px;
  border-radius: 8px;
  background: var(--Neutral-10, #f7f7f7);
}

._about-voucher-title_deabu_312 {
  color: var(--Neutral-70, #222);

  /* Mobile/05 Bold body */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.32px;
}

._about-voucher-text_deabu_326 {
  color: var(--Neutral-70, #222);

  /* Mobile/07 Small body */

  /* previous AvenirLTStd */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
  letter-spacing: 0.36px;
}

@media (max-width: 679px) {
  ._container-top_deabu_13 {
    width: 100%;
    margin: 0;
  }

  ._contact_deabu_238 {
    gap: 0;
    flex-direction: column;
  }

  ._contact_deabu_238 a {
    font-size: 16px;
    line-height: 28px;
  }

  ._wrapper-bottom_deabu_18 {
    padding-top: 40px !important;
  }

  ._result-container_deabu_29 {
    margin-bottom: 24px;
  }

  ._result-container-duplicate_deabu_45 {
    margin: 40px 0 32px;
  }

  ._result-container_deabu_29 ._icon_deabu_36 {
    padding: 40px 0 16px;
  }

  ._result-container_deabu_29 ._header_deabu_40,
  ._result-container-duplicate_deabu_45 ._header_deabu_40 {
    font-size: 32px;
    line-height: 43px;
  }

  ._result-container_deabu_29 ._title_deabu_52 {
    font-size: 16px;
    line-height: 28px;
  }

  ._result-container_deabu_29 ._description_deabu_60 {
    font-size: 16px;
    line-height: 28px;
  }

  ._policy-card-wrapper_deabu_67 {
    margin-bottom: 40px;
  }

  ._policy-card-container_deabu_71 {
    padding: 2px 8px;
  }

  ._policy-card-container_deabu_71 ._title_deabu_52 {
    font-size: 16px;
    line-height: 24px;
    color: #3b3b3b;
  }

  ._policy-card-container_deabu_71 ._description_deabu_60 {
    font-size: 14px;
    line-height: 21px;
    color: #757575;
  }

  ._policy-card-container_deabu_71 > a {
    font-size: 16px;
    line-height: 28px;
  }

  ._sub-header_deabu_104 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 8px;
  }

  ._sub-header_deabu_104 > img {
    margin-right: 8px;
    height: 22px;
  }

  ._sub-header-small_deabu_122 {
    color: #222;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 125% */
    letter-spacing: 0.2px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
  }

  ._sub-header-small-email_deabu_134 {
    color: #222;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 125% */
    letter-spacing: 0.2px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding-top: 30px;
  }

  ._footer-sub-header_deabu_113 {
    color: #222;
    font-size: 24px !important;
    line-height: 28.8px !important;
  }

  ._footer-sub-header_deabu_113 {
    color: #222;

    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
  }

  ._sub-description_deabu_164 {
    font-size: 16px;
    line-height: 28px;
    margin-top: 8px;
    padding-bottom: 32px;
  }

  ._interest-card-wrapper_deabu_175 {
    margin: 16px 0 40px;
  }

  ._interest-card-container_deabu_192 > div {
    margin-left: 100px;
  }

  ._interest-card-container_deabu_192 ._title_deabu_52 {
    font-size: 16px;
    line-height: 24px;
  }

  ._interest-card-container_deabu_192 ._description_deabu_60 {
    font-size: 14px;
    line-height: 24px;
  }

  ._button_deabu_220 {
    padding-bottom: 56px;
  }

  ._button_deabu_220 > button {
    width: 100% !important;
  }

  ._qr_deabu_229 {
    margin: 8px 0;
  }

  ._policy-wrapper_deabu_257 {
    margin: 32px 0 40px;
  }

  ._policy-wrapper_deabu_257 ._header_deabu_40 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }

  ._policy-wrapper_deabu_257 ._title_deabu_52 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 4px;
  }

  ._policy-wrapper_deabu_257 ._description_deabu_60 {
    font-size: 16px;
    line-height: 28px;
  }

  ._container-top-duplicate_deabu_286 {
    margin: 0;
  }

  ._container-top-duplicate_deabu_286 ._sub-description_deabu_164 {
    padding-bottom: 40px;
  }

  ._container-top-duplicate_deabu_286 ._button_deabu_220 {
    text-align: center;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1p54h_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1p54h_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1p54h_1 {
  margin-top: 8px !important;
}
._promo-input_1p54h_1 {
  margin: 0.5rem;
}
._promo-input_1p54h_1 label {
  pointer-events: none;
}
._promo-input_1p54h_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1p54h_1 {
  margin: 0.5rem;
}
._default-promo-input_1p54h_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1p54h_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1p54h_3 {
  position: relative;
  z-index: 100;
}
._container_1p54h_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
}
._footer_1p54h_15 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #f7f7f7;
  padding-top: 24px;
  margin-bottom: -2.5rem;
}
@media (max-width: 679px) {
  ._footer_1p54h_15 {
    display: var(--footer-display);
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1xls5_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1xls5_1 {
  margin-top: 8px !important;
}
._promo-input_1xls5_1 {
  margin: 0.5rem;
}
._promo-input_1xls5_1 label {
  pointer-events: none;
}
._promo-input_1xls5_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1xls5_1 {
  margin: 0.5rem;
}
._default-promo-input_1xls5_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1xls5_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._container_1xls5_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_1xls5_18 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_1xls5_18 {
    display: var(--footer-display);
  }
}
._wrapper_15qwv_1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 12rem 1rem 0;
  max-width: 679px;
  margin: 0 auto;
  text-align: center;
}

._header_15qwv_11 {
  margin: 0;
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  padding: 24px 0 0;
}

._sub-title_15qwv_19 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.1px;
  color: #222222;
  padding-top: 15px;
  padding-bottom: 40px;
}

._sub-title_15qwv_19 a {
  color: #5c50bb;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

._sub-title_15qwv_19 a:hover {
  color: rgb(21, 21, 96);
}

@media (max-width: 679px) {
  ._wrapper_15qwv_1 {
    padding: 16rem 1rem 0;
    height: 100%;
  }

  ._header_15qwv_11 {
    font-size: 32px;
    line-height: 43px;
    width: 100%;
  }

  ._sub-title_15qwv_19 {
    font-size: 16px;
    line-height: 24px;
  }

  ._submit-button_15qwv_58 {
    width: auto;
  }

  ._submit-button_15qwv_58 p {
    font-size: 16px;
    line-height: 24px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1xls5_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1xls5_1 {
  margin-top: 8px !important;
}
._promo-input_1xls5_1 {
  margin: 0.5rem;
}
._promo-input_1xls5_1 label {
  pointer-events: none;
}
._promo-input_1xls5_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1xls5_1 {
  margin: 0.5rem;
}
._default-promo-input_1xls5_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1xls5_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._container_1xls5_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_1xls5_18 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_1xls5_18 {
    display: var(--footer-display);
  }
}
._stepper_ht6n4_1 p[color='#FFFFFF']:not(:has(svg)) {
  background-color: #0362f5;
}

._stepper_ht6n4_1 ._selectedStepBorder_ht6n4_5 {
  border: 2px solid #0362f5;
}

._stepper_ht6n4_1 p > svg > path {
  fill: #8c8c98;
}

._stepper_ht6n4_1 p[color='#757575'] {
  background-color: #dfdfe4;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1ie07_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1ie07_1 {
  position: relative;
  z-index: 100;
}
._mt-8_1ie07_1 {
  margin-top: 8px !important;
}
._promo-input_1ie07_1 {
  margin: 0.5rem;
}
._promo-input_1ie07_1 label {
  pointer-events: none;
}
._promo-input_1ie07_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1ie07_1 {
  margin: 0.5rem;
}
._default-promo-input_1ie07_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1ie07_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._stepperContainer_1ie07_2 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 2rem 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  ._stepperContainer_1ie07_2 {
    padding: 2rem 0 1rem;
  }
}
._stepper_1ie07_2 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._logo_1ie07_19 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._logo_1ie07_19 {
    margin-bottom: 1rem;
  }
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_l1ezj_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_l1ezj_3 {
  position: relative;
  z-index: 100;
}
._mt-8_l1ezj_1 {
  margin-top: 8px !important;
}
._promo-input_l1ezj_1 {
  margin: 0.5rem;
}
._promo-input_l1ezj_1 label {
  pointer-events: none;
}
._promo-input_l1ezj_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_l1ezj_1 {
  margin: 0.5rem;
}
._default-promo-input_l1ezj_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_l1ezj_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_l1ezj_3 {
  position: relative;
  z-index: 100;
}
._main_l1ezj_8 {
  background: #f7f7f7;
  min-height: calc(100vh - 312px);
}
._container_l1ezj_13 {
  margin: var(--container-margin);
  height: var(--content-height);
  max-width: var(--container-max-width);
  padding: 80px 24px 0;
  box-sizing: border-box;
}
._footer_l1ezj_21 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
  background: #f7f7f7;
}
._stepper_l1ezj_29 {
  width: var(--stepper-width);
}
._pageTitle_l1ezj_33 {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  margin: 32px 0 24px;
}
._cardTitle_l1ezj_40 {
  margin: 0;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  padding-bottom: 16px;
  margin-top: 48px;
}
._flexContainer_l1ezj_49 {
  display: flex;
  flex-direction: row;
}
._flexContainer_l1ezj_49 > div > *:first-child {
  padding-top: 24px;
}
._flexItemLeft_l1ezj_58 {
  flex: 58.33% 1;
}
._flexItemMiddle_l1ezj_62 {
  flex: 8.34% 1;
}
._flexItemRight_l1ezj_66 {
  flex: 33.33% 1;
}
._payWrapper_l1ezj_70 {
  position: sticky;
  top: 0;
}
._payContainer_l1ezj_75 {
  padding: 0.5rem;
}
._payDescription_l1ezj_79 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
._payDescription_l1ezj_79 > * {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
}
._dividerWrapper_l1ezj_94 {
  display: flex;
  align-items: center;
  margin: 56px 0;
}
._divider_l1ezj_94 {
  flex: 1 1;
}
._dividerLabel_l1ezj_104 {
  margin: 0 30px;
  color: var(--neutral-50, #565656);

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.18px;
  text-transform: uppercase;
  background: #f7f7f7;
}
._dividerCard_l1ezj_119 {
  margin: 32px 0;
}
._cardWrapper_l1ezj_123 > div > div {
  padding: 40px !important;
}
._titleWrapper_l1ezj_127 {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
._titleWrapper_l1ezj_127 > p {
  color: #5457a0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  margin: 0;
}
._starIcon_l1ezj_142 {
  border-radius: 8px;
  background: #dedafa;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
._descriptionWrapper_l1ezj_153 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
._descriptionTitle_l1ezj_159 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
  width: 60%;
}
._descriptionTitleFull_l1ezj_170 {
  width: 100%;
}
._descriptionTitleBold_l1ezj_174 {
  font-weight: 700;
}
._descriptionValue_l1ezj_178 {
  color: #151560;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  width: 18%;
}
._subPageTitle_l1ezj_189 {
  margin: 0;
  font-weight: 900;
  font-size: 30px;
  line-height: 36px;
  padding: 24px 0;
}
._detailWrapper_l1ezj_197 {
  margin-top: 16px;
}
._detailDescription_l1ezj_201 {
  color: #222;

  font-size: 20px;
  line-height: 35px;
}
._detailDescription_l1ezj_201 a {
  color: #5c50bb;

  font-weight: 700;
  text-decoration: none;
}
._payTopWrapper_l1ezj_215 {
  display: none;
  background: #fff;
  padding: 24px;
  position: sticky;
  z-index: 99;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
  top: -1px;
  margin: 0 -24px;
}
._payTopDescription_l1ezj_226 > * {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.1px;
}
._payTopAmount_l1ezj_234 {
  font-weight: 700;
  font-size: 20px;
}
._logo_l1ezj_239 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_l1ezj_244 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_l1ezj_244 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_l1ezj_239 {
    margin-bottom: 1rem;
  }

  ._main_l1ezj_8 {
    min-height: calc(100vh - 68px);
  }

  ._footer_l1ezj_21 {
    display: var(--footer-display);
  }

  ._pageTitle_l1ezj_33 {
    font-size: 32px;
    line-height: 38.4px;
    margin: 16px 0;
  }

  ._flexContainer_l1ezj_49 {
    flex-direction: column;
  }

  ._flexContainer_l1ezj_49 > div > * {
    padding-top: 0 !important;
  }

  ._flexItemRight_l1ezj_66 {
    background: #ffffff;
    margin: 0 -24px;
  }

  ._payWrapper_l1ezj_70 [class*='CardContainer'] {
    border-radius: 0 !important;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0 !important;
  }

  ._container_l1ezj_13 {
    padding-top: 0;
  }

  ._stepper_l1ezj_29 {
    margin-top: 32px;
  }

  ._payTopWrapper_l1ezj_215 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  ._cardWrapper_l1ezj_123 > div > div {
    padding: 24px !important;
  }

  ._titleWrapper_l1ezj_127 {
    margin-bottom: 16px;
  }

  ._descriptionTitle_l1ezj_159 {
    font-size: 16px;
    line-height: 28px;
  }

  ._descriptionValue_l1ezj_178 {
    font-size: 16px;
    line-height: 28px;
    width: 32%;
  }

  ._dividerWrapper_l1ezj_94 {
    margin: 32px 0;
  }

  ._dividerLabel_l1ezj_104 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 16px;
  }

  ._dividerCard_l1ezj_119 {
    margin: 20px 0;
  }

  ._cardTitle_l1ezj_40 {
    margin-top: 32px;
    font-size: 24px;
    line-height: 32px;
  }

  ._detailWrapper_l1ezj_197 {
    margin-bottom: 64px;
  }

  ._detailDescription_l1ezj_201 {
    font-size: 16px;
    line-height: 28px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_10oq3_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_10oq3_3 {
  position: relative;
  z-index: 100;
}
._mt-8_10oq3_1 {
  margin-top: 8px !important;
}
._promo-input_10oq3_1 {
  margin: 0.5rem;
}
._promo-input_10oq3_1 label {
  pointer-events: none;
}
._promo-input_10oq3_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_10oq3_1 {
  margin: 0.5rem;
}
._default-promo-input_10oq3_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_10oq3_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_10oq3_3 {
  position: relative;
  z-index: 100;
}
._main_10oq3_8 {
  background: #f7f7f7;
  min-height: calc(100vh - 312px);
}
._container_10oq3_13 {
  margin: var(--container-margin);
  height: var(--content-height);
  max-width: var(--container-max-width);
  padding: 80px 24px 0;
  box-sizing: border-box;
}
._footer_10oq3_21 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
  background: #f7f7f7;
}
._stepper_10oq3_29 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._bottomContainer_10oq3_34 {
  width: var(--form-width);
}
._pageTitle_10oq3_38 {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  margin: 32px 0 24px;
}
._formTitle_10oq3_45 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  color: #222222;
}
._formContainer_10oq3_53 {
  margin: 24px 0 40px;
}
._inputContainer_10oq3_57 {
  margin-top: 24px;
}
._floorunit_10oq3_61 {
  display: flex;
}
._floorunit_10oq3_61 > *:not(:last-child) {
  margin-right: 16px;
}
._floorunit_10oq3_61 > * {
  flex: 1 1;
}
._hintMessage_10oq3_73 {
  margin-top: 8px;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: #222222;
}
._formDescription_10oq3_83 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  color: #222222;
}
._formDescription_10oq3_83 > span {
  font-weight: 700;
}
._redHint_10oq3_95 {
  color: rgb(188, 20, 48);
}
._logo_10oq3_99 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_10oq3_104 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_10oq3_104 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_10oq3_99 {
    margin-bottom: 1rem;
  }

  ._main_10oq3_8 {
    min-height: calc(100vh - 68px);
  }

  ._footer_10oq3_21 {
    display: var(--footer-display);
  }

  ._pageTitle_10oq3_38 {
    font-size: 32px;
    line-height: 38.4px;
    margin: 16px 0;
  }

  ._container_10oq3_13 {
    padding-top: 0;
  }

  ._stepper_10oq3_29 {
    margin-top: 32px;
  }

  ._formTitle_10oq3_45 {
    font-size: 20px;
    line-height: 28px;
  }

  ._formDescription_10oq3_83 {
    font-size: 16px;
    line-height: 28px;
  }

  ._inputContainer_10oq3_57 {
    margin-top: 16px;
  }

  ._hintMessage_10oq3_73 {
    font-size: 14px;
    line-height: 24px;
  }

  ._buttonContainer_10oq3_164 {
    margin-bottom: 32px;
  }

  ._buttonContainer_10oq3_164 > button {
    width: 100% !important;
  }
}
@media (max-width: 679px) {
  :root {
    --textImg-display: inline-block;
    --header-font-size: 1.25rem;
    --header-letter-spacing: 0.01rem;
    --text-font-size: 0.875rem;
    --text-letter-spacing: 0.02rem;
    --sectionTitle-font-size: 1.5rem;
    --body-font-size: 1rem;
    --body-letter-spacing: 0.03rem;
    --smallBody-font-size: 0.75rem;
    --smallBody-letter-spacing: 0.02rem;
    --link1614-font-size: 0.875rem;
    --link1614-letter-spacing: 0.03rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --header-font-size: 1.25rem;
    --header-letter-spacing: 0.01rem;
    --text-font-size: 0.875rem;
    --text-letter-spacing: 0.02rem;
    --sectionTitle-font-size: 1.5rem;
    --body-font-size: 1.125rem;
    --body-letter-spacing: 0.02rem;
    --smallBody-font-size: 0.875rem;
    --smallBody-letter-spacing: 0.02rem;
    --link1614-font-size: 1rem;
    --link1614-letter-spacing: 0.02rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --header-font-size: 1.5rem;
    --header-letter-spacing: 0;
    --text-font-size: 1rem;
    --text-letter-spacing: 0.01rem;
    --sectionTitle-font-size: 2rem;
    --body-font-size: 1.125rem;
    --body-letter-spacing: 0.02rem;
    --smallBody-font-size: 0.875rem;
    --smallBody-letter-spacing: 0.02rem;
    --link1614-font-size: 1rem;
    --link1614-letter-spacing: 0.02rem;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --header-font-size: 1.5rem;
    --header-letter-spacing: 0;
    --text-font-size: 1rem;
    --text-letter-spacing: 0.01rem;
    --sectionTitle-font-size: 2rem;
    --body-font-size: 1.125rem;
    --body-letter-spacing: 0.02rem;
    --smallBody-font-size: 0.875rem;
    --smallBody-letter-spacing: 0.02rem;
    --link1614-font-size: 1rem;
    --link1614-letter-spacing: 0.02rem;
  }
}
@media (min-width: 1600px) {
  :root {
    --header-font-size: 1.5rem;
    --header-letter-spacing: 0;
    --text-font-size: 1rem;
    --text-letter-spacing: 0.01rem;
    --sectionTitle-font-size: 2rem;
    --body-font-size: 1.125rem;
    --body-letter-spacing: 0.02rem;
    --smallBody-font-size: 0.875rem;
    --smallBody-letter-spacing: 0.02rem;
    --link1614-font-size: 1rem;
    --link1614-letter-spacing: 0.02rem;
  }
}
._text_11o3f_77 {
  position: relative;
  color: #242328;
  margin: 0;
  font-weight: 400;
  font-size: var(--text-font-size);
  line-height: 1.5;
  letter-spacing: var(--text-letter-spacing);
}
._text_11o3f_77 > img {
  position: absolute;
  bottom: 1px;
  display: var(--textImg-display, none);
}

._header_11o3f_92 {
  font-weight: 700;
  font-size: var(--header-font-size);
  line-height: 1.25;
  letter-spacing: var(--header-letter-spacing);
}

._sectionTitle_11o3f_99 {
  font-weight: 900;
  font-size: var(--sectionTitle-font-size);
  line-height: 1.2;
  letter-spacing: 0;
}

._boldBody_11o3f_106 {
  font-weight: 700;
  font-size: var(--body-font-size);
  line-height: 1.5;
  letter-spacing: var(--body-letter-spacing);
}

._body_11o3f_113 {
  font-weight: 400;
  font-size: var(--body-font-size);
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._boldSmallBody_11o3f_120 {
  font-weight: 700;
  line-height: 1.5;
  font-size: var(--smallBody-font-size);
  letter-spacing: 0.03rem;
}

._smallBody_11o3f_127 {
  font-weight: 400;
  line-height: 1.5;
  font-size: var(--smallBody-font-size);
  letter-spacing: var(--smallBody-letter-spacing);
}

._link16_11o3f_134 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  color: #0062f5;
  cursor: pointer;
}

._link1614_11o3f_146 {
  font-size: var(--link1614-font-size);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: var(--link1614-letter-spacing);
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  color: #0062f5;
  cursor: pointer;
}

._link1412_11o3f_158 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  color: #0062f5;
  cursor: pointer;
}
@media (max-width: 679px) {
  ._link1412_11o3f_158 {
    font-size: 0.75rem;
    letter-spacing: 0.03rem;
  }
}

._regular1412_11o3f_176 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #242328;
}
@media (max-width: 679px) {
  ._regular1412_11o3f_176 {
    font-size: 0.75rem;
    letter-spacing: 0.03rem;
  }
}

._regular1614_11o3f_190 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
  color: #242328;
}
@media (max-width: 679px) {
  ._regular1614_11o3f_190 {
    font-size: 0.875rem;
    letter-spacing: 0.02rem;
  }
}

._regular16_11o3f_190 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
  color: #242328;
}

._regular1816_11o3f_212 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
  color: #242328;
}
@media (max-width: 679px) {
  ._regular1816_11o3f_212 {
    font-size: 1rem;
  }
}

._bold1412_11o3f_225 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  color: #181d27;
}
@media (max-width: 679px) {
  ._bold1412_11o3f_225 {
    font-size: 0.75rem;
  }
}

._bold14_11o3f_225 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  color: #242328;
}

._bold1614_11o3f_246 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #242328;
}
@media (max-width: 679px) {
  ._bold1614_11o3f_246 {
    font-size: 0.875rem;
  }
}

._bold16_11o3f_246 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #242328;
}
@media (max-width: 679px) {
  ._bold16_11o3f_246 {
    letter-spacing: 0;
  }
}

._bold1816_11o3f_272 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #242328;
}
@media (max-width: 679px) {
  ._bold1816_11o3f_272 {
    font-size: 1rem;
  }
}

._thinBold1412_11o3f_285 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  color: #181d27;
}
@media (max-width: 679px) {
  ._thinBold1412_11o3f_285 {
    font-size: 0.75rem;
  }
}

._black3224_11o3f_298 {
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0;
}
@media (max-width: 679px) {
  ._black3224_11o3f_298 {
    font-size: 1.5rem;
  }
}

._icon_11o3f_310 {
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.375rem;
}

._hasIcon_11o3f_316 {
  display: flex;
  align-items: center;
}@media (max-width: 679px) {
  :root {
    --font-size: 1rem;
    --line-height: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --font-size: 1rem;
    --line-height: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --font-size: 1.125rem;
    --line-height: 1.6875rem;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --font-size: 1.125rem;
    --line-height: 1.6875rem;
  }
}
@media (min-width: 1600px) {
  :root {
    --font-size: 1.125rem;
    --line-height: 1.6875rem;
  }
}
._button_1kfhe_31 {
  cursor: pointer;
}

._plain_1kfhe_35 {
  width: 100%;
  border: 1px solid #d5d7da;
  height: 2.625rem;
  border-radius: 1.5rem;
  cursor: pointer;
}
._plain_1kfhe_35 > div {
  margin: 0 auto;
  align-items: center;
  display: flex;
  width: fit-content;
  height: 100%;
}
._plain_1kfhe_35 > div > img {
  margin-right: 0.75rem;
}

._singpass_1kfhe_53 {
  width: 100%;
  background: #f4323c;
  height: 2.75rem;
  border-radius: 1.5rem;
  cursor: pointer;
}
._singpass_1kfhe_53 > div {
  margin: 0 auto;
  align-items: center;
  display: flex;
  width: fit-content;
  height: 100%;
}
._singpass_1kfhe_53 > div > img {
  margin: 0 0 0.125rem 0.25rem;
}

._button_1kfhe_31 > button {
  min-height: 2.5rem !important;
  border-radius: 1.3rem !important;
  padding: 0.375rem 1.375rem !important;
  background: #222222 !important;
  border: 2px solid #222222 !important;
}

._button_1kfhe_31._secondary_1kfhe_79 > button {
  background: #ffffff !important;
}

._button_1kfhe_31 > button > span {
  line-height: var(--line-height) !important;
}

._button_1kfhe_31._secondary_1kfhe_79 > button > div > span > div > span > div > div > div > div > div > svg > g > path {
  stroke: #222222 !important;
}

._button_1kfhe_31 > button > span > p {
  line-height: 1.5rem !important;
  font-size: var(--font-size) !important;
  letter-spacing: 0.02em !important;
}

._button_1kfhe_31._secondary_1kfhe_79 > button > span > p {
  color: #222222 !important;
}

._disabled_1kfhe_101 {
  opacity: 0.8;
  cursor: default;
}@media (max-width: 679px) {
  :root {
    --modal-title-font-size: 1.5rem;
    --font-size: 1rem;
    --button-min-height: 2.5rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --modal-title-font-size: 1.5rem;
    --font-size: 1rem;
    --button-min-height: 2.5rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --modal-title-font-size: 2rem;
    --font-size: 1.125rem;
    --button-min-height: 2.6875rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --modal-title-font-size: 2rem;
    --font-size: 1.125rem;
    --button-min-height: 2.6875rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --modal-title-font-size: 2rem;
    --font-size: 1.125rem;
    --button-min-height: 2.6875rem;
  }
}

div[id^='modal-root-'] > div > span > div > div > div > div {
  padding: 0 !important;
  max-width: 596px;
}

div[id^='modal-root-']
  > div
  > span
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > h3 {
  font-size: var(--modal-title-font-size) !important;
  font-family: 'Lato1', sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  color: #222222 !important;
  margin: 0 1.5rem 1rem 0;
}

/* scrollable */
div[id^='modal-root-'] > div > span > div > div > div > div > div > div > div {
  max-height: 72vh !important;
  padding: 0rem 1.5rem !important;
}

/* scrollable */
div[id^='modal-root-']
  > div
  > span
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div {
  padding: 0;
}

/* scrollable */
div[id^='modal-root-']
  > div
  > span
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div {
  padding: 0;
}

/* scrollable */
div[id^='modal-root-']
  > div
  > span
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > h3 {
  font-size: var(--modal-title-font-size) !important;
  font-family: 'Lato1', sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  color: #222222 !important;
  margin: 0 1.5rem 1rem 0;
}

#_button_okGotIt_1ez2r_1 > span > p {
  font-family: 'Lato2', sans-serif !important;
}

div[id^='modal-root-'] > div > span > div > div > div > div > div > span {
  top: var(--modal-title-font-size);
  right: var(--modal-title-font-size);
  width: 1.5rem;
  height: 1.5rem;
}

div[id^='modal-root-'] > div > span > div > div > div > div > div > span > svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #222222 !important;
}

div[id^='modal-root-']
  > div
  > span
  > div
  > div
  > div
  > div
  > div
  > span
  > svg
  > path {
  fill: #222222 !important;
}

._modalContent_1ez2r_156 {
  color: #222222;
  font-size: var(--font-size);
  font-weight: 400;
  letter-spacing: 0.01em;
  text-align: left;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._contentArea_1ez2r_168 {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 1rem;
  max-height: 50vh;
}

._contentArea_1ez2r_168::-webkit-scrollbar {
  display: none;
}

._divider_1ez2r_179 {
  height: 1px;
  background-color: #e0e0e0;
  margin-bottom: 1rem;
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 467px) {
  ._button_1ez2r_188 > div > button {
    max-width: 14.375rem;
  }

  ._fixedButtons_1ez2r_192 > ._button_1ez2r_188 > div > button {
    max-width: none;
  }
}
@media (max-width: 679px) {
  :root {
    --declaration-container-padding: 1.5rem 0;
    --declaration-bold-font-size: 0.75rem;
    --declaration-bold-line-height: 1.5;
    --declaration-text-text-indent: -1.1rem;
    --declaration-text-font-size: 0.75rem;
    --declaration-text-letter-spacing: 0.03rem;
    --declaration-span-letter-spacing: 0.03rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --declaration-container-padding: 2.5rem 0;
    --declaration-bold-font-size: 1.25rem;
    --declaration-bold-line-height: 1.25;
    --declaration-text-text-indent: -1.5rem;
    --declaration-text-font-size: 1rem;
    --declaration-text-letter-spacing: 0.01rem;
    --declaration-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --declaration-container-padding: 2.5rem 0;
    --declaration-bold-font-size: 1.25rem;
    --declaration-bold-line-height: 1.25;
    --declaration-text-text-indent: -1.5rem;
    --declaration-text-font-size: 1rem;
    --declaration-text-letter-spacing: 0.01rem;
    --declaration-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --declaration-container-padding: 2.5rem 0;
    --declaration-bold-font-size: 1.25rem;
    --declaration-bold-line-height: 1.25;
    --declaration-text-text-indent: -1.5rem;
    --declaration-text-font-size: 1rem;
    --declaration-text-letter-spacing: 0.01rem;
    --declaration-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --declaration-container-padding: 2.5rem 0;
    --declaration-bold-font-size: 1.25rem;
    --declaration-bold-line-height: 1.25;
    --declaration-text-text-indent: -1.5rem;
    --declaration-text-font-size: 1rem;
    --declaration-text-letter-spacing: 0.01rem;
    --declaration-span-letter-spacing: 0.02rem;
  }
}

._container_11tge_61 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._ellipsis_11tge_67 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

._bold_11tge_75 {
  font-size: var(--declaration-bold-font-size);
  line-height: var(--declaration-bold-line-height);
  letter-spacing: var(--declaration-text-letter-spacing);
}

._text_11tge_81 {
  text-indent: var(--declaration-text-text-indent);
  margin: 0.5rem 0 0 1rem;

  font-size: var(--declaration-text-font-size);
  line-height: 1.5;
  letter-spacing: var(--declaration-text-letter-spacing);
}

._textRed_11tge_90 {
  text-indent: var(--declaration-text-text-indent);

  font-size: var(--declaration-text-font-size);
  line-height: 1.5;
  letter-spacing: var(--declaration-text-letter-spacing);
  color: #bc1430;
}

._seeMore_11tge_99 > span {
  color: #5c50bb;
  letter-spacing: var(--declaration-span-letter-spacing);
  font-size: var(--declaration-text-font-size);
  line-height: 1.5;
  cursor: pointer;
}

._seeMore_11tge_99 {
  font-size: var(--declaration-text-font-size);
  line-height: 1.5;
}

._checkbox_11tge_112 {
  margin-bottom: 1.5rem;
}

._checkbox_11tge_112 > div > p {
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 0.75rem;
}

._checkbox_11tge_112 > div > div {
  width: 1.5rem;
  height: 1.5rem;
}

._checkbox_11tge_112 > div > div > div > div {
  width: 22px;
  height: 22px;
  border-radius: 4px;
}

._checkbox_11tge_112 > div > div > div:has(div:hover) > div:last-child {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}

._checkbox_11tge_112 > div > div > div {
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 679px) {
  :root {
    --declaration-modal-container-padding: 0;
    --declaration-modal-gap: 0;
    --declaration-modal-text-indent: -1.6rem;
    --declaration-modal-text-font-size: 1rem;
    --declaration-modal-text-letter-spacing: 0.03rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --declaration-modal-container-padding: 0 0.5rem;
    --declaration-modal-gap: 1rem;
    --declaration-modal-text-indent: -1.7rem;
    --declaration-modal-text-font-size: 1.125rem;
    --declaration-modal-text-letter-spacing: 0.01rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --declaration-modal-container-padding: 0 0.5rem;
    --declaration-modal-gap: 1rem;
    --declaration-modal-text-indent: -1.7rem;
    --declaration-modal-text-font-size: 1.125rem;
    --declaration-modal-line-letter-spacing: 0.01rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --declaration-modal-container-padding: 0 0.5rem;
    --declaration-modal-gap: 1rem;
    --declaration-modal-text-indent: -1.7rem;
    --declaration-modal-text-font-size: 1.125rem;
    --declaration-modal-text-letter-spacing: 0.01rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --declaration-modal-container-padding: 0 0.5rem;
    --declaration-modal-gap: 1rem;
    --declaration-modal-text-indent: -1.7rem;
    --declaration-modal-text-font-size: 1.125rem;
    --declaration-modal-text-letter-spacing: 0.01rem;
  }
}

._container_19d3s_51 {
  display: flex;
  flex-direction: column;
  gap: var(--declaration-modal-gap);
  padding: var(--declaration-modal-container-padding);
}

._text_19d3s_58 {
  text-indent: var(--declaration-modal-text-indent);
  margin-left: 1rem;

  font-size: var(--declaration-modal-text-font-size);
  line-height: 1.5;
  letter-spacing: var(--declaration-modal-text-letter-spacing);
}

._container_19d3s_51 p {
  margin: 0 0 0 1rem;
  position: relative;
}

._container_19d3s_51 p::before {
  content: '•';
  position: absolute;
  left: -1.2rem;
  top: 0;
  transform: translateY(0);
  font-size: 18px;
}

._container_19d3s_51 ul {
  margin: 0 0 0 -0.5rem;
  list-style-type: none;
  padding: 0;
}

._container_19d3s_51 ul li {
  position: relative;
  padding-left: 1.8rem;
}

._container_19d3s_51 ul li::before {
  margin: 0 0 0 2rem;
  content: '◦';
  position: absolute;
  left: -1.3rem;
  top: -0.7rem;
  font-size: 2rem;
}
@media (max-width: 679px) {
  :root {
    --important-notice-modal-container-padding: 0;
    --important-notice-modal-gap: 0;
    --important-notice-modal-text-indent: -1.6rem;
    --important-notice-modal-text-font-size: 1rem;
    --important-notice-modal-text-letter-spacing: 0.03rem;
    --important-notice-modal-span-letter-spacing: 0.03rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --important-notice-modal-container-padding: 0 0.5rem;
    --important-notice-modal-gap: 1rem;
    --important-notice-modal-text-indent: -1.7rem;
    --important-notice-modal-text-font-size: 1.125rem;
    --important-notice-modal-text-letter-spacing: 0.01rem;
    --important-notice-modal-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --important-notice-modal-container-padding: 0 0.5rem;
    --important-notice-modal-gap: 1rem;
    --important-notice-modal-text-indent: -1.7rem;
    --important-notice-modal-text-font-size: 1.125rem;
    --important-notice-modal-line-letter-spacing: 0.01rem;
    --important-notice-modal-line-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --important-notice-modal-container-padding: 0 0.5rem;
    --important-notice-modal-gap: 1rem;
    --important-notice-modal-text-indent: -1.7rem;
    --important-notice-modal-text-font-size: 1.125rem;
    --important-notice-modal-text-letter-spacing: 0.01rem;
    --important-notice-modal-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --important-notice-modal-container-padding: 0 0.5rem;
    --important-notice-modal-gap: 1rem;
    --important-notice-modal-text-indent: -1.7rem;
    --important-notice-modal-text-font-size: 1.125rem;
    --important-notice-modal-text-letter-spacing: 0.01rem;
    --important-notice-modal-span-letter-spacing: 0.02rem;
  }
}

._container_1dffl_56 {
  display: flex;
  flex-direction: column;
  gap: var(--important-notice-modal-gap);
  padding: var(--important-notice-modal-container-padding);
}

._text_1dffl_63 {
  font-size: var(--important-notice-modal-text-font-size);
  line-height: 1.5;
  letter-spacing: var(--important-notice-modal-text-letter-spacing);
}

._text_1dffl_63._indent_1dffl_69 {
  text-indent: var(--important-notice-modal-text-indent);
  margin-left: 1rem;
}

._text_1dffl_63 > span {
  color: #5c50bb;
  letter-spacing: var(--important-notice-modal-span-letter-spacing);
  cursor: pointer;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_19uq9_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_19uq9_25 {
  position: relative;
  z-index: 100;
}
._mt-8_19uq9_1 {
  margin-top: 8px !important;
}
._promo-input_19uq9_1 {
  margin: 0.5rem;
}
._promo-input_19uq9_1 label {
  pointer-events: none;
}
._promo-input_19uq9_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_19uq9_1 {
  margin: 0.5rem;
}
._default-promo-input_19uq9_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_19uq9_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._disabled_19uq9_3 {
  opacity: 0.7;
  cursor: not-allowed;
}
._paymentType_19uq9_8 {
  padding: 0;
}
._paymentTypeTitle_19uq9_12 {
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: 0.01rem;
  margin-bottom: 0.5rem;
}
._paymentTypeValue_19uq9_19 {
  font-size: 1rem;
  line-height: 1.125;
  letter-spacing: 0.02rem;
}
._header_19uq9_25 {
  position: relative;
  z-index: 100;
}
._main_19uq9_30 {
  background: #f7f7f7;
  min-height: calc(100vh - 312px);
}
._container_19uq9_35 {
  margin: var(--container-margin);
  height: var(--content-height);
  max-width: var(--container-max-width);
  padding: 80px 24px 0;
  box-sizing: border-box;
}
._footer_19uq9_43 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
  background: #f7f7f7;
}
._stepper_19uq9_51 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._pageTitle_19uq9_56 {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  margin: 32px 0 24px;
}
._flexContainer_19uq9_63 {
  display: flex;
  flex-direction: row;
}
._flexContainer_19uq9_63 > div > *:first-child {
  padding-top: 1.5rem;
}
._flexItemLeft_19uq9_72 {
  flex: 58.33% 1;
}
._flexItemMiddle_19uq9_76 {
  flex: 8.34% 1;
}
._flexItemRight_19uq9_80 {
  flex: 33.33% 1;
}
._payWrapper_19uq9_84 {
  position: sticky;
  top: 0;
}
._payContainer_19uq9_89 {
  padding: 0.5rem;
}
._payDescription_19uq9_93 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}
._payDescription_19uq9_93 > * {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
}
._modal-divider-wrapper_19uq9_109 {
  position: relative;
  margin-top: 35px;
  height: 30px;
  padding-top: 30px;
}
._singtel-icon_19uq9_116 {
  position: absolute;
  margin-top: -35px;
  left: 0;
  padding-right: 24px;
  background: #ffffff;
}
._greatEastern-icon_19uq9_124 {
  position: absolute;
  right: 0;
  margin-top: -20px;
  padding-left: 10px;
  background: #ffffff;
}
._infoContainer_19uq9_132 {
  margin: 2rem 0;
}
._payDivider_19uq9_136 {
  margin: 1.5rem 0;
}
._divider_19uq9_140 {
  margin: 2.5rem 0;
}
._flexBetween_19uq9_144 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._reviewTitle_19uq9_150 {
  font-weight: 700;
  letter-spacing: 0.1px;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;

  font-size: 30px;
  color: rgb(34, 34, 34);
  line-height: 1.75;
  margin-bottom: 32px;
}
._infoTitle_19uq9_162 {
  font-weight: 700;
  letter-spacing: 0px;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;

  color: rgb(34, 34, 34);
  line-height: 1.75;
}
._infoDesc_19uq9_173 {
  font-weight: 400;
  letter-spacing: 0.1px;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;

  color: rgb(34, 34, 34);
  line-height: 1.75;
}
._infoLink_19uq9_184 {
  color: rgb(92, 80, 187);
  cursor: pointer;
  display: inline-flex;
  transition: color 0.1s ease-in 0s;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0px;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;

  line-height: 1.75;
}
._infoAmount_19uq9_199 {
  font-weight: unset;
  letter-spacing: 0.1px;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;

  color: rgb(34, 34, 34);
  line-height: 1.75;
}
._dividerContainer_19uq9_210 {
  margin: 40px 0;
}
._payTopWrapper_19uq9_214 {
  display: none;
  background: #fff;
  padding: 24px;
  position: sticky;
  z-index: 99;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
  top: -1px;
  margin: 0 -24px;
}
._payTopDescription_19uq9_225 > * {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.1px;
}
._payTopAmount_19uq9_233 {
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
}
._payTopAmount_19uq9_233 ._fullAmount_19uq9_240 {
  font-size: 16px;
  line-height: 24px;
  margin-right: 8px;
}
._inputDescription_19uq9_246 {
  color: var(--neutral-60, #3b3b3b);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 150% */
  letter-spacing: 0.28px;
  margin-top: 8px;
}
._fullAmount_19uq9_240 {
  color: #757575;
  text-decoration: line-through;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
}
._discountText_19uq9_266 {
  color: #ca112f;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
._defaultPromoInput_19uq9_273 > div > label {
  background-color: #f7f7f7;
}
._defaultPromoInput_19uq9_273 label > div > div > div > span {
  font-size: initial;
}
._logo_19uq9_281 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_19uq9_286 {
  display: block;

  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._flexContainer_19uq9_63 > div > *:first-child {
    padding-top: 0;
  }

  ._backedByGreatEasternMobile_19uq9_302 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_19uq9_281 {
    margin-bottom: 1rem;
  }

  ._paymentTypeTitle_19uq9_12 {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0.01rem;
  }

  ._paymentTypeValue_19uq9_19 {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.02rem;
  }

  ._main_19uq9_30 {
    min-height: calc(100vh - 68px);
  }

  ._footer_19uq9_43 {
    display: var(--footer-display);
  }

  ._pageTitle_19uq9_56 {
    font-size: 32px;
    line-height: 38.4px;
    margin: 16px 0;
  }

  ._flexContainer_19uq9_63 {
    flex-direction: column;
  }

  ._flexItemRight_19uq9_80 {
    background: #ffffff;
    margin: 0 -24px;
  }

  ._payWrapper_19uq9_84 [class*='CardContainer'] {
    border-radius: 0 !important;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0 !important;
  }

  ._container_19uq9_35 {
    padding-top: 0;
  }

  ._stepper_19uq9_51 {
    margin-top: 32px;
  }

  ._payTopWrapper_19uq9_214 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  ._reviewTitle_19uq9_150 {
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0;
  }

  ._infoContainer_19uq9_132 {
    margin: 1.5rem 0;
  }

  ._infoTitle_19uq9_162,
  ._infoAmount_19uq9_199,
  ._infoDesc_19uq9_173,
  ._infoLink_19uq9_184 {
    font-size: 16px;
    line-height: 28px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_5k9q1_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_5k9q1_3 {
  position: relative;
  z-index: 100;
}
._mt-8_5k9q1_1 {
  margin-top: 8px !important;
}
._promo-input_5k9q1_1 {
  margin: 0.5rem;
}
._promo-input_5k9q1_1 label {
  pointer-events: none;
}
._promo-input_5k9q1_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_5k9q1_1 {
  margin: 0.5rem;
}
._default-promo-input_5k9q1_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_5k9q1_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_5k9q1_3 {
  position: relative;
  z-index: 100;
}
._pageTitle_5k9q1_8 {
  margin: 5rem auto 2.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  width: 100%;
  max-width: var(--container-max-width);
  padding: 0 1rem;
  box-sizing: border-box;
}
._container_5k9q1_19 {
  margin: var(--container-margin);
  height: var(--content-height);
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_5k9q1_30 {
  bottom: 0;
  padding-top: 1.5rem;
  background-color: #ffffff;
  /* Example background color */
  width: 100%;
  z-index: 1000;
  /* Ensure it's on top of other content */
}
@media (max-width: 679px) {
  ._container_5k9q1_19 {
    overflow-x: initial;
  }

  ._footer_5k9q1_30 {
    display: var(--footer-display);
  }

  ._pageTitle_5k9q1_8 {
    display: none;
  }

  ._extraCoverage_5k9q1_53 {
    width: 100%;
    height: auto;
  }
}
._greyArea_185oe_1 {
  background: #f7f7f7;
  position: relative;
  padding: 0 0 10rem;
  box-sizing: border-box;
}

._title_185oe_8 {
  text-align: center;
}

._status_185oe_12 {
  font-size: 900;
  font-size: 2.5rem;
  line-height: 1.2;
}

._product_185oe_18 {
  margin-top: 0.5rem;

  font-size: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._subTitle_185oe_26 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

._description_185oe_33 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._container_185oe_40 {
  max-width: 596px;
  margin: 5rem auto 3rem;
  padding: 0 1.5rem;
}

._copy_185oe_46 {
  margin: 3rem auto;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
}

._copy_185oe_46 > div:first-child {
  flex: 1;
}

._text_185oe_58 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._label_185oe_64 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}

._copy_185oe_46 > div:last-child {
  align-self: center;
}

._copy_185oe_46 > div:last-child > span {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #0062f5;
  cursor: pointer;
  text-decoration: underline;
}

._greyAreaContent_185oe_84 {
  margin: 5rem auto;
  max-width: 1208px;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

._contacts_185oe_93 {
  display: flex;
  flex-direction: row;
  gap: 4rem;
}

._button_185oe_99 {
  width: 224px;
  margin: 3rem auto;
}

._orderPaid_185oe_104 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}

._sections_185oe_111 {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_185oe_111 {
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._greyCard_185oe_124 {
  border-radius: 8px;
  padding: 1rem;
  background: #f7f7f7;

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03rem;
}

@media (max-width: 679px) {
  ._greyArea_185oe_1 {
    background: #f7f7f7;
    position: relative;
    padding: 0 1.5rem;
    box-sizing: border-box;
  }

  ._sections_185oe_111 {
    margin-top: 2.5rem;
  }

  ._status_185oe_12 {
    font-size: 2rem;
  }

  ._product_185oe_18 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._subTitle_185oe_26 {
    font-size: 1rem;
  }

  ._description_185oe_33 {
    font-size: 1rem;
  }

  ._copy_185oe_46 {
    margin: 2.5rem auto;
  }

  ._copy_185oe_46 > div:last-child > span {
    font-size: 1rem;
  }

  ._text_185oe_58 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._section_185oe_111 {
    font-size: 1rem;
  }

  ._label_185oe_64 {
    font-size: 0.75rem;
  }

  ._button_185oe_99 {
    width: 100%;
    margin: 2.5rem auto;
  }

  ._contacts_185oe_93 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  ._greyAreaContent_185oe_84 {
    margin: 1rem auto;
    padding: 1.5rem;
    gap: 2rem;
  }

  ._button_185oe_99 {
    width: 100%;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1xls5_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1xls5_1 {
  margin-top: 8px !important;
}
._promo-input_1xls5_1 {
  margin: 0.5rem;
}
._promo-input_1xls5_1 label {
  pointer-events: none;
}
._promo-input_1xls5_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1xls5_1 {
  margin: 0.5rem;
}
._default-promo-input_1xls5_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1xls5_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._container_1xls5_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_1xls5_18 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_1xls5_18 {
    display: var(--footer-display);
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_8x60i_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_8x60i_1 {
  position: relative;
  z-index: 100;
}
._mt-8_8x60i_1 {
  margin-top: 8px !important;
}
._promo-input_8x60i_1 {
  margin: 0.5rem;
}
._promo-input_8x60i_1 label {
  pointer-events: none;
}
._promo-input_8x60i_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_8x60i_1 {
  margin: 0.5rem;
}
._default-promo-input_8x60i_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_8x60i_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._stepperContainer_8x60i_2 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 5rem 1.5rem 2rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  ._stepperContainer_8x60i_2 {
    padding: 2rem 1.5rem 1rem;
  }
}
._stepper_8x60i_2 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._logo_8x60i_19 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._logo_8x60i_19 {
    margin-bottom: 1rem;
  }
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1uzhg_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1uzhg_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1uzhg_1 {
  margin-top: 8px !important;
}
._promo-input_1uzhg_1 {
  margin: 0.5rem;
}
._promo-input_1uzhg_1 label {
  pointer-events: none;
}
._promo-input_1uzhg_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1uzhg_1 {
  margin: 0.5rem;
}
._default-promo-input_1uzhg_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1uzhg_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1uzhg_3 {
  position: relative;
  z-index: 100;
}
._main_1uzhg_8 {
  background: #f7f7f7;
  min-height: calc(100vh - 290px);
}
._footer_1uzhg_13 {
  display: var(--footer-display);
  padding: 1px;
  background: #f7f7f7;
}
._content_1uzhg_19 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._pageTitle_1uzhg_27 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
._stepperContainer_1uzhg_34 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 0 24px;
  margin: 0 auto;
}
._card-wrapper_1uzhg_41 {
  padding-bottom: 16px;
}
._title-bold_1uzhg_45 {
  color: #222222;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.016px;
  margin-bottom: -15px;
  padding-top: 5px;
}
._title_1uzhg_45 {
  color: #222222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._point-bullet_1uzhg_67 {
  color: #222222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
  margin-top: -15px;
  margin-left: -15px;
}
._stepper_1uzhg_34 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._form_1uzhg_84 {
  width: var(--form-width);
}
._stepper-wrapper_1uzhg_88 [class*='TypeComponent'] {
  z-index: 0;
}
._input-wrapper_1uzhg_92 {
  margin-top: 24px;
}
._destination-wrapper_1uzhg_96 {
  margin-top: 25px;
  padding-bottom: 5px;
  width: 50%;
}
._input-description_1uzhg_102 {
  color: var(--neutral-60, #3b3b3b);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 150% */
  letter-spacing: 0.28px;
}
._error-description_1uzhg_113 {
  color: rgb(188, 20, 48);
  font-size: 16px;

  padding-top: 10px;
  padding-left: 5px;
}
._submit-button_1uzhg_121 {
  padding-top: 1.5rem;
}
._submit-button_1uzhg_121 > button {
  width: auto !important;
}
._modal-submit-button_1uzhg_129 {
  margin-top: 25px;
  padding-bottom: 25px;
}
._modal-submit-button_1uzhg_129 > button {
  width: auto !important;
}
._link_1uzhg_138 {
  margin-top: 8px;
}
._discount-wrapper_1uzhg_142 {
  display: flex;
  flex-direction: row;
  background: rgb(239, 237, 253);
  border-radius: 8px;
  margin: 32px 0;
}
._discount-title_1uzhg_150 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-right: 20px;
}
._discount-icon_1uzhg_160 {
  padding: 30px 20px;
}
._divider-wrapper_1uzhg_164 {
  padding-top: 35px;
  padding-bottom: 15px;
  position: relative;
}
._logo_1uzhg_170 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_1uzhg_175 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_1uzhg_175 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_1uzhg_170 {
    margin-bottom: 1rem;
  }

  ._main_1uzhg_8 {
    background: #f7f7f7;
    min-height: calc(100vh - 68px);
  }

  ._stepperContainer_1uzhg_34 {
    padding: 20px 0;
  }

  ._discount-wrapper_1uzhg_142 {
    margin: 24px 0;
  }

  ._submit-button_1uzhg_121 {
    padding-bottom: 24px;
  }

  ._submit-button_1uzhg_121 > button {
    width: 100% !important;
  }

  ._modal-submit-button_1uzhg_129 {
    margin-top: 10px !important;
    padding-bottom: 35px !important;
  }

  ._modal-submit-button_1uzhg_129 > button {
    width: 100% !important;
  }

  ._pageTitle_1uzhg_27 {
    font-size: 32px;
    line-height: 38.4px;
  }

  ._title_1uzhg_45 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._point-bullet_1uzhg_67 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._destination-wrapper_1uzhg_96 {
    margin-top: 20px;
    width: 100%;
    padding-bottom: 5px;
  }

  ._input-description_1uzhg_102 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.36px;
  }

  ._discount-title_1uzhg_150 {
    font-size: 16px;
    line-height: 24px;
  }
}
._promoInput_zn3ns_1 {
  cursor: pointer;
}

._promoInput_zn3ns_1 > div > label {
  background-color: #f7f7f7;
}

._promoInput_zn3ns_1 label > div > div > div > span {
  font-size: initial;
}

._promoInput_zn3ns_1 > div > :nth-child(2) {
  margin-top: 0.25rem !important;
}

._promoInput_zn3ns_1 > div:nth-of-type(2) {
  margin-top: 0.25rem !important;
}

._inputDescription_zn3ns_21 {
  color: var(--neutral-60, #3b3b3b);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 150% */
  letter-spacing: 0.28px;
}

._mt8_zn3ns_32 {
  margin-top: 8px !important;
}

._discountsContainer_zn3ns_36 {
  border-radius: 0.5rem;
  background: #ebf2ff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  letter-spacing: 0.02rem;
}

._discountsContainer_zn3ns_36._isCampaign_zn3ns_46 {
  background: #ffffff;
}

._discounts_zn3ns_36 {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  line-height: 1.5;
}

._discounts_zn3ns_36 > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._discountSummary_zn3ns_63 {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.5;
}

._proceed_zn3ns_72 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  line-height: 1.5;
}

._youSaved_zn3ns_80 {
  color: #ca112f;
  font-size: 0.875rem;
  letter-spacing: 0.03rem;
  font-weight: 700;
}

._payment_zn3ns_87 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._paymentSummary_zn3ns_93 {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
}

._original_zn3ns_101 {
  color: #757575;
  text-align: right;

  font-size: 1.125rem;
  letter-spacing: 0.01rem;
  text-decoration-line: line-through;
}

@media (max-width: 679px) {
  ._proceed_zn3ns_72 {
    padding: 0.5rem;
  }

  ._youSaved_zn3ns_80 {
    font-size: 0.75rem;
  }

  ._payment_zn3ns_87 {
    gap: 0;
  }

  ._paymentSummary_zn3ns_93 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._original_zn3ns_101 {
    font-size: 0.75rem;
    letter-spacing: 0.03rem;
  }

  ._discounts_zn3ns_36 {
    gap: 0.5rem;
    font-size: 0.75rem;
  }

  ._discountSummary_zn3ns_63 {
    font-size: 1rem;
    line-height: 1.5;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_123dq_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_123dq_3 {
  position: relative;
  z-index: 100;
}
._mt-8_123dq_1 {
  margin-top: 8px !important;
}
._promo-input_123dq_1 {
  margin: 0.5rem;
}
._promo-input_123dq_1 label {
  pointer-events: none;
}
._promo-input_123dq_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_123dq_1 {
  margin: 0.5rem;
}
._default-promo-input_123dq_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_123dq_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_123dq_3 {
  position: relative;
  z-index: 100;
}
._theFooter_123dq_8 {
  display: var(--footer-display);
  padding: 1px;
  background: #f7f7f7;
}
._container_123dq_14 {
  max-width: var(--container-max-width);
  height: var(--content-height);
  padding: var(--container-padding);
  margin: var(--container-margin);
  box-sizing: border-box;
}
._top-container_123dq_22 {
  background: #f7f7f7;
}
._bottom-container_123dq_26 {
  background: #f7f7f7;
  flex: 50%;
}
._pageTitle_123dq_31 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
._title_123dq_38 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.001em;
}
._stepper-wrapper_123dq_46 {
  padding-top: 80px;
  padding-bottom: 30px;
}
._stepper-wrapper_123dq_46 [class*='TypeComponent'] {
  z-index: 0;
}
._input-wrapper_123dq_55 {
  margin-bottom: 24px;
}
._divider-wrapper_123dq_59 {
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
}
._divider-label_123dq_65 {
  color: var(--neutral-50, #565656);

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.18px;
  text-transform: uppercase;
  background: #f7f7f7;
  position: absolute;
  top: 25px;
  left: calc(100% / 3 + 25px);
  padding-left: 15px;
  padding-right: 15px;
}
._submit-button_123dq_84 {
  padding-top: 50px;
}
._submit-button_123dq_84 > button {
  width: auto !important;
}
._footer-pay-submit-button_123dq_92 {
  padding: 0;
}
._flex-container_123dq_96 {
  display: flex;
  flex-direction: row;
  /* flex-flow: wrap; */
  font-size: 30px;
  text-align: left;
  background: #f7f7f7;
}
._stepper_123dq_46 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._stepperContainer_123dq_110 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 24px;
  margin: 0 auto;
}
._flex-item-left_123dq_117 {
  flex: 58.33%;
}
._flex-item-middle_123dq_121 {
  flex: 8.34%;
}
._flex-item-right_123dq_125 {
  flex: 33.33%;
}
._discount-wrapper_123dq_129 {
  display: flex;
  flex-direction: row;
  background: rgb(239, 237, 253);
  border-radius: 8px;
  margin: 32px 0;
}
._discount-title_123dq_137 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  margin-right: 20px;
}
._discount-icon_123dq_146 {
  padding: 25px 20px;
}
._coverage-icon_123dq_150 {
  width: 100%;
  padding-right: 24px;
}
._star-icon-wrapper_123dq_155 {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #dedafa;
  margin-right: 10px;
  margin-top: -4px;
}
._star-icon_123dq_155 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: 6px;
  padding-top: 5px;
}
._coverage-title_123dq_173 {
  font-size: 16px;

  color: #5457a0;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
}
._card-wrapper_123dq_182 {
  width: 100%;
  margin: auto;
}
._premium-card-wrapper_123dq_187 {
  width: 100%;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
._premium-benefit-value-wrapper_123dq_194 {
  width: 40%;
}
._premium-benefit-title_123dq_198 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}
._premium-benefitValue_123dq_207 {
  color: #151560;
  text-align: right;

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
._premium-benefit-value-wrapper_123dq_194 {
  width: 40%;
}
._premium-benefitValue_123dq_207 {
  color: #151560;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}
._premium-benefit-subsectionDescription_123dq_232 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._tabs-wrapper_123dq_242 {
  position: sticky;
  top: -1px;
  background: #f7f7f7;
  z-index: 99;
  margin: 0 -24px;
  padding: 0 24px;
}
._tabs-wrapper_123dq_242 [class*='Tabs__Wrapper'] {
  max-width: 100% !important;
}
._tabs-wrapper_123dq_242 [class*='TabItemContainer'] {
  width: 33% !important;
  /* fix for 2 columns and 3 columns */
  background: #f7f7f7;
  padding-top: 0;
  min-width: 120px;
}
._tabs-details-wrapper_123dq_263 {
  margin-top: var(--tabs-details-wrapper-margin-top);
  width: 100%;
}
._flex-pay_123dq_268 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}
._flex-pay-left_123dq_275 {
  flex: 50%;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
._flex-pay-left-bottom_123dq_283 {
  flex: 50%;
  text-align: left;
  padding-left: 10px;
}
._flex-pay-right_123dq_289 {
  flex: 50%;
  text-align: right;
  padding-right: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}
._flex-pay-right-bottom_123dq_297 {
  flex: 50%;
  text-align: right;
  padding-right: 24px;
}
._flex-coverage-title_123dq_303 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  padding-left: 5px;
  padding-top: 15px;
  margin-top: -5px;
  padding-bottom: 5px;
}
._flex-coverage_123dq_303 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  padding-left: 5px;
  margin-top: -10px;
}
._flex-coverage-left_123dq_323 {
  flex: 30%;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
}
._flex-coverage-right_123dq_330 {
  flex: 70%;
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
}
._flex-coverage-right-title_123dq_337 {
  margin-top: -12px;
  padding-left: 5px;
}
._coverage-benefitTitle-wrapper_123dq_342 {
  width: 50%;
  text-align: left;
  padding-left: 5px;
}
._coverage-benefitValue-wrapper_123dq_348 {
  width: 50%;
  text-align: right;
  padding-right: 24px;
}
._coverage-benefitTiTle_123dq_354 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._coverage-benefit-title-wrapper_123dq_364 {
  width: 60%;
}
._coverage-benefit-value-wrapper_123dq_368 {
  width: 40%;
}
._coverage-benefit-title_123dq_364 {
  color: #222;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._coverage-benefitValue_123dq_348 {
  color: #151560;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}
._pay-discount_123dq_393 {
  color: #ca112f;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.25px;
}
._pay-amount_123dq_403 {
  color: #757575;
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.25px;
  text-decoration-line: line-through;
}
._you-will-pay_123dq_415 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  margin: 8px 0;
}
._you-will-pay-amount_123dq_425 {
  color: #222;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  /* 135% */
}
._benefitTitle_123dq_436 {
  color: #222;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._benefitValue_123dq_447 {
  color: var(--blue-50, #04c);
  text-align: right;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._proceed-wrapper_123dq_459 {
  display: none;
}
._policy-wrapper_123dq_463 {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 30px;
  font-weight: 400;
}
._policy-wrapper_123dq_463 p {
  margin-bottom: -18px;
  color: #222;

  font-size: 20px;
  font-style: normal;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._policy-wrapper_123dq_463 a {
  text-decoration: none;
}
._recommended-wrapper_123dq_484 {
  position: relative;
  display: table;
  width: 100%;
}
._recommended-cell_123dq_490 {
  position: relative;
  min-height: 48px;
  min-width: 120px;
  box-sizing: border-box;
  padding: 0 24px 0;
  white-space: nowrap;
  display: table-cell;
  cursor: pointer;
  user-select: none;
  text-align: center;
  width: 33%;
  /* fix for 2 columns and 3 columns */
}
._recommended-label_123dq_505 {
  color: #ca112f;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
}
._footer_123dq_92 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #f7f7f7;
  padding-top: 24px;
}
._need-more-info_123dq_523 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._policy-wording_123dq_533 {
  color: #5c50bb;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._logo_123dq_543 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_123dq_548 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
._loader_123dq_557 {
  height: 10rem;
  margin-top: 10rem;
  display: flex;
  padding-right: 5rem;
  justify-content: right;
}
._disabled_123dq_565 {
  opacity: 0.7;
  cursor: not-allowed;
}
@media (max-width: 679px) {
  ._loader_123dq_557 {
    height: 30rem;
    margin-top: 15rem;
    padding-right: 0;
    justify-content: center;
  }

  ._backedByGreatEastern_123dq_548 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_123dq_543 {
    margin-bottom: 1rem;
  }

  ._footer-pay-submit-button_123dq_92 {
    padding: 0;
  }

  ._flex-item-left_123dq_117 {
    padding-top: 0;
  }

  ._discount-wrapper_123dq_129 {
    margin: 24px 0;
  }

  ._bottom-container_123dq_26 {
    margin-top: 0;
  }

  ._wrapper_123dq_603 {
    background: #ffffff;
  }

  ._divider-label_123dq_65 {
    color: var(--neutral-50, #565656);

    /* previous AvenirLTStd */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
    letter-spacing: 0.18px;
    text-transform: uppercase;
    background: #f7f7f7;
    position: absolute;
    top: 25px;
    left: calc(100% / 3 - 20px);
    padding-left: 15px;
    padding-right: 15px;
  }

  ._submit-button_123dq_84 {
    padding-bottom: 24px;
  }

  ._submit-button_123dq_84 > button {
    width: 100% !important;
  }

  ._pageTitle_123dq_31 {
    font-size: 32px;
    line-height: 38.4px;
  }

  ._title_123dq_38 {
    font-size: 16px;
    line-height: 28px;
  }

  ._flex-container_123dq_96 {
    flex-direction: column;
    width: 100% !important;
  }

  ._footer-wrapper_123dq_649 {
    width: 100%;
  }

  ._footer-wrapper_123dq_649 [class*='CardContainer'] {
    border-radius: 0 !important;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0 !important;
  }

  ._coverage-wrapper_123dq_658 {
    width: 100%;
  }

  ._proceed-wrapper_123dq_459 {
    display: flex;
    background: #fff;
    padding: 10px 24px;
    position: sticky;
    top: -1px;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
  }

  ._flex-proceed_123dq_672 {
    display: flex;
    font-size: 30px;
    width: 100%;
  }

  ._flex-proceed-left_123dq_678 {
    flex: 60%;
    text-align: left;
  }

  ._flex-proceed-right_123dq_683 {
    padding: 20px 0;
    height: 40px;
  }

  ._proceed-discount_123dq_688 {
    color: var(--red-60, #ca112f);

    /* previous AvenirLTStd */
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.32px;
    margin: 12px 0;
  }

  ._proceed-no-discount-wrapper_123dq_700 {
    height: 30px;
  }

  ._proceed-have-discount-wrapper_123dq_704 {
    height: 32px;
  }

  ._proceed-amount_123dq_708 {
    color: var(--neutral-40, #757575);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin: 0;
  }

  ._proceed-amount-no-discount_123dq_719 {
    color: var(--neutral-40, #757575);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin-top: -15px;
    margin-left: -10px;
  }

  ._cross-amount_123dq_731 {
    text-decoration: line-through;
    color: #757575;

    /* previous AvenirLTStd */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.2px;
    padding-left: 0;
    text-decoration-line: strikethrough;
  }

  ._proceed-you-will-pay-amount_123dq_745 {
    color: var(--neutral-70, #222);

    /* previous AvenirLTStd */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.2px;
    padding-left: 10px;
  }

  ._stepperContainer_123dq_110 {
    padding: 20px;
  }

  ._stepper-wrapper_123dq_46 {
    padding-top: 50px;
  }

  ._flex-item-right_123dq_125 {
    padding: 0;
    flex: 30%;
  }

  ._footer_123dq_92 {
    padding: 0;
    margin: 0 -24px;
    background: #ffffff;
  }

  ._coverage-benefitValue_123dq_348 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._recommended-cell_123dq_490 {
    padding: 0;
  }

  ._tabs-wrapper_123dq_242 {
    position: sticky;
    top: 98px;
    background: #f7f7f7;
    z-index: 98;
    margin: 0 -24px;
    padding: 0 24px;
  }

  ._policy-wrapper_123dq_463 {
    padding-bottom: 75px;
  }

  ._policy-wrapper_123dq_463 p {
    margin-bottom: -18px;
    color: #222;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
  }

  ._policy-wording_123dq_533 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._recommended-label_123dq_505 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.36px;
  }

  ._coverage-title_123dq_173 {
    font-size: 14px;
    line-height: 21px;
  }

  ._star-icon-wrapper_123dq_155 {
    margin-top: 0;
  }

  ._coverage-benefitTitle-wrapper_123dq_342 {
    width: 70%;
  }

  ._coverage-benefitValue-wrapper_123dq_348 {
    width: 30%;
  }

  ._premium-benefit-title_123dq_198 {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.28px;
  }

  ._flex-pay-left_123dq_275 {
    line-height: 24px;
  }

  ._premium-benefit-subsectionDescription_123dq_232 {
    font-size: 16px;
  }

  ._premium-benefitValue_123dq_207 {
    font-size: 16px;
    line-height: 28px;
  }

  ._flex-coverage-right-title_123dq_337 {
    margin-top: -5px;
  }

  ._discount-title_123dq_137 {
    font-size: 16px;
    line-height: 24px;
  }

  ._coverage-benefitTiTle_123dq_354 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_ww8sx_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_ww8sx_3 {
  position: relative;
  z-index: 100;
}
._mt-8_ww8sx_1 {
  margin-top: 8px !important;
}
._promo-input_ww8sx_1 {
  margin: 0.5rem;
}
._promo-input_ww8sx_1 label {
  pointer-events: none;
}
._promo-input_ww8sx_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_ww8sx_1 {
  margin: 0.5rem;
}
._default-promo-input_ww8sx_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_ww8sx_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_ww8sx_3 {
  position: relative;
  z-index: 100;
}
._footer_ww8sx_8 {
  display: var(--footer-display);
  padding: 1px;
  background: #f7f7f7;
}
._main_ww8sx_14 {
  background: #f7f7f7;
}
._pageTitle_ww8sx_18 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
._content_ww8sx_25 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._stepper_ww8sx_33 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._form_ww8sx_38 {
  width: var(--form-width);
}
._mailing-address-header_ww8sx_42 {
  color: #222;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  padding-top: 40px;
}
._mailing-address-title_ww8sx_51 {
  color: #202020;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.016px;
}
._title_ww8sx_60 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.001em;
  color: #222222;
}
._stepper-wrapper_ww8sx_69 {
  padding-top: 50px;
}
._input-wrapper_ww8sx_73 {
  margin-top: 24px;
}
._input-bottom-wrapper_ww8sx_77 {
  margin-bottom: 24px;
}
._flex-container_ww8sx_81 {
  margin-top: 24px;
  display: flex;
  font-size: 30px;
  text-align: center;
}
._flex-item-left_ww8sx_88 {
  padding-top: 24px;
  flex: 58.33%;
}
._stepperContainer_ww8sx_93 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 24px;
  margin: 0 auto;
}
._flex-item-right_ww8sx_100 {
  flex: 33.33%;
}
._floor_ww8sx_104 {
  flex: 1;
  margin-right: 24px;
}
._unit_ww8sx_109 {
  flex: 1;
}
._input-description_ww8sx_113 {
  color: #222;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.2px;
}
._gender-header_ww8sx_122 {
  color: rgb(86, 86, 86);
  font-size: 14px;
  line-height: 1.5;
  margin: 0px;
}
._gender-fixed_ww8sx_129 {
  display: flex;
  width: 140px;
  align-items: flex-start;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 150% */
  letter-spacing: 0.02px;
  margin-top: 10px;
}
._error-message_ww8sx_143 {
  color: rgb(188, 20, 48);
  font-size: 16px;
}
._submit-button_ww8sx_148 {
  padding-top: 50px;
}
._submit-button_ww8sx_148 > button {
  width: auto !important;
}
._logo_ww8sx_156 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_ww8sx_161 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_ww8sx_161 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_ww8sx_156 {
    margin-bottom: 1rem;
  }

  ._stepperContainer_ww8sx_93 {
    padding: 20px;
  }

  ._flex-item-left_ww8sx_88 {
    padding-top: 0;
  }

  ._submit-button_ww8sx_148 {
    padding-bottom: 24px;
  }

  ._submit-button_ww8sx_148 > button {
    width: 100% !important;
  }

  ._pageTitle_ww8sx_18 {
    font-size: 32px;
    line-height: 38.4px;
  }

  ._title_ww8sx_60 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.016px;
  }

  ._mailing-address-header_ww8sx_42 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    padding-top: 40px;
  }

  ._mailing-address-title_ww8sx_51 {
    color: #202020;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.016px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_5k9q1_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_5k9q1_3 {
  position: relative;
  z-index: 100;
}
._mt-8_5k9q1_1 {
  margin-top: 8px !important;
}
._promo-input_5k9q1_1 {
  margin: 0.5rem;
}
._promo-input_5k9q1_1 label {
  pointer-events: none;
}
._promo-input_5k9q1_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_5k9q1_1 {
  margin: 0.5rem;
}
._default-promo-input_5k9q1_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_5k9q1_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_5k9q1_3 {
  position: relative;
  z-index: 100;
}
._pageTitle_5k9q1_8 {
  margin: 5rem auto 2.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  width: 100%;
  max-width: var(--container-max-width);
  padding: 0 1rem;
  box-sizing: border-box;
}
._container_5k9q1_19 {
  margin: var(--container-margin);
  height: var(--content-height);
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_5k9q1_30 {
  bottom: 0;
  padding-top: 1.5rem;
  background-color: #ffffff;
  /* Example background color */
  width: 100%;
  z-index: 1000;
  /* Ensure it's on top of other content */
}
@media (max-width: 679px) {
  ._container_5k9q1_19 {
    overflow-x: initial;
  }

  ._footer_5k9q1_30 {
    display: var(--footer-display);
  }

  ._pageTitle_5k9q1_8 {
    display: none;
  }

  ._extraCoverage_5k9q1_53 {
    width: 100%;
    height: auto;
  }
}
._greyArea_185oe_1 {
  background: #f7f7f7;
  position: relative;
  padding: 0 0 10rem;
  box-sizing: border-box;
}

._title_185oe_8 {
  text-align: center;
}

._status_185oe_12 {
  font-size: 900;
  font-size: 2.5rem;
  line-height: 1.2;
}

._product_185oe_18 {
  margin-top: 0.5rem;

  font-size: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._subTitle_185oe_26 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

._description_185oe_33 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._container_185oe_40 {
  max-width: 596px;
  margin: 5rem auto 3rem;
  padding: 0 1.5rem;
}

._copy_185oe_46 {
  margin: 3rem auto;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
}

._copy_185oe_46 > div:first-child {
  flex: 1;
}

._text_185oe_58 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._label_185oe_64 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}

._copy_185oe_46 > div:last-child {
  align-self: center;
}

._copy_185oe_46 > div:last-child > span {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #0062f5;
  cursor: pointer;
  text-decoration: underline;
}

._greyAreaContent_185oe_84 {
  margin: 5rem auto;
  max-width: 1208px;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

._contacts_185oe_93 {
  display: flex;
  flex-direction: row;
  gap: 4rem;
}

._button_185oe_99 {
  width: 224px;
  margin: 3rem auto;
}

._orderPaid_185oe_104 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}

._sections_185oe_111 {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_185oe_111 {
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._greyCard_185oe_124 {
  border-radius: 8px;
  padding: 1rem;
  background: #f7f7f7;

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03rem;
}

@media (max-width: 679px) {
  ._greyArea_185oe_1 {
    background: #f7f7f7;
    position: relative;
    padding: 0 1.5rem;
    box-sizing: border-box;
  }

  ._sections_185oe_111 {
    margin-top: 2.5rem;
  }

  ._status_185oe_12 {
    font-size: 2rem;
  }

  ._product_185oe_18 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._subTitle_185oe_26 {
    font-size: 1rem;
  }

  ._description_185oe_33 {
    font-size: 1rem;
  }

  ._copy_185oe_46 {
    margin: 2.5rem auto;
  }

  ._copy_185oe_46 > div:last-child > span {
    font-size: 1rem;
  }

  ._text_185oe_58 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._section_185oe_111 {
    font-size: 1rem;
  }

  ._label_185oe_64 {
    font-size: 0.75rem;
  }

  ._button_185oe_99 {
    width: 100%;
    margin: 2.5rem auto;
  }

  ._contacts_185oe_93 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  ._greyAreaContent_185oe_84 {
    margin: 1rem auto;
    padding: 1.5rem;
    gap: 2rem;
  }

  ._button_185oe_99 {
    width: 100%;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1xls5_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1xls5_1 {
  margin-top: 8px !important;
}
._promo-input_1xls5_1 {
  margin: 0.5rem;
}
._promo-input_1xls5_1 label {
  pointer-events: none;
}
._promo-input_1xls5_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1xls5_1 {
  margin: 0.5rem;
}
._default-promo-input_1xls5_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1xls5_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._container_1xls5_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_1xls5_18 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_1xls5_18 {
    display: var(--footer-display);
  }
}
@media (max-width: 679px) {
  :root {
    --declaration-container-padding: 1.5rem 0;
    --declaration-bold-font-size: 0.75rem;
    --declaration-bold-line-height: 1.5;
    --declaration-text-text-indent: -1.1rem;
    --declaration-text-font-size: 0.75rem;
    --declaration-text-letter-spacing: 0.03rem;
    --declaration-span-letter-spacing: 0.03rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --declaration-container-padding: 2.5rem 0;
    --declaration-bold-font-size: 1.25rem;
    --declaration-bold-line-height: 1.25;
    --declaration-text-text-indent: -1.5rem;
    --declaration-text-font-size: 1rem;
    --declaration-text-letter-spacing: 0.01rem;
    --declaration-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --declaration-container-padding: 2.5rem 0;
    --declaration-bold-font-size: 1.25rem;
    --declaration-bold-line-height: 1.25;
    --declaration-text-text-indent: -1.5rem;
    --declaration-text-font-size: 1rem;
    --declaration-text-letter-spacing: 0.01rem;
    --declaration-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --declaration-container-padding: 2.5rem 0;
    --declaration-bold-font-size: 1.25rem;
    --declaration-bold-line-height: 1.25;
    --declaration-text-text-indent: -1.5rem;
    --declaration-text-font-size: 1rem;
    --declaration-text-letter-spacing: 0.01rem;
    --declaration-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --declaration-container-padding: 2.5rem 0;
    --declaration-bold-font-size: 1.25rem;
    --declaration-bold-line-height: 1.25;
    --declaration-text-text-indent: -1.5rem;
    --declaration-text-font-size: 1rem;
    --declaration-text-letter-spacing: 0.01rem;
    --declaration-span-letter-spacing: 0.02rem;
  }
}

._container_1bkh8_61 {
  padding: var(--declaration-container-padding);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._ellipsis_1bkh8_68 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

._bold_1bkh8_76 {
  font-size: var(--declaration-bold-font-size);
  line-height: var(--declaration-bold-line-height);
  letter-spacing: var(--declaration-text-letter-spacing);
}

._text_1bkh8_82 {
  text-indent: var(--declaration-text-text-indent);
  margin: 0.5rem 0 0 1rem;

  font-size: var(--declaration-text-font-size);
  line-height: 1.5;
  letter-spacing: var(--declaration-text-letter-spacing);
}

._textRed_1bkh8_91 {
  text-indent: var(--declaration-text-text-indent);

  font-size: var(--declaration-text-font-size);
  line-height: 1.5;
  letter-spacing: var(--declaration-text-letter-spacing);
  color: #bc1430;
}

._seeMore_1bkh8_100 > span {
  color: #5c50bb;
  letter-spacing: var(--declaration-span-letter-spacing);
  font-size: var(--declaration-text-font-size);
  line-height: 1.5;
  cursor: pointer;
}

._seeMore_1bkh8_100 {
  font-size: var(--declaration-text-font-size);
  line-height: 1.5;
}

._checkbox_1bkh8_113 > div > p {
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 0.75rem;
}

._checkbox_1bkh8_113 > div > div {
  width: 1.5rem;
  height: 1.5rem;
}

._checkbox_1bkh8_113 > div > div > div > div {
  width: 22px;
  height: 22px;
  border-radius: 4px;
}

._checkbox_1bkh8_113 > div > div > div:has(div:hover) > div:last-child {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}

._checkbox_1bkh8_113 > div > div > div {
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 679px) {
  :root {
    --declaration-modal-container-padding: 0;
    --declaration-modal-gap: 0;
    --declaration-modal-text-indent: -1.6rem;
    --declaration-modal-text-font-size: 1rem;
    --declaration-modal-text-letter-spacing: 0.03rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --declaration-modal-container-padding: 0 0.5rem;
    --declaration-modal-gap: 1rem;
    --declaration-modal-text-indent: -1.7rem;
    --declaration-modal-text-font-size: 1.125rem;
    --declaration-modal-text-letter-spacing: 0.01rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --declaration-modal-container-padding: 0 0.5rem;
    --declaration-modal-gap: 1rem;
    --declaration-modal-text-indent: -1.7rem;
    --declaration-modal-text-font-size: 1.125rem;
    --declaration-modal-line-letter-spacing: 0.01rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --declaration-modal-container-padding: 0 0.5rem;
    --declaration-modal-gap: 1rem;
    --declaration-modal-text-indent: -1.7rem;
    --declaration-modal-text-font-size: 1.125rem;
    --declaration-modal-text-letter-spacing: 0.01rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --declaration-modal-container-padding: 0 0.5rem;
    --declaration-modal-gap: 1rem;
    --declaration-modal-text-indent: -1.7rem;
    --declaration-modal-text-font-size: 1.125rem;
    --declaration-modal-text-letter-spacing: 0.01rem;
  }
}

._container_187mi_51 {
  display: flex;
  flex-direction: column;
  gap: var(--declaration-modal-gap);
  padding: var(--declaration-modal-container-padding);
}

._text_187mi_58 {
  text-indent: var(--declaration-modal-text-indent);
  margin-left: 1rem;

  font-size: var(--declaration-modal-text-font-size);
  line-height: 1.5;
  letter-spacing: var(--declaration-modal-text-letter-spacing);
}
@media (max-width: 679px) {
  :root {
    --important-notice-modal-container-padding: 0;
    --important-notice-modal-gap: 0;
    --important-notice-modal-text-indent: -1.6rem;
    --important-notice-modal-text-font-size: 1rem;
    --important-notice-modal-text-letter-spacing: 0.03rem;
    --important-notice-modal-span-letter-spacing: 0.03rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --important-notice-modal-container-padding: 0 0.5rem;
    --important-notice-modal-gap: 1rem;
    --important-notice-modal-text-indent: -1.7rem;
    --important-notice-modal-text-font-size: 1.125rem;
    --important-notice-modal-text-letter-spacing: 0.01rem;
    --important-notice-modal-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --important-notice-modal-container-padding: 0 0.5rem;
    --important-notice-modal-gap: 1rem;
    --important-notice-modal-text-indent: -1.7rem;
    --important-notice-modal-text-font-size: 1.125rem;
    --important-notice-modal-line-letter-spacing: 0.01rem;
    --important-notice-modal-line-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --important-notice-modal-container-padding: 0 0.5rem;
    --important-notice-modal-gap: 1rem;
    --important-notice-modal-text-indent: -1.7rem;
    --important-notice-modal-text-font-size: 1.125rem;
    --important-notice-modal-text-letter-spacing: 0.01rem;
    --important-notice-modal-span-letter-spacing: 0.02rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --important-notice-modal-container-padding: 0 0.5rem;
    --important-notice-modal-gap: 1rem;
    --important-notice-modal-text-indent: -1.7rem;
    --important-notice-modal-text-font-size: 1.125rem;
    --important-notice-modal-text-letter-spacing: 0.01rem;
    --important-notice-modal-span-letter-spacing: 0.02rem;
  }
}

._container_1dffl_56 {
  display: flex;
  flex-direction: column;
  gap: var(--important-notice-modal-gap);
  padding: var(--important-notice-modal-container-padding);
}

._text_1dffl_63 {
  font-size: var(--important-notice-modal-text-font-size);
  line-height: 1.5;
  letter-spacing: var(--important-notice-modal-text-letter-spacing);
}

._text_1dffl_63._indent_1dffl_69 {
  text-indent: var(--important-notice-modal-text-indent);
  margin-left: 1rem;
}

._text_1dffl_63 > span {
  color: #5c50bb;
  letter-spacing: var(--important-notice-modal-span-letter-spacing);
  cursor: pointer;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1299u_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1299u_29 {
  position: relative;
  z-index: 100;
}
._mt-8_1299u_1 {
  margin-top: 8px !important;
}
._promo-input_1299u_1 {
  margin: 0.5rem;
}
._promo-input_1299u_1 label {
  pointer-events: none;
}
._promo-input_1299u_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1299u_1 {
  margin: 0.5rem;
}
._default-promo-input_1299u_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1299u_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._disabled_1299u_3 {
  opacity: 0.7;
  cursor: not-allowed;
}
._paymentType_1299u_8 {
  padding: 2.5rem 0;
}
._paymentTypeTitle_1299u_12 {
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: 0.01rem;
  margin-bottom: 0.5rem;
}
._paymentTypeValue_1299u_19 {
  font-size: 1rem;
  line-height: 1.125;
  letter-spacing: 0.02rem;
}
._modal-submit-button_1299u_25 > button {
  width: 100% !important;
}
._header_1299u_29 {
  position: relative;
  z-index: 100;
}
._theFooter_1299u_34 {
  display: var(--footer-display);
  padding: 1px;
  background: #f7f7f7;
}
._container_1299u_40 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._top-container_1299u_48 {
  background: #f7f7f7;
}
._bottom-container_1299u_52 {
  background: #f7f7f7;
  flex: 50%;
}
._pageTitle_1299u_57 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
._stepperContainer_1299u_64 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 24px;
  margin: 0 auto;
}
._title_1299u_71 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.001em;
}
._modal-wrapper_1299u_79 ._title_1299u_71 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._agree-title_1299u_89 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
  padding-top: 10px;
}
._point-bullet_1299u_100 {
  color: #5c50bb;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  /* 175% */
  letter-spacing: 0.02px;
}
._stepper_1299u_64 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._stepper-wrapper_1299u_116 {
  padding-top: 80px;
  padding-bottom: 30px;
}
._stepper-wrapper_1299u_116 [class*='TypeComponent'] {
  z-index: 0;
}
._input-wrapper_1299u_125 {
  margin-bottom: 24px;
}
._divider-wrapper_1299u_129 {
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
}
._divider-wrapper-payment-type_1299u_135 {
  padding-top: 10px;
  padding-bottom: 30px;
  position: relative;
}
._modal-divider-wrapper_1299u_141 {
  position: relative;
  margin-top: 35px;
  height: 30px;
  padding-top: 30px;
}
._card-divider-wrapper_1299u_148 {
  padding: 1rem 0.625rem;
}
._divider-label_1299u_152 {
  color: var(--neutral-50, #565656);

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.18px;
  text-transform: uppercase;
  background: #f7f7f7;
  position: absolute;
  top: 25px;
  left: 300px;
  padding-left: 15px;
  padding-right: 15px;
}
._submit-button_1299u_171 {
  padding-top: 50px;
}
._submit-button_1299u_171 > button {
  width: auto !important;
}
._footer-pay-submit-button_1299u_179 {
  padding: 1.5rem 0.5rem 0.5rem;
}
._flex-container_1299u_183 {
  display: flex;
  flex-direction: row;
  /* flex-flow: wrap; */
  font-size: 30px;
  text-align: left;

  background: #f7f7f7;
}
._flex-item-left_1299u_193 {
  flex: 58.33%;
}
._flex-item-middle_1299u_197 {
  flex: 8.34%;
}
._flex-item-right_1299u_201 {
  flex: 33.33%;
}
._discount-wrapper_1299u_205 {
  display: flex;
  flex-direction: row;
  background: #efedfd;
  border-radius: 8px;
  margin-top: 24px;
  margin-bottom: 50px;
}
._discount-title_1299u_214 {
  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.36px;
  text-align: left;
  margin-right: 20px;
}
._discount-icon_1299u_226 {
  padding: 30px 20px;
}
._singtel-icon_1299u_230 {
  position: absolute;
  margin-top: -35px;
  left: 0;
  padding-right: 24px;
  background: #ffffff;
}
._greatEastern-icon_1299u_238 {
  position: absolute;
  right: 0;
  margin-top: -20px;
  padding-left: 10px;
  background: #ffffff;
}
._star-icon_1299u_246 {
  width: 36px;
}
._coverage-title_1299u_250 {
  color: var(--blue-50, #04c);

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.32px;
}
._card-wrapper_1299u_261 {
  width: 100%;
  margin: auto;
}
._premium-card-wrapper_1299u_266 {
  width: 100%;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
._premium-benefit-value-wrapper_1299u_273 {
  width: 40%;
}
._premium-benefit-title_1299u_277 {
  color: #222;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._premium-benefitValue_1299u_288 {
  color: #151560;
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
._premium-benefit-value-wrapper_1299u_273 {
  width: 40%;
}
._premium-benefitValue-wrapper_1299u_302 {
  width: 50%;
  text-align: right;
  padding-right: 24px;
}
._premium-benefitValue-wrapper-hide_1299u_308 {
  width: 50%;
  text-align: right;
  padding-right: 24px;
  display: none;
}
._premium-benefitValue_1299u_288 {
  color: #151560;
  font-size: 16px;
  line-height: 28px;
}
._premium-benefit-subsectionDescription_1299u_321 {
  color: #222;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.1px;
}
._tabs-wrapper_1299u_331 {
  padding-bottom: 30px;
  margin-top: -10px;
  position: sticky;
  top: -1px;
  background: #f7f7f7;
  z-index: 99;
  margin-left: -5px;
  margin-right: -5px;
}
._tabs-wrapper_1299u_331 [class*='Tabs__Wrapper'] {
  max-width: 100% !important;
}
._tabs-wrapper_1299u_331 [class*='TabItemContainer'] {
  width: 33% !important;
  background: #f7f7f7;
  padding-top: 0;
}
._tabs-details-wrapper_1299u_352 {
  margin-top: var(--tabs-details-wrapper-margin-top);
  width: 100%;
}
._flex-pay_1299u_357 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}
._flex-pay-left_1299u_364 {
  flex: 75%;
  text-align: left;
  padding-left: 10px;
}
._flex-pay-left-bottom_1299u_370 {
  flex: 75%;
  text-align: left;
  padding-left: 10px;
}
._flex-pay-right_1299u_376 {
  flex: 1;
  text-align: right;
  padding-right: 10px;
}
._flex-pay-right-bottom_1299u_382 {
  flex: 1;
  text-align: right;
  padding-right: 10px;
}
._flex-coverage-title_1299u_388 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  padding-left: 5px;
  padding-top: 15px;
  margin-top: -5px;
}
._flex-coverage_1299u_388 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  padding-left: 5px;
  margin-top: -5px;
}
._flex-coverage-left_1299u_407 {
  flex: 30%;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
}
._flex-coverage-right_1299u_414 {
  flex: 70%;
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
}
._flex-coverage-right-title_1299u_421 {
  margin-top: -5px;
}
._coverage-benefitTitle-wrapper_1299u_425 {
  width: 50%;
  text-align: left;
  padding-left: 5px;
}
._coverage-benefitValue-wrapper_1299u_431 {
  width: 50%;
  text-align: right;
  padding-right: 24px;
}
._coverage-benefitTiTle_1299u_437 {
  color: var(--neutral-70, #222);

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
._coverage-benefit-title-wrapper_1299u_449 {
  width: 60%;
}
._coverage-benefit-value-wrapper_1299u_453 {
  width: 40%;
}
._coverage-benefit-title_1299u_449 {
  color: #222;
  /* Desktop/05 Bold body */

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.36px;
}
._coverage-benefitValue_1299u_431 {
  color: #04c;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}
._pay-discount_1299u_480 {
  color: #ca112f;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.25px;
}
._cross-pay-amount_1299u_491 {
  color: #757575;
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.25px;
  text-decoration-line: line-through;
}
._you-will-pay_1299u_504 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  margin: 8px 0;
}
._you-will-pay-amount_1299u_514 {
  color: #222;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  /* 135% */
}
._benefitTitle_1299u_525 {
  color: #222;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._benefitValue_1299u_536 {
  color: var(--blue-50, #04c);
  text-align: right;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._proceed-wrapper_1299u_548 {
  display: none;
}
._policy-wrapper_1299u_552 {
  color: #222;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 30px;
}
._policy-label_1299u_566 {
  margin-bottom: -18px;
}
._recommended-wrapper_1299u_570 {
  position: relative;
  display: table;
  width: 100%;
}
._recommended-cell_1299u_576 {
  position: relative;
  min-height: 48px;
  box-sizing: border-box;
  padding: 0 24px 0;
  white-space: nowrap;
  display: table-cell;
  cursor: pointer;
  user-select: none;
  text-align: center;
}
._recommended-label_1299u_588 {
  color: var(--blue-50, #04c);
  /* previous AvenirLTStd */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
}
._footer_1299u_179 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #f7f7f7;
  padding-top: 24px;
}
._traveller-to-be-secured_1299u_606 {
  color: #222;

  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.1px;
  padding-bottom: 10px;
}
._flex-review-traveller_1299u_617 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  margin-top: -15px;
}
._flex-review_1299u_617 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}
._flex-review-left_1299u_632 {
  flex: 80%;
  text-align: left;
  padding-top: 15px;
}
._flex-review-right_1299u_638 {
  flex: 20%;
  text-align: right;
  padding-right: 24px;
  padding-top: 10px;
}
._review-header_1299u_645 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._review-change_1299u_654 {
  color: #5c50bb;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  cursor: pointer;
}
._traveller-wrapper_1299u_664 {
  padding-bottom: 25px;
}
._review-fullname_1299u_668 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}
._review-title_1299u_677 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._review-row-owner-title_1299u_687 {
  padding-top: 0;
  margin-top: -5px;
}
._review-plan-title_1299u_692 {
  padding-top: 0;
}
._review-description_1299u_696 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._review-row_1299u_687 {
  padding-top: 20px;
}
._PromoCard_1299u_710 {
  background-color: #ebf2ff;
  padding: 24px;
  border-radius: 8px;
  margin-top: 24px;
}
._flex-between_1299u_717 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._review-plan-title-discount_1299u_723 {
  margin-top: 0px;

  span {
    font-size: 16px;
  }
}
._original_1299u_731 {
  color: #242328;
  text-align: right;

  font-size: 0.75rem;
  margin-top: 0.5rem;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-decoration: line-through;
}
._logo_1299u_742 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_1299u_747 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
._disable_1299u_3 {
  opacity: 0.7;
  cursor: not-allowed;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_1299u_747 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_1299u_742 {
    margin-bottom: 1rem;
  }

  ._footer-pay-submit-button_1299u_179 {
    padding: 1.5rem 0.5rem 0;
  }

  ._paymentType_1299u_8 {
    padding: 1.5rem 0;
  }

  ._paymentTypeTitle_1299u_12 {
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0.01rem;
  }

  ._paymentTypeValue_1299u_19 {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.02rem;
  }

  ._stepperContainer_1299u_64 {
    padding: 20px;
  }

  ._wrapper_1299u_795 {
    background: #ffffff;
  }

  ._flex-item-left_1299u_193 {
    padding-top: 0;
  }

  ._bottom-container_1299u_52 {
    margin-top: 0;
  }

  ._divider-label_1299u_152 {
    color: var(--neutral-50, #565656);

    /* previous AvenirLTStd */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
    letter-spacing: 0.18px;
    text-transform: uppercase;
    background: #f7f7f7;
    position: absolute;
    top: 25px;
    left: 100px;
    padding-left: 15px;
    padding-right: 15px;
  }

  ._submit-button_1299u_171 {
    padding-bottom: 24px;
  }

  ._submit-button_1299u_171 > button {
    width: 100% !important;
  }

  ._pageTitle_1299u_57 {
    font-size: 32px;
    line-height: 38.4px;
  }

  ._title_1299u_71 {
    font-size: 16px;
    line-height: 28px;
  }

  ._modal-wrapper_1299u_79 ._title_1299u_71 {
    font-size: 16px;
    line-height: 24px;
  }

  ._agree-title_1299u_89 {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
  }

  ._point-bullet_1299u_100 {
    font-size: 15px;
    line-height: 28px;
  }

  ._flex-container_1299u_183 {
    flex-direction: column;
    width: 100% !important;
  }

  ._footer-wrapper_1299u_865 {
    width: 100%;
  }

  ._footer-wrapper_1299u_865 [class*='CardContainer'] {
    border-radius: 0 !important;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0 !important;
  }

  ._coverage-wrapper_1299u_874 {
    width: 100%;
  }

  ._proceed-wrapper_1299u_548 {
    display: flex;
    background: #fff;
    padding: 10px 24px;
    position: sticky;
    top: -1px;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
  }

  ._flex-proceed_1299u_888 {
    display: flex;
    font-size: 30px;
    width: 100%;
  }

  ._flex-proceed-left_1299u_894 {
    flex: 60%;
    text-align: left;
  }

  ._flex-proceed-right_1299u_899 {
    padding: 20px 0;
    height: 40px;
  }

  ._proceed-discount_1299u_904 {
    color: var(--red-60, #ca112f);

    /* previous AvenirLTStd */
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.32px;
    margin: 12px 0;
  }

  ._proceed-no-discount-wrapper_1299u_916 {
    height: 30px;
  }

  ._proceed-have-discount-wrapper_1299u_920 {
    height: 32px;
  }

  ._proceed-amount_1299u_924 {
    color: var(--neutral-40, #757575);

    /* previous AvenirLTStd */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin: 0;
  }

  ._proceed-no-discount-amount_1299u_936 {
    color: var(--neutral-40, #757575);

    /* previous AvenirLTStd */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin: 0;
  }

  ._cross-amount_1299u_948 {
    text-decoration: line-through;
    color: #757575;

    /* previous AvenirLTStd */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.2px;
    padding-left: 0;

    text-decoration-line: strikethrough;
  }

  ._proceed-you-will-pay-amount_1299u_963 {
    color: var(--neutral-70, #222);

    /* previous AvenirLTStd */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.2px;
  }

  ._stepper-wrapper_1299u_116 {
    padding-top: 50px;
  }

  ._flex-item-right_1299u_201 {
    padding: 0;
    flex: 30%;
  }

  ._footer_1299u_179 {
    padding: 0;
    margin: 0 -24px;
    background: #ffffff;
  }

  ._coverage-benefitValue_1299u_431 {
    font-size: 16px;
    line-height: 24px;
  }

  ._recommended-cell_1299u_576 {
    padding: 0;
  }

  ._tabs-wrapper_1299u_331 {
    padding-bottom: 30px;
    margin-top: -10px;
    position: sticky;
    top: 98px;
    background: #f7f7f7;
    z-index: 98;
    margin-left: -5px;
    margin-right: -5px;
  }

  ._policy-wrapper_1299u_552 {
    padding-bottom: 75px;
  }

  ._review-header_1299u_645 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.2px;
  }

  ._review-title_1299u_677 {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
  }

  ._traveller-wrapper_1299u_664 {
    padding-top: 5px;
  }

  ._review-row-description_1299u_1031 {
    padding-top: 0;
    margin-top: -5px;
  }

  ._review-description_1299u_696 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
  }

  ._review-change_1299u_654 {
    font-size: 16px;
    line-height: 28px;
  }

  ._payment-review-row_1299u_1048 {
    padding-top: 5px;
    padding-bottom: 50px;
  }

  ._traveller-to-be-secured_1299u_606 {
    font-size: 24px;
    line-height: 32px;
  }

  ._review-fullname_1299u_668 {
    color: #222;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }

  ._review-row_1299u_687 {
    padding-top: 15px;
  }

  ._review-plan-title-planname_1299u_1071 {
    margin-top: -5px;
  }

  ._flex-review-left-policy-owner_1299u_1075 {
    margin-top: -5px;
  }

  ._review-plan-title-discount_1299u_723 {
    span {
      font-size: 14px;
    }
  }
}
@media (max-width: 679px) {
  :root {
    --input-font-size: 1rem;
    --input-height: 1.5rem;
    --input-static-padding: 1.25rem 1rem;
    --input-padding: 1.8125rem 1rem 0.6875rem;
    --hint-font-size: 0.75rem;
    --placeholder-font-size: 1rem;
    --placeholder-top: 1.25rem;
    --label-font-size: 0.75rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --input-font-size: 1rem;
    --input-height: 1.5rem;
    --input-static-padding: 1.25rem 1rem;
    --input-padding: 1.8125rem 1rem 0.6875rem;
    --hint-font-size: 0.75rem;
    --placeholder-font-size: 1rem;
    --placeholder-top: 1.25rem;
    --label-font-size: 0.75rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --input-font-size: 1.125rem;
    --input-height: 1.6875rem;
    --input-static-padding: 1.34375rem 1rem;
    --input-padding: 1.9375rem 1rem 0.75rem;
    --hint-font-size: 0.875rem;
    --placeholder-font-size: 1.125rem;
    --placeholder-top: 1.375rem;
    --label-font-size: 0.875rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --input-font-size: 1.125rem;
    --input-height: 1.6875rem;
    --input-static-padding: 1.34375rem 1rem;
    --input-padding: 1.9375rem 1rem 0.75rem;
    --hint-font-size: 0.875rem;
    --placeholder-font-size: 1.125rem;
    --placeholder-top: 1.375rem;
    --label-font-size: 0.875rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --input-font-size: 1.125rem;
    --input-height: 1.6875rem;
    --input-static-padding: 1.34375rem 1rem;
    --input-padding: 1.9375rem 1rem 0.75rem;
    --hint-font-size: 0.875rem;
    --placeholder-font-size: 1.125rem;
    --placeholder-top: 1.375rem;
    --label-font-size: 0.875rem;
  }
}

._field_nia5g_66 > div > label {
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}

._field_nia5g_66._disabled_nia5g_71 > div > label {
  background-color: #fff;
  border: none;
  cursor: default;
}

._field_nia5g_66._disabled_nia5g_71 input {
  color: #222 !important;
}

._field_nia5g_66._focus_nia5g_81 > div > label {
  border: 1px solid #0062f5;
}

._field_nia5g_66._error_nia5g_85 > div > label {
  border: 1px solid #bc1430;
}

._field_nia5g_66 > div > div {
  margin-top: 0.25rem;
}

._field_nia5g_66 > div > div > div {
  font-size: var(--hint-font-size);
  line-height: 1.5;
}

._field_nia5g_66 > div > label > div {
  padding: var(--input-static-padding);
}

._field_nia5g_66._active_nia5g_102 > div > label > div {
  padding: var(--input-padding);
}

._field_nia5g_66 > div > label > div > div {
  height: var(--input-height) !important;
}

._field_nia5g_66 > div > label > div > div > input {
  height: var(--input-height) !important;
  font-size: var(--input-font-size) !important;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._field_nia5g_66 > div > label > div > div > span {
  font-size: var(--placeholder-font-size);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: left;
  color: #222222;
  transform: none;
  top: var(--placeholder-top);
}

._field_nia5g_66._active_nia5g_102 > div > label > div > div > span {
  font-size: var(--label-font-size);
  line-height: 1.5;
  font-weight: 500;
  top: 0.5625rem;
  letter-spacing: 0.03rem;
  color: #757575;
}

._field_nia5g_66 > div > label:focus-within > div > div > span {
  font-size: var(--label-font-size);
  line-height: 1.5;
  font-weight: 500;
  top: 0.5625rem;
  letter-spacing: 0.03rem;
  color: #757575;
}

._field_nia5g_66._hasValue_nia5g_146 > div > label > div > div > span {
  font-size: var(--label-font-size);
  line-height: 1.5;
  font-weight: 500;
  top: 0.5625rem;
  letter-spacing: 0.03rem;
  color: #757575;
}

._field_nia5g_66._hasValue_nia5g_146 > div > label > div {
  padding: var(--input-padding);
}

._field_nia5g_66 > div > label:focus-within > div {
  padding: var(--input-padding);
}

/* right label  */
._field_nia5g_66 > div > label > div > div > div {
  bottom: 0;
}

._field_nia5g_66._active_nia5g_102 > div > label > div > div > div,
._field_nia5g_66._hasValue_nia5g_146 > div > label > div > div > div {
  bottom: 10px;
}

._field_nia5g_66 > div > label > div > div > div > span {
  color: #0062f5;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_tcwlc_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_tcwlc_1 {
  position: relative;
  z-index: 100;
}
._mt-8_tcwlc_1 {
  margin-top: 8px !important;
}
._promo-input_tcwlc_1 {
  margin: 0.5rem;
}
._promo-input_tcwlc_1 label {
  pointer-events: none;
}
._promo-input_tcwlc_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_tcwlc_1 {
  margin: 0.5rem;
}
._default-promo-input_tcwlc_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_tcwlc_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._stepperContainer_tcwlc_2 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 5rem 1.5rem 2rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  ._stepperContainer_tcwlc_2 {
    padding: 2rem 1.5rem 1rem;
  }
}
._stepper_tcwlc_2 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._logo_tcwlc_19 {
  height: 5rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._logo_tcwlc_19 {
    margin-bottom: 1rem;
    height: 4rem;
  }
}@media (max-width: 768px) {
  :root {
    --input-font-size: 1rem;
    --input-height: 1.5rem;
    --input-static-padding: 1.25rem 1rem;
    --input-padding: 1.8125rem 1rem 0.6875rem;
    --hint-font-size: 0.75rem;
    --label-font-size: 0.75rem;
    --label-top: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --input-font-size: 1rem;
    --input-height: 1.5rem;
    --input-static-padding: 1.25rem 1rem;
    --input-padding: 1.8125rem 1rem 0.6875rem;
    --hint-font-size: 0.75rem;
    --label-font-size: 0.75rem;
    --label-top: 2rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --input-font-size: 1.125rem;
    --input-height: 1.6875rem;
    --input-static-padding: 1.34375rem 1rem;
    --input-padding: 1.9375rem 1rem 0.75rem;
    --hint-font-size: 0.875rem;
    --label-font-size: 0.875rem;
    --label-top: 2.25rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --input-font-size: 1.125rem;
    --input-height: 1.6875rem;
    --input-static-padding: 1.34375rem 1rem;
    --input-padding: 1.9375rem 1rem 0.75rem;
    --hint-font-size: 0.875rem;
    --label-font-size: 0.875rem;
    --label-top: 2.25rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --input-font-size: 1.125rem;
    --input-height: 1.6875rem;
    --input-static-padding: 1.34375rem 1rem;
    --input-padding: 1.9375rem 1rem 0.75rem;
    --hint-font-size: 0.875rem;
    --label-font-size: 0.875rem;
    --label-top: 2.25rem;
  }
}

._dropdownField_1a4x5_61 > div > label {
  background-color: #f7f7f7;
}

._dropdownField_1a4x5_61._dropdownField_1a4x5_61._disabled_1a4x5_65 > div > label {
  background-color: #fff;
}

._dropdownField_1a4x5_61:active > div > label {
  border: 1px solid #0062f5 !important;
}

._dropdownField_1a4x5_61 > div > label:focus-within {
  border: 1px solid #0062f5 !important;
}

/* On hover dropdown options */
._dropdownField_1a4x5_61 > div > label > div > div > div > span:hover {
  background-color: #ebf2ff;
  color: #222;
}

._dropdownField_1a4x5_61 > div > label > div > div > div > span:hover > span {
  color: #222;
  font-weight: 500 !important;
}

/* On default state label and input */
._dropdownField_1a4x5_61 > div > label > div > div > span {
  color: #000;
  font-weight: 400;
  height: var(--input-height);
  font-size: var(--input-font-size);
  line-height: 1.5;
  letter-spacing: 0.01rem;
  top: var(--label-top);
}
._dropdownField_1a4x5_61 > div > label > div > div > div > input {
  height: var(--input-height);
  font-size: var(--input-font-size) !important;
  line-height: 1.5;
  letter-spacing: 0.01rem;
  top: var(--label-top);
}

/* On active or focused state, label changes */
._dropdownField_1a4x5_61 > div > label:focus-within > div > div > span {
  font-size: var(--label-font-size);
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.03rem;
  color: #757575;
  top: 0.5625rem;
}

._dropdownField_1a4x5_61._hasValue_1a4x5_116 > div > label > div > div > span {
  font-size: var(--label-font-size);
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.03rem;
  color: #757575;
  top: 0.5625rem;
}

._dropdownField_1a4x5_61:active > div > label > div > div > span {
  font-size: var(--label-font-size);
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.03rem;
  color: #757575;
  top: 0.5625rem;
}

._dropdownField_1a4x5_61 > div > label > div > div > div > svg > path {
  fill: #8c8c98;
}

._dropdownField_1a4x5_61 > div > label > div > div > div:has(svg) {
  top: 1.5rem;
}

._dropdownField_1a4x5_61 > div > div > div {
  font-size: var(--hint-font-size);
  line-height: 1.5;
}

/* Dropdown items */
._dropdownField_1a4x5_61 > div > label > div > div > div > span {
  height: var(--input-height);
  font-size: var(--input-font-size) !important;
  letter-spacing: 0.01rem;
}

._dropdownField_1a4x5_61 > div > label > div {
  padding: var(--input-static-padding);
}

._dropdownField_1a4x5_61._hasValue_1a4x5_116 > div > label > div {
  padding: var(--input-padding);
}

._dropdownField_1a4x5_61 > div > label:focus-within > div {
  padding: var(--input-padding);
}

._dropdownField_1a4x5_61 > div > label > div > div > div > span > span {
  color: #222 !important;
  font-weight: 500 !important;
}

._dropdownField_1a4x5_61 ._selected_1a4x5_171 {
  background-color: #ebf2ff !important;
}

._dropdownField_1a4x5_61._emptyItems_1a4x5_175 > div > label > div {
  pointer-events: none;
}

/* Disabled state */
._dropdownField_1a4x5_61._disabled_1a4x5_65 {
  pointer-events: none;
}

._dropdownField_1a4x5_61._disabled_1a4x5_65 > div > label > div > div > div > svg > path {
  fill: #fff !important;
}
._footerWrapper_d10ch_1 {
  width: 100%;
  margin-top: auto;
}
@media (max-width: 768px) {
  ._footerWrapper_d10ch_1 {
    margin-top: 0;
  }
}

._oldFooterWrapper_d10ch_11 > div > div > div {
  margin-top: 0;
}

@media (max-width: 768px) {
  ._hideOnMobile_d10ch_16 {
    display: none;
  }
}

._content_d10ch_21 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}._underwriteDescription_1q8uj_1 {
  display: inline-block;
  font-size: 0.875rem;
  color: #8c8c98;
  letter-spacing: 0.01em;
}
@media (max-width: 768px) {
  ._underwriteDescription_1q8uj_1 {
    font-size: 0.75rem;
    margin-bottom: 1rem;
  }
}._sectionContainer_sicbd_1 {
  font-size: 1rem;

  display: flex;
  flex-direction: column;
}

._sectionContainer_sicbd_1 ul {
  margin: 0 0 0 1.4rem;
  list-style-type: none;
  padding: 0;
}

._sectionContainer_sicbd_1 ul li {
  position: relative;
  line-height: 1.5;
}

._text_sicbd_19 {
  font-size: 0.875rem;
  letter-spacing: 0.02rem;
  margin-bottom: 0.5rem;
}

._modalText_sicbd_25 {
  font-size: 1.125rem;
  letter-spacing: 0.01rem;
}

._sectionContainer_sicbd_1 span,
a {
  position: relative;
}

._highlight_sicbd_35:hover {
  background-color: bisque;
  cursor: pointer;
}

._sectionContainer_sicbd_1 ul._indentNone_sicbd_40 {
  margin: 0;
}

._sectionContainer_sicbd_1 ul._indentNone_sicbd_40 > li::before {
  content: '';
}

._sectionContainer_sicbd_1 ul._indentNumber_sicbd_48 {
  list-style-type: decimal;
}

._sectionContainer_sicbd_1 ul._indentBlack_sicbd_52 > li::before {
  margin: 0 0 0 2rem;
  content: '•';
  position: absolute;
  left: -3rem;
  top: 0.05rem;
}

._sectionContainer_sicbd_1 ul._indentWhite_sicbd_60 > li::before {
  margin: 0 0 0 2rem;
  content: '◦';
  position: absolute;
  left: -3rem;
  top: -0.6rem;
  font-size: 1.8rem;
}

._dropdown_sicbd_69 {
  margin-left: 0.1rem;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

._blod_sicbd_76 {
  cursor: pointer;
}

._title_sicbd_80 {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

._underline_sicbd_85 {
  cursor: pointer;
  letter-spacing: 0.04rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: rgb(92, 80, 187);
  text-decoration: underline;
}

._underline_sicbd_85:hover {
  color: rgb(21, 21, 96);
}

._dropdownContent_sicbd_98 {
  display: block;
  position: absolute;
  background-color: #f9f9f9;
  top: 1.1rem;
  left: 0.1rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 0.25rem;
}

._dropdownAddElement_sicbd_109 {
  display: block;
  position: absolute;
  border: 1px solid #e0e0e0;
  background-color: #f9f9f9;
  width: 20rem;
  top: 0.75rem;
  left: 0.5rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 0.25rem;
}

._dropdownAddElement_sicbd_109 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

._dropdownAddElement_sicbd_109 a._red_sicbd_129 {
  color: red;
}

._input_sicbd_133 {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

._input_sicbd_133 > textarea {
  width: 20rem;
  height: 6rem;
  resize: none;
}

._dropdownAddElement_sicbd_109 a:hover {
  cursor: pointer;
  background-color: #eee7e7;
}

._add_sicbd_151 {
  cursor: pointer;
  font-size: 0.875rem;
  opacity: 0.3;
}

._add_sicbd_151:hover {
  color: blueviolet;
  opacity: 1;
}

._addSegment_sicbd_162 {
  cursor: pointer;
  opacity: 0.3;
}

._addSegment_sicbd_162:hover {
  color: blueviolet;
  opacity: 1;
}

._hovering_sicbd_172 {
  background-color: darkseagreen;
}

._marginBottom8_sicbd_176 {
  margin-bottom: 0.5rem;
}

@media (max-width: 679px) {
  ._sectionContainer_sicbd_1 ul._indentBlack_sicbd_52 > li::before {
    font-size: 0.875rem;
    top: 0.15rem;
  }

  ._text_sicbd_19 {
    font-size: 0.75rem;
    letter-spacing: 0.03rem;
  }

  ._modalText_sicbd_25 {
    font-size: 1rem;
    letter-spacing: 0.01rem;
  }

  ._title_sicbd_80 {
    font-size: 1rem;
    letter-spacing: 0.02rem;
    margin-bottom: 0.5rem;
  }

  ._underline_sicbd_85 {
    letter-spacing: 0.03rem;
    font-size: 0.75rem;
  }
}
@media (max-width: 679px) {
  :root {
    --font-size: 1rem;
    --errorMessage-font-size: 0.75rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --font-size: 1rem;
    --errorMessage-font-size: 0.75rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --font-size: 1.125rem;
    --errorMessage-font-size: 0.875rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --font-size: 1.125rem;
    --errorMessage-font-size: 0.875rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --font-size: 1.125rem;
    --errorMessage-font-size: 0.875rem;
  }
}

._checkbox_18hxn_36 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

._checkbox_18hxn_36 > div > div > div > div {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  background-color: #fff;
  border-color: #a8a8a8;
}

._checkbox_18hxn_36._checked_18hxn_51 > div > div > div > div {
  background-color: #0062f5;
  border-color: #0062f5;
}

._checkbox_18hxn_36._error_18hxn_56 > div > div > div > div {
  border-color: #bc1430;
}

._checkbox_18hxn_36 > div > p {
  font-size: var(--font-size);
  line-height: 1.5;
  letter-spacing: 0.01rem;
  padding-left: 0.5rem;
}

._checkbox_18hxn_36 > div > div > div:has(div:hover) > div:last-child {
  display: none;
}

._errorMessage_18hxn_71 {
  color: #bc1430;
  font-size: var(--errorMessage-font-size);
  font-weight: 400;
}
._link_1obsx_1 {
  display: block;
  font-weight: 700;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
  margin-top: 1rem;
  letter-spacing: 0.5px;
}
._additionalInsuredHeader_1jbop_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

._additionalInsuredTitle_1jbop_8 {
  color: #242328;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.2px;
}

._addButtonWrapper_1jbop_17 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

._addButtonWrapper_1jbop_17 > ._plusIcon_1jbop_23 {
  margin-right: 0.5rem;
}

._inputWrapper_1jbop_27 {
  margin-top: 1.5rem;
}

._inputWrapper_1jbop_27 > div > div > label {
  cursor: pointer;
}

._dividerWrapper_1jbop_35 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

._link_1jbop_41 {
  display: block;
  font-weight: 700;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
  letter-spacing: 0.5px;
}
._dateContainer_1xqyd_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

._dateItem_1xqyd_8 {
  display: flex;
  align-items: center;
}

._dateLabel_1xqyd_13 {
  font-size: 1rem;
  font-weight: 700;
  color: #242328;
}

._dateValue_1xqyd_19 {
  font-size: 1rem;
  font-weight: 400;
  color: #242328;
  margin-left: 0.5rem;
}
._checkboxWrapper_9nb2g_1 {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
  font-size: var(--description-font-size);
  letter-spacing: 0.01em;
  line-height: 1.3;
}

._errorMessage_9nb2g_10 {
  color: #bc1430;
  font-size: var(--hint-font-size);
  margin-top: 0.5rem;
}

._bulletList_9nb2g_16 {
  margin-left: -1rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

._checkboxWrapper_9nb2g_1 li:not(:last-child) {
  margin-bottom: 0.5rem;
}

._link_9nb2g_27 {
  display: block;
  font-weight: 700;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
  letter-spacing: 0.5px;
}
@media (min-width: 768px) {
  ._submit_575yy_2 {
    max-width: 18rem;
  }
}

._submit_575yy_2 {
  margin: 2rem 0;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_qjl03_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_qjl03_58 {
  position: relative;
  z-index: 100;
}
._mt-8_qjl03_1 {
  margin-top: 8px !important;
}
._promo-input_qjl03_1 {
  margin: 0.5rem;
}
._promo-input_qjl03_1 label {
  pointer-events: none;
}
._promo-input_qjl03_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_qjl03_1 {
  margin: 0.5rem;
}
._default-promo-input_qjl03_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_qjl03_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._logo_qjl03_3 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._logo_qjl03_3 {
    margin-bottom: 1rem;
  }
}
._main_qjl03_14 {
  background: #fff;
  letter-spacing: 0.01em;
}
._main_qjl03_14._loading_qjl03_19 {
  pointer-events: none;
  /* Disable pointer events for the wrapper when loader is active */
}
._content_qjl03_24 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._form_qjl03_32 {
  width: var(--form-width);
}
._loader_qjl03_36 {
  position: fixed;
  left: 0;
  width: 100%;
  min-height: 100px;
  max-height: 90vh;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
._pageTitle_qjl03_49 {
  margin: 0;
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  padding-bottom: 2rem;
}
._headerRow_qjl03_58 {
  color: #222;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.2px;
}
._sectionHeader_qjl03_67 {
  color: #242328;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._inputWrapper_qjl03_75 {
  margin-top: 1.5rem;
}
._inputWrapper_qjl03_75 > div > div > label {
  cursor: pointer;
}
._input-description_qjl03_83 {
  color: #55555e;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.2px;
}
._dividerWrapper_qjl03_92 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}
._link_qjl03_98 {
  display: block;
  font-weight: 700;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
  letter-spacing: 0.5px;
}
@media (max-width: 1023px) {
  ._desktopContainer_yrp5r_2 {
    display: none !important;
  }

  ._mobileContainer_yrp5r_6 {
    display: block !important;
  }

  ._priceContent_yrp5r_10 {
    margin: 24px 0;
  }
}

@media (min-width: 1024px) {
  ._desktopContainer_yrp5r_2 {
    display: block !important;
  }

  ._mobileContainer_yrp5r_6 {
    display: none !important;
  }
}

/* PromoCode Container - Base styles */
._promoCodeContainer_yrp5r_26 {
  max-width: 360px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  gap: 8px;
}

/* Desktop Container - with background and border */
._desktopContainer_yrp5r_2 {
  background: #FFFFFF;
  /* Shadow low */
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
}

/* Mobile Container - without background or border */
._mobileContainer_yrp5r_6 {
  display: none;
  /* Hidden by default */
  max-width: 100%;
  padding: 16px 0;
  /* Reduced padding for mobile */
  gap: 16px;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

/* Content */
._content_yrp5r_57 {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
}

/* Layout for amount column (vertical, right aligned, gap) */
._amountColumn_yrp5r_67 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

/* Strikethrough and grey color for original amount */
._strikeAmount_yrp5r_75 {
  text-decoration: line-through;
  color: #888;
  font-size: 0.95em;
}

/* Text Input Section */
._textInputSection_yrp5r_82 {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;


  min-height: 72px;

  border-radius: 0px;
}

/* Input Frame */
._inputFrame_yrp5r_98 {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 22.5px 16px;

  background: #F5F5F8;
  border-radius: 8px;
}

/* Text Section */
._textSection_yrp5r_110 {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;

  width: 245px;
}

/* Label */
._label_yrp5r_121 {
  width: 153px;

  /* Desktop/06 Body */
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  /* identical to box height, or 150% */
  letter-spacing: 0.01em;

  color: #242328;
}

/* Toggle Options */
._toggleOptions_yrp5r_136 {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 0px 16px;

  width: 50px;

}

/* Link */
._link_yrp5r_149 {
  width: 34px;

  /* Desktop/08 Text link */
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  /* identical to box height, or 150% */
  display: flex;
  align-items: center;
  text-align: right;
  letter-spacing: 0.02em;
  text-decoration-line: underline;

  color: #0062F5;
  background: none;
  border: none;
  cursor: pointer;
}

._link_yrp5r_149:hover {
  opacity: 0.8;
}

/* Promo Input Field */
._promoInputField_yrp5r_175 {
  display: flex;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
}

._promoInput_yrp5r_175 {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid #D0D0D0;
  border-radius: 8px;
  font-size: 16px;
  background: #FFFFFF;
}

._promoInput_yrp5r_175:focus {
  outline: none;
  border-color: #0062F5;
}

._applyButton_yrp5r_196 {
  padding: 12px 16px;
  background: #0062F5;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}

._applyButton_yrp5r_196:disabled {
  background: #D0D0D0;
  cursor: not-allowed;
}

._applyButton_yrp5r_196:hover:not(:disabled) {
  background: #0052D4;
}

/* Divider */
._divider_yrp5r_217 {

  height: 1px;
  position: relative;
  width: 100%;

  /* Inside auto layout */
  flex: none;
  flex-grow: 0;
  margin: 24px 0;
}

._dividerMobile_yrp5r_229 {
  height: 1px;
  position: relative;
  width: 100%;

  /* Inside auto layout */
  flex: none;
  flex-grow: 0;
  margin: 8px 0;
  left: 0%;
  right: 0%;
  top: calc(50% - 1px/2);

  background: #D0D0D0;
  border-radius: 1px;
}

._dividerLine_yrp5r_246 {
  position: absolute;
  height: 1px;
  left: 0%;
  right: 0%;
  top: calc(50% - 1px/2);

  background: #D0D0D0;
  border-radius: 1px;
}

/* Discount Section */
._discountSection_yrp5r_258 {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
}

._ribbonVariant_yrp5r_267 {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;

  width: 184px;
}

._ribbon_yrp5r_267 {
  width: 141px;
  /* Desktop/07 Small body bold */
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  /* identical to box height, or 150% */
  letter-spacing: 0.03em;

  color: #CA112F;
}

/* Price Frame */
._priceFrame_yrp5r_292 {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0px;
}

._priceRow_yrp5r_301 {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 55px;
}

._priceContent_yrp5r_10 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0px;
  gap: 8px;
  margin: 16px 0;
}

._youWillPay_yrp5r_322 {
  /* Desktop/04 Header */
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  /* identical to box height, or 125% */
  display: flex;
  align-items: center;

  /* Neutral/70 */
  color: #242328;
}

._totalAmount_yrp5r_336 {
  margin-left: auto;
  width: 104px;

  /* Desktop/04 Header */
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  /* identical to box height, or 125% */
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;

  /* Neutral/70 */
  color: #242328;
}

._gstRow_yrp5r_355 {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
}

._gstContent_yrp5r_364 {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;

  margin: 0 auto;
}

._includesGst_yrp5r_374 {


  /* Desktop/07 Small body bold */
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  /* identical to box height, or 150% */
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;

  /* Neutral/70 */
  color: #242328;
}

._originalAmount_yrp5r_391 {
  margin: 0 auto;
  width: 90px;

  /* Desktop/07 Small body strikethrough */
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  /* or 150% */
  display: flex;
  align-items: center;
  text-align: right;
  letter-spacing: 0.02em;
  text-decoration-line: line-through;

  /* Neutral/40 */
  color: #8C8C98;
}

._content_yrp5r_57,
._textInputSection_yrp5r_82,
._inputFrame_yrp5r_98,
._divider_yrp5r_217,
._priceFrame_yrp5r_292,
._priceRow_yrp5r_301,
._gstRow_yrp5r_355,
._input_yrp5r_98,
._continueButton_yrp5r_419 {
  width: 100%;
}

._input_yrp5r_98 {
  margin-bottom: 24px;
}

._discountContent_yrp5r_427 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 20px;
  background: #EBF2FF;
  border-radius: 8px;
}

._discountContentRow_yrp5r_436 {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
}

._discountContentRow_yrp5r_436._bold_yrp5r_442 {
  font-weight: 700;
  font-size: 18px;
  margin-top: 16px;
}

._redText_yrp5r_448 {
  color: #CA112F;
  font-weight: 700;
  font-size: 14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {

  /* Hide desktop container on mobile */
  ._desktopContainer_yrp5r_2 {
    display: none;
  }

  /* Show mobile container on mobile */
  ._mobileContainer_yrp5r_6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 391px;
  }
}

@media (min-width: 769px) {

  /* Ensure desktop container is visible on desktop */
  ._desktopContainer_yrp5r_2 {
    display: flex;
  }

  /* Hide mobile container on desktop */
  ._mobileContainer_yrp5r_6 {
    display: none;
  }
}._aboutPolicy_18hrc_1 {
  margin-top: 24px;
  margin-bottom: 24px;
}

._aboutPolicyTitle_18hrc_6 {
  font-weight: bold;
  margin-bottom: 8px;
}

._policyPoint_18hrc_11 {
  margin-bottom: 4px;
  display: flex;
  align-items: flex-start;
}

._policyPointNumber_18hrc_17 {
  min-width: 24px;
  flex-shrink: 0;
  font-weight: 500;
}

._policyPointText_18hrc_23 {
  flex: 1;
}

._policyLink_18hrc_27 {
  color: #007bff;
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
  margin-top: 8px;
  margin-left: 2px;
  font-weight: 700;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_h73qt_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_h73qt_23 {
  position: relative;
  z-index: 100;
}
._mt-8_h73qt_1 {
  margin-top: 8px !important;
}
._promo-input_h73qt_1 {
  margin: 0.5rem;
}
._promo-input_h73qt_1 label {
  pointer-events: none;
}
._promo-input_h73qt_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_h73qt_1 {
  margin: 0.5rem;
}
._default-promo-input_h73qt_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_h73qt_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (max-width: 768px) {
  :root {
    --description-font-size: 0.875rem;
  }

  ._stepperContainer_h73qt_8 {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  :root {
    --description-font-size: 1rem;
  }

  ._submit_h73qt_18 {
    max-width: 18rem;
  }
}
._header_h73qt_23 {
  position: relative;
  z-index: 100;
}
._main_h73qt_28 {
  background: #fff;
  letter-spacing: 0.01em;
}
._main_h73qt_28._loading_h73qt_33 {
  pointer-events: none;
  /* Disable pointer events for the wrapper when loader is active */
}
._stepperContainer_h73qt_8 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 32px;
  margin: 0 auto;
}
._stepper_h73qt_8 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._logo_h73qt_50 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._logo_h73qt_50 {
    margin-bottom: 1rem;
  }
}
._content_h73qt_61 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._form_h73qt_69 {
  width: var(--form-width);
}
/* Divider */
._divider_h73qt_74 {
  height: 1px;
  position: relative;
  width: 100%;

  /* Inside auto layout */
  flex: none;
  flex-grow: 0;
  margin: 24px 0;
}
._dividerLine_h73qt_85 {
  position: absolute;
  height: 1px;
  left: 0%;
  right: 0%;
  top: calc(50% - 1px / 2);
  background: #d0d0d0;
  border-radius: 1px;
}
._redLabelWrapper_h73qt_95 {
  position: relative;
  display: table;
  width: 100%;
}
._redLabelCell_h73qt_101 {
  position: relative;
  min-height: 48px;
  min-width: 120px;
  box-sizing: border-box;
  padding: 0 24px 0;
  white-space: nowrap;
  display: table-cell;
  cursor: pointer;
  user-select: none;
  text-align: center;
  width: 50%;
}
._redLabel_h73qt_95 {
  color: #ca112f;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.42px;
  margin: 0;
}
._cardContainer_h73qt_124 {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  text-align: end;
  justify-content: space-between;
  gap: 8px;
  background: #ffffff;
  /* Shadow low */
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
}
._planContainer_h73qt_139 {
  width: 100%;
  display: flex;
  flex-direction: row;
  text-align: end;
  justify-content: space-between;
}
._loader_h73qt_147 {
  position: fixed;
  left: 0;
  width: 100%;
  min-height: 100px;
  max-height: 90vh;
  background-color: rgba(255, 255, 255, 0);
  /* Semi-transparent white background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
._pageTitle_h73qt_161 {
  margin: 0;
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  padding-bottom: 2rem;
}
._header-row_h73qt_170 {
  color: #222;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.2px;
}
._review-header-main_h73qt_179 {
  color: #242328;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._input-wrapper_h73qt_187 {
  margin-top: 24px;
}
._input-wrapper_h73qt_187 > div > div > label {
  cursor: pointer;
}
._input-description_h73qt_195 {
  color: #55555e;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.2px;
}
._divider-wrapper_h73qt_204 {
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
}
._footer_h73qt_210 {
  display: var(--footer-display);
  padding: 1px;
  background: #fff;
}
._additional-insured-header_h73qt_216 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
._additional-insured-title_h73qt_223 {
  color: #242328;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.2px;
}
._add-button-wrapper_h73qt_232 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
._add-button-wrapper_h73qt_232 > ._plus-icon_h73qt_238 {
  margin-right: 0.5rem;
}
._link_h73qt_242 {
  display: block;
  font-weight: 700;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
  letter-spacing: 0.5px;
}
._underwrite-description_h73qt_251 {
  display: inline-block;
  margin-top: 2.5rem;
  font-size: 0.75rem;
  color: #8c8c98;
  letter-spacing: 0.01em;
}
._checkbox-wrapper_h73qt_259 {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
  font-size: var(--description-font-size);
  letter-spacing: 0.01em;
  line-height: 1.3;
}
._error-message_h73qt_268 {
  color: #bc1430;
  font-size: var(--hint-font-size);
  margin-top: 0.5rem;
}
._submit_h73qt_18 {
  margin: 2rem 0;
}
._noteText_h73qt_278 {
  margin-top: 24px;
}
._aboutPloicy_h73qt_282 {
  margin-top: 24px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 3%;
  vertical-align: middle;
}
/* Desktop Layout Styles */
._desktopLayout_h73qt_291 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  /* Space between blocks in vertical arrangement */
}
._mainBlock_h73qt_298 {
  width: 100%;
}
._promoBlock_h73qt_302 {
  width: 100%;
}
/* Desktop responsive layout */
@media (min-width: 1024px) {
  ._desktopLayout_h73qt_291 {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    /* Increased space between blocks */
    align-items: flex-start;
  }

  ._mainBlock_h73qt_298 {
    width: calc(65% - 3rem);
    /* Adjust width to account for gap */
    flex-shrink: 0;
  }

  ._promoBlock_h73qt_302 {
    width: calc(35% - 3rem);
    /* Adjust width to account for gap */
    flex-shrink: 0;
  }
}
/* Loading and Error States */
._loadingContainer_h73qt_330 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  font-size: 1.125rem;
  color: #666;
}
._errorContainer_h73qt_339 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding: 2rem;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin: 2rem 0;
}
._errorContainer_h73qt_339 div {
  color: #dc2626;
  margin-bottom: 1rem;
  text-align: center;
}
._errorContainer_h73qt_339 button {
  background-color: #dc2626;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}
._errorContainer_h73qt_339 button:hover {
  background-color: #b91c1c;
}
._headerSub_flz33_1 {
  font-weight: 700;
  margin-bottom: 0.8rem;
  font-size: 18px;
}

._flexWrapper_flz33_7 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 0.1rem;
}

._selectorWrapper_flz33_14 {
  width: 100%;
}

._selectorText_flz33_18 {
  font-size: 16px;
  font-weight: 400;
}

._errorDescription_flz33_23 {
  color: #bc1430;
  font-size: var(--hint-font-size);
  margin-top: 8px;
}
._addressFields_1otri_1 {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._fieldRow_1otri_8 {
  display: flex;
  gap: 1rem;
}

._floorField_1otri_13,
._unitField_1otri_14 {
  flex: 1;
  min-width: 0;
}

._spanDescription_1otri_19 {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: inline-block;
}
._postalCodeContainer_ethaw_1 {
  position: relative;
}

._inputDescription_ethaw_5 {
  margin-top: 8px;
  color: #222;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.36px;
}

._spanDescription_ethaw_15 {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: inline-block;
}
._headerSub_1lqwl_1 {
  color: #242328;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.16px;
  margin-bottom: 1rem;
}

._flexWrapper_1lqwl_11 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

._selectorWrapper_1lqwl_17 {
  flex: 1;
}

._selectorText_1lqwl_21 {
  color: #242328;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.16px;
}

._errorDescription_1lqwl_30 {
  color: #bc1430;
  font-size: var(--hint-font-size);
  margin-top: 8px;
}._addressFields_1otri_1 {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._fieldRow_1otri_8 {
  display: flex;
  gap: 1rem;
}

._floorField_1otri_13,
._unitField_1otri_14 {
  flex: 1;
  min-width: 0;
}

._spanDescription_1otri_19 {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: inline-block;
}
._postalCodeContainer_ci1a5_1 {
  position: relative;
}

._checkboxWrapper_ci1a5_5 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 1.3;
  align-items: center;
}
@media (max-width: 768px) {
  ._checkboxWrapper_ci1a5_5 {
    font-size: 0.875rem;
  }
}

._addressDisplay_ci1a5_21 {
  margin-top: 1rem;
  line-height: 1.4;
}

._addressLabel_ci1a5_26 {
  color: #8c8c98;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

._addressLine_ci1a5_32 {
  color: #000000;
  font-weight: 400;
  margin-bottom: 0.25rem;
}

._addressLine_ci1a5_32:last-child {
  margin-bottom: 0;
}

._inputDescription_ci1a5_42 {
  margin-top: 8px;
  color: #222;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.36px;
}

._spanDescription_ci1a5_52 {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: inline-block;
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1sx8o_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1sx8o_1 {
  position: relative;
  z-index: 100;
}
._mt-8_1sx8o_1 {
  margin-top: 8px !important;
}
._promo-input_1sx8o_1 {
  margin: 0.5rem;
}
._promo-input_1sx8o_1 label {
  pointer-events: none;
}
._promo-input_1sx8o_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1sx8o_1 {
  margin: 0.5rem;
}
._default-promo-input_1sx8o_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1sx8o_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._main_1sx8o_2 {
  background: #fff;
  letter-spacing: 0.01em;
}
._main_1sx8o_2._loading_1sx8o_7 {
  pointer-events: none;
  /* Disable pointer events for the wrapper when loader is active */
}
._content_1sx8o_12 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._loader_1sx8o_20 {
  position: fixed;
  left: 0;
  width: 100%;
  min-height: 100px;
  max-height: 90vh;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
._pageTitle_1sx8o_33 {
  margin: 0;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  padding-bottom: 2rem;
}
._singpassWrapper_1sx8o_41 {
  background: #f7f7f7;
  border-radius: 1rem;
  padding: 1.5rem;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  ._singpassWrapper_1sx8o_41 {
    padding: 1.25rem;
    max-width: 100%;
  }
}
._singpassIcon_1sx8o_57 {
  margin: 0;
}
._singpassIcon_1sx8o_57 img {
  height: 1.5rem;
  width: auto;
}
._singpassTitle_1sx8o_66 {
  color: #222;
  line-height: 1.5rem;
  margin: 0;
}
._customSingpassButton_1sx8o_72 {
  background: #f4333d;
  color: white;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-family: inherit;
  border: none;
  display: flex;
  justify-content: center;
  width: fit-content;
}
._customSingpassButton_1sx8o_72:hover:not(:disabled) {
  background: #d82c36;
}
._customSingpassButton_1sx8o_72:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._buttonContent_1sx8o_95 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  font-weight: 800;
  font-size: 1rem;
}
._buttonSingpassIcon_1sx8o_104 {
  height: 14px;
  width: auto;
  filter: brightness(0) invert(1); /* Makes the SVG white */
  margin-top: 5px;
}
._manualEntry_1sx8o_111 {
  display: flex;
  margin-bottom: 2rem;
  gap: 4px;
}
._dividerWrapper_1sx8o_117 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}
._link_1sx8o_123 {
  display: block;
  font-weight: 700;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
  letter-spacing: 0.5px;
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_54ozy_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_54ozy_1 {
  position: relative;
  z-index: 100;
}
._mt-8_54ozy_1 {
  margin-top: 8px !important;
}
._promo-input_54ozy_1 {
  margin: 0.5rem;
}
._promo-input_54ozy_1 label {
  pointer-events: none;
}
._promo-input_54ozy_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_54ozy_1 {
  margin: 0.5rem;
}
._default-promo-input_54ozy_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_54ozy_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._main_54ozy_2 {
  background: #fff;
  letter-spacing: 0.01em;
}
._main_54ozy_2._loading_54ozy_7 {
  pointer-events: none;
  /* Disable pointer events for the wrapper when loader is active */
}
._content_54ozy_12 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._form_54ozy_20 {
  width: var(--form-width);
}
._loader_54ozy_24 {
  position: fixed;
  left: 0;
  width: 100%;
  min-height: 100px;
  max-height: 90vh;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
._pageTitle_54ozy_37 {
  margin: 0;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  padding-bottom: 2rem;
}
._sectionHeader_54ozy_45 {
  color: #242328;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._singpassWrapper_54ozy_53 {
  gap: 24px;
  opacity: 1;
  border-radius: 16px;
  padding: 24px;
  background-color: #f7f7f7;
  margin-bottom: 3rem;
}
._link_54ozy_62 {
  display: block;
  font-weight: 700;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
  letter-spacing: 0.5px;
  margin: 0;
}
._inputWrapper_54ozy_72 {
  margin-top: 1.5rem;
}
._dividerWrapper_54ozy_76 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}
@media (min-width: 768px) {
  ._submit_54ozy_83 {
    max-width: 18rem;
  }
}
._submit_54ozy_83 {
  margin: 2rem 0;
}
@media (min-width: 768px) {
  ._submit_54ozy_83 {
    max-width: 18rem;
  }
}
._twoColumns_54ozy_96 {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  ._twoColumns_54ozy_96 {
    grid-template-columns: 1fr 1fr;
  }
}@media (min-width: 768px) {
  ._submit_575yy_2 {
    max-width: 18rem;
  }
}

._submit_575yy_2 {
  margin: 2rem 0;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_14dyw_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_14dyw_86 {
  position: relative;
  z-index: 100;
}
._mt-8_14dyw_1 {
  margin-top: 8px !important;
}
._promo-input_14dyw_1 {
  margin: 0.5rem;
}
._promo-input_14dyw_1 label {
  pointer-events: none;
}
._promo-input_14dyw_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_14dyw_1 {
  margin: 0.5rem;
}
._default-promo-input_14dyw_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_14dyw_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (max-width: 768px) {
  :root {
    --description-font-size: 0.875rem;
  }

  ._stepperContainer_14dyw_8 {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  :root {
    --description-font-size: 1rem;
  }

  ._logoModel_14dyw_18 {
    height: 3.5rem;
  }

  ._submit_14dyw_22 {
    max-width: 18rem;
  }
}
/* Vertical field for label and value stacked */
._verticalField_14dyw_28 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 1rem;
  line-height: 1.4;
}
._horizontalField_14dyw_36 {
  display: flex;
  flex-direction: row;
  gap: 2px;
  margin-top: 0.75rem;
  line-height: 1.4;
  justify-content: space-between;
}
._includesGst_14dyw_45 {
  text-align: left;
  font-size: 14px;
  font-weight: 700;
}
._originalPrice_14dyw_51 {
  text-decoration: line-through;
  color: #8c8c98;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 3%;
}
@media (max-width: 768px) {
  ._modal-wrapper_14dyw_61 {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
  }

  ._modal-wrapper_14dyw_61 ._logoModel_14dyw_18 {
    height: 3rem;
    margin-bottom: 1rem;
  }
}
._subTitle_14dyw_73 {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 2%;
  vertical-align: middle;
}
._label_14dyw_81 {
  color: #8c8c98;
  font-weight: 500;
}
._header_14dyw_86 {
  position: relative;
  z-index: 100;
}
._policy_14dyw_91 {
  max-width: 680px;
  padding: var(--container-padding);
}
._footerPromo_14dyw_96 {
  opacity: 1;
  padding: 12px 0px;
  gap: 8px;
  background: #f5f5f8;
  box-sizing: border-box;
}
._main_14dyw_104 {
  background: #fff;
  letter-spacing: 0.01em;
}
._main_14dyw_104._loading_14dyw_109 {
  pointer-events: none;
  /* Disable pointer events for the wrapper when loader is active */
}
._stepperContainer_14dyw_8 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 32px;
  margin: 0 auto;
}
._stepper_14dyw_8 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._modal-wrapper_14dyw_61 a {
  color: #0062f5;
  text-decoration: underline;
}
._logo_14dyw_18 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._logo_14dyw_18 {
    margin-bottom: 1rem;
  }
}
._logoModel_14dyw_18 {
  height: 4.063rem;
}
._content_14dyw_146 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._form_14dyw_154 {
  width: 100%;
}
/* Divider */
._divider_14dyw_159 {
  height: 1px;
  position: relative;
  width: 100%;

  /* Inside auto layout */
  flex: none;
  flex-grow: 0;
  margin: 24px 0;
}
._addressLine_14dyw_170 {
  color: #000000;
  font-weight: 400;
  margin-bottom: 0.25rem;
}
._addressLine_14dyw_170:last-child {
  margin-bottom: 0;
}
._dividerLine_14dyw_180 {
  position: absolute;
  height: 1px;
  left: 0%;
  right: 0%;
  top: calc(50% - 1px / 2);
  background: #d0d0d0;
  border-radius: 1px;
}
._cardContainer_14dyw_190 {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  text-align: end;
  justify-content: space-between;
  gap: 8px;
  background: #ffffff;
  /* Shadow low */
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
}
._planContainer_14dyw_205 {
  width: 100%;
  display: flex;
  flex-direction: row;
  text-align: end;
  justify-content: space-between;
}
._loader_14dyw_213 {
  position: fixed;
  left: 0;
  width: 100%;
  min-height: 100px;
  max-height: 90vh;
  background-color: rgba(255, 255, 255, 0);
  /* Semi-transparent white background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
._pageTitle_14dyw_227 {
  margin: 0;
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  padding-bottom: 2rem;
}
._header-row_14dyw_236 {
  color: #222;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.2px;
}
._review-header-main_14dyw_245 {
  color: #242328;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._input-wrapper_14dyw_253 {
  margin-top: 24px;
}
._input-wrapper_14dyw_253 > div > div > label {
  cursor: pointer;
}
._input-description_14dyw_261 {
  color: #55555e;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.2px;
}
._divider-wrapper_14dyw_270 {
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
}
._footer_14dyw_96 {
  display: var(--footer-display);
  padding: 1px;
  background: #fff;
}
._additional-insured-header_14dyw_282 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
._additional-insured-title_14dyw_289 {
  color: #242328;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.2px;
}
._add-button-wrapper_14dyw_298 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
._add-button-wrapper_14dyw_298 > ._plus-icon_14dyw_304 {
  margin-right: 0.5rem;
}
._link_14dyw_308 {
  display: block;
  font-weight: 700;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
  letter-spacing: 0.5px;
}
._underwrite-description_14dyw_317 {
  display: inline-block;
  margin-top: 2.5rem;
  font-size: 0.75rem;
  color: #8c8c98;
  letter-spacing: 0.01em;
}
._checkbox-wrapper_14dyw_325 {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
  font-size: var(--description-font-size);
  letter-spacing: 0.01em;
  line-height: 1.3;
}
._error-message_14dyw_334 {
  color: #bc1430;
  font-size: var(--hint-font-size);
  margin-top: 0.5rem;
}
._submit_14dyw_22 {
  margin: 2rem 0;
}
._noteText_14dyw_344 {
  margin-top: 24px;
}
._aboutPloicy_14dyw_348 {
  margin-top: 24px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 3%;
  vertical-align: middle;
}
/* Desktop Layout Styles */
._desktopLayout_14dyw_357 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  /* Space between blocks in vertical arrangement */
}
._promoBlock_14dyw_364 {
  width: 100%;
}
/* Desktop responsive layout */
@media (min-width: 1024px) {
  ._desktopLayout_14dyw_357 {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    /* Increased space between blocks */
    align-items: flex-start;
  }

  ._mainBlock_14dyw_378 {
    width: calc(65% - 1rem);
    /* Adjust width to account for gap */
    flex-shrink: 0;
  }

  ._promoBlock_14dyw_364 {
    width: calc(35% - 3rem);
    /* Adjust width to account for gap */
    flex-shrink: 0;
  }
}
/* Loading and Error States */
._loadingContainer_14dyw_392 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  font-size: 1.125rem;
  color: #666;
}
._errorContainer_14dyw_401 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding: 2rem;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin: 2rem 0;
}
._errorContainer_14dyw_401 div {
  color: #dc2626;
  margin-bottom: 1rem;
  text-align: center;
}
._errorContainer_14dyw_401 button {
  background-color: #dc2626;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}
._errorContainer_14dyw_401 button:hover {
  background-color: #b91c1c;
}
/* Important Notices Styles */
._importantNoticesContainer_14dyw_435 {
  margin-top: 8px;
}
._truncatedNotices_14dyw_439 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  margin-bottom: 8px;
  font-size: 14px;
  color: #242328;
}
._checkboxWrapper_14dyw_452 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 1.3;
  align-items: center;

  @media (max-width: 768px) {
    font-size: 0.875rem;
  }
}
._errorMessage_14dyw_467 {
  color: #bc1430;
  font-size: var(--errorMessage-font-size);
  font-weight: 400;
}
._noticeItem_14dyw_473 {
  margin-bottom: 8px;
  position: relative;
  padding-left: 24px;
}
._noticeItemNoNumber_14dyw_479 {
  margin-bottom: 8px;
  position: relative;
  padding-left: 0;
}
._noticeItem_14dyw_473:last-child {
  margin-bottom: 0;
}
._noticeItemNoNumber_14dyw_479:last-child {
  margin-bottom: 0;
}
._noticeItemNumber_14dyw_493 {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
}
._noticeItemContent_14dyw_500 {
  display: inline;
}
._noticeItemBold_14dyw_504 {
  font-weight: bold;
}
._noticeItemLink_14dyw_508 {
  color: #007bff;
  text-decoration: underline;
}
._noticeItemLink_14dyw_508:hover {
  color: #0056b3;
  text-decoration: underline;
}
._additionalContent_14dyw_518 {
  margin-top: 8px;
  font-weight: normal;
}
._seeMoreLink_14dyw_523 {
  background: none;
  border: none;
  color: #007bff;
  text-decoration: underline;
  text-align: justify;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-family: inherit;
}
._seeMoreLink_14dyw_523:hover {
  color: #0051d5;
}
._bulletList_14dyw_541 {
  margin-left: 0.5rem;
  line-height: 1.5;
  margin-top: -1rem;
  margin-bottom: 0;
}
/* Modal Styles for Important Notices */
._modalItem_14dyw_549 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  line-height: 1.5;
}
._modalItemNoNumber_14dyw_556 {
  display: block;
  margin-bottom: 16px;
  line-height: 1.5;
}
._modalItemNumber_14dyw_562 {
  min-width: 24px;
  font-weight: 500;
  margin-right: 8px;
  flex-shrink: 0;
}
._modalItemContent_14dyw_569 {
  flex: 1;
}
._modalItemBold_14dyw_573 {
  font-weight: bold;
}
._modalItemLink_14dyw_577 {
  color: #007bff;
  text-decoration: underline;
}
._modalItemLink_14dyw_577:hover {
  color: #0051d5;
}
._modalAdditionalContent_14dyw_586 {
  margin-top: 16px;
  font-weight: normal;
  line-height: 1.5;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_ui81j_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_ui81j_3 {
  position: relative;
  z-index: 100;
}
._mt-8_ui81j_1 {
  margin-top: 8px !important;
}
._promo-input_ui81j_1 {
  margin: 0.5rem;
}
._promo-input_ui81j_1 label {
  pointer-events: none;
}
._promo-input_ui81j_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_ui81j_1 {
  margin: 0.5rem;
}
._default-promo-input_ui81j_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_ui81j_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_ui81j_3 {
  position: relative;
  z-index: 100;
}
._pageTitle_ui81j_8 {
  margin: 5rem auto 2.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  width: 100%;
  max-width: var(--container-max-width);
  padding: 0 1rem;
  box-sizing: border-box;
}
._container_ui81j_19 {
  margin: var(--container-margin);
  height: var(--content-height);
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_ui81j_30 {
  bottom: 0;
  padding-top: 1.5rem;
  background-color: #ffffff;
  /* Example background color */
  width: 100%;
}
@media (max-width: 679px) {
  ._container_ui81j_19 {
    overflow-x: initial;
  }

  ._footer_ui81j_30 {
    display: var(--footer-display);
  }

  ._pageTitle_ui81j_8 {
    display: none;
  }

  ._extraCoverage_ui81j_51 {
    width: 100%;
    height: auto;
  }
}
._greyArea_11sai_1 {
  background: #f7f7f7;
  position: relative;
  box-sizing: border-box;
}

._title_11sai_7 {
  text-align: center;
}

._status_11sai_11 {
  font-size: 900;
  font-size: 2.5rem;
  line-height: 1.2;
}

._product_11sai_17 {
  font-size: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._subTitle_11sai_23 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

._description_11sai_30 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._container_11sai_37 {
  max-width: 596px;
  margin: 80px auto 0;
  padding: 0 1.5rem;
}

._copy_11sai_43 {
  margin: 3rem auto;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
}

._copy_11sai_43 > div:first-child {
  flex: 1;
}

._text_11sai_55 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._label_11sai_61 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}

._copy_11sai_43 > div:last-child {
  align-self: center;
}

._copy_11sai_43 > div:last-child > span {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #0062f5;
  cursor: pointer;
  text-decoration: underline;
}

._greyAreaContent_11sai_81 {
  margin: 5rem auto;
  max-width: 1208px;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

._contacts_11sai_90 {
  display: flex;
  flex-direction: row;
  gap: 4rem;
}

._button_11sai_96 {
  width: 224px;
  margin: 3rem auto;
}

._orderPaid_11sai_101 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}

._sections_11sai_108 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_11sai_108 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_11sai_108 > div:not(:first-child) {
  padding-left: 1.5rem;
}

@media (max-width: 679px) {
  ._status_11sai_11 {
    font-size: 2rem;
  }
  ._product_11sai_17 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }
  ._subTitle_11sai_23 {
    font-size: 1rem;
  }
  ._description_11sai_30 {
    font-size: 1rem;
  }
  ._copy_11sai_43 {
    margin: 2.5rem auto;
  }
  ._copy_11sai_43 > div:last-child > span {
    font-size: 1rem;
  }
  ._text_11sai_55 {
    font-size: 1.25rem;
  }
  ._label_11sai_61 {
    font-size: 0.75rem;
  }
  ._button_11sai_96 {
    width: 100%;
    margin: 2.5rem auto;
  }
  ._contacts_11sai_90 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  ._greyAreaContent_11sai_81 {
    margin: 1rem auto;
    padding: 1.5rem;
    gap: 2rem;
  }
  ._button_11sai_96 {
    width: 100%;
  }
}._link_uzlr5_1 {
  display: flex;
}

._link_uzlr5_1._inline_uzlr5_5 {
  display: inline-block;
}

._link_uzlr5_1 > a {
  font-size: 1rem;
  font-weight: 700;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0.02em;
  color: #0062f5;
}

._icon_uzlr5_18 {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.5rem;
}
._container_csmog_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_csmog_7 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

._description_csmog_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._container_csmog_1 {
    gap: 0.5rem;
  }
  ._title_csmog_7 {
    font-size: 1.25rem;
  }
  ._description_csmog_13 {
    font-size: 1rem;
  }
}._container_csmog_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_csmog_7 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

._description_csmog_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._container_csmog_1 {
    gap: 0.5rem;
  }
  ._title_csmog_7 {
    font-size: 1.25rem;
  }
  ._description_csmog_13 {
    font-size: 1rem;
  }
}._container_csmog_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_csmog_7 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

._description_csmog_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._container_csmog_1 {
    gap: 0.5rem;
  }
  ._title_csmog_7 {
    font-size: 1.25rem;
  }
  ._description_csmog_13 {
    font-size: 1rem;
  }
}._container_1p7du_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_1p7du_7 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.2;
}

._description_1p7du_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._title_1p7du_7 {
    font-size: 1.5rem;
  }
  ._description_1p7du_13 {
    font-size: 1rem;
  }
}._greyArea_5i7cf_1 {
  background: #f7f7f7;
  position: relative;
  box-sizing: border-box;
}

._title_5i7cf_7 {
  text-align: center;
}

._status_5i7cf_11 {
  font-size: 900;
  font-size: 2.5rem;
  line-height: 1.2;
}

._product_5i7cf_17 {
  font-size: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._subTitle_5i7cf_23 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

._description_5i7cf_30 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._container_5i7cf_37 {
  max-width: 596px;
  margin: 80px auto 0;
  padding: 0 1.5rem;
}

._copy_5i7cf_43 {
  margin: 3rem auto;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
}

._copy_5i7cf_43 > div:first-child {
  flex: 1;
}

._text_5i7cf_55 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._label_5i7cf_61 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}

._copy_5i7cf_43 > div:last-child {
  align-self: center;
}

._copy_5i7cf_43 > div:last-child > span {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #0062f5;
  cursor: pointer;
  text-decoration: underline;
}

._greyAreaContent_5i7cf_81 {
  margin: 5rem auto;
  max-width: 1208px;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

._contacts_5i7cf_90 {
  display: flex;
  flex-direction: row;
  gap: 4rem;
}

._button_5i7cf_96 {
  width: 224px;
  margin: 3rem auto;
}

._orderPaid_5i7cf_101 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}

._sections_5i7cf_108 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._section_5i7cf_108 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_5i7cf_108 > div:not(:first-child) {
  padding-left: 1.5rem;
}

._greyCard_5i7cf_124 {
  border-radius: 8px;
  padding: 1rem;
  background: #f7f7f7;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03rem;
}

@media (max-width: 679px) {
  ._status_5i7cf_11 {
    font-size: 2rem;
  }
  ._product_5i7cf_17 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }
  ._subTitle_5i7cf_23 {
    font-size: 1rem;
  }
  ._description_5i7cf_30 {
    font-size: 1rem;
  }
  ._copy_5i7cf_43 {
    margin: 2.5rem auto;
  }
  ._copy_5i7cf_43 > div:last-child > span {
    font-size: 1rem;
  }
  ._text_5i7cf_55 {
    font-size: 1.25rem;
  }
  ._label_5i7cf_61 {
    font-size: 0.75rem;
  }
  ._button_5i7cf_96 {
    width: 100%;
    margin: 2.5rem auto;
  }
  ._contacts_5i7cf_90 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  ._greyAreaContent_5i7cf_81 {
    margin: 1rem auto;
    padding: 1.5rem;
    gap: 2rem;
  }
  ._button_5i7cf_96 {
    width: 100%;
  }
}@media (max-width: 679px) {
  :root {
    --errorPage-container-top: 45%;
    --errorPage-container-transform: translateY(-45%);
    --errorPage-container-position: absolute;
    --errorPage-title-font-size: 2rem;
    --errorPage-description-font-size: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --errorPage-container-top: 40%;
    --errorPage-container-transform: translateY(-40%);
    --errorPage-container-position: absolute;
    --errorPage-title-font-size: 2rem;
    --errorPage-description-font-size: 1rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --errorPage-container-top: 5rem;
    --errorPage-container-transform: none;
    --errorPage-container-position: relative;
    --errorPage-title-font-size: 2.5rem;
    --errorPage-description-font-size: 1.125rem;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --errorPage-container-top: 5rem;
    --errorPage-container-transform: none;
    --errorPage-container-position: relative;
    --errorPage-title-font-size: 2.5rem;
    --errorPage-description-font-size: 1.125rem;
  }
}
@media (min-width: 1600px) {
  :root {
    --errorPage-container-top: 5rem;
    --errorPage-container-transform: none;
    --errorPage-container-position: relative;
    --errorPage-title-font-size: 2.5rem;
    --errorPage-description-font-size: 1.125rem;
  }
}
._container_39m5b_46 {
  top: var(--errorPage-container-top);
  transform: var(--errorPage-container-transform);
  position: var(--errorPage-container-position);
  width: calc(100% - 3rem);
  max-width: 698px;
  margin: 0 auto;
}

._title_39m5b_55 {
  font-size: var(--errorPage-title-font-size);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}

._description_39m5b_62 {
  margin-top: 0.5rem;
  font-size: var(--errorPage-description-font-size);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

._button_39m5b_70 {
  align-self: center;
  margin: 1.5rem auto 5rem;
  max-width: 224px;
  height: 2.5rem;
}
._button_39m5b_70 > div > button > span > p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02rem !important;
}
@media (max-width: 679px) {
  ._button_39m5b_70 {
    max-width: 400px;
  }
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_8x60i_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_8x60i_1 {
  position: relative;
  z-index: 100;
}
._mt-8_8x60i_1 {
  margin-top: 8px !important;
}
._promo-input_8x60i_1 {
  margin: 0.5rem;
}
._promo-input_8x60i_1 label {
  pointer-events: none;
}
._promo-input_8x60i_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_8x60i_1 {
  margin: 0.5rem;
}
._default-promo-input_8x60i_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_8x60i_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._stepperContainer_8x60i_2 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 5rem 1.5rem 2rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  ._stepperContainer_8x60i_2 {
    padding: 2rem 1.5rem 1rem;
  }
}
._stepper_8x60i_2 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._logo_8x60i_19 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  ._logo_8x60i_19 {
    margin-bottom: 1rem;
  }
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1rz1t_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1rz1t_35 {
  position: relative;
  z-index: 100;
}
._mt-8_1rz1t_1 {
  margin-top: 8px !important;
}
._promo-input_1rz1t_1 {
  margin: 0.5rem;
}
._promo-input_1rz1t_1 label {
  pointer-events: none;
}
._promo-input_1rz1t_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1rz1t_1 {
  margin: 0.5rem;
}
._default-promo-input_1rz1t_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1rz1t_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (max-width: 991px) {
  :root {
    --modal-title-font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  :root {
    --modal-title-font-size: 2rem;
  }
}
div[id^='modal-root-']
  > div
  > span
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > div
  > h3 {
  font-size: var(--modal-title-font-size) !important;
  font-family: 'Lato1', sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  color: #222222 !important;
}
._header_1rz1t_35 {
  position: relative;
  z-index: 100;
}
._main_1rz1t_40 {
  background: #f7f7f7;
}
._main_1rz1t_40._loading_1rz1t_44 {
  pointer-events: none;
  /* Disable pointer events for the wrapper when loader is active */
}
._footer_1rz1t_49 {
  display: var(--footer-display);
  padding: 1px;
  background: #f7f7f7;
}
._content_1rz1t_55 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._stepperContainer_1rz1t_63 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 24px;
  margin: 0 auto;
}
._stepper_1rz1t_63 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._form_1rz1t_75 {
  width: var(--form-width);
}
._pageTitle_1rz1t_79 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  padding-bottom: 24px;
}
._card-wrapper_1rz1t_87 {
  line-height: 24px;
}
._loader_1rz1t_91 {
  position: fixed;
  left: 0;
  width: 100%;
  min-height: 100px;
  max-height: 90vh;
  background-color: rgba(255, 255, 255, 0);
  /* Semi-transparent white background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  /* Ensure the loader appears above other content */
}
._title-bold_1rz1t_106 {
  color: #222222;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.016px;
  margin-bottom: -15px;
  padding-top: 5px;
}
._title_1rz1t_106 {
  color: #222222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._inline-link_1rz1t_128 {
  display: inline;
  /* Ensure the link appears inline */
}
._point-bullet_1rz1t_133 {
  color: #222222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
  margin-top: -15px;
  margin-left: -15px;
}
._point-bullet_1rz1t_133 li {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
}
._point-bullet_1rz1t_133 a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
  text-decoration-line: underline;
}
._point-bullet-occupation_1rz1t_162 li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-left: -10px;
}
._point-bullet-modification_1rz1t_170 li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-left: -10px;
}
._stepper-wrapper_1rz1t_178 {
  padding-top: 50px;
}
._stepper-wrapper_1rz1t_178 [class*='TypeComponent'] {
  z-index: 0;
}
._input-wrapper_1rz1t_186 {
  margin-top: 24px;
}
._input-wrapper_1rz1t_186 > div > label {
  width: calc(100% - 4px);
  margin-left: 1px;
  cursor: pointer;
}
._input-wrapper-next-input_1rz1t_195 {
  margin-top: 24px;
}
._input-wrapper-myinfo-offset_1rz1t_199 {
  margin-left: -16px;
}
._datePicker-input-wrapper_1rz1t_203 {
  margin-top: 24px;
}
._datePicker-input-wrapper_1rz1t_203 > div > label {
  width: calc(100% - 4px);
  margin-left: 1px;
  cursor: pointer;
}
._datePicker-input-wrapper_1rz1t_203 button {
  width: auto !important;
}
._checkbox-wrapper_1rz1t_216 {
  padding-top: 24px;
}
._checkbox-wrapper_1rz1t_216 p {
  color: #222222;

  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
._destination-wrapper_1rz1t_229 {
  margin-top: 25px;
  padding-bottom: 5px;
  width: 50%;
}
._input-description_1rz1t_235 {
  color: var(--neutral-60, #3b3b3b);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 150% */
  letter-spacing: 0.28px;
}
._error-description_1rz1t_246 {
  color: rgb(188, 20, 48) !important;
  font-size: 16px;

  padding-top: 10px;
  padding-left: 5px;
}
._submit-button_1rz1t_254 {
  padding-top: 50px;
}
._submit-button_1rz1t_254 > button {
  width: auto !important;
}
._modal-submit-button_1rz1t_262 {
  margin-top: 25px;
  padding-bottom: 15px;
}
._modal-submit-button_1rz1t_262 > button {
  width: auto !important;
}
._modal-submit-link_1rz1t_271 {
  margin-left: 24px;
  text-decoration-line: underline;
}
._modal-submit-link_1rz1t_271 a {
  text-decoration-line: underline;
}
._link_1rz1t_280 {
  margin-top: 8px;
}
._noPointerLink_1rz1t_284 {
  margin-top: -16px;
}
._noPointerLink_1rz1t_284 a {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
  text-decoration-line: underline;
}
._link_1rz1t_280 a {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
  text-decoration-line: underline;
}
._discount-title_1rz1t_306 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 5px;
}
._singpassWrapper_1rz1t_317 {
  background: #fff;
  border-radius: 8px;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
}
._singpassTitle_1rz1t_324 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding: 0 20px;
  margin: 0;
}
._singpassIcon_1rz1t_335 {
  padding: 20px;
  margin: 0;
}
._singpassButton_1rz1t_340 {
  padding: 20px;
}
._singpassButton_1rz1t_340 button {
  border-radius: 6px !important;
  background: #f4333d !important;
}
._singpassButton_1rz1t_340 p {
  font-size: 16px !important;
}
._myinfo-link_1rz1t_353 a {
  text-decoration-line: underline;
}
._myinfo-button_1rz1t_357 {
  cursor: pointer;
}
._termsAndConditions_1rz1t_361 {
  padding-top: 2.5rem;
}
._first-header-row_1rz1t_365 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.2px;
  padding-top: 40px;
}
._get-help-header-row_1rz1t_376 {
  color: #000;
  text-align: left;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
  padding-top: 15px;
}
._get-help-header-row_1rz1t_376 a {
  color: rgb(92, 80, 187);

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
  text-decoration-line: underline;
}
._flex-container_1rz1t_399 {
  display: flex;
  flex-direction: row;
  padding-top: 15px;
}
._flex-container_1rz1t_399 > div:last-child {
  padding-right: 0;
}
._selector-item_1rz1t_409 {
  padding-right: 24px;
  flex: 50%;
  color: #222;
  color: #222222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._selector-item_1rz1t_409 > div > div {
  padding: 16px;
}
._flex-item-right_1rz1t_426 {
  padding-left: 10px;
  flex: 50%;
  color: #222;
  color: #222222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._grid-container_1rz1t_439 {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-row: auto auto;

  ._box_1rz1t_444:nth-child(odd) {
    padding-top: 15px;
    padding-right: 24px;
  }

  ._box_1rz1t_444:nth-child(even) {
    padding-top: 15px;
    width: calc(100% - 10px);
  }
}
._review-header-main_1rz1t_455 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._review-header-sub_1rz1t_464 {
  color: #222;

  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.36px;
  font-style: normal;
  font-weight: 700;
}
._divider-wrapper_1rz1t_474 {
  padding-top: 40px;
  position: relative;
}
._coverage-icon_1rz1t_479 {
  width: 100%;
  padding-right: 24px;
}
._success-icon_1rz1t_484 {
  padding-top: 15px;
  float: left;
}
._eligible-wrapper_1rz1t_489 {
  padding-top: 15px;
  padding-left: 40px;
}
._eligible-wrapper_1rz1t_489 a {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
  text-decoration-line: underline;
}
._discount-wrapper_1rz1t_503 {
  padding-left: 25px;
  margin-top: -10px;
}
._discount-wrapper_1rz1t_503 p {
  color: #222;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
._eligible-title_1rz1t_517 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
._ncd-checkbox-desc_1rz1t_526 {
  padding-left: 45px;
  margin-top: 0;
}
._number-of-claim-error_1rz1t_531 {
  color: rgb(188, 20, 48);
  font-size: 16px;

  padding-top: 10px;
}
._number-of-claim-error_1rz1t_531 a {
  color: rgb(92, 80, 187);

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
  text-decoration-line: underline;
}
._no-pointer_1rz1t_549 > div > label {
  pointer-events: none;
  margin-left: -16px;
  background: transparent;
}
._no-pointer_1rz1t_549 > div > label > div > div > div:nth-of-type(2) {
  display: none;
}
._logo_1rz1t_559 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_1rz1t_564 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_1rz1t_564 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_1rz1t_559 {
    margin-bottom: 1rem;
  }

  ._stepperContainer_1rz1t_63 {
    padding: 20px;
  }

  ._submit-button_1rz1t_254 {
    padding: 1.5rem 0;
  }

  ._submit-button_1rz1t_254 > button {
    width: 100% !important;
  }

  ._modal-submit-button_1rz1t_262 {
    margin-top: 10px !important;
  }

  ._modal-submit-button_1rz1t_262 > button {
    width: 100% !important;
  }

  ._modal-submit-link_1rz1t_271 {
    margin-left: 0px;
    text-align: center;
  }

  ._pageTitle_1rz1t_79 {
    font-size: 32px;
    line-height: 38.4px;
  }

  ._title_1rz1t_106 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._point-bullet_1rz1t_133 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._point-bullet_1rz1t_133 li {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.36px;
  }

  ._point-bullet-occupation_1rz1t_162 li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.36px;
  }

  ._point-bullet-modification_1rz1t_170 li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.36px;
  }

  ._destination-wrapper_1rz1t_229 {
    margin-top: 20px;
    width: 100%;
    padding-bottom: 5px;
  }

  ._input-description_1rz1t_235 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.36px;
  }

  ._discount-title_1rz1t_306 {
    font-size: 16px;
    line-height: 24px;
  }

  ._review-header-main_1rz1t_455 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.2px;
  }

  ._review-header-sub_1rz1t_464 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._link_1rz1t_280 a {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.36px;
  }

  ._point-bullet_1rz1t_133 a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.36px;
    text-decoration-line: underline;
  }

  ._get-help-header-row_1rz1t_376 {
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.28px;
  }

  ._get-help-header-row_1rz1t_376 a {
    font-size: 12px;
    line-height: 18px;
  }

  ._checkbox-wrapper_1rz1t_216 p {
    color: #222222;

    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.16px;
  }

  ._eligible-title_1rz1t_517 {
    font-size: 16px;
    line-height: 27px;
  }

  ._discount-wrapper_1rz1t_503 p {
    color: #222;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
  }

  ._ncd-checkbox-desc_1rz1t_526 {
    padding-left: 40px;
  }

  ._eligible-wrapper_1rz1t_489 a {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.36px;
  }

  ._input-wrapper-next-input_1rz1t_195 {
    margin-top: 16px;
  }

  ._termsAndConditions_1rz1t_361 {
    padding-top: 2rem;
  }

  ._first-header-row_1rz1t_365 {
    padding-top: 32px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_8zcyq_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_8zcyq_3 {
  position: relative;
  z-index: 100;
}
._mt-8_8zcyq_1 {
  margin-top: 8px !important;
}
._promo-input_8zcyq_1 {
  margin: 0.5rem;
}
._promo-input_8zcyq_1 label {
  pointer-events: none;
}
._promo-input_8zcyq_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_8zcyq_1 {
  margin: 0.5rem;
}
._default-promo-input_8zcyq_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_8zcyq_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_8zcyq_3 {
  position: relative;
  z-index: 100;
}
._container_8zcyq_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1yo1h_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1yo1h_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1yo1h_1 {
  margin-top: 8px !important;
}
._promo-input_1yo1h_1 {
  margin: 0.5rem;
}
._promo-input_1yo1h_1 label {
  pointer-events: none;
}
._promo-input_1yo1h_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1yo1h_1 {
  margin: 0.5rem;
}
._default-promo-input_1yo1h_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1yo1h_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1yo1h_3 {
  position: relative;
  z-index: 100;
}
._container_1yo1h_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6rem 1rem 0;
}
._footer_1yo1h_20 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
._title_1yo1h_27 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 54px;
  color: #222222;
  text-align: center;
  margin: 140px 0 16px;
  max-width: 596px;
}
._sub-title_1yo1h_38 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.1px;
  color: #222222;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 40px;
}
._submit-button_1yo1h_50 {
  width: 290px;
}
Button {
  width: 100% !important;
}
._submit-button_1yo1h_50 p {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}
._sub-title_1yo1h_38 a {
  color: #5c50bb;
  font-weight: 700;
  text-decoration: none;
  cursor: default;
}
@media (max-width: 679px) {
  ._footer_1yo1h_20 {
    display: var(--footer-display);
  }

  ._title_1yo1h_27 {
    font-size: 32px;
    line-height: 43px;
    width: 100%;
  }

  ._sub-title_1yo1h_38 {
    font-size: 16px;
    line-height: 24px;
  }

  ._submit-button_1yo1h_50 {
    width: auto;
  }

  ._submit-button_1yo1h_50 p {
    font-size: 16px;
    line-height: 24px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_ttoml_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_ttoml_3 {
  position: relative;
  z-index: 100;
}
._mt-8_ttoml_1 {
  margin-top: 8px !important;
}
._promo-input_ttoml_1 {
  margin: 0.5rem;
}
._promo-input_ttoml_1 label {
  pointer-events: none;
}
._promo-input_ttoml_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_ttoml_1 {
  margin: 0.5rem;
}
._default-promo-input_ttoml_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_ttoml_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_ttoml_3 {
  position: relative;
  z-index: 100;
}
._theFooter_ttoml_8 {
  display: var(--footer-display);
  padding: 1px;
  background: #f7f7f7;
}
._container_ttoml_14 {
  max-width: var(--container-max-width);
  height: var(--content-height);
  padding: var(--container-padding);
  margin: var(--container-margin);
  box-sizing: border-box;
}
._top-container_ttoml_22 {
  background: #f7f7f7;
}
._stepper_ttoml_26 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._stepperContainer_ttoml_31 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 24px;
  margin: 0 auto;
}
._bottom-container_ttoml_38 {
  background: #f7f7f7;
  flex: 50%;
}
._pageTitle_ttoml_43 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
._coverage-header_ttoml_50 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.1px;
  padding-bottom: 10px;
}
._title_ttoml_61 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.001em;
}
._stepper-wrapper_ttoml_69 {
  padding-top: 80px;
  padding-bottom: 30px;
}
._stepper-wrapper_ttoml_69 [class*='TypeComponent'] {
  z-index: 0;
}
._input-wrapper_ttoml_78 {
  margin-bottom: 24px;
}
._divider-wrapper_ttoml_82 {
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
}
._divider-footer-wrapper_ttoml_88 {
  padding: 2rem 0.5rem;
}
._divider-label_ttoml_92 {
  color: var(--neutral-50, #565656);

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.18px;
  text-transform: uppercase;
  background: #f7f7f7;
  position: absolute;
  top: 25px;
  left: calc(100% / 3 + 25px);
  padding-left: 15px;
  padding-right: 15px;
}
._submit-button_ttoml_110 {
  padding-top: 50px;
}
._submit-button_ttoml_110 > button {
  width: auto !important;
}
._footer-pay-submit-button_ttoml_118 {
  padding: 1.5rem 0.5rem 0.5rem;
}
._flex-container_ttoml_122 {
  display: flex;
  flex-direction: row;
  /* flex-flow: wrap; */
  font-size: 30px;
  text-align: left;
  column-gap: 130px;

  background: #f7f7f7;
}
._flex-item-left_ttoml_133 {
  flex: 58.33%;
}
._flex-item-right_ttoml_137 {
  flex: 33.33%;
}
._discount-wrapper_ttoml_141 {
  display: flex;
  flex-direction: row;
  background: rgb(239, 237, 253);
  border-radius: 8px;
  margin-top: 24px;
  margin-bottom: 50px;
}
._discount-title_ttoml_150 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  margin-right: 20px;
  display: flex;
  padding: 20px 0;
  align-items: center;
}
._discount-icon_ttoml_162 {
  padding: 30px 20px;
}
._coverage-icon_ttoml_166 {
  width: 100%;
  padding-right: 24px;
}
._star-icon-wrapper_ttoml_171 {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #dedafa;
  margin-right: 10px;
  margin-top: -4px;
}
._star-icon_ttoml_171 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: 6px;
  padding-top: 5px;
}
._coverage-title_ttoml_189 {
  color: #5457a0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
}
._card-wrapper_ttoml_197 {
  width: 100%;
  margin: auto;
}
._premium-card-wrapper_ttoml_202 {
  width: 100%;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
._premium-benefit-value-wrapper_ttoml_209 {
  width: 40%;
}
._premium-benefit-title_ttoml_213 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  display: block;
}
._premium-benefit-subdescription_ttoml_223 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  display: block;
}
._premium-benefitValue_ttoml_233 {
  color: #151560;
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
._premium-benefit-value-wrapper_ttoml_209 {
  width: 40%;
}
._premium-benefitValue_ttoml_233 {
  color: rgb(92, 80, 187);
  text-align: right;

  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  display: block;
}
._premium-benefit-subsectionDescription_ttoml_258 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._tabs-wrapper_ttoml_268 {
  position: sticky;
  top: -1px;
  background: #f7f7f7;
  z-index: 99;
  margin: 0 -24px;
  padding: 0 24px;
}
._tabs-wrapper_ttoml_268 [class*='Tabs__Wrapper'] {
  max-width: 100% !important;
}
._tabs-wrapper_ttoml_268 [class*='TabItemContainer'] {
  width: 33% !important;
  /* fix for 2 columns and 3 columns */
  background: #f7f7f7;
  padding-top: 0;
  min-width: 120px;
}
._tabs-details-wrapper_ttoml_289 {
  width: 100%;
  margin-top: var(--tabs-details-wrapper-margin-top);
}
._flex-pay_ttoml_294 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}
._flex-pay-left_ttoml_301 {
  flex: 50%;
  text-align: left;
  padding-left: 0.5rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
._flex-pay-left-bottom_ttoml_309 {
  flex: 50%;
  text-align: left;
  padding-left: 0.5rem;
}
._flex-pay-right_ttoml_315 {
  flex: 75%;
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
._flex-pay-right-bottom_ttoml_323 {
  flex: 1;
  text-align: right;
  padding-right: 10px;
}
._gst-inclusive_ttoml_329 {
  color: var(--Neutral-70, #222);
  /* Mobile/05 Bold body */

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.32px;
}
._flex-coverage-title_ttoml_341 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  padding-left: 5px;
  padding-top: 15px;
  margin-top: -5px;
  padding-bottom: 5px;
}
._flex-coverage_ttoml_341 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  padding-left: 5px;
  margin-bottom: -20px;
}
._flex-coverage-left_ttoml_361 {
  flex: 30%;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
}
._flex-coverage-right_ttoml_368 {
  flex: 70%;
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
}
._flex-coverage-right-title_ttoml_375 {
  margin-top: -12px;
  padding-left: 5px;
}
._coverage-benefitTitle-wrapper_ttoml_380 {
  width: 50%;
  text-align: left;
  padding-left: 5px;
}
._coverage-benefitValue-wrapper_ttoml_386 {
  width: 50%;
}
._coverage-benefitTiTle_ttoml_390 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
  margin-bottom: 30px;
}
._coverage-benefitTiTle-not-covered_ttoml_401 {
  color: #a8a8a8 !important;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
  margin-bottom: 30px;
}
._coverage-benefit-title-wrapper_ttoml_412 {
  width: 60%;
}
._coverage-benefit-value-wrapper_ttoml_416 {
  width: 40%;
}
._coverage-benefit-title_ttoml_412 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._coverage-benefitValue_ttoml_386 {
  color: #151560;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  margin-top: 0;
}
._coverage-benefitValue-not-covered_ttoml_441 {
  color: #a8a8a8 !important;
  color: #151560;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  margin-top: 0;
}
._pay-discount_ttoml_453 {
  color: #ca112f;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.25px;
}
._pay-amount_ttoml_463 {
  color: #757575;
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.25px;
  text-decoration-line: line-through;
}
._you-will-pay_ttoml_475 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._you-will-pay-amount_ttoml_484 {
  color: #222;
  text-align: right;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._benefitTitle_ttoml_494 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._benefitValue_ttoml_504 {
  color: var(--blue-50, #04c);
  text-align: right;

  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._proceed-wrapper_ttoml_515 {
  display: none;
}
._policy-wrapper_ttoml_519 {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 30px;
}
._policy-wrapper_ttoml_519 p {
  margin-bottom: -18px;
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._policy-wrapper_ttoml_519 a {
  text-decoration: none;
}
._more-info-wrapper_ttoml_540 {
  padding-bottom: 25px;
  padding-left: 15px;
}
._more-info-wrapper_ttoml_540 span {
  margin-bottom: -18px;
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: 0.1px;
  display: block;
}
._recommended-wrapper_ttoml_557 {
  position: relative;
  display: table;
  width: 100%;
}
._recommended-cell_ttoml_563 {
  position: relative;
  min-height: 48px;
  min-width: 120px;
  box-sizing: border-box;
  padding: 0 24px 0;
  white-space: nowrap;
  display: table-cell;
  cursor: pointer;
  user-select: none;
  text-align: center;
  width: 33%;
  /* fix for 2 columns and 3 columns */
}
._recommended-label_ttoml_578 {
  color: #ca112f;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
}
._footer_ttoml_118 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #f7f7f7;
  padding-top: 24px;
}
._need-more-info_ttoml_596 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._policy-wording_ttoml_606 {
  color: #5c50bb;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._coverage-highlights-not-eligible_ttoml_616 {
  color: var(--Red-70, #bc1430) !important;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.16px;
  padding-left: 5px;
  margin-top: 0;
}
._footer-discount-second-wrapper_ttoml_628 {
  margin-bottom: 1.5rem;
}
._hr-wrapper_ttoml_632 {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
._top-wrapper_ttoml_639 ._you-will-pay_ttoml_475 {
  color: #222;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  margin: 8px 0;
}
._modal-submit-button_ttoml_649 {
  padding-top: 30px;
}
._modal-submit-button_ttoml_649 > button {
  width: 100% !important;
}
._selector-wrapper_ttoml_657 {
  padding: 0;
}
._selector-wrapper_ttoml_657 div {
  padding: 5px;
}
._selector-wrapper_ttoml_657 p {
  width: 100%;
}
._extra-coverage-title_ttoml_669 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._extra-coverage-desc_ttoml_679 {
  color: var(--Neutral-50, #565656);

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.28px;
  padding-top: 10px !important;
}
._extra-coverage-price_ttoml_690 {
  color: #222;
  text-align: right;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._discount-label_ttoml_701 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  letter-spacing: 0.02rem;
  padding-left: 0.5rem;
  margin: 0.5rem 0;
}
._discount-description_ttoml_710 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  letter-spacing: 0.01rem;
  padding-left: 0.5rem;
  margin: 0;
}
._add-item-container_ttoml_719 {
  display: flex;
  flex-direction: row;
}
._add-item-item-left_ttoml_724 {
  padding: 0;
  flex: 60%;
  text-align: left;
}
._add-item-item-right_ttoml_730 {
  padding: 0;
  flex: 40%;
  text-align: right;
}
._margin_ttoml_736 {
  margin-top: 16px;
}
._extra-coverage-modal-title_ttoml_740 {
  display: flex;
  align-items: baseline;
}
._extra-coverage-modal-title_ttoml_740 ._icon_ttoml_745 {
  height: 24px;
  align-self: center;
  margin-right: 2px;
}
._extra-coverage-cursor_ttoml_751 {
  cursor: pointer;
}
._logo_ttoml_755 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_ttoml_760 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_ttoml_760 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_ttoml_755 {
    margin-bottom: 1rem;
  }

  ._divider-footer-wrapper_ttoml_88 {
    padding: 1.5rem 0.5rem;
  }

  ._footer-pay-submit-button_ttoml_118 {
    padding: 1.5rem 0.5rem 0;
  }

  ._stepperContainer_ttoml_31 {
    padding: 20px;
  }

  ._flex-item-left_ttoml_133 {
    padding-top: 0;
  }

  ._discount-wrapper_ttoml_141 {
    margin: 24px 0;
  }

  ._bottom-container_ttoml_38 {
    margin-top: 0;
  }

  ._wrapper_ttoml_803 {
    background: #ffffff;
  }

  ._divider-label_ttoml_92 {
    color: var(--neutral-50, #565656);

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
    letter-spacing: 0.18px;
    text-transform: uppercase;
    background: #f7f7f7;
    position: absolute;
    top: 25px;
    left: calc(100% / 3 - 20px);
    padding-left: 15px;
    padding-right: 15px;
  }

  ._submit-button_ttoml_110 {
    padding-bottom: 24px;
  }

  ._submit-button_ttoml_110 > button {
    width: 100% !important;
  }

  ._pageTitle_ttoml_43 {
    font-size: 32px;
    line-height: 38.4px;
  }

  ._coverage-header_ttoml_50 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    padding-bottom: 10px;
  }

  ._title_ttoml_61 {
    font-size: 16px;
    line-height: 28px;
  }

  ._flex-container_ttoml_122 {
    flex-direction: column;
    width: 100% !important;
  }

  ._footer-wrapper_ttoml_855 {
    width: 100%;
  }

  ._footer-wrapper_ttoml_855 [class*='CardContainer'] {
    border-radius: 0 !important;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0 !important;
  }

  ._coverage-wrapper_ttoml_864 {
    width: 100%;
  }

  ._proceed-wrapper_ttoml_515 {
    display: flex;
    background: #fff;
    padding: 10px 24px;
    position: sticky;
    top: -1px;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
  }

  ._flex-proceed_ttoml_878 {
    display: flex;
    font-size: 30px;
    width: 100%;
  }

  ._flex-proceed-left_ttoml_884 {
    flex: 60%;
    text-align: left;
  }

  ._flex-proceed-right_ttoml_889 {
    padding: 20px 0;
    height: 40px;
  }

  ._proceed-discount_ttoml_894 {
    color: var(--red-60, #ca112f);

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.32px;
    margin: 12px 0;
  }

  ._proceed-no-discount-wrapper_ttoml_905 {
    height: 30px;
  }

  ._proceed-have-discount-wrapper_ttoml_909 {
    height: 32px;
  }

  ._proceed-amount_ttoml_913 {
    color: var(--neutral-40, #757575);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin: 0;
  }

  ._proceed-amount-no-discount_ttoml_924 {
    color: var(--neutral-40, #757575);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin: 0;
  }

  ._cross-amount_ttoml_935 {
    text-decoration: line-through;
    color: #757575;

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.2px;
    padding-left: 0;
    text-decoration-line: strikethrough;
  }

  ._proceed-you-will-pay-amount_ttoml_948 {
    color: var(--neutral-70, #222);

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.2px;
  }

  ._stepper-wrapper_ttoml_69 {
    padding-top: 50px;
  }

  ._flex-item-right_ttoml_137 {
    padding: 0;
    flex: 30%;
  }

  ._footer_ttoml_118 {
    padding: 0;
    margin: 0 -24px;
    background: #ffffff;
  }

  ._coverage-benefitValue_ttoml_386 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._coverage-benefitValue-not-covered_ttoml_441 {
    color: #a8a8a8;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._recommended-cell_ttoml_563 {
    padding: 0;
  }

  ._tabs-wrapper_ttoml_268 {
    position: sticky;
    top: 98px;
    background: #f7f7f7;
    z-index: 98;
    margin: 0 -24px;
    padding: 0 24px;
  }

  ._policy-wrapper_ttoml_519 {
    padding-bottom: 75px;
  }

  ._policy-wrapper_ttoml_519 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
  }

  ._more-info-wrapper_ttoml_540 {
    padding-bottom: 45px;
    padding-left: 15px;
    margin-top: -10px;
  }

  ._more-info-wrapper_ttoml_540 span {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.16px;
  }

  ._policy-wording_ttoml_606 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  ._recommended-label_ttoml_578 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.36px;
  }

  ._coverage-title_ttoml_189 {
    font-size: 14px;
    line-height: 21px;
  }

  ._star-icon-wrapper_ttoml_171 {
    margin-top: 0;
  }

  ._coverage-benefitTitle-wrapper_ttoml_380 {
    width: 70%;
  }

  ._coverage-benefitValue-wrapper_ttoml_386 {
    width: 30%;
  }

  ._premium-benefit-title_ttoml_213 {
    font-size: 16px !important;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.28px;
  }

  ._flex-pay-left_ttoml_301 {
    line-height: 24px;
  }

  ._premium-benefit-subsectionDescription_ttoml_258 {
    font-size: 16px !important;
  }

  ._premium-benefitValue_ttoml_233 {
    font-size: 16px;
    line-height: 24px;
  }

  ._flex-coverage-right-title_ttoml_375 {
    margin-top: -5px;
  }

  ._discount-title_ttoml_150 {
    font-size: 16px;
    line-height: 24px;
  }

  ._coverage-benefitTiTle_ttoml_390 {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 25px;
    padding-bottom: 10px;
  }

  ._coverage-benefitTiTle-not-covered_ttoml_401 {
    color: #a8a8a8;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 25px;
    padding-bottom: 10px;
  }

  ._discount-label_ttoml_701 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.02rem;
    padding-left: 0.5rem;
    margin: 0.5rem 0;
  }

  ._discount-description_ttoml_710 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.16px;
    padding-left: 0.5rem;
    margin: 0;
  }

  ._download-policy-label_ttoml_1118 {
    left: 35px;
    position: absolute;
    padding-top: 35px;
  }

  ._you-will-pay-amount_ttoml_484 {
    font-size: 20px;
    line-height: 25px;
  }

  ._extra-coverage-title_ttoml_669 {
    color: #222;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.16px;
  }

  ._extra-coverage-desc_ttoml_679 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.36px;
    padding-right: 80px;
    padding-top: 5px !important;
  }

  ._extra-coverage-price_ttoml_690 {
    color: #222;
    font-size: 20px !important;
    line-height: 25px;
    letter-spacing: 0.16px;
  }

  ._add-item-container_ttoml_719 {
    flex-direction: row;
  }

  ._selector-wrapper_ttoml_657 div {
    padding: 4px !important;
  }

  ._modal-submit-button_ttoml_649 {
    padding-top: 15px;
  }

  ._premium-benefit-subdescription_ttoml_223 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_5k9q1_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_5k9q1_3 {
  position: relative;
  z-index: 100;
}
._mt-8_5k9q1_1 {
  margin-top: 8px !important;
}
._promo-input_5k9q1_1 {
  margin: 0.5rem;
}
._promo-input_5k9q1_1 label {
  pointer-events: none;
}
._promo-input_5k9q1_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_5k9q1_1 {
  margin: 0.5rem;
}
._default-promo-input_5k9q1_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_5k9q1_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_5k9q1_3 {
  position: relative;
  z-index: 100;
}
._pageTitle_5k9q1_8 {
  margin: 5rem auto 2.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  width: 100%;
  max-width: var(--container-max-width);
  padding: 0 1rem;
  box-sizing: border-box;
}
._container_5k9q1_19 {
  margin: var(--container-margin);
  height: var(--content-height);
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_5k9q1_30 {
  bottom: 0;
  padding-top: 1.5rem;
  background-color: #ffffff;
  /* Example background color */
  width: 100%;
  z-index: 1000;
  /* Ensure it's on top of other content */
}
@media (max-width: 679px) {
  ._container_5k9q1_19 {
    overflow-x: initial;
  }

  ._footer_5k9q1_30 {
    display: var(--footer-display);
  }

  ._pageTitle_5k9q1_8 {
    display: none;
  }

  ._extraCoverage_5k9q1_53 {
    width: 100%;
    height: auto;
  }
}
._greyArea_185oe_1 {
  background: #f7f7f7;
  position: relative;
  padding: 0 0 10rem;
  box-sizing: border-box;
}

._title_185oe_8 {
  text-align: center;
}

._status_185oe_12 {
  font-size: 900;
  font-size: 2.5rem;
  line-height: 1.2;
}

._product_185oe_18 {
  margin-top: 0.5rem;

  font-size: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._subTitle_185oe_26 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

._description_185oe_33 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._container_185oe_40 {
  max-width: 596px;
  margin: 5rem auto 3rem;
  padding: 0 1.5rem;
}

._copy_185oe_46 {
  margin: 3rem auto;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
}

._copy_185oe_46 > div:first-child {
  flex: 1;
}

._text_185oe_58 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._label_185oe_64 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}

._copy_185oe_46 > div:last-child {
  align-self: center;
}

._copy_185oe_46 > div:last-child > span {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #0062f5;
  cursor: pointer;
  text-decoration: underline;
}

._greyAreaContent_185oe_84 {
  margin: 5rem auto;
  max-width: 1208px;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

._contacts_185oe_93 {
  display: flex;
  flex-direction: row;
  gap: 4rem;
}

._button_185oe_99 {
  width: 224px;
  margin: 3rem auto;
}

._orderPaid_185oe_104 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}

._sections_185oe_111 {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_185oe_111 {
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._greyCard_185oe_124 {
  border-radius: 8px;
  padding: 1rem;
  background: #f7f7f7;

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03rem;
}

@media (max-width: 679px) {
  ._greyArea_185oe_1 {
    background: #f7f7f7;
    position: relative;
    padding: 0 1.5rem;
    box-sizing: border-box;
  }

  ._sections_185oe_111 {
    margin-top: 2.5rem;
  }

  ._status_185oe_12 {
    font-size: 2rem;
  }

  ._product_185oe_18 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._subTitle_185oe_26 {
    font-size: 1rem;
  }

  ._description_185oe_33 {
    font-size: 1rem;
  }

  ._copy_185oe_46 {
    margin: 2.5rem auto;
  }

  ._copy_185oe_46 > div:last-child > span {
    font-size: 1rem;
  }

  ._text_185oe_58 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._section_185oe_111 {
    font-size: 1rem;
  }

  ._label_185oe_64 {
    font-size: 0.75rem;
  }

  ._button_185oe_99 {
    width: 100%;
    margin: 2.5rem auto;
  }

  ._contacts_185oe_93 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  ._greyAreaContent_185oe_84 {
    margin: 1rem auto;
    padding: 1.5rem;
    gap: 2rem;
  }

  ._button_185oe_99 {
    width: 100%;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1xls5_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1xls5_1 {
  margin-top: 8px !important;
}
._promo-input_1xls5_1 {
  margin: 0.5rem;
}
._promo-input_1xls5_1 label {
  pointer-events: none;
}
._promo-input_1xls5_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1xls5_1 {
  margin: 0.5rem;
}
._default-promo-input_1xls5_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1xls5_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1xls5_3 {
  position: relative;
  z-index: 100;
}
._container_1xls5_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_1xls5_18 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_1xls5_18 {
    display: var(--footer-display);
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1j0rp_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1j0rp_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1j0rp_1 {
  margin-top: 8px !important;
}
._promo-input_1j0rp_1 {
  margin: 0.5rem;
}
._promo-input_1j0rp_1 label {
  pointer-events: none;
}
._promo-input_1j0rp_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1j0rp_1 {
  margin: 0.5rem;
}
._default-promo-input_1j0rp_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1j0rp_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1j0rp_3 {
  position: relative;
  z-index: 100;
}
._footer_1j0rp_8 {
  display: var(--footer-display);
  padding: 1px;
  background: #f7f7f7;
}
._modal-submit-button_1j0rp_14 > button {
  width: 100% !important;
}
._main_1j0rp_18 {
  background: #f7f7f7;
}
._pageTitle_1j0rp_22 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
._content_1j0rp_29 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._stepper_1j0rp_37 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._stepperContainer_1j0rp_42 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 24px;
  margin: 0 auto;
}
._form_1j0rp_49 {
  width: var(--form-width);
}
._divider-wrapper_1j0rp_53 {
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
}
._mailing-address-header_1j0rp_59 {
  color: #222;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  padding-top: 40px;
}
._mailing-address-title_1j0rp_68 {
  color: #202020;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.016px;
}
._title_1j0rp_77 {
  color: #222;

  /* Mobile/04 Header */

  /* previous AvenirLTStd */
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  /* 125% */
  letter-spacing: 0.2px;
}
._clear-details-popup-descp_1j0rp_91 {
  color: #222;

  /* Mobile/04 Header */

  /* previous AvenirLTStd */
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 125% */
  letter-spacing: 1%;
}
._stepper-wrapper_1j0rp_105 {
  padding-top: 50px;
}
._input-wrapper_1j0rp_109 {
  margin-top: 24px;
}
._input-bottom-wrapper_1j0rp_113 {
  margin-bottom: 24px;
}
._error-description_1j0rp_117 {
  color: rgb(188, 20, 48) !important;
  font-size: 16px;

  padding-top: 10px;
  padding-left: 5px;
}
._flex-container_1j0rp_125 {
  margin-top: 24px;
  display: flex;
  font-size: 30px;
  text-align: center;
}
._flex-item-left_1j0rp_132 {
  margin-right: 24px;
  flex: 58.33%;
}
._flex-item-right_1j0rp_137 {
  flex: 33.33%;
}
._input-description_1j0rp_141 {
  color: #222;

  /* Mobile/07 Small body */

  /* previous AvenirLTStd */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
  letter-spacing: 0.36px;
}
._gender-header_1j0rp_155 {
  color: rgb(86, 86, 86);
  font-size: 14px;
  line-height: 1.5;
  margin: 0px;
}
._review-header-main_1j0rp_162 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._review-header-sub_1j0rp_171 {
  color: #222;

  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.36px;
  font-style: normal;
  font-weight: 700;
}
._gender-fixed_1j0rp_181 {
  display: flex;
  width: 140px;
  align-items: flex-start;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 150% */
  letter-spacing: 0.02px;
  margin-top: 10px;
}
._error-message_1j0rp_195 {
  color: rgb(188, 20, 48);
  font-size: 16px;
}
._submit-button_1j0rp_200 {
  padding-top: 50px;
}
._submit-button_1j0rp_200 > button {
  width: auto !important;
}
._flex-review_1j0rp_208 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  gap: 24px;
  text-align: center;
  padding-top: 15px;
}
._flex-review-left_1j0rp_217 {
  flex: 80%;
  text-align: left;
  /* padding-top: 15px; */
}
._flex-review-left-selector_1j0rp_223 {
  flex: 50%;
  text-align: left;
  width: 156px;
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
}
._flex-review-right_1j0rp_233 {
  flex: 20%;
  text-align: right;
}
._flex-review-right-selector_1j0rp_238 {
  flex: 50%;
  text-align: left;
  width: 155px;
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
}
._selector-item-display_1j0rp_247 {
  color: var(--Neutral-70, #222);

  /* Mobile/06 Body */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
._remove-link_1j0rp_261 {
  color: var(--Blue-40, #0062f5);
  text-align: right;
  /* Mobile/08 Text link */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.32px;
  text-decoration-line: underline;
  cursor: pointer;
}
._additional-driver-heading_1j0rp_277 {
  color: var(--Colour-text-default, #222);
  /* Mobile/04 Header */

  /* previous AvenirLTStd */
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  /* 125% */
  letter-spacing: 0.2px;
}
._number-of-claim-error_1j0rp_290 {
  color: rgb(188, 20, 48);
  font-size: 16px;

  padding-top: 10px;
}
._number-of-claim-error_1j0rp_290 a {
  color: rgb(92, 80, 187);

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
  text-decoration-line: underline;
}
._modal-submit-button_1j0rp_14 {
  padding-top: 15px;
  padding-bottom: 15px;
}
._modal-submit-button_1j0rp_14 > button {
  width: auto !important;
}
._floor_1j0rp_317 {
  flex: 1;
  margin-right: 24px;
}
._unit_1j0rp_322 {
  flex: 1;
}
._logo_1j0rp_326 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_1j0rp_331 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_1j0rp_331 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_1j0rp_326 {
    margin-bottom: 1rem;
  }

  ._stepperContainer_1j0rp_42 {
    padding: 20px;
  }

  ._pageTitle_1j0rp_22 {
    font-size: 32px;
    line-height: 38.4px;
  }

  ._submit-button_1j0rp_200 {
    padding: 40px 0 34px;
  }

  ._submit-button_1j0rp_200 > button {
    width: 100% !important;
  }

  ._modal-submit-button_1j0rp_14 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  ._title_1j0rp_77 {
    color: #222;

    /* Mobile/04 Header */

    /* previous AvenirLTStd */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 125% */
    letter-spacing: 0.2px;
  }

  ._mailing-address-header_1j0rp_59 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    padding-top: 40px;
  }

  ._mailing-address-title_1j0rp_68 {
    color: #202020;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.016px;
  }

  ._review-header-main_1j0rp_162 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.2px;
  }

  ._review-header-sub_1j0rp_171 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1iq0u_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1iq0u_7 {
  position: relative;
  z-index: 100;
}
._mt-8_1iq0u_1 {
  margin-top: 8px !important;
}
._promo-input_1iq0u_1 {
  margin: 0.5rem;
}
._promo-input_1iq0u_1 label {
  pointer-events: none;
}
._promo-input_1iq0u_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1iq0u_1 {
  margin: 0.5rem;
}
._default-promo-input_1iq0u_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1iq0u_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._modal-submit-button_1iq0u_3 > button {
  width: 100% !important;
}
._header_1iq0u_7 {
  position: relative;
  z-index: 100;
}
._theFooter_1iq0u_12 {
  display: var(--footer-display);
  padding: 1px;
  background: #f7f7f7;
}
._container_1iq0u_18 {
  max-width: var(--container-max-width);
  padding: var(--container-padding);
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
}
._top-container_1iq0u_26 {
  background: #f7f7f7;
}
._bottom-container_1iq0u_30 {
  background-color: #f7f7f7;
  flex: 50%;
}
._stepperContainer_1iq0u_35 {
  max-width: var(--container-max-width);
  box-sizing: border-box;
  padding: 80px 24px 24px;
  margin: 0 auto;
}
._stepper_1iq0u_35 {
  margin-top: var(--stepper-margin-top);
  width: var(--stepper-width);
}
._title_1iq0u_47 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.001em;
}
._modal-wrapper_1iq0u_55 ._title_1iq0u_47 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
}
._agree-title_1iq0u_65 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.1px;
  padding-top: 10px;
}
._point-bullet_1iq0u_76 {
  color: #5c50bb;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  /* 175% */
  letter-spacing: 0.02px;
}
._stepper-wrapper_1iq0u_87 {
  padding-top: 80px;
  padding-bottom: 30px;
}
._stepper-wrapper_1iq0u_87 [class*='TypeComponent'] {
  z-index: 0;
}
._input-wrapper_1iq0u_96 {
  margin-top: 16px;
  width: 120%;
  padding: 20px 16px 0px;
  /* margin-bottom: 32px; */
}
._promoCode-text_1iq0u_103 {
  color: var(--Neutral-70, #222);

  /* Mobile/06 Body */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
._divider-wrapper_1iq0u_117 {
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
}
._divider-wrapper-payment-type_1iq0u_123 {
  display: hidden;
}
._modal-divider-wrapper_1iq0u_127 {
  position: relative;
  height: 30px;
  padding-top: 30px;
}
._divider-label_1iq0u_133 {
  color: var(--neutral-50, #565656);

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.18px;
  text-transform: uppercase;
  background: #f7f7f7;
  position: absolute;
  top: 25px;
  left: 300px;
  padding-left: 15px;
}
._submit-button_1iq0u_151 {
  padding-top: 50px;
}
._submit-button_1iq0u_151 > button {
  width: auto !important;
}
._footer-pay-submit-button_1iq0u_159 {
  padding: 1.5rem 0.5rem 0.5rem;
}
._flex-container_1iq0u_163 {
  display: flex;
  flex-direction: row;
  /* flex-flow: wrap; */
  font-size: 30px;
  text-align: left;
  column-gap: 130px;

  background: #f7f7f7;
}
._flex-item-left_1iq0u_174 {
  padding: 0;
  flex: 60%;
}
._flex-item-right_1iq0u_179 {
  padding: 10px;
  flex: 40%;
}
._discount-wrapper_1iq0u_184 {
  display: flex;
  flex-direction: row;
  background: #efedfd;
  border-radius: 8px;
  margin-top: 24px;
  margin-bottom: 50px;
}
._discount-title_1iq0u_193 {
  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.36px;
  text-align: left;
}
._discount-icon_1iq0u_204 {
  padding: 30px 20px;
}
._promo-wrapper_1iq0u_208 {
  display: flex;
  flex-direction: row;
  border-radius: 8px;
}
._singtel-icon_1iq0u_214 {
  position: absolute;
  margin-top: -35px;
  left: 0;
  padding-right: 10px;
  background: #ffffff;
}
._greatEastern-icon_1iq0u_222 {
  position: absolute;
  right: 0;
  margin-top: -20px;
  padding-left: 10px;
  background: #ffffff;
}
._star-icon_1iq0u_230 {
  width: 36px;
}
._coverage-title_1iq0u_234 {
  color: var(--blue-50, #04c);


  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.32px;
}
._card-wrapper_1iq0u_246 {
  width: 100%;
  margin: auto;
}
._premium-card-wrapper_1iq0u_251 {
  width: 100%;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
._premium-benefit-value-wrapper_1iq0u_258 {
  width: 40%;
}
._premium-benefit-title_1iq0u_262 {
  color: #222;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._premium-benefitValue_1iq0u_273 {
  color: #151560;
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
._premium-benefit-value-wrapper_1iq0u_258 {
  width: 40%;
}
._premium-benefitValue-wrapper_1iq0u_287 {
  width: 50%;
  text-align: right;
  padding-right: 10px;
}
._premium-benefitValue-wrapper-hide_1iq0u_293 {
  width: 50%;
  text-align: right;
  padding-right: 10px;
  display: none;
}
._premium-benefitValue_1iq0u_273 {
  color: #151560;
  font-size: 16px;
  line-height: 28px;
}
._premium-benefit-subsectionDescription_1iq0u_306 {
  color: #222;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.1px;
}
._tabs-details-wrapper_1iq0u_316 {
  width: 100%;
  margin-top: var(--tabs-details-wrapper-margin-top);
}
._flex-pay_1iq0u_321 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}
._flex-pay-gst_1iq0u_328 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  margin-top: -15px;
}
._flex-pay-left_1iq0u_336 {
  flex: 70%;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
}
._flex-pay-left-bottom_1iq0u_343 {
  flex: 75%;
  text-align: left;
  padding-left: 10px;
}
._flex-pay-right_1iq0u_349 {
  flex: 30%;
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
}
._flex-pay-right-bottom_1iq0u_356 {
  flex: 1;
  text-align: right;
  padding-right: 10px;
}
._flex-coverage-title_1iq0u_362 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  padding-left: 5px;
  padding-top: 15px;
  margin-top: -5px;
}
._flex-coverage_1iq0u_362 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  padding-left: 5px;
  margin-top: -5px;
}
._flex-coverage-left_1iq0u_381 {
  flex: 30%;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
}
._flex-coverage-right_1iq0u_388 {
  flex: 70%;
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
}
._flex-coverage-right-title_1iq0u_395 {
  margin-top: -5px;
}
._coverage-benefitTitle-wrapper_1iq0u_399 {
  width: 50%;
  text-align: left;
  padding-left: 5px;
}
._coverage-benefitValue-wrapper_1iq0u_405 {
  width: 50%;
  text-align: right;
  padding-right: 10px;
}
._coverage-benefitTiTle_1iq0u_411 {
  color: var(--neutral-70, #222);

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
._coverage-benefit-title-wrapper_1iq0u_423 {
  width: 60%;
}
._coverage-benefit-value-wrapper_1iq0u_427 {
  width: 40%;
}
._coverage-benefit-title_1iq0u_423 {
  color: #222;
  /* Desktop/05 Bold body */

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  /* 150% */
  letter-spacing: 0.36px;
}
._coverage-benefitValue_1iq0u_405 {
  color: #04c;
  text-align: right;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}
._pay-discount_1iq0u_454 {
  color: #ca112f;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.25px;
}
._cross-pay-amount_1iq0u_465 {
  color: #757575;
  text-align: right;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.25px;
  text-decoration-line: line-through;
}
._you-will-pay_1iq0u_478 {
  color: var(--Neutral-70, #222);
  /* Mobile/04 Header */

  /* previous AvenirLTStd */
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  /* 125% */
  letter-spacing: 0.2px;
  margin: 8px 0;
}
._you-will-pay-amount_1iq0u_492 {
  color: var(--Neutral-70, #222);

  text-align: right;
  /* Mobile/04 Header */

  /* previous AvenirLTStd */
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  /* 125% */
  letter-spacing: 0.2px;
}
._accepted-promo_1iq0u_507 {
  color: #222;

  /* Mobile/06 Body */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
._gst-inclusive_1iq0u_521 {
  color: var(--Neutral-70, #222);
  /* Mobile/05 Bold body */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.32px;
}
._benefitTitle_1iq0u_534 {
  color: #222;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._benefitValue_1iq0u_545 {
  color: var(--blue-50, #04c);
  text-align: right;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._proceed-wrapper_1iq0u_557 {
  display: none;
}
._policy-wrapper_1iq0u_561 {
  color: #222;

  /* previous AvenirLTStd */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 30px;
}
._policy-label_1iq0u_575 {
  margin-bottom: -18px;
}
._promo-wording_1iq0u_579 {
  color: var(--Blue-40, #0062f5);
  /* Mobile/08 Text link */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.32px;
  text-decoration-line: underline;
}
._recommended-wrapper_1iq0u_593 {
  position: relative;
  display: table;
  width: 100%;
}
._recommended-cell_1iq0u_599 {
  position: relative;
  min-height: 48px;
  box-sizing: border-box;
  padding: 0 24px 0;
  white-space: nowrap;
  display: table-cell;
  cursor: pointer;
  user-select: none;
  text-align: center;
}
._recommended-label_1iq0u_611 {
  color: var(--blue-50, #04c);

  /* previous AvenirLTStd */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.42px;
}
._footer_1iq0u_159 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #f7f7f7;
  padding-top: 24px;
}
._traveller-to-be-secured_1iq0u_630 {
  color: #222;

  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.1px;
  padding-bottom: 10px;
}
._flex-review-traveller_1iq0u_641 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  margin-top: -15px;
}
._flex-review_1iq0u_641 {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}
._flex-review-left_1iq0u_656 {
  flex: 90%;
  text-align: left;
  /* padding-top: 15px; */
}
._flex-review-right_1iq0u_662 {
  flex: 10%;
  text-align: right;
  padding-right: 10px;
  /* padding-top: 10px; */
}
._promo-box_1iq0u_669 {
  display: flex;
  width: 100%;
  height: auto;
  align-items: center;
  flex-shrink: 0;

  color: var(--Blue-40, #0062f5);
  text-align: right;
  /* Mobile/08 Text link */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.32px;
  text-decoration-line: underline;
}
._promo-textbox_1iq0u_690 {
  display: flex;
  height: 64px;
  padding: 20px 16px;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
._review-header_1iq0u_699 {
  color: #222;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
._review-change_1iq0u_708 {
  color: #5c50bb;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  cursor: pointer;
}
._vehicle-review-change_1iq0u_718 {
  color: #5c50bb;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  cursor: pointer;
}
._traveller-wrapper_1iq0u_728 {
  padding-bottom: 25px;
}
._review-fullname_1iq0u_732 {
  color: #222;

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}
._review-title_1iq0u_741 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.36px;
}
._review-row-owner-title_1iq0u_751 {
  padding-top: 0;
  margin-top: -5px;
}
._review-plan-title_1iq0u_756 {
  padding-top: 0;
}
._review-description_1iq0u_760 {
  color: #222;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.18px;
}
._review-row_1iq0u_751 {
  padding-top: 20px;
  display: flex;
  flex-direction: row;
  /* font-size: 30px; */
  text-align: center;
}
._interest-card-wrapper_1iq0u_778 {
  margin: 24px 0 56px;
}
._interest-card-wrapper_1iq0u_778 > div {
  cursor: pointer;
}
._interest-card-wrapper_1iq0u_778 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
._interest-card-container_1iq0u_794 p {
  margin: 0;
}
._interest-card-container_1iq0u_794 > div {
  margin-left: 104px;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._interest-card-container_1iq0u_794 ._title_1iq0u_47 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}
._interest-card-container_1iq0u_794 ._description_1iq0u_813 {
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  color: #757575;
  font-size: 16px;
  line-height: 28px;
}
._sub-header_1iq0u_822 {
  color: #222;

  /* Mobile/04 Header */

  /* previous AvenirLTStd */
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  /* 125% */
  letter-spacing: 0.2px;
}
._discount-price-header_1iq0u_836 {
  color: var(--Neutral-70, #222);
  /* Mobile/05 Bold body */

  /* previous AvenirLTStd */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.32px;
}
._discount-price-details_1iq0u_849 {
  color: var(--Neutral-70, #222);

  /* Mobile/07 Small body */

  /* previous AvenirLTStd */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
  letter-spacing: 0.36px;
}
._discount-box_1iq0u_863 {
  display: flex;
  width: 100%;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 8px;
  background: #ebf2ff;
}
._plus-text_1iq0u_874 {
  color: #5c50bb;

  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  cursor: pointer;
  margin-left: 5px;
  text-decoration: underline;
}
._pageTitle_1iq0u_886 {
  margin: 0;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
._input-description_1iq0u_893 {
  color: var(--neutral-60, #3b3b3b);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 150% */
  letter-spacing: 0.28px;
}
._card-divider-wrapper_1iq0u_904 {
  padding: 1rem 0.625rem;
}
._flex-between_1iq0u_908 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._review-plan-title-discount_1iq0u_914 {
  margin-top: 0px;
  padding-right: 10px;

  span {
    font-size: 16px;
  }
}
._defaultPromoInput_1iq0u_923 {
  margin: 0.5rem;
}
._defaultPromoInput_1iq0u_923 > div > label {
  background-color: #f7f7f7;
}
._defaultPromoInput_1iq0u_923 label > div > div > div > span {
  font-size: initial;
}
._logo_1iq0u_935 {
  height: var(--logo-height);
  margin-bottom: 2rem;
}
._backedByGreatEastern_1iq0u_940 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: 0.02rem;
  color: #757575;
  margin: 2.5rem 0 1rem;
}
@media (max-width: 679px) {
  ._backedByGreatEastern_1iq0u_940 {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }

  ._logo_1iq0u_935 {
    margin-bottom: 1rem;
  }

  ._footer-pay-submit-button_1iq0u_159 {
    padding: 1.5rem 0.5rem 0.5rem;
  }

  ._pageTitle_1iq0u_886 {
    display: none;
  }

  ._wrapper_1iq0u_967 {
    background: #ffffff;
  }

  ._stepperContainer_1iq0u_35 {
    padding: 20px;
  }

  ._bottom-container_1iq0u_30 {
    margin-bottom: -40px;
  }

  ._divider-label_1iq0u_133 {
    color: var(--neutral-50, #565656);

    /* previous AvenirLTStd */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 150% */
    letter-spacing: 0.18px;
    text-transform: uppercase;
    background: #f7f7f7;
    position: absolute;
    top: 25px;
    left: 100px;
    padding-left: 15px;
    padding-right: 15px;
  }

  ._submit-button_1iq0u_151 {
    padding: 40px 0 34px;
  }

  ._submit-button_1iq0u_151 > button {
    width: 100% !important;
  }

  ._header_1iq0u_7 {
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 38.4px;
  }

  ._sub-header_1iq0u_822 {
    color: #222;

    /* Mobile/04 Header */

    /* previous AvenirLTStd */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 125% */
    letter-spacing: 0.2px;
  }

  ._title_1iq0u_47 {
    font-size: 16px;
    line-height: 28px;
  }

  ._modal-wrapper_1iq0u_55 ._title_1iq0u_47 {
    font-size: 16px;
    line-height: 24px;
  }

  ._agree-title_1iq0u_65 {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
  }

  ._point-bullet_1iq0u_76 {
    font-size: 15px;
    line-height: 28px;
  }

  ._flex-container_1iq0u_163 {
    flex-direction: column;
    width: 100% !important;
  }

  ._footer-wrapper_1iq0u_1053 {
    width: 100%;
    /* position: fixed; */
    /* left: 0; */
    /* bottom: -6px; */
  }

  ._footer-wrapper_1iq0u_1053 [class*='CardContainer'] {
    border-radius: 0 !important;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0 !important;
  }

  ._coverage-wrapper_1iq0u_1065 {
    width: 100%;
  }

  ._proceed-wrapper_1iq0u_557 {
    display: flex;
    background: #fff;
    padding: 10px 24px;
    position: sticky;
    top: -1px;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
  }

  ._flex-proceed_1iq0u_1079 {
    display: flex;
    font-size: 30px;
    width: 100%;
  }

  ._flex-proceed-left_1iq0u_1085 {
    flex: 60%;
    text-align: left;
  }

  ._flex-proceed-right_1iq0u_1090 {
    padding: 20px 0;
    height: 40px;
  }

  ._proceed-discount_1iq0u_1095 {
    color: var(--red-60, #ca112f);

    /* previous AvenirLTStd */
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.32px;
    margin: 12px 0;
  }

  ._proceed-have-discount-wrapper_1iq0u_1107 {
    height: 32px;
  }

  ._proceed-no-discount-wrapper_1iq0u_1111 {
    height: 30px;
  }

  ._proceed-no-discount-wrapper_1iq0u_1111 ._you-will-pay_1iq0u_478 {
    color: #222;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    margin: 8px 0;
  }

  ._proceed-amount_1iq0u_1125 {
    color: var(--neutral-40, #757575);

    /* previous AvenirLTStd */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin: 0;
  }

  ._proceed-no-discount-amount_1iq0u_1137 {
    color: #757575;
    color: var(--neutral-40, #757575);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    margin: 0;
  }

  ._cross-amount_1iq0u_1149 {
    text-decoration: line-through;
    color: #757575;

    /* previous AvenirLTStd */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.2px;
    padding-left: 0;

    text-decoration-line: strikethrough;
  }

  ._proceed-you-will-pay-amount_1iq0u_1164 {
    color: var(--neutral-70, #222);

    /* previous AvenirLTStd */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.2px;
  }

  ._stepper-wrapper_1iq0u_87 {
    padding-top: 32px;
    padding-bottom: 16px;
  }

  ._flex-item-right_1iq0u_179 {
    padding: 0;
    flex: 30%;
  }

  ._footer_1iq0u_159 {
    padding: 0;
    margin: 0 -24px;
    background: #ffffff;
  }

  ._coverage-benefitValue_1iq0u_405 {
    font-size: 16px;
    line-height: 24px;
  }

  ._recommended-cell_1iq0u_599 {
    padding: 0;
  }

  ._policy-wrapper_1iq0u_561 {
    padding-bottom: 75px;
  }

  ._review-header_1iq0u_699 {
    color: #222;
    /* Mobile/05 Bold body */

    /* previous AvenirLTStd */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
  }

  ._review-title_1iq0u_741 {
    color: #000;

    /* previous AvenirLTStd */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.16px;
  }

  ._traveller-wrapper_1iq0u_728 {
    padding-top: 5px;
  }

  ._review-row-description_1iq0u_1233 {
    padding-top: 0;
    margin-top: -5px;
  }

  ._review-description_1iq0u_760 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
  }

  ._review-change_1iq0u_708 {
    font-size: 16px;
    line-height: 28px;
  }

  ._vehicle-review-change_1iq0u_718 {
    font-size: 16px;
    line-height: 28px;
    vertical-align: top;
  }

  ._payment-review-row_1iq0u_1256 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  ._traveller-to-be-secured_1iq0u_630 {
    font-size: 24px;
    line-height: 32px;
  }

  ._review-fullname_1iq0u_732 {
    color: #222;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }

  ._review-row_1iq0u_751 {
    padding-top: 8px;
    display: flex;
    flex-direction: row;
    /* font-size: 30px; */
    text-align: center;
  }

  ._review-plan-title-planname_1iq0u_1283 {
    margin-top: -5px;
  }

  ._flex-review-left-policy-owner_1iq0u_1287 {
    margin-top: -5px;
  }

  ._divider-wrapper_1iq0u_117 {
    padding-top: 32px;
    padding-bottom: 32px;
    position: relative;
  }

  ._discount-box_1iq0u_863 {
    display: flex;
    width: 100%;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    background: #ebf2ff;
  }

  ._discount-price-header_1iq0u_836 {
    color: var(--Neutral-70, #222);
    /* Mobile/05 Bold body */

    /* previous AvenirLTStd */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
  }

  ._discount-price-details_1iq0u_849 {
    color: var(--Neutral-70, #222);

    /* Mobile/07 Small body */

    /* previous AvenirLTStd */
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
    letter-spacing: 0.36px;
  }

  ._interest-card-wrapper_1iq0u_778 {
    margin: 16px 0 0px;
  }

  ._interest-card-container_1iq0u_794 > div {
    margin-left: 100px;
  }

  ._interest-card-container_1iq0u_794 ._title_1iq0u_47 {
    font-size: 16px;
    line-height: 24px;
  }

  ._interest-card-container_1iq0u_794 ._description_1iq0u_813 {
    font-size: 14px;
    line-height: 24px;
  }

  ._divider-wrapper-payment-type_1iq0u_123 {
    padding-top: 32px;
    padding-bottom: 0px;
    position: relative;
  }

  ._flex-pay_1iq0u_321 {
    display: flex;
    flex-direction: row;
    font-size: 30px;
    text-align: center;
  }

  ._plus-text_1iq0u_874 {
    font-size: 16px;
  }

  ._review-plan-title-discount_1iq0u_914 {
    span {
      font-size: 14px;
    }
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1hzry_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1hzry_33 {
  position: relative;
  z-index: 100;
}
._mt-8_1hzry_1 {
  margin-top: 8px !important;
}
._promo-input_1hzry_1 {
  margin: 0.5rem;
}
._promo-input_1hzry_1 label {
  pointer-events: none;
}
._promo-input_1hzry_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1hzry_1 {
  margin: 0.5rem;
}
._default-promo-input_1hzry_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1hzry_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (max-width: 679px) {
  :root {
    --logoAndTitle-margin: 2rem 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --logoAndTitle-margin: 2rem 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --logoAndTitle-margin: 5rem 0 2rem;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --logoAndTitle-margin: 5rem 0 2rem;
  }
}
@media (min-width: 1600px) {
  :root {
    --logoAndTitle-margin: 5rem 0 2rem;
  }
}
._header_1hzry_33 {
  position: relative;
  z-index: 100;
}
._container_1hzry_38 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
  max-width: 28rem;
}
._logoAndTitle_1hzry_50 {
  width: 100%;
  display: flex;
  font-weight: 700;
  flex-direction: column;
  gap: 1.5rem;
  margin: var(--logoAndTitle-margin);
}
._logoAndTitle_1hzry_50 > img {
  margin: 0 auto;
}
._logoAndTitle_1hzry_50 > div {
  font-size: 2rem;
  line-height: 2.4rem;
  text-align: center;
}
._footer_1hzry_69 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
  display: var(--footer-display);
}
._greyArea_1hzry_77 {
  background: #f7f7f7;
  position: relative;
  box-sizing: border-box;
}
._greyAreaContent_1hzry_83 {
  margin: 5rem auto;
  max-width: 1208px;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}
@media (max-width: 679px) {
  :root {
    --divider-margin: 2rem 0;
    --carConfirmation-margin: 1rem 0 0.5rem;
    --carConfirmation-font-size: 1rem;
    --ul-font-size: 0.75rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --divider-margin: 2rem 0;
    --carConfirmation-margin: 1rem 0 0.5rem;
    --carConfirmation-font-size: 1rem;
    --ul-font-size: 0.75rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --divider-margin: 2.5rem 0;
    --carConfirmation-margin: 1rem 0 0.5rem;
    --carConfirmation-font-size: 1.125rem;
    --ul-font-size: 0.875rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --divider-margin: 2.5rem 0;
    --carConfirmation-margin: 1rem 0 0.5rem;
    --carConfirmation-font-size: 1.125rem;
    --ul-font-size: 0.875rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --divider-margin: 2.5rem 0;
    --carConfirmation-margin: 1rem 0 0.5rem;
    --carConfirmation-font-size: 1.125rem;
    --ul-font-size: 0.875rem;
  }
}

._ul_rqbi2_46 {
  margin: 0;
  font-size: var(--ul-font-size);
  font-weight: 400;
  line-height: 1.5;

  letter-spacing: 0.02rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._ul_rqbi2_46 > li {
  margin: 0 -1.25rem;
}

._modalUl_rqbi2_62 {
  margin: 0;
}

._modalUl_rqbi2_62 > li {
  margin: 0 -1.25rem;
}

._ul_rqbi2_46 > li > span {
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
}

._divider_rqbi2_78 {
  margin: var(--divider-margin);
}

._title_rqbi2_82 {
  font-size: var(--carConfirmation-font-size);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  margin: var(--carConfirmation-margin);
}
._fields_1iprm_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._submit_1iprm_7 {
  margin: 2rem 0;
}
@media (max-width: 679px) {
  ._submit_1iprm_7 {
    margin: 1.5rem 0;
  }
}

._alignCenter_1iprm_16 {
  margin-top: 1rem;
}
._alignCenter_1iprm_16 > a {
  margin: 0 auto;
}._fields_p09vr_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._submit_p09vr_7 {
  margin: 2rem 0;
}
@media (max-width: 679px) {
  ._submit_p09vr_7 {
    margin: 1.5rem 0;
  }
}

._alignCenter_p09vr_16 {
  margin-top: 0.75rem;
}
._alignCenter_p09vr_16 > a {
  margin: 0 auto;
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_trcgs_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_trcgs_3 {
  position: relative;
  z-index: 100;
}
._mt-8_trcgs_1 {
  margin-top: 8px !important;
}
._promo-input_trcgs_1 {
  margin: 0.5rem;
}
._promo-input_trcgs_1 label {
  pointer-events: none;
}
._promo-input_trcgs_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_trcgs_1 {
  margin: 0.5rem;
}
._default-promo-input_trcgs_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_trcgs_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_trcgs_3 {
  position: relative;
  z-index: 100;
}
._container_trcgs_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  max-width: 28rem;
}
._footer_trcgs_20 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_trcgs_20 {
    display: var(--footer-display);
  }

  ._container_trcgs_8 {
    margin: var(--container-margin);
    height: var(--content-height);
    box-sizing: border-box;
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1.5rem 0;
    max-width: 28rem;
  }
}
@media (max-width: 679px) {
  :root {
    --otp-height: 4rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --otp-height: 4.5rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --otp-height: 4.5rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --otp-height: 4.5rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --otp-height: 4.5rem;
  }
}

._title_1ixzs_31 {
  font-size: 2rem;
  line-height: 2.4rem;
  text-align: center;
  margin: 1rem auto 0.5rem;
  width: 18rem;
}

._sendToArea_1ixzs_39 {
  text-align: center;

  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.01rem;
  color: #222222;
}

._sendTo_1ixzs_39 {
  font-weight: 700;
  letter-spacing: 0.02rem;
}

._otpArea_1ixzs_54 {
  margin: 1.5rem auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 340px;
}

._otpArea_1ixzs_54 input {
  background-color: #f7f7f7 !important;
  border: 1px solid #0062f5 !important;
  height: var(--otp-height) !important;
}

._otpArea_1ixzs_54._error_1ixzs_68 input {
  border: 1px solid #bc1430 !important;
}

._otpArea_1ixzs_54 input[value=''] {
  border: 1px solid #f7f7f7 !important;
}

._otpArea_1ixzs_54 input:not(:disabled) {
  background-color: #fff !important;
}

._otpArea_1ixzs_54 input[value='']:not(:disabled) {
  background-color: #f7f7f7 !important;
}

._otpArea_1ixzs_54._error_1ixzs_68 input[value='']:not(:disabled) {
  background-color: #fff !important;
  border: 1px solid #bc1430 !important;
}

._otpArea_1ixzs_54 input[value='']:focus {
  background-color: #fff !important;
  border: 1px solid #0062f5 !important;
}

._otpArea_1ixzs_54._error_1ixzs_68 input[value='']:focus {
  border: 1px solid #bc1430 !important;
}

._otpArea_1ixzs_54 input:disabled {
  border: 1px solid #f7f7f7 !important;
}

._otpArea_1ixzs_54 input:last-child {
  margin-right: 0 !important;
}

._resendArea_1ixzs_106 {
  text-align: center;

  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.01rem;
}

._didntReceiveIt_1ixzs_115 {
  color: #222222;
  margin-right: 0.5rem;
}

._resend_1ixzs_106 {
  color: #0062f5;

  font-weight: 700;
  letter-spacing: 0.02rem;
  text-decoration-line: underline;
  cursor: pointer;
}

._countdown_1ixzs_129 {
  color: #a8a8a8;
}
._alignCenter_iahgv_1 > a {
  margin: 0 auto;
}._alignCenter_iahgv_1 > a {
  margin: 0 auto;
}@media (max-width: 767px) {
  :root {
    --font-size: 1rem;
    --height: 1.875rem;
    --size: 4rem;
    --margin-top: -1.875rem;
    --greatEasternIcon-margin-top: -1rem;
    --greatEasternIcon-height: 2.25rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --font-size: 1rem;
    --size: 4rem;
    --height: 1.875rem;
    --margin-top: -1.875rem;
    --greatEasternIcon-margin-top: -1rem;
    --greatEasternIcon-height: 2.25rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --font-size: 1.125rem;
    --size: 5rem;
    --height: 2.5rem;
    --margin-top: -2.5rem;
    --greatEasternIcon-margin-top: -1.25rem;
    --greatEasternIcon-height: 2.5rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --font-size: 1.125rem;
    --size: 5rem;
    --height: 2.5rem;
    --margin-top: -2.5rem;
    --greatEasternIcon-margin-top: -1.25rem;
    --greatEasternIcon-height: 2.5rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --font-size: 1.125rem;
    --size: 5rem;
    --height: 2.5rem;
    --margin-top: -2.5rem;
    --greatEasternIcon-margin-top: -1rem;
    --greatEasternIcon-height: 2.25rem;
  }
}

._modalDividerWrapper_ggoko_56 {
  position: relative;
  height: var(--height);
  padding-top: var(--height);
}

._singtelIcon_ggoko_62 {
  position: absolute;
  width: var(--size);
  margin-top: var(--margin-top);
  left: 0;
  padding-right: 0.75rem;
  background: #fff;
}

._singtelIcon_ggoko_62 > img {
  width: var(--size);
  height: var(--size);
}

._greatEasternIcon_ggoko_76 {
  position: absolute;
  right: 0;
  padding-left: 1rem;
  background: #fff;
  margin-top: var(--greatEasternIcon-margin-top);
}

._greatEasternIcon_ggoko_76 > img {
  height: var(--greatEasternIcon-height);
}

._sharingYourData_ggoko_88 {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._pdpaLinks_ggoko_94 {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._pdpaLinks_ggoko_94 > li {
  margin: 0 -1.25rem;
}

._pdpaLinks_ggoko_94 > li > a {
  font-size: var(--font-size);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  text-decoration: underline;
  color: #0062f5;
}
@media (max-width: 679px) {
  :root {
    --textArea-height: 1.6875rem;
    --extraCoverage-title-font-size: 1.25rem;
    --extraCoverage-title-line-height: 1.5625rem;
    --description-font-size: 0.75rem;
    --description-line-height: 1.125rem;
    --addArea-font-size: 1rem;
    --addArea-line-height: 1.5rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --textArea-height: 1.6875rem;
    --extraCoverage-title-font-size: 1.25rem;
    --extraCoverage-title-line-height: 1.5625rem;
    --description-font-size: 0.75rem;
    --description-line-height: 1.125rem;
    --addArea-font-size: 1rem;
    --addArea-line-height: 1.5rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --textArea-height: 1.875rem;
    --extraCoverage-title-font-size: 1.5rem;
    --extraCoverage-title-line-height: 1.875rem;
    --description-font-size: 0.875rem;
    --description-line-height: 1.3125rem;
    --addArea-font-size: 1.125rem;
    --addArea-line-height: 1.6875rem;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --textArea-height: 1.875rem;
    --extraCoverage-title-font-size: 1.5rem;
    --extraCoverage-title-line-height: 1.875rem;
    --description-font-size: 0.875rem;
    --description-line-height: 1.3125rem;
    --addArea-font-size: 1.125rem;
    --addArea-line-height: 1.6875rem;
  }
}

@media (min-width: 1600px) {
  :root {
    --textArea-height: 1.875rem;
    --extraCoverage-title-font-size: 1.5rem;
    --extraCoverage-title-line-height: 1.875rem;
    --description-font-size: 0.875rem;
    --description-line-height: 1.3125rem;
    --addArea-font-size: 1.125rem;
    --addArea-line-height: 1.6875rem;
  }
}

._content_y63d2_61 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: left;
}

._titleArea_y63d2_68 {
  height: var(--textArea-height);
  display: flex;
  gap: 0.25rem;
}

._titleArea_y63d2_68 > div {
  align-self: center;
}

._title_y63d2_68 {
  color: #222222;

  font-size: var(--extraCoverage-title-font-size);
  font-weight: 700;
  line-height: var(--extraCoverage-title-line-height);
  letter-spacing: 0.01em;
}

._extraCoverage_y63d2_87 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6875rem;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom: 0.8125rem;
}

._addOns_y63d2_96 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._icon_y63d2_103 {
  height: 1.5rem;
}

._description_y63d2_107 {
  font-size: var(--description-font-size);
  font-weight: 400;
  line-height: var(--description-line-height);
  letter-spacing: 0.03em;
  text-align: left;
}

._addArea_y63d2_115 > div > p {
  font-size: var(--addArea-font-size) !important;
  line-height: var(--addArea-line-height) !important;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_169rq_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_169rq_1 {
  position: relative;
  z-index: 100;
}
._mt-8_169rq_1 {
  margin-top: 8px !important;
}
._promo-input_169rq_1 {
  margin: 0.5rem;
}
._promo-input_169rq_1 label {
  pointer-events: none;
}
._promo-input_169rq_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_169rq_1 {
  margin: 0.5rem;
}
._default-promo-input_169rq_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_169rq_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (max-width: 679px) {
  :root {
    --smallText-font-size: 0.75rem;
    --smallText-letter-spacing: 0.03rem;
    --subTitle-font-size: 1.25rem;
    --subTitle-margin-bottom: 1rem;
    --groupLabel-font-size: 1rem;
    --label-font-size: 0.75rem;
    --renewal-text-font-size: 1rem;
    --space-height: 1.5rem;
    --container-grid-gap: 0;
    --renewal-container-padding: 0;
    --container-display: flex;
    --payableTodaySubmit-margin-top: 1.5rem;
    --includesGST-font-size: 1rem;
    --payableToday-font-size: 1.25rem;
    --footer-padding: 1.5rem;
    --greyArea-left: 0;
    --greyArea-translateX: -1rem;
    --greyArea-width: 100vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --smallText-font-size: 0.75rem;
    --smallText-letter-spacing: 0.03rem;
    --subTitle-font-size: 1.25rem;
    --subTitle-margin-bottom: 1rem;
    --groupLabel-font-size: 1rem;
    --label-font-size: 0.75rem;
    --renewal-text-font-size: 1rem;
    --space-height: 1.5rem;
    --container-grid-gap: 0;
    --renewal-container-padding: 0 1rem;
    --container-display: grid;
    --payableTodaySubmit-margin-top: 2rem;
    --includesGST-font-size: 1.125rem;
    --footer-padding: 2rem;
    --payableToday-font-size: 1.5rem;
    --greyArea-left: 0;
    --greyArea-translateX: -1rem;
    --greyArea-width: 100vw;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --smallText-font-size: 0.875rem;
    --smallText-letter-spacing: 0.02rem;
    --subTitle-font-size: 1.5rem;
    --subTitle-margin-bottom: 1.5rem;
    --groupLabel-font-size: 1.125rem;
    --label-font-size: 0.875rem;
    --renewal-text-font-size: 1.125rem;
    --space-height: 2rem;
    --container-grid-gap: 1rem;
    --renewal-container-padding: 0 1rem;
    --container-display: grid;
    --payableTodaySubmit-margin-top: 2rem;
    --includesGST-font-size: 1.125rem;
    --footer-padding: 2rem;
    --payableToday-font-size: 1.5rem;
    --greyArea-left: 86.8%;
    --greyArea-translateX: -50%;
    --greyArea-width: calc(100vw - 1.14rem);
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --smallText-font-size: 0.875rem;
    --smallText-letter-spacing: 0.02rem;
    --subTitle-font-size: 1.5rem;
    --subTitle-margin-bottom: 1.5rem;
    --groupLabel-font-size: 1.125rem;
    --label-font-size: 0.875rem;
    --renewal-text-font-size: 1.125rem;
    --space-height: 2rem;
    --container-grid-gap: 1rem;
    --renewal-container-padding: 0 1rem;
    --container-display: grid;
    --payableTodaySubmit-margin-top: 2rem;
    --includesGST-font-size: 1.125rem;
    --footer-padding: 2rem;
    --payableToday-font-size: 1.5rem;
    --greyArea-left: 86.5%;
    --greyArea-translateX: -50%;
    --greyArea-width: calc(100vw - 1.3rem);
  }
}
@media (min-width: 1600px) {
  :root {
    --smallText-font-size: 0.875rem;
    --smallText-letter-spacing: 0.02rem;
    --subTitle-font-size: 1.5rem;
    --subTitle-margin-bottom: 1.5rem;
    --groupLabel-font-size: 1.125rem;
    --label-font-size: 0.875rem;
    --renewal-text-font-size: 1.125rem;
    --space-height: 2rem;
    --container-grid-gap: 1rem;
    --renewal-container-padding: 0 1rem;
    --container-display: grid;
    --payableTodaySubmit-margin-top: 2rem;
    --includesGST-font-size: 1.125rem;
    --footer-padding: 2rem;
    --payableToday-font-size: 1.5rem;
    --greyArea-left: 86.5%;
    --greyArea-translateX: -50%;
    --greyArea-width: calc(100vw - 1.3rem);
  }
}
._plan_169rq_118 {
  display: flex;
  width: 100%;
}
._plan_169rq_118 > div:first-child {
  flex: 1;
}
._plan_169rq_118 > div:last-child {
  text-align: right;
}
._payableToday_169rq_131 {
  display: flex;
  font-size: var(--payableToday-font-size);
  line-height: 1.25;
  letter-spacing: 0.01rem;
}
._payableToday_169rq_131 > div:first-child {
  flex: 1;
}
._payableToday_169rq_131 > div:last-child {
  text-align: right;
}
._includesGST_169rq_146 {
  font-size: var(--includesGST-font-size);
  line-height: 1.5;
  letter-spacing: 0.02rem;
  margin-top: 0.25rem;
}
._proceedWrapper_169rq_153 {
  display: none;
}
._proceedToPay_169rq_157 {
  display: flex;
  width: 100%;
  color: #222;
}
._premium_169rq_163 {
  flex: 1;
  text-align: left;

  font-weight: 700;
  letter-spacing: 0.01em;
}
._submit_169rq_171 {
  width: 159px;
  align-self: center;
}
._payableTodaySubmit_169rq_176 {
  margin-top: var(--payableTodaySubmit-margin-top);
}
._youWillPay_169rq_180 {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}
._price_169rq_186 {
  font-size: 1.25rem;
  line-height: 1.5;
}
._bottom-container_169rq_191 {
  flex: 50%;
}
._container_169rq_195 {
  max-width: var(--container-max-width);
  flex-direction: column;
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;

  display: var(--container-display);
  grid-template-columns: repeat(12, minmax(39px, 1fr));
  grid-gap: var(--container-grid-gap);
  padding: var(--renewal-container-padding);
}
._input_169rq_208 {
  margin-top: 8px;
  margin-bottom: 2rem;
}
._input_169rq_208 > div > label {
  background-color: #f7f7f7;
}
._ul_169rq_217 {
  margin: 0;
  font-size: var(--smallText-font-size);
  font-weight: 400;
  line-height: 1.5;
}
._ul_169rq_217 > li {
  margin: 0 -1.25rem;
}
._vehicleDetails_169rq_228 {
  height: 270px;
  margin-bottom: 32px;
}
._greyArea_169rq_233 {
  background: #f7f7f7;
  position: relative;
  width: var(--greyArea-width);
  left: var(--greyArea-left);
  transform: translateX(var(--greyArea-translateX));
  padding: 2rem 0;
  box-sizing: border-box;
}
._policyDetailsContainer_169rq_243 {
  margin: 0 auto;
  max-width: var(--container-max-width);
  display: grid;
  grid-template-columns: repeat(12, minmax(39px, 1fr));
  grid-gap: 1.5rem;
  padding: 0 1rem;
  box-sizing: border-box;
}
._left_169rq_253 {
  grid-column-end: span 7;
}
._policyDetails_169rq_243 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._middle_169rq_263 {
  grid-column-end: span 1;
}
._right_169rq_267 {
  grid-column-end: span 4;
}
._footer_169rq_271 {
  top: 1rem;
  background: #fff;
  padding: var(--footer-padding);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
  border-radius: 8px;
  display: inline-block;
  position: sticky;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  color: #222;

  font-weight: 700;
}
._space_169rq_287 {
  height: var(--space-height);
  width: 100%;
}
._subTitle_169rq_292 {
  font-size: var(--subTitle-font-size);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: var(--subTitle-margin-bottom);
}
._driversContainer_169rq_299 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
._details_169rq_305 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;

  font-weight: 400;
  line-height: 1.5;
  color: #222222;
}
._groupLabel_169rq_315 {
  font-size: var(--groupLabel-font-size);
  font-weight: 700;
  line-height: 1.5;
}
._label_169rq_321 {
  color: #757575;
  font-size: var(--label-font-size);
  font-weight: 400;
  letter-spacing: 0.02rem;
}
._text_169rq_328 {
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
  font-size: var(--renewal-text-font-size);
  letter-spacing: 0.01rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
._subText_169rq_338 {
  margin-top: 0.25rem;
  color: #222222;
  font-size: var(--label-font-size);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}
._sectionTitle_169rq_347 {
  margin-top: 8px;

  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  width: 100%;
  max-width: var(--container-max-width);
  box-sizing: border-box;
  color: #757575;
}
._pageTitle_169rq_359 {
  display: none;
}
._contactGreatEastern_169rq_363 {
  font-size: var(--smallText-font-size);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: var(--smallText-letter-spacing);
  text-align: left;
}
._contactGreatEastern_169rq_363 > span {
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: underline;
  color: #0062f5;
  cursor: pointer;
}
._hiddenInMobile_169rq_379 {
  display: block;
}
._showInMobile_169rq_383 {
  display: none;
}
._petrolVouchers_169rq_387 {
  display: flex;
}
._petrolVouchers_169rq_387 > div:first-child {
  display: flex;
  flex: 1;
}
._petrolVouchersText_169rq_396 {
  margin-left: 1rem;
  padding: 3.5px 0;
  gap: 4px;
}
._shellLogo_169rq_402 {
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 8px;
}
._shellLogo_169rq_402 > img {
  transform: translateY(12px);
  margin: auto;
}
@media (max-width: 679px) {
  ._hiddenInMobile_169rq_379 {
    display: none;
  }

  ._petrolVouchersText_169rq_396 {
    padding: 5px 0;
  }

  ._showInMobile_169rq_383 {
    display: block;
    margin-top: 1.5rem;
    text-align: center;
  }

  ._left_169rq_253 {
    padding: 0 24px;
  }

  ._policyDetailsContainer_169rq_243 {
    padding: 0;
    display: flex;
    grid-gap: 0;
  }

  ._policyDetailsContainer_169rq_243 ._left_169rq_253 {
    padding: 0;
  }

  ._pageTitle_169rq_359 {
    display: block;

    font-weight: 700;
    margin: 2rem 1.5rem;
    font-size: 2rem;
    line-height: 1.2;
    padding: 0;
  }

  ._policyDetails_169rq_243 {
    padding: 0;
  }

  ._proceedWrapper_169rq_153 {
    display: flex;
    background: #ffffff;
    padding: 1.5rem;
    position: sticky;
    top: 0;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 8px 0px;
  }

  ._flex-container_169rq_467 {
    flex-direction: column;
    width: 100% !important;
  }

  ._footer-wrapper_169rq_472 {
    width: 100%;
  }

  ._footer-wrapper_169rq_472 [class*='CardContainer'] {
    border-radius: 0 !important;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0 !important;
  }

  ._footer_169rq_271 {
    box-shadow: none;
    border-radius: 0;
  }

  ._greyArea_169rq_233 {
    width: var(--greyArea-width);
    transform: translateX(-1.5rem);
    padding: 1.5rem;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_1avt1_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_1avt1_3 {
  position: relative;
  z-index: 100;
}
._mt-8_1avt1_1 {
  margin-top: 8px !important;
}
._promo-input_1avt1_1 {
  margin: 0.5rem;
}
._promo-input_1avt1_1 label {
  pointer-events: none;
}
._promo-input_1avt1_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_1avt1_1 {
  margin: 0.5rem;
}
._default-promo-input_1avt1_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_1avt1_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_1avt1_3 {
  position: relative;
  z-index: 100;
}
._pageTitle_1avt1_8 {
  margin: 5rem auto 2.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  width: 100%;
  max-width: var(--container-max-width);
  padding: 0 1rem;
  box-sizing: border-box;
}
._container_1avt1_19 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_1avt1_29 {
  bottom: 0;
  padding-top: 1.5rem;
  background-color: #fff;
  width: 100%;
}
@media (max-width: 679px) {
  ._footer_1avt1_29 {
    display: var(--footer-display);
  }

  ._pageTitle_1avt1_8 {
    display: none;
  }

  ._extraCoverage_1avt1_45 {
    width: 100%;
    height: auto;
  }
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_140b9_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_140b9_3 {
  position: relative;
  z-index: 100;
}
._mt-8_140b9_1 {
  margin-top: 8px !important;
}
._promo-input_140b9_1 {
  margin: 0.5rem;
}
._promo-input_140b9_1 label {
  pointer-events: none;
}
._promo-input_140b9_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_140b9_1 {
  margin: 0.5rem;
}
._default-promo-input_140b9_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_140b9_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_140b9_3 {
  position: relative;
  z-index: 100;
}
._container_140b9_8 {
  margin: var(--container-margin);
  height: var(--content-height);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  max-width: 698px;
}
._footer_140b9_20 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 24px;
}
@media (max-width: 679px) {
  ._footer_140b9_20 {
    display: var(--footer-display);
  }
}
._content_1py8s_1 {
  margin: 2.5rem auto;
  border: 1px solid #6699ff;
  background: #ebf2ff;
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: row;
}

._icon_1py8s_11 {
  margin-right: 0.5rem;
}
._icon_1py8s_11 > img {
  width: 1rem;
}@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato1";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Book";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo-300";
  src: url("/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  margin: 0;
  font-family: 'Lato1', sans-serif !important;
}
#_root_5k9q1_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
img {
  display: block;
}
._header_5k9q1_3 {
  position: relative;
  z-index: 100;
}
._mt-8_5k9q1_1 {
  margin-top: 8px !important;
}
._promo-input_5k9q1_1 {
  margin: 0.5rem;
}
._promo-input_5k9q1_1 label {
  pointer-events: none;
}
._promo-input_5k9q1_1 label > div > div > div {
  pointer-events: auto;
}
._default-promo-input_5k9q1_1 {
  margin: 0.5rem;
}
._default-promo-input_5k9q1_1 > div > label {
  background-color: #f7f7f7;
}
._default-promo-input_5k9q1_1 label > div > div > div > span {
  font-size: initial;
}
:root {
  --logo-height: 4rem;
}
@media (max-width: 679px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 768px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 100%;
    --form-width: 100%;

    --content-height: calc(100% - 68px);
    --footer-display: none;
    --tabs-details-wrapper-margin-top: 24px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
    --logo-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  :root {
    --stepper-margin-top: 18px;
    --container-max-width: 991px;
    --container-margin: 0 auto;
    --container-padding: 0 24px;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 12px;
    --input-label-line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1119px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 68px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1240px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
@media (min-width: 1600px) {
  :root {
    --stepper-margin-top: 0;
    --container-max-width: 1440px;
    --container-padding: 0 24px;
    --container-margin: 0 auto;
    --stepper-width: 633px;
    --form-width: 58.33%;

    --content-height: calc(100% - 120px);
    --footer-display: block;
    --tabs-details-wrapper-margin-top: 30px;
    --input-label-font-size: 14px;
    --input-label-line-height: 21px;
  }
}
._header_5k9q1_3 {
  position: relative;
  z-index: 100;
}
._pageTitle_5k9q1_8 {
  margin: 5rem auto 2.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  width: 100%;
  max-width: var(--container-max-width);
  padding: 0 1rem;
  box-sizing: border-box;
}
._container_5k9q1_19 {
  margin: var(--container-margin);
  height: var(--content-height);
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._footer_5k9q1_30 {
  bottom: 0;
  padding-top: 1.5rem;
  background-color: #ffffff;
  /* Example background color */
  width: 100%;
  z-index: 1000;
  /* Ensure it's on top of other content */
}
@media (max-width: 679px) {
  ._container_5k9q1_19 {
    overflow-x: initial;
  }

  ._footer_5k9q1_30 {
    display: var(--footer-display);
  }

  ._pageTitle_5k9q1_8 {
    display: none;
  }

  ._extraCoverage_5k9q1_53 {
    width: 100%;
    height: auto;
  }
}
._container_1712t_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_1712t_7 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.2;
}

._description_1712t_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._title_1712t_7 {
    font-size: 1.5rem;
  }

  ._description_1712t_13 {
    font-size: 1rem;
  }
}
._container_pld0t_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_pld0t_7 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

._description_pld0t_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._container_pld0t_1 {
    gap: 0.5rem;
  }

  ._title_pld0t_7 {
    font-size: 1.25rem;
  }

  ._description_pld0t_13 {
    font-size: 1rem;
  }
}
._container_pld0t_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_pld0t_7 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

._description_pld0t_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._container_pld0t_1 {
    gap: 0.5rem;
  }

  ._title_pld0t_7 {
    font-size: 1.25rem;
  }

  ._description_pld0t_13 {
    font-size: 1rem;
  }
}
._container_pld0t_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_pld0t_7 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

._description_pld0t_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._container_pld0t_1 {
    gap: 0.5rem;
  }

  ._title_pld0t_7 {
    font-size: 1.25rem;
  }

  ._description_pld0t_13 {
    font-size: 1rem;
  }
}
._greyArea_10tdm_1 {
  background: #f7f7f7;
  position: relative;

  box-sizing: border-box;
}

._title_10tdm_8 {
  text-align: center;
}

._status_10tdm_12 {
  font-size: 900;
  font-size: 2.5rem;
  line-height: 1.2;
}

._product_10tdm_18 {
  font-size: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._subTitle_10tdm_24 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

._description_10tdm_31 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._container_10tdm_38 {
  max-width: 596px;
  margin: 80px auto 0;
  padding: 0 1.5rem;
}

._copy_10tdm_44 {
  margin: 3rem auto;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
}

._copy_10tdm_44 > div:first-child {
  flex: 1;
}

._text_10tdm_56 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._label_10tdm_62 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}

._copy_10tdm_44 > div:last-child {
  align-self: center;
}

._copy_10tdm_44 > div:last-child > span {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #0062f5;
  cursor: pointer;
  text-decoration: underline;
}

._greyAreaContent_10tdm_82 {
  margin: 5rem auto;
  max-width: 1208px;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

._contacts_10tdm_91 {
  display: flex;
  flex-direction: row;
  gap: 4rem;
}

._button_10tdm_97 {
  width: 224px;
  margin: 3rem auto;
}

._orderPaid_10tdm_102 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}

._sections_10tdm_109 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._section_10tdm_109 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_10tdm_109 > div:not(:first-child) {
  padding-left: 1.5rem;
}

@media (max-width: 679px) {
  ._status_10tdm_12 {
    font-size: 2rem;
  }

  ._product_10tdm_18 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._subTitle_10tdm_24 {
    font-size: 1rem;
  }

  ._description_10tdm_31 {
    font-size: 1rem;
  }

  ._copy_10tdm_44 {
    margin: 2.5rem auto;
  }

  ._copy_10tdm_44 > div:last-child > span {
    font-size: 1rem;
  }

  ._text_10tdm_56 {
    font-size: 1.25rem;
  }

  ._label_10tdm_62 {
    font-size: 0.75rem;
  }

  ._button_10tdm_97 {
    width: 100%;
    margin: 2.5rem auto;
  }

  ._contacts_10tdm_91 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  ._greyAreaContent_10tdm_82 {
    margin: 1rem auto;
    padding: 1.5rem;
    gap: 2rem;
  }

  ._button_10tdm_97 {
    width: 100%;
  }
}
._container_pld0t_1 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

._title_pld0t_7 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

._description_pld0t_13 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

@media (max-width: 679px) {
  ._container_pld0t_1 {
    gap: 0.5rem;
  }

  ._title_pld0t_7 {
    font-size: 1.25rem;
  }

  ._description_pld0t_13 {
    font-size: 1rem;
  }
}
._greyArea_mwxqb_1 {
  background: #f7f7f7;
  position: relative;

  box-sizing: border-box;
}

._title_mwxqb_8 {
  text-align: center;
}

._status_mwxqb_12 {
  font-size: 900;
  font-size: 2.5rem;
  line-height: 1.2;
}

._product_mwxqb_18 {
  font-size: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._subTitle_mwxqb_24 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}

._description_mwxqb_31 {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

._container_mwxqb_38 {
  max-width: 596px;
  margin: 80px auto 0;
  padding: 0 1.5rem;
}

._copy_mwxqb_44 {
  margin: 3rem auto;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  display: flex;
}

._copy_mwxqb_44 > div:first-child {
  flex: 1;
}

._text_mwxqb_56 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
}

._label_mwxqb_62 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}

._copy_mwxqb_44 > div:last-child {
  align-self: center;
}

._copy_mwxqb_44 > div:last-child > span {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02rem;
  color: #0062f5;
  cursor: pointer;
  text-decoration: underline;
}

._greyAreaContent_mwxqb_82 {
  margin: 5rem auto;
  max-width: 1208px;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

._contacts_mwxqb_91 {
  display: flex;
  flex-direction: row;
  gap: 4rem;
}

._button_mwxqb_97 {
  width: 224px;
  margin: 3rem auto;
}

._orderPaid_mwxqb_102 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}

._sections_mwxqb_109 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._section_mwxqb_109 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._section_mwxqb_109 > div:not(:first-child) {
  padding-left: 1.5rem;
}

._greyCard_mwxqb_125 {
  border-radius: 8px;
  padding: 1rem;
  background: #f7f7f7;

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03rem;
}

@media (max-width: 679px) {
  ._status_mwxqb_12 {
    font-size: 2rem;
  }

  ._product_mwxqb_18 {
    font-size: 1.25rem;
    letter-spacing: 0.01rem;
  }

  ._subTitle_mwxqb_24 {
    font-size: 1rem;
  }

  ._description_mwxqb_31 {
    font-size: 1rem;
  }

  ._copy_mwxqb_44 {
    margin: 2.5rem auto;
  }

  ._copy_mwxqb_44 > div:last-child > span {
    font-size: 1rem;
  }

  ._text_mwxqb_56 {
    font-size: 1.25rem;
  }

  ._label_mwxqb_62 {
    font-size: 0.75rem;
  }

  ._button_mwxqb_97 {
    width: 100%;
    margin: 2.5rem auto;
  }

  ._contacts_mwxqb_91 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  ._greyAreaContent_mwxqb_82 {
    margin: 1rem auto;
    padding: 1.5rem;
    gap: 2rem;
  }

  ._button_mwxqb_97 {
    width: 100%;
  }
}