@media only screen and (max-width: 1280px) {
  html {
    font-size: 1.25vw;
  }
}

body {
  position: relative;
  background-color: #eff3f4;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  overflow-x: hidden;
}

.main-wrap {
  display: flex;
  flex-direction: column;
  width: 97.5rem;
  align-items: center;
  position: absolute;
  top: 58.75rem;
}

.marque-section-logo {
  display: flex;
  width: 70.25rem;
  align-items: center;
  gap: 2rem;
  padding: 3.5rem 4rem;
  position: relative;
  flex: 0 0 auto;
}

.subtitle {
  position: relative;
  width: fit-content;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-black);
  font-size: 1.125rem;
  letter-spacing: -0.0112rem;
  line-height: 2rem;
  white-space: nowrap;
}

.marque {
  position: relative;
  width: 52.2225rem;
  height: 5rem;
  margin-right: -0.2225rem;
}

.div-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
  position: relative;
  flex: 0 0 auto;
}

.bento-component {
  display: flex;
  width: 70.25rem;
  height: 36.75rem;
  align-items: center;
  padding: 0rem 0rem 0rem 5rem;
  position: relative;
  background-color: #ffffff;
  border-radius: 4.5rem;
  overflow: hidden;
}

.content-frame {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.icon {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
}

.text-frame {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.text-wrapper {
  position: relative;
  width: 27.75rem;
  margin-top: -0.0625rem;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--variable-collection-black);
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  font-style: var(--h2-font-style);
}

.p {
  position: relative;
  width: 24.875rem;
  font-family: var(--paragraph-large-font-family);
  font-weight: var(--paragraph-large-font-weight);
  color: var(--text-gray);
  font-size: var(--paragraph-large-font-size);
  letter-spacing: var(--paragraph-large-letter-spacing);
  line-height: var(--paragraph-large-line-height);
  font-style: var(--paragraph-large-font-style);
}

.absolute-background {
  position: absolute;
  width: 34.5rem;
  height: 36.75rem;
  top: 0;
  left: 35.75rem;
}

.icon-image-optimal {
  position: relative;
  width: 37.5rem;
  height: 36.75rem;
}

.bento-component-2 {
  height: 27rem;
  gap: 4rem;
  padding: 3.5rem 3.75rem;
  display: flex;
  width: 70.25rem;
  align-items: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 4.5rem;
  overflow: hidden;
}

.img {
  height: 27rem;
  left: 3.75rem;
  position: absolute;
  width: 34.5rem;
  top: 0;
}

.icon-visual-discount {
  position: relative;
  width: 31.375rem;
  height: 27rem;
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}

.overlap {
  position: relative;
  width: 33.4375rem;
  height: 32.8125rem;
  top: -3.5625rem;
  left: -1.0625rem;
}

.group {
  position: absolute;
  width: 19.625rem;
  height: 29.875rem;
  top: 1.5rem;
  left: 7.375rem;
  transform: rotate(10deg);
}

.frame {
  display: flex;
  flex-direction: column;
  width: 9.625rem;
  height: 29.875rem;
  align-items: flex-start;
  gap: 0.2725rem;
  position: absolute;
  top: 0;
  left: 10rem;
}

.frame-2 {
  position: relative;
  width: 9.6306rem;
  height: 3.0612rem;
  background-color: #ffffff;
  border-radius: 0.7656rem;
  border: 0.0525rem solid;
  border-color: #18181a14;
  box-shadow: 0rem 0.21rem 1.0494rem #00000014;
}

.component {
  position: absolute;
  width: 2.375rem;
  height: 1.5rem;
  top: 0.75rem;
  left: 6.375rem;
  background-color: #ffffff;
  border-radius: 0.1913rem;
  overflow: hidden;
  border: 0.0238rem solid;
  border-color: #0000001f;
}

.overlap-group {
  position: absolute;
  width: 0.5625rem;
  height: 0.1875rem;
  top: 0.25rem;
  left: 1.5625rem;
}

.rectangle {
  position: absolute;
  width: 0.5rem;
  height: 0.125rem;
  top: 0.0625rem;
  left: 0;
  background-color: #e1261d;
}

.ellipse {
  position: absolute;
  width: 0.1875rem;
  height: 0.1875rem;
  top: 0;
  left: 0.375rem;
  background-color: #e1261d;
  border-radius: 0.0956rem;
}

.rectangle-2 {
  position: absolute;
  width: 0.5625rem;
  height: 0.1875rem;
  top: 0.5rem;
  left: 1.5625rem;
  background-color: #f28c01;
}

.overlap-group-2 {
  position: absolute;
  width: 2.75rem;
  height: 2.75rem;
  top: 0.125rem;
  left: -1.375rem;
  background-color: #e1261d;
  border-radius: 1.3875rem;
}

.ellipse-2 {
  position: absolute;
  width: 2.375rem;
  height: 2.375rem;
  top: 0.1875rem;
  left: 0.1875rem;
  background-color: #f06045;
  border-radius: 1.1719rem;
}

.ellipse-3 {
  position: absolute;
  width: 1.9375rem;
  height: 1.9375rem;
  top: 0.4375rem;
  left: 0.4375rem;
  background-color: #f28c01;
  border-radius: 0.9569rem;
}

.ellipse-4 {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 0.625rem;
  left: 0.625rem;
  background-color: #f9a244;
  border-radius: 0.7412rem;
}

.ellipse-5 {
  position: absolute;
  width: 1.0625rem;
  height: 1.0625rem;
  top: 0.875rem;
  left: 0.875rem;
  background-color: #fdb973;
  border-radius: 0.5262rem;
}

.frame-3 {
  display: inline-flex;
  align-items: center;
  gap: 0.6375rem;
  position: absolute;
  top: 0.5rem;
  left: 0.75rem;
}

.div-wrapper {
  position: relative;
  width: 1.5306rem;
  height: 1.5306rem;
  background-color: #18181a;
  border-radius: 9.5669rem;
}

.text-wrapper-2 {
  height: 1rem;
  top: 0.25rem;
  left: 0.5rem;
  font-size: 0.6813rem;
  text-align: center;
  letter-spacing: -0.0169rem;
  line-height: 0.9563rem;
  position: absolute;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  white-space: nowrap;
}

.text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -0.0638rem;
  font-family: "Untitled Sans-Regular", Helvetica;
  font-weight: 400;
  color: #18181a;
  font-size: 1.15rem;
  letter-spacing: -0.0575rem;
  line-height: 2.0438rem;
  white-space: nowrap;
}

.frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.475rem;
  padding: 0.3563rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 0.8313rem;
  overflow: hidden;
  border: 0.0569rem solid;
  border-color: #0ad089;
  box-shadow: 0rem 0.2281rem 1.1394rem #00000014, 0rem 0rem 0rem 0.1363rem #0bd08a26;
}

.frame-4 {
  display: flex;
  align-items: center;
  gap: 0.475rem;
  padding: 0.475rem 0.7125rem 0.475rem 0.475rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #b2b2b21a;
  border-radius: 0.475rem;
  border: 0.0594rem solid;
  border-color: #bfbfbf80;
}

.component-2 {
  position: relative;
  width: 2.4856rem;
  height: 1.835rem;
  margin-top: -0.1988rem;
  margin-bottom: -0.1988rem;
  margin-left: -0.1294rem;
  transform: rotate(-10deg);
}

.text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -0.0594rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-black);
  font-size: 0.95rem;
  letter-spacing: -0.0475rem;
  line-height: 1.425rem;
  white-space: nowrap;
}

.component-3 {
  position: relative;
  width: 2.3281rem;
  height: 1.5269rem;
  margin-top: -0.0444rem;
  margin-bottom: -0.0444rem;
  margin-left: -0.0506rem;
  background-color: #ffffff;
  border-radius: 0.1781rem;
  overflow: hidden;
  border: 0.0506rem solid;
  border-color: #0000001f;
}

.overlap-2 {
  position: absolute;
  width: 0.5rem;
  height: 0.1875rem;
  top: 0.25rem;
  left: 1.5rem;
}

.rectangle-3 {
  position: absolute;
  width: 0.4375rem;
  height: 0.0625rem;
  top: 0.0625rem;
  left: 0;
  background-color: #e1261d;
}

.ellipse-6 {
  position: absolute;
  width: 0.1875rem;
  height: 0.1875rem;
  top: 0;
  left: 0.3125rem;
  background-color: #e1261d;
  border-radius: 0.0887rem;
}

.rectangle-4 {
  position: absolute;
  width: 0.5rem;
  height: 0.1875rem;
  top: 0.4375rem;
  left: 1.5rem;
  background-color: #f28c01;
}

.overlap-group-3 {
  position: absolute;
  width: 2.5625rem;
  height: 2.5625rem;
  top: 0.125rem;
  left: -1.3125rem;
  background-color: #e1261d;
  border-radius: 1.2913rem;
}

.ellipse-7 {
  position: absolute;
  width: 2.1875rem;
  height: 2.1875rem;
  top: 0.1875rem;
  left: 0.1875rem;
  background-color: #f06045;
  border-radius: 1.0906rem;
}

.ellipse-8 {
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  top: 0.375rem;
  left: 0.375rem;
  background-color: #f28c01;
  border-radius: 0.8906rem;
}

.ellipse-9 {
  position: absolute;
  width: 1.375rem;
  height: 1.375rem;
  top: 0.625rem;
  left: 0.625rem;
  background-color: #f9a244;
  border-radius: 0.69rem;
}

.ellipse-10 {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0.8125rem;
  left: 0.8125rem;
  background-color: #fdb973;
  border-radius: 0.49rem;
}

.component-4 {
  position: absolute;
  width: 2.625rem;
  height: 1.9375rem;
  top: 0.5625rem;
  left: 6.25rem;
  transform: rotate(-10deg);
}

.frame-5 {
  position: relative;
  width: 1.5306rem;
  height: 1.5306rem;
  background-color: var(--surfacessemanticlow-price);
  border-radius: 9.5669rem;
}

.text-wrapper-5 {
  height: 1rem;
  top: 0.25rem;
  left: 0.3125rem;
  font-size: 0.6813rem;
  text-align: center;
  letter-spacing: -0.0169rem;
  line-height: 0.9563rem;
  position: absolute;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  white-space: nowrap;
}

.frame-6 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 3.0956rem;
  background-color: #ffffff;
  border-radius: 0.7656rem;
  border: 0.0525rem solid;
  border-color: #18181a14;
  box-shadow: 0rem 0.21rem 1.0494rem #00000014;
}

.frame-7 {
  display: inline-flex;
  align-items: center;
  gap: 0.6375rem;
  position: relative;
  top: 0.5rem;
  left: 0.75rem;
}

.frame-8 {
  position: relative;
  width: 9.6306rem;
  height: 3.0612rem;
  margin-bottom: -0.0219rem;
  background-color: #ffffff;
  border-radius: 0.7656rem;
  border: 0.0525rem solid;
  border-color: #18181a14;
  box-shadow: 0rem 0.21rem 1.0494rem #00000014;
}

.component-5 {
  position: absolute;
  width: 2.625rem;
  height: 0.5rem;
  top: 0.5625rem;
  left: 6.1875rem;
  transform: rotate(-10deg);
}

.frame-9 {
  display: flex;
  flex-direction: column;
  width: 9.625rem;
  height: 26.5rem;
  align-items: flex-start;
  gap: 0.2725rem;
  position: absolute;
  top: 1.75rem;
  left: 0;
}

.component-6 {
  position: relative;
  width: 2.4856rem;
  height: 0.9944rem;
  margin-bottom: -0.1925rem;
  margin-left: -0.0563rem;
  transform: rotate(-10deg);
}

.frame-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.475rem;
  padding: 0.3563rem;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -0.0219rem;
  background-color: #ffffff;
  border-radius: 0.8313rem;
  overflow: hidden;
  border: 0.0569rem solid;
  border-color: #0ad089;
  box-shadow: 0rem 0.2281rem 1.1394rem #00000014, 0rem 0rem 0rem 0.1363rem #0bd08a26;
}

.rectangle-5 {
  position: absolute;
  width: 31.4375rem;
  height: 5.625rem;
  top: 3.5625rem;
  left: 1.0625rem;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

.rectangle-6 {
  position: absolute;
  width: 33.4375rem;
  height: 5.625rem;
  top: 24.9375rem;
  left: 0;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

.element-wrapper {
  position: absolute;
  width: 8.5625rem;
  height: 10.0625rem;
  top: 6.875rem;
  left: 1.0625rem;
}

.element {
  position: absolute;
  width: 10rem;
  height: 10rem;
  top: -0.125rem;
  left: -1.625rem;
  object-fit: cover;
}

.group-2 {
  position: absolute;
  width: 5.375rem;
  height: 5.625rem;
  top: 21.0625rem;
  left: 24.75rem;
}

.content-frame-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  position: relative;
  flex: 0 0 auto;
  margin-right: -0.375rem;
}

.bento-component-3 {
  height: 33.25rem;
  padding: 0rem 0rem 0rem 5rem;
  display: flex;
  width: 70.25rem;
  align-items: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 4.5rem;
  overflow: hidden;
}

.absolute-background-2 {
  height: 33.25rem;
  left: 35.75rem;
  position: absolute;
  width: 34.5rem;
  top: 0;
}

.icon-image-savings {
  position: absolute;
  width: 43.375rem;
  height: 33.25rem;
  top: 0;
  left: 26.875rem;
}

.overlap-group-4 {
  position: relative;
  width: 31.5rem;
  height: 30.125rem;
  top: 3.125rem;
}

.IMG {
  position: absolute;
  width: 12.125rem;
  height: 26.3125rem;
  top: 0.25rem;
  left: 16.6875rem;
  object-fit: cover;
}

.deep-purple {
  position: absolute;
  width: 13.0625rem;
  height: 26.8125rem;
  top: 0;
  left: 16.25rem;
}

.img-2 {
  position: absolute;
  width: 11.875rem;
  height: 16.4375rem;
  top: 3.625rem;
  left: 16.875rem;
}

.rectangle-7 {
  position: absolute;
  width: 2.3125rem;
  height: 0.75rem;
  top: 8.5rem;
  left: 25.5rem;
  background-color: #ffffff1f;
  border: 0.0625rem solid;
  border-color: #4acde0;
}

.rectangle-8 {
  position: absolute;
  width: 1.9375rem;
  height: 0.75rem;
  top: 8.45rem;
  left: 23rem;
  background-color: #ffffff1f;
  border: 0.0625rem solid;
  border-color: #4acde0;
}

.rectangle-9 {
  position: absolute;
  width: 2.8125rem;
  height: 0.625rem;
  top: 9.2rem;
  left: 23rem;
  background-color: #ffffff1f;
  border: 0.0625rem solid;
  border-color: #4acde0;
}

.rectangle-10 {
  position: absolute;
  width: 1.9375rem;
  height: 0.625rem;
  top: 10.2rem;
  left: 25rem;
  background-color: #ffffff1f;
  border: 0.0625rem solid;
  border-color: #4acde0;
}

.group-3 {
  position: absolute;
  width: 24.25rem;
  height: 21.875rem;
  top: 8.25rem;
  left: 0;
}

.group-4 {
  position: absolute;
  width: 2.8125rem;
  height: 15.6875rem;
  top: 7.3125rem;
  left: 28.75rem;
}

.rectangle-11 {
  position: absolute;
  width: 10.5625rem;
  height: 0.125rem;
  top: 13.4375rem;
  left: 17.4375rem;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      rgb(255, 255, 255) 49.82%,
      rgba(255, 255, 255, 0) 100%);
}

.frame-11 {
  position: absolute;
  width: 8.5rem;
  height: 4.5625rem;
  top: 4.875rem;
  left: 5.875rem;
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgb(76, 209, 223) 10.69%, rgb(18, 113, 227) 100%);
}

.text-wrapper-6 {
  position: absolute;
  top: 0.5625rem;
  left: 1.125rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 0.625rem;
  letter-spacing: -0.0156rem;
  line-height: 0.9938rem;
  white-space: nowrap;
}

.text-wrapper-7 {
  position: absolute;
  top: 2.25rem;
  left: 1.125rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 1rem;
  letter-spacing: -0.025rem;
  line-height: 0.9938rem;
  white-space: nowrap;
}

.element-dicons {
  position: absolute;
  width: 7.125rem;
  height: 5.3125rem;
  top: 7.6875rem;
  left: 7rem;
  object-fit: cover;
}

.element-2 {
  position: absolute;
  width: 7.5rem;
  height: 7.5rem;
  top: 11.875rem;
  left: 5.125rem;
}

.newsletter-section {
  display: flex;
  width: 70.25rem;
  justify-content: space-between;
  padding: 4.5rem 2.5rem 4.5rem 0rem;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.newsletter-content {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.icon-memoji {
  position: relative;
  width: 7.5625rem;
  height: 8.75rem;
}

.overlap-group-5 {
  position: relative;
  width: 7.4375rem;
  height: 9.25rem;
  top: -0.5rem;
}

.memoji {
  width: 3.375rem;
  height: 3.375rem;
  top: 5.625rem;
  left: 3.8125rem;
  background-color: #f2b1ac;
  border-radius: 3.3681rem;
  transform: rotate(10deg);
  box-shadow: 0rem 0.0675rem 0.4044rem #c0d5ed8c;
  position: absolute;
  overflow: hidden;
  border: 0.1875rem solid;
  border-color: #ffffff;
}

.image {
  position: absolute;
  width: 3.6875rem;
  height: 3.6875rem;
  top: -0.125rem;
  left: -0.125rem;
  transform: rotate(-10deg);
  object-fit: cover;
}

.image-wrapper {
  width: 6.125rem;
  height: 6.125rem;
  top: 0.5rem;
  left: 0.75rem;
  background-color: #f6de9d;
  border-radius: 6.125rem;
  transform: rotate(-10deg);
  box-shadow: 0rem 0.1225rem 0.735rem #c0d5ed8c;
  position: absolute;
  overflow: hidden;
  border: 0.1875rem solid;
  border-color: #ffffff;
}

.image-2 {
  position: absolute;
  width: 7.125rem;
  height: 7.125rem;
  top: -0.5rem;
  left: -0.5rem;
  transform: rotate(10deg);
  object-fit: cover;
}

.img-wrapper {
  width: 3.375rem;
  height: 3.375rem;
  top: 4.875rem;
  left: 0.375rem;
  background-color: #b4d1c4;
  border-radius: 3.3681rem;
  transform: rotate(-15deg);
  box-shadow: 0rem 0.0675rem 0.4044rem #c0d5ed8c;
  position: absolute;
  overflow: hidden;
  border: 0.1875rem solid;
  border-color: #ffffff;
}

.image-3 {
  position: absolute;
  width: 2.75rem;
  height: 3.625rem;
  top: -0.125rem;
  left: 0.3125rem;
  transform: rotate(15deg);
  mix-blend-mode: multiply;
}

.h {
  position: relative;
  width: 26.7706rem;
}

.newsletter-input {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1.5rem 0rem 0rem;
  position: relative;
  flex: 0 0 auto;
}

.h-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 1.375rem;
  letter-spacing: -0.0481rem;
  line-height: 1.5rem;
  white-space: nowrap;
}

.email-input {
  display: inline-flex;
  height: 3rem;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem 0.25rem 0.875rem;
  position: relative;
  background-color: #f0f4f5;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 0.0625rem solid;
  border-color: #207ce5;
}

.icons {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
}

.input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.text-wrapper-8 {
  position: relative;
  width: 16rem;
  font-family: var(--paragraph-medium-r-font-family);
  font-weight: var(--paragraph-medium-r-font-weight);
  color: var(--variable-collection-black);
  font-size: var(--paragraph-medium-r-font-size);
  letter-spacing: var(--paragraph-medium-r-letter-spacing);
  line-height: var(--paragraph-medium-r-line-height);
  font-style: var(--paragraph-medium-r-font-style);
  border: unset;
  background: unset;
  outline: unset;
}

.frame-12 {
  display: inline-flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  position: relative;
  flex: 0 0 auto;
  border-radius: 0.5rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgb(21, 117, 227) 0%, rgb(95, 161, 238) 100%);
  cursor: pointer;
}

.text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -0.3125rem;
  margin-bottom: -0.1875rem;
  font-family: var(--button-med-font-family);
  font-weight: var(--button-med-font-weight);
  color: #ffffff;
  font-size: var(--button-med-font-size);
  letter-spacing: var(--button-med-letter-spacing);
  line-height: var(--button-med-line-height);
  white-space: nowrap;
  font-style: var(--button-med-font-style);
}

.icons-2 {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}

.checkbox {
  display: flex;
  width: 21.5rem;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0rem 1rem;
  position: relative;
  flex: 0 0 auto;
}

.input {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0rem 0rem;
  position: relative;
  flex: 0 0 auto;
}

.checkbox-base {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  background-color: var(--primary-50);
  border-radius: 0.25rem;
  overflow: hidden;
  border: 0.0625rem solid;
  border-color: var(--blue);
}

.check {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
}

.text-and-supporting {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.supporting-text {
  position: relative;
  align-self: stretch;
  margin-top: -0.0625rem;
  font-family: "Untitled Sans-Regular", Helvetica;
  font-weight: 400;
  color: var(--gray-600);
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}

.footer-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.bento-component-4 {
  height: 26rem;
  padding: 0rem 0rem 0rem 5rem;
  display: flex;
  width: 70.25rem;
  align-items: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 4.5rem;
  overflow: hidden;
}

.icon-svg-background {
  position: absolute;
  width: 52.25rem;
  height: 26rem;
  top: 0;
  left: 18rem;
}

.rectangle-12 {
  position: relative;
  height: 27.4375rem;
  top: -1.375rem;
  background: linear-gradient(260deg, rgb(241, 73, 97) 0%, rgb(236, 156, 37) 38.45%, rgba(241, 73, 97, 0) 100%);
  opacity: 0.2;
}

.cta-content {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  position: relative;
  flex: 0 0 auto;
}

.badges-container {
  display: inline-flex;
  align-items: flex-start;
  gap: 1.25rem;
  position: relative;
  flex: 0 0 auto;
}

.badges {
  display: flex;
  width: 11.5rem;
  height: 3.5rem;
  align-items: center;
  gap: 0.1944rem;
  padding: 0.25rem 1.1669rem 0.175rem 0.3887rem;
  position: relative;
  border-radius: 0.75rem;
  border: 0.0625rem solid;
  border-color: #818d9c80;
}

.frame-13 {
  position: relative;
  width: 2.3331rem;
  height: 2.3331rem;
}

.frame-14 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.atsisi-sk-per-wrapper {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0rem 0rem 0rem 0.175rem;
  position: relative;
  flex: 0 0 auto;
}

.atsisi-sk-per {
  position: relative;
  width: fit-content;
  margin-top: -0.095rem;
  margin-left: -0.0075rem;
  -webkit-text-stroke: 0.0075rem #18181a;
  opacity: 0.8;
  font-family: "Euclid Circular A-Regular", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-black);
  font-size: 0.5813rem;
  letter-spacing: 0.0581rem;
  line-height: 0.7rem;
  white-space: nowrap;
  border-color: var(--variable-collection-black);
}

.text-wrapper-10 {
  position: relative;
  width: fit-content;
  font-family: "Euclid Circular A-Medium", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-black);
  font-size: 1.3625rem;
  letter-spacing: -0.0475rem;
  line-height: 1.6313rem;
  white-space: nowrap;
}

.badges-2 {
  display: flex;
  width: 10.25rem;
  height: 3.5rem;
  align-items: center;
  gap: 0.1944rem;
  padding: 0.25rem 1.1669rem 0.175rem 0.3887rem;
  position: relative;
  border-radius: 0.75rem;
  border: 0.0625rem solid;
  border-color: #818d9c80;
}

.absolute-background-3 {
  height: 26rem;
  left: 35.75rem;
  position: absolute;
  width: 34.5rem;
  top: 0;
}

.icon-cta-image {
  position: relative;
  width: 37.5rem;
  height: 26rem;
  overflow: hidden;
}

.overlap-3 {
  position: relative;
  width: 37.625rem;
  height: 36.4375rem;
  top: 2.5rem;
  left: -0.125rem;
}

.overlap-wrapper {
  position: absolute;
  width: 30rem;
  height: 36.4375rem;
  top: 0;
  left: 0;
}

.overlap-4 {
  position: relative;
  width: 33.125rem;
  height: 36.8125rem;
}

.overlap-group-wrapper {
  position: absolute;
  width: 33.125rem;
  height: 36.8125rem;
  top: 0;
  left: 0;
}

.overlap-group-6 {
  position: relative;
  width: 33rem;
  height: 23.5rem;
  left: 0.125rem;
}

.artistic-mockup {
  position: absolute;
  width: 29.875rem;
  height: 23.5rem;
  top: 0;
  left: 0;
}

.vector {
  position: absolute;
  width: 17.1875rem;
  height: 23.0625rem;
  top: 0.375rem;
  left: 1.125rem;
  object-fit: cover;
}

.group-5 {
  position: absolute;
  width: 22.25rem;
  height: 20.1875rem;
  top: 3.25rem;
  left: 10.75rem;
}

.group-6 {
  position: absolute;
  width: 3.875rem;
  height: 3rem;
  top: 13.375rem;
  left: 18.125rem;
  box-shadow: 0rem 0.0462rem 0.0925rem #1a1f2d12, 0rem 0.0925rem 0.1844rem #1a1f2d14;
}

.overlap-5 {
  position: absolute;
  width: 4.125rem;
  height: 3.125rem;
  top: -0.125rem;
  left: -0.125rem;
}

.frame-15 {
  position: absolute;
  width: 4.125rem;
  height: 1.75rem;
  top: 0;
  left: 0;
  background-color: var(--surfacessemanticlowest-price);
  border-radius: 0.3694rem 0.3694rem 0rem 0rem;
  overflow: hidden;
  border: 0.1388rem solid;
  border-color: #ffffff;
}

.fuel {
  position: absolute;
  width: 0.9375rem;
  height: 0.9375rem;
  top: 0.25rem;
  left: 0.25rem;
  background-color: #ffffff;
  border-radius: 0.1844rem;
}

.viada {
  position: absolute;
  width: 0.9375rem;
  height: 0.9375rem;
  top: 0;
  left: 0;
  object-fit: cover;
}

.text-wrapper-11 {
  position: absolute;
  height: 0.75rem;
  top: 0.375rem;
  left: 1.4375rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 0.6438rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.7375rem;
  white-space: nowrap;
}

.vector-2 {
  position: absolute;
  width: 0.375rem;
  height: 0.25rem;
  top: -88.1875rem;
  left: -141.625rem;
}

.vector-3 {
  position: absolute;
  width: 0.4375rem;
  height: 0.0625rem;
  top: 1.5rem;
  left: 1.75rem;
}

.sitas-updated-wrapper {
  display: flex;
  flex-direction: column;
  width: 4.125rem;
  height: 1.375rem;
  align-items: center;
  justify-content: center;
  gap: 0.2906rem;
  padding: 0.3231rem 0.2906rem 0.3694rem 0.4838rem;
  position: absolute;
  top: 1.5rem;
  left: 0;
  background-color: #eeeeee;
  border-radius: 0rem 0rem 0.3694rem 0.3694rem;
  border-right-width: 0.1388rem;
  border-right-style: solid;
  border-bottom-width: 0.1388rem;
  border-bottom-style: solid;
  border-left-width: 0.1388rem;
  border-left-style: solid;
  border-color: #ffffff;
}

.sitas-updated {
  position: relative;
  width: fit-content;
  margin-top: -0.1363rem;
  font-family: "Untitled Sans-Regular", Helvetica;
  font-weight: 400;
  color: #1c1c1c;
  font-size: 0.5062rem;
  text-align: center;
  letter-spacing: -0.01rem;
  line-height: 0.6438rem;
  white-space: nowrap;
}

.vector-4 {
  position: absolute;
  width: 0.75rem;
  height: 0.375rem;
  top: 2.75rem;
  left: 1.6875rem;
}

.vector-5 {
  top: -73.75rem;
  left: -123.75rem;
  position: absolute;
  width: 0.375rem;
  height: 0.25rem;
}

.element-3 {
  position: absolute;
  width: 11.5625rem;
  height: 16.875rem;
  top: 6.5625rem;
  left: 26.0625rem;
  object-fit: cover;
}

.footer {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  padding: 3rem 0rem 2rem;
  background-color: transparent;
  position: relative;
  flex: 0 0 auto;
}

.div-3 {
  display: flex;
  width: 70.25rem;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 2.5rem;
  position: relative;
  flex: 0 0 auto;
}

.icon-logo {
  position: relative;
  width: 13.8438rem;
  height: 2.75rem;
}

.nav-links {
  display: inline-flex;
  align-items: flex-start;
  gap: 2rem;
  padding: 0rem 0rem 0.25rem;
  position: relative;
  flex: 0 0 auto;
}

.link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.link {
  position: relative;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: var(--button-med-font-family);
  font-weight: var(--button-med-font-weight);
  color: var(--text-gray);
  font-size: var(--button-med-font-size);
  letter-spacing: var(--button-med-letter-spacing);
  line-height: var(--button-med-line-height);
  white-space: nowrap;
  font-style: var(--button-med-font-style);
}

.copyright {
  position: relative;
  width: fit-content;
  font-family: "Untitled Sans-Regular", Helvetica;
  font-weight: 400;
  color: var(--text-gray);
  font-size: 0.75rem;
  letter-spacing: 0.075rem;
  line-height: 2rem;
  white-space: nowrap;
}

.img-3 {
  position: relative;
  flex: 0 0 auto;
  height: 2rem;
}

.hero-wrapper {
  width: 100vw;
  height: 58.75rem;
  top: 0;
  left: 0;
  background-color: #ffffff;
  position: absolute;
}

.overlap-6 {
  position: relative;
  width: 80rem;
  height: 58.75rem;
  margin-left: 8.75rem;
}

.icon-background {
  height: 58.75rem;
  left: 19.875rem;
  position: absolute;
  top: 0;
}

.group-7 {
  position: absolute;
  width: 80vw;
  height: 58.75rem;
  top: 0;
  left: 0;
}

.hero-section {
  width: 80rem;
  height: 58.75rem;
  top: 0;
  position: absolute;
  left: 0;
}

.overlap-7 {
  position: relative;
  width: 80rem;
  height: 56.25rem;
  top: 2.5rem;
}

.group-wrapper {
  width: 52.9375rem;
  height: 56.25rem;
  left: 30vw;
  position: absolute;
  top: 0;
}

.group-8 {
  position: relative;
  width: 52.625rem;
  height: 49.75rem;
  top: 5.25rem;
  left: 0.3125rem;
}

.overlap-8 {
  position: relative;
  width: 53.9375rem;
  height: 49.75rem;
  left: -1.3125rem;
}

.group-9 {
  position: absolute;
  width: 49.75rem;
  height: 49.75rem;
  top: 0;
  left: 4.1875rem;
  opacity: 0.7;
}

.overlap-group-7 {
  position: relative;
  height: 49.75rem;
}

.ellipse-11 {
  position: absolute;
  width: 34.875rem;
  height: 34.875rem;
  top: 7.4375rem;
  left: 7.4375rem;
}

.ellipse-12 {
  position: absolute;
  width: 49.75rem;
  height: 49.75rem;
  top: 0;
  left: 0;
}

.element-dicons-wrapper {
  position: absolute;
  width: 4.3125rem;
  height: 4.25rem;
  top: 28.125rem;
  left: 10.25rem;
  background-color: #ffffff;
  border-radius: 1.0631rem;
  transform: rotate(5deg);
  box-shadow: 0rem 0.1769rem 1.0631rem #0000000a;
}

.element-4 {
  position: absolute;
  width: 4.6875rem;
  height: 4.6875rem;
  top: 0.125rem;
  left: -0.1875rem;
  transform: rotate(-5deg);
  object-fit: cover;
}

.frame-16 {
  position: absolute;
  width: 7.875rem;
  height: 7.875rem;
  top: 21.125rem;
  left: 0;
}

.frame-17 {
  position: absolute;
  width: 5.5rem;
  height: 5.5rem;
  top: 8.875rem;
  left: 4.0625rem;
  background-color: #ffffff;
  border-radius: 1.375rem;
  transform: rotate(5deg);
  box-shadow: 0rem 0.2294rem 1.375rem #0000000a;
}

.element-5 {
  position: absolute;
  width: 5.5625rem;
  height: 5.8125rem;
  top: 0;
  left: -0.0625rem;
  transform: rotate(-5deg);
}

.frame-18 {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  top: 20.1875rem;
  left: 10.75rem;
  border-radius: 2.3144rem;
}

.group-10 {
  height: 2.5rem;
}

.group-11 {
  width: 2.625rem;
  height: 2.5rem;
}

.overlap-group-8 {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #ffffff03;
  border-radius: 1.24rem;
  border: 0.0494rem solid;
  border-color: #0ad089;
  backdrop-filter: blur(0.595rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.595rem) brightness(100%);
}

.ellipse-13 {
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 0.1875rem;
  left: 0.1875rem;
  background-color: #0ad089;
  border-radius: 0.9919rem;
}

.text-wrapper-12 {
  height: 0.6875rem;
  top: 0.875rem;
  left: 0.625rem;
  font-size: 0.825rem;
  letter-spacing: -0.0163rem;
  line-height: 0.6625rem;
  position: absolute;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  white-space: nowrap;
}

.frame-19 {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  top: 31.125rem;
  left: 4.3125rem;
  border-radius: 2.3144rem;
}

.overlap-group-9 {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #ffffff03;
  border-radius: 1.24rem;
  border: 0.0494rem solid;
  border-color: var(--dark-blue);
  backdrop-filter: blur(0.595rem) brightness(100%);
  -webkit-backdrop-filter: blur(0.595rem) brightness(100%);
}

.ellipse-14 {
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 0.1875rem;
  left: 0.1875rem;
  background-color: var(--dark-blue);
  border-radius: 0.9919rem;
}

.text-wrapper-13 {
  height: 0.6875rem;
  top: 0.8125rem;
  left: 0.875rem;
  font-size: 0.825rem;
  letter-spacing: -0.0163rem;
  line-height: 0.6625rem;
  position: absolute;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  white-space: nowrap;
}

.icon-image-key {
  position: absolute;
  width: 42rem;
  height: 50.625rem;
  top: 5.625rem;
  left: 40vw;
}

.overlap-9 {
  position: relative;
  width: 40.3125rem;
  height: 40.5rem;
  top: 1.5rem;
}

.frame-20 {
  position: absolute;
  width: 33.3125rem;
  height: 40.5rem;
  top: 0;
  left: 0;
}

.group-12 {
  width: 36.8125rem;
  height: 40.875rem;
}

.overlap-group-10 {
  position: relative;
  height: 40.875rem;
}

.vector-6 {
  position: absolute;
  width: 19.0625rem;
  top: 0.4375rem;
  left: 1.375rem;
  object-fit: cover;
}

.group-13 {
  position: absolute;
  width: 24.75rem;
  height: 37.25rem;
  top: 3.625rem;
  left: 12.0625rem;
}

.info-window-wrapper {
  position: absolute;
  width: 14.4375rem;
  height: 13.6875rem;
  top: 11.875rem;
  left: 25.875rem;
  box-shadow: 0rem 0.5625rem 1.875rem #0538741a;
}

.info-window {
  position: relative;
  height: 13.6875rem;
  background-color: #fcfcfc;
  border-radius: 1.5rem;
}

.frame-21 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8438rem;
  position: absolute;
  top: 1.5rem;
  left: 1.25rem;
}

.frame-22 {
  display: flex;
  width: 11.625rem;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
}

.group-14 {
  position: relative;
  width: 9.1406rem;
  height: 1.875rem;
}

.station-icons {
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 0.5625rem;
  overflow: hidden;
}

.viada-2 {
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  top: 0;
  left: 0;
  object-fit: cover;
}

.group-15 {
  position: absolute;
  width: 6.8125rem;
  height: 1.625rem;
  top: 0.1875rem;
  left: 2.4375rem;
}

.frame-23 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2813rem;
  position: absolute;
  top: 0;
  left: 0.0625rem;
}

.text-wrapper-14 {
  position: relative;
  width: fit-content;
  margin-top: -0.0469rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--typographydark-blue-900);
  font-size: 0.6563rem;
  letter-spacing: -0.0063rem;
  line-height: 0.9375rem;
  white-space: nowrap;
}

.frame-24 {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.1406rem;
  position: absolute;
  top: 0.875rem;
  left: 0;
}

.icons-3 {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
}

.text {
  position: absolute;
  height: 0.75rem;
  top: 0.875rem;
  left: 4.625rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--typographydark-blue-700);
  font-size: 0.5625rem;
  letter-spacing: -0.0088rem;
  line-height: 0.75rem;
  white-space: nowrap;
}

.icons-wrapper {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--surfacesbluez-index-2);
  border-radius: 0.375rem;
}

.icons-4 {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  top: 0.375rem;
  left: 0.375rem;
}

.tag {
  height: 1.4063rem;
  gap: 0.1875rem;
  padding: 0.1406rem 0.1875rem 0.1406rem 0.5156rem;
  background-color: #ffffff;
  border-radius: 1.4063rem;
  border: 0.0469rem solid;
  border-color: var(--strokesgrey-border-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.content {
  align-items: center;
  gap: 0.375rem;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.dot {
  position: relative;
  width: 0.375rem;
  height: 0.375rem;
  background-color: var(--surfacessemanticlow-price);
  border-radius: 0.1875rem;
  box-shadow: 0rem 0rem 0rem 0.1875rem #1ec08626;
}

.frame-25 {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  padding: 0rem 0rem 0.0469rem;
  position: relative;
  flex: 0 0 auto;
}

.text-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.0469rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--typographydark-blue-900);
  font-size: 0.5625rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.8438rem;
  white-space: nowrap;
}

.tag-count-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.2813rem;
  position: relative;
  flex: 0 0 auto;
}

.tag-count {
  flex-direction: column;
  height: 1.0313rem;
  padding: 0rem 0.375rem 0.0469rem;
  flex: 0 0 auto;
  background-color: var(--surfacesgayz-index-1);
  border-radius: 0.8906rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.text-3 {
  position: relative;
  width: fit-content;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--typographydark-blue-700);
  font-size: 0.5625rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.8438rem;
  white-space: nowrap;
}

.frame-26 {
  display: flex;
  flex-direction: column;
  width: 12.875rem;
  height: 6.1875rem;
  align-items: flex-start;
  gap: 0.5625rem;
  position: absolute;
  top: 6.5rem;
  left: 1.25rem;
  overflow: hidden;
}

.frame-27 {
  display: flex;
  width: 8.4375rem;
  height: 1.6875rem;
  align-items: center;
  gap: 0.4688rem;
  padding: 0.2344rem 0.1875rem;
  position: relative;
  border-radius: 10.5469rem;
  overflow: hidden;
  border: 0.0469rem solid;
  border-color: var(--strokesgrey-border-1);
}

.frame-28 {
  position: relative;
  width: 1.3125rem;
  height: 1.3125rem;
  margin-top: -0.0469rem;
  margin-bottom: -0.0469rem;
  background-color: var(--surfacessemanticlow-price);
  border-radius: 8.2031rem;
}

.text-wrapper-15 {
  height: 0.875rem;
  top: 0.25rem;
  left: 0.25rem;
  font-size: 0.5813rem;
  text-align: center;
  letter-spacing: -0.0144rem;
  line-height: 0.8187rem;
  position: absolute;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  white-space: nowrap;
}

.frame-29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 1;
  flex-grow: 1;
  margin-top: -0.0469rem;
  margin-bottom: -0.0469rem;
}

.text-wrapper-16 {
  position: relative;
  width: fit-content;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--typographydark-blue-900);
  font-size: 0.6563rem;
  letter-spacing: -0.0063rem;
  line-height: 0.9375rem;
  white-space: nowrap;
}

.frame-30 {
  display: flex;
  width: 3.2813rem;
  height: 1.3125rem;
  align-items: center;
  gap: 0.1875rem;
  padding: 0rem 0.375rem 0rem 0.3281rem;
  position: relative;
  background-color: var(--surfacesgayz-index-1);
  border-radius: 1.6875rem;
  overflow: hidden;
  opacity: 0;
}

.icons-5 {
  position: relative;
  width: 0.6563rem;
  height: 0.6563rem;
  margin-bottom: -84.0156rem;
  margin-left: -157.875rem;
}

.text-wrapper-17 {
  position: relative;
  width: fit-content;
  font-family: "Untitled Sans-Regular", Helvetica;
  font-weight: 400;
  color: var(--typographydark-blue-700);
  font-size: 0.5625rem;
  letter-spacing: -0.0088rem;
  line-height: 0.75rem;
  white-space: nowrap;
}

.icons-6 {
  position: relative;
  width: 0.6563rem;
  height: 0.6563rem;
  margin-bottom: -81.9531rem;
  margin-left: -157.875rem;
}

.frame-31 {
  position: relative;
  width: 1.3125rem;
  height: 1.3125rem;
  margin-top: -0.0469rem;
  margin-bottom: -0.0469rem;
  background-color: var(--typographydark-blue-900);
  border-radius: 8.2031rem;
}

.text-wrapper-18 {
  height: 0.875rem;
  top: 0.25rem;
  left: 0.4375rem;
  font-size: 0.5813rem;
  text-align: center;
  letter-spacing: -0.0144rem;
  line-height: 0.8187rem;
  position: absolute;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  white-space: nowrap;
}

.icons-7 {
  position: relative;
  width: 0.6563rem;
  height: 0.6563rem;
  margin-bottom: -79.8906rem;
  margin-left: -157.875rem;
}

.text-wrapper-19 {
  margin-right: -0.0156rem;
  position: relative;
  width: fit-content;
  font-family: "Untitled Sans-Regular", Helvetica;
  font-weight: 400;
  color: var(--typographydark-blue-700);
  font-size: 0.5625rem;
  letter-spacing: -0.0088rem;
  line-height: 0.75rem;
  white-space: nowrap;
}

.lpg-wrapper {
  position: relative;
  width: 1.3125rem;
  height: 1.3125rem;
  margin-top: -0.0469rem;
  margin-bottom: -0.0469rem;
  background-color: var(--surfacessemanticshite-price);
  border-radius: 8.2031rem;
}

.lpg {
  position: absolute;
  height: 0.8125rem;
  top: 0.25rem;
  left: 0.125rem;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  font-size: 0.4688rem;
  text-align: center;
  letter-spacing: -0.0119rem;
  line-height: 0.7937rem;
  white-space: nowrap;
}

.icons-8 {
  position: relative;
  width: 0.6563rem;
  height: 0.6563rem;
  margin-bottom: -77.8281rem;
  margin-left: -157.875rem;
}

.group-16 {
  position: absolute;
  width: 3.875rem;
  height: 3rem;
  top: 15.5rem;
  left: 20.125rem;
  box-shadow: 0rem 0.0462rem 0.0925rem #1a1f2d12, 0rem 0.0925rem 0.1844rem #1a1f2d14;
}

.frame-32 {
  position: absolute;
  width: 4.125rem;
  height: 1.75rem;
  top: 0;
  left: 0;
}

.vector-7 {
  top: 106.875rem;
  left: -124.25rem;
  position: absolute;
  width: 0.375rem;
  height: 0.25rem;
}

.hero-content {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
  top: 12.9375rem;
  position: absolute;
}

.div-4 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  position: relative;
  flex: 0 0 auto;
}

.text-frame-2 {
  display: inline-flex;
  align-items: flex-start;
  gap: 1rem;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.info-chip {
  display: inline-flex;
  height: 2.25rem;
  align-items: center;
  gap: 0.25rem;
  padding: 0rem 1rem 0rem 0.5625rem;
  position: relative;
  border-radius: 10.4169rem;
  overflow: hidden;
  border: 0.0625rem solid;
  border-color: var(--blue);
}

.icons-9 {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
}

.i-bandyk-jau-dabar {
  position: relative;
  width: fit-content;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--blue);
  font-size: 0.875rem;
  letter-spacing: 0.0437rem;
  line-height: 0.9625rem;
  white-space: nowrap;
}

.heading {
  position: relative;
  width: 22.475rem;
  flex: 0 0 auto;
  margin-bottom: -0.26rem;
}

.offset-text-frame {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0rem 0.25rem;
  position: relative;
  flex: 0 0 auto;
}

.subheading {
  position: relative;
  width: 20.5rem;
  margin-top: -0.0625rem;
  font-family: var(--subhead-font-family);
  font-weight: var(--subhead-font-weight);
  color: var(--variable-collection-black);
  font-size: var(--subhead-font-size);
  letter-spacing: var(--subhead-letter-spacing);
  line-height: var(--subhead-line-height);
  font-style: var(--subhead-font-style);
}

.button {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: 13rem;
  height: 4rem;
}

.outer-layer {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.25rem;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 0.0625rem solid var(--blue-grad, #1474E2);
}

.inner-button {
  display: inline-flex;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0rem 2rem 0rem 0.75rem;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgb(21, 117, 227) 0%, rgb(95, 161, 238) 100%);
}

.CTA {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  font-family: var(--button-large-font-family);
  font-weight: var(--button-large-font-weight);
  color: #ffffff;
  font-size: var(--button-large-font-size);
  letter-spacing: var(--button-large-letter-spacing);
  line-height: var(--button-large-line-height);
  white-space: nowrap;
  font-style: var(--button-large-font-style);
}

.stats-content {
  display: flex;
  width: 40.5rem;
  align-items: center;
  gap: 1.5rem;
  padding: 2.5rem 2rem;
  position: absolute;
  bottom: 6.06rem;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 3rem 3rem 0.75rem 3rem;
  overflow: hidden;
  border: 0.0625rem solid;
  border-color: #0000001f;
  z-index: 1;
}

.text-frame-centered {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex: 1;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
}

.text-wrapper-20 {
  position: relative;
  width: fit-content;
  margin-top: -0.0625rem;
  background: linear-gradient(180deg, rgb(20, 116, 226) 0%, rgb(115.5, 173.47, 240.17) 100%);
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: transparent;
  font-size: var(--h2-font-size);
  text-align: center;
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  white-space: nowrap;
  font-style: var(--h2-font-style);
}

.lorem-ipsum-dolor {
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-large-font-family);
  font-weight: var(--paragraph-large-font-weight);
  color: #18181a;
  font-size: var(--paragraph-large-font-size);
  letter-spacing: var(--paragraph-large-letter-spacing);
  line-height: var(--paragraph-large-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-large-font-style);
}

.header {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 3;
  width: 100vw;
}

.top-header {
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100vw;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  position: relative;
  flex: 0 0 auto;
  background: linear-gradient(90deg,
      rgb(235, 247, 250) 0%,
      rgb(214.33, 235.59, 240.91) 53.51%,
      rgb(205.48, 211.82, 253.03) 100%);
}

.price-header-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-21 {
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-small-m-font-family);
  font-weight: var(--paragraph-small-m-font-weight);
  color: var(--variable-collection-black);
  font-size: var(--paragraph-small-m-font-size);
  letter-spacing: var(--paragraph-small-m-letter-spacing);
  line-height: var(--paragraph-small-m-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-m-font-style);
  margin-top: 0.1rem;
}

.prices-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  position: relative;
  flex: 0 0 auto;
}

.price-chip {
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  padding: 0rem 0.75rem 0rem 0.125rem;
  position: relative;
  flex: 0 0 auto;
  background-color: #0ad089;
  border-radius: 0.5rem;
}

.frame-33 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.0625rem;
  position: relative;
  flex: 0 0 auto;
  border-radius: 15.25rem;
  overflow: hidden;
}

.frame-34 {
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  gap: 0.5rem;
  padding: 0rem 0.375rem 0rem 0.25rem;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffffe6;
}

.frame-35 {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: var(--surfacessemanticlow-price);
  border-radius: 15.25rem;
}

.text-wrapper-22 {
  height: 0.75rem;
  top: 0.25rem;
  left: 0.25rem;
  font-size: 0.5rem;
  text-align: center;
  letter-spacing: -0.0125rem;
  line-height: 0.7rem;
  position: absolute;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  white-space: nowrap;
}

.frame-36 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.1875rem 0.25rem;
  position: relative;
  flex: 0 0 auto;
  border-radius: 0.5rem;
  border: 0.0625rem solid;
}

.text-wrapper-23 {
  position: relative;
  width: fit-content;
  margin-top: -0.0625rem;
  font-family: "Untitled Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--text-gray);
  font-size: 0.625rem;
  letter-spacing: -0.0063rem;
  line-height: 0.75rem;
  white-space: nowrap;
}

.frame-37 {
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  gap: 0.5rem;
  padding: 0rem 0.375rem;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffffe6;
}

.frame-38 {
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  gap: 0.5rem;
  padding: 0rem 0.25rem 0rem 0.375rem;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffffe6;
}

.frame-39 {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: var(--variable-collection-black);
  border-radius: 15.25rem;
}

.text-wrapper-24 {
  height: 0.75rem;
  top: 0.25rem;
  left: 0.375rem;
  font-size: 0.5rem;
  text-align: center;
  letter-spacing: -0.0125rem;
  line-height: 0.7rem;
  position: absolute;
  font-family: "Untitled Sans-Bold", Helvetica;
  font-weight: 700;
  color: var(--typographywhite);
  white-space: nowrap;
}

.frame-40 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.1875rem 0.25rem;
  position: relative;
  flex: 0 0 auto;
  border-radius: 0.5rem;
  border: 0.0625rem solid;
}

.navigation-wrapper {
  z-index: 1;
  gap: 23.0625rem;
  padding: 1.25rem 0rem 1rem;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  position: relative;
  transition: top 500ms;
}

.navigation-content {
  justify-content: space-between;
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 8.75rem;
  margin-right: 8.75rem;

  width: 100%;
}

.nav-right-col {
  display: flex;
  width: 47.5938rem;
  align-items: center;
  justify-content: flex-end;
  gap: 3rem;
  position: relative;
  margin-right: 4rem;
}

.outer-layer-wrapper {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: 10.6875rem;
  height: 3.25rem;
}

.inner-button-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.25rem;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 0.0625rem solid var(--blue-grad, #1474E2);
}

.inner-button-2 {
  display: inline-flex;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0rem 1.5rem 0rem 0.625rem;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgb(21, 117, 227) 0%, rgb(95, 161, 238) 100%);
}

.CTA-2 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  font-family: var(--button-med-font-family);
  font-weight: var(--button-med-font-weight);
  color: #ffffff;
  font-size: var(--button-med-font-size);
  letter-spacing: var(--button-med-letter-spacing);
  line-height: var(--button-med-line-height);
  white-space: nowrap;
  font-style: var(--button-med-font-style);
}

.frame-12:hover,
.exit-button:hover,
.inner-button-wrapper:hover,
.outer-layer:hover,
.badges-2:hover,
.badges:hover {
  box-shadow: 0rem 0.125rem 0.75rem 0rem rgba(0, 43, 91, 0.20);
  background-color: #fff;
  cursor: pointer;
}

.modal-wrapper {
  display: none;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: fixed;
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(0.375rem);
  top: 0;
  left: 0;
  z-index: 10;
}

.modal-wrapper .modal {
  display: flex;
  flex-direction: column;
  width: 30rem;
  height: 38.75rem;
  align-items: center;
  gap: 2rem;
  padding: 3.5rem;
  position: relative;
  background-color: #ffffff;
  border-radius: 3rem;
  overflow: hidden;
}

.modal-wrapper .text-frame {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  flex: 0 0 auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.modal-wrapper .heading {
  position: relative;
  flex: 0 0 auto;
}

.modal-wrapper .text-wrapper {
  position: relative;
  width: 24.875rem;
  font-family: var(--paragraph-large-font-family);
  font-weight: var(--paragraph-large-font-weight);
  color: var(--text-gray);
  font-size: var(--paragraph-large-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-large-letter-spacing);
  line-height: var(--paragraph-large-line-height);
  font-style: var(--paragraph-large-font-style);
}

.modal-wrapper .qr-code {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.modal-wrapper .badges-container {
  display: inline-flex;
  align-items: flex-start;
  gap: 1.25rem;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -1rem;
}

.modal-wrapper .badges {
  display: flex;
  width: 11.5rem;
  height: 3.5rem;
  align-items: center;
  gap: 0.1944rem;
  padding: 0.25rem 1.1669rem 0.175rem 0.3887rem;
  position: relative;
  border-radius: 0.75rem;
  border: 0.0625rem solid;
  border-color: #818d9c80;
}

.modal-wrapper .frame {
  position: relative;
  width: 2.3331rem;
  height: 2.3331rem;
}

.modal-wrapper .div {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4863rem;
  position: relative;
  flex: 0 0 auto;
}

.modal-wrapper .atsisi-sk-per-wrapper {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0rem 0rem 0rem 0.175rem;
  position: relative;
  flex: 0 0 auto;
}

.modal-wrapper .atsisi-sk-per {
  position: relative;
  width: fit-content;
  margin-top: -0.095rem;
  margin-left: -0.0075rem;
  -webkit-text-stroke: 0.0075rem #18181a;
  opacity: 0.8;
  font-family: "Euclid Circular A-Regular", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-black);
  font-size: 0.5813rem;
  letter-spacing: 0.0581rem;
  line-height: 0.7rem;
  white-space: nowrap;
  border-color: var(--variable-collection-black);
}

.modal-wrapper .text-wrapper-2 {
  position: relative;
  width: fit-content;
  font-family: "Euclid Circular A-Medium", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-black);
  font-size: 1.3625rem;
  letter-spacing: -0.0475rem;
  line-height: 1.6313rem;
  white-space: nowrap;
}

.modal-wrapper .badges-2 {
  display: flex;
  width: 10.25rem;
  height: 3.5rem;
  align-items: center;
  gap: 0.1944rem;
  padding: 0.25rem 1.3613rem 0.175rem 0.3887rem;
  position: relative;
  border-radius: 0.75rem;
  border: 0.0625rem solid;
  border-color: #818d9c80;
}

.modal-wrapper .exit-button {
  display: flex;
  flex-direction: column;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1.5rem;
  left: 26.5rem;
  background-color: #0000000d;
  border-radius: 15.25rem;
  overflow: hidden;
  cursor: pointer;
}

.modal-wrapper .icons {
  position: relative;
  width: 1rem;
  height: 1rem;
}

.marquee {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-content {
  display: inline-flex;
  /* Changed to 'inline-flex' for better alignment and spacing */
  white-space: nowrap;
  will-change: transform;
  /* Improves the performance of the animation */
  animation: marquee 60s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }

  /* Starts with the first image */
  100% {
    transform: translateX(-50%);
  }

  /* Scroll to 50%, which is the half point of the content */
}

.marquee img {
  vertical-align: middle;
  padding: 0 0.5rem;
  /* Space between images */
  height: 5rem;
}

#marquee-container:before,
#marquee-container:after {
  content: '';
  position: absolute;
  top: 0;
  width: 6.25rem;
  /* This can be adjusted based on the size of the fade effect you want */
  height: 100%;
  z-index: 2;
}

#marquee-container:before {
  left: 0;
  background: linear-gradient(to right, #eff3f4, transparent);
}

#marquee-container:after {
  right: 0;
  background: linear-gradient(to left, #eff3f4, transparent);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(1.25rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInAnimation {
  animation-name: fadeIn;
  animation-duration: 800ms;
  animation-fill-mode: both;
}

.bento-component,
.bento-component-2,
.bento-component-3,
.bento-component-4 {
  opacity: 0;
}

.qrcta {
  height: 3.5rem;
}