.w-light {
  width: 100%;
  position: relative;
  background: #f7f5ff, #fff;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-54) var(--padding-0);
  box-sizing: border-box;
  isolation: isolate;
  gap: var(--item-spacing-54);
  line-height: normal;
  letter-spacing: normal;
}

.divpt-4,
.main {
  align-items: flex-start;
}

.main {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  z-index: 0;
  flex-shrink: 0;
}

.divpt-4 {
  background: linear-gradient(180deg,
      var(--color-grey-98) 50%,
      var(--color-white-solid));
  padding: var(--padding-54) 456px var(--padding-36);
  text-align: center;
  font-size: 51.5px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divflex,
.divpt-4,
.h1dtc-text-4xl {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

.divflex {
  align-items: flex-start;
  gap: var(--item-spacing-36);
}

.h1dtc-text-4xl {
  align-items: center;
}

.secure-email-that {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-62);
  line-height: var(--lh-60_8);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.p {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--fs-17_6);
  color: var(--color-azure-34);
}

.keep-your-conversations {
  position: relative;
  line-height: var(--lh-29_3);
}

.astro-island,
.component-1 {
  align-self: stretch;
  display: flex;
  justify-content: center;
}

.astro-island {
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0) var(--item-spacing-9);
  font-size: var(--fs-17_7);
  color: var(--color-blue-65);
}

.component-1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-13_5) var(--padding-22_5);
  background-color: var(--color-blue-65);
  border-radius: var(--br-9999);
  align-items: center;
}

.text {
  position: relative;
  font-size: var(--fs-17_7);
  line-height: var(--lh-29_3);
  font-weight: var(--font-weight-600);
  font-family: var(--font-family-Font-1);
  color: var(--color-white-solid);
  text-align: center;
}

.component-3 {
  align-self: stretch;
  border-radius: var(--br-9999);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-13_5) var(--padding-13_5) var(--padding-13_5) var(--padding-22_5);
  gap: var(--item-spacing-9);
}

.text2 {
  position: relative;
  line-height: var(--lh-29_3);
  font-weight: var(--font-weight-600);
}

.divflex2 {
  width: var(--width-27);
  height: var(--height-27);
  border-radius: var(--br-6_8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.component-2 {
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.privacy-icon {
  position: absolute;
  height: 62.59%;
  width: 31.11%;
  top: 18.89%;
  right: 34.44%;
  bottom: 18.52%;
  left: 34.44%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.divpt-42 {
  background-color: var(--color-white-solid);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-36) var(--padding-96) var(--padding-54);
  text-align: center;
  font-size: var(--fs-15_6);
  color: var(--color-azure-34);
  font-family: var(--font-family-Font-1);
}

.divflex3,
.divoverflow-hidden,
.divpt-42 {
  align-self: stretch;
  display: flex;
}

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

.divoverflow-hidden {
  width: 100%;
  max-width: 1100px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
}

.divflex4 {
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  padding: var(--padding-0) var(--padding-0) var(--padding-13_5);
  box-sizing: border-box;
  gap: var(--gap-0);
  flex-shrink: 0;
}

.div,
.divflex4,
.divflex5 {
  display: flex;
  align-items: center;
}

.div {
  padding: var(--padding-0) var(--padding-18);
  gap: 6.8px;
}

.divflex5 {
  height: var(--height-27);
  width: var(--width-27);
  border-radius: var(--br-6_8);
  background-color: var(--color-azure-65-20);
  justify-content: center;
  padding: var(--padding-4_5) var(--padding-4);
  box-sizing: border-box;
}

.account-icons,
.check-icons {
  position: absolute;
  height: 78.33%;
  width: 81.11%;
  top: 12.78%;
  right: 9.44%;
  bottom: 8.89%;
  left: 9.44%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.check-icons {
  height: 21.67%;
  width: 87.78%;
  top: 59.44%;
  right: 6.11%;
  bottom: 18.89%;
  left: 6.11%;
  z-index: 1;
}

.spanhidden {
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
}

.m-accounts {
  height: auto;
  width: auto;
  position: relative;
  line-height: var(--lh-24_7);
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.divflex6,
.divgap-1,
.m-accounts {
  display: flex;
  align-items: center;
}

.divgap-1 {
  border-left: var(--stroke-weight-1) solid var(--color-azure-65-20);
  overflow-x: auto;
  padding: var(--padding-0) 17px var(--padding-0) var(--padding-18);
  gap: var(--item-spacing-4-5);
}

.divflex6 {
  height: var(--height-27);
  width: var(--width-27);
  border-radius: var(--br-6_8);
  background-color: var(--color-azure-65-20);
  flex-shrink: 0;
  justify-content: center;
  padding: var(--padding-4_5) var(--padding-4);
  box-sizing: border-box;
}

.apple-app-store,
.component-23 {
  width: var(--width-16);
  overflow: hidden;
  flex-shrink: 0;
}

.apple-app-store {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: var(--line-height-27);
}

.component-23 {
  height: var(--height-16);
  position: relative;
}

.store-icons,
.vector-icon {
  position: absolute;
  height: 70%;
  width: 56.25%;
  top: 15.63%;
  right: 25.62%;
  bottom: 14.38%;
  left: 18.13%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon {
  height: 22.5%;
  width: 26.88%;
  top: 38.75%;
  right: 16.25%;
  bottom: 38.75%;
  left: 56.88%;
}

.google-play-icon {
  height: 35%;
  width: 45%;
  top: 15%;
  right: 31.25%;
  bottom: 50%;
  left: 23.75%;
  z-index: 1;
}

.chrome-icon,
.clip-path-group,
.clip-path-group2,
.firefox-icon,
.google-play-icon {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.chrome-icon {
  height: 68.13%;
  width: 34.38%;
  top: 16.25%;
  right: 43.13%;
  bottom: 15.62%;
  left: 22.5%;
  z-index: 2;
}

.clip-path-group,
.clip-path-group2,
.firefox-icon {
  bottom: 15%;
}

.firefox-icon {
  height: 35%;
  width: 45%;
  top: 50%;
  right: 31.25%;
  left: 23.75%;
  z-index: 3;
}

.clip-path-group,
.clip-path-group2 {
  height: 70%;
  width: 70%;
  top: 15%;
  right: 13.75%;
  left: 16.25%;
}

.clip-path-group2 {
  width: 68.13%;
  right: 16.88%;
  left: 15%;
}

.divgap-12 {
  border-left: var(--stroke-weight-1) solid var(--color-azure-65-20);
  display: flex;
  align-items: center;
  padding: var(--padding-0) var(--padding-18);
  gap: var(--item-spacing-4-5);
}

.component-27 {
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
  width: var(--width-);
  height: var(--height-);
}

.rating-icon {
  position: absolute;
  height: 78.89%;
  width: 82.78%;
  top: 10%;
  right: 8.33%;
  bottom: 11.11%;
  left: 8.89%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.spanhidden2 {
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
}

.app-rating,
.div2 {
  display: flex;
  align-items: center;
}

.app-rating {
  height: auto;
  width: auto;
  position: relative;
  line-height: var(--lh-24_7);
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.div2 {
  border-left: var(--stroke-weight-1) solid var(--color-azure-65-20);
  padding: var(--padding-0) var(--padding-18);
  gap: 6.8px;
  font-size: var(--fs-15_7);
}

.component-28,
.spaninline-block {
  width: var(--width-27);
  height: var(--height-27);
  overflow: hidden;
  flex-shrink: 0;
}

.spaninline-block {
  background-color: var(--color-red-48);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.component-28 {
  position: relative;
}

.vector-icon2,
.vector-icon3 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon3 {
  height: 67.04%;
  width: 67.04%;
  top: 14.81%;
  right: 16.67%;
  bottom: 18.15%;
  left: 16.3%;
  z-index: 1;
}

.spansr-only {
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
}

.divflex11,
.swiss-based {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.swiss-based {
  height: auto;
  width: auto;
  position: relative;
  line-height: var(--lh-24_7);
  white-space: nowrap;
}

.divflex11 {
  align-self: center;
  border-top: var(--stroke-weight-1) solid var(--color-azure-65-20);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-24) var(--padding-0) var(--padding-0);
  gap: var(--item-spacing-36);
  margin-top: var(--padding-24);
}

.spantext-sm {
  height: auto;
  display: flex;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
}

.divflex12,
.featured-in {
  display: flex;
  align-items: center;
  justify-content: center;
}

.featured-in {
  height: auto;
  width: auto;
  position: relative;
  line-height: var(--lh-24_7);
  white-space: nowrap;
  flex-shrink: 0;
}

.divflex12 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--item-spacing-36);
}

.component-29,
.forbes {
  width: var(--width-48);
  overflow: hidden;
  flex-shrink: 0;
}

.forbes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.component-29 {
  height: var(--height-24);
  position: relative;
}

.media-icons {
  position: absolute;
  height: 50%;
  width: 100%;
  top: 25%;
  right: 0;
  bottom: 25%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.cnbc,
.component-210 {
  width: var(--width-24);
  overflow: hidden;
  flex-shrink: 0;
}

.cnbc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.component-210 {
  height: var(--height-24);
  position: relative;
}

.clip-path-group3,
.vector-icon4,
.vector-icon5 {
  position: absolute;
  height: 78.33%;
  width: 100%;
  top: 21.67%;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.clip-path-group3,
.vector-icon5 {
  height: 45%;
  top: 27.5%;
  bottom: 27.5%;
}

.clip-path-group3 {
  height: 100%;
  top: 0;
  bottom: 0;
  object-fit: cover;
}

.divpb-16 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-72) var(--padding-108);
}

.image-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}

.divpb-162 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) 528px var(--padding-108);
  text-align: center;
  font-size: 51.9px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.what-makes-encrypted {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-62);
  line-height: var(--lh-60_8);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.divpx-4 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-240) var(--padding-108);
}

.divgrid {
  align-self: stretch;
  height: 706.1px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(444px, 1fr));
  grid-template-rows: 706.1409912109375px;
  column-gap: var(--gap-108);
  row-gap: var(--gap-27);
}

.image-icon2 {
  width: 666px;
  height: 706.1px;
  position: relative;
  object-fit: cover;
  grid-column: 1;
  grid-row: 1;
}

.divflex13,
.h2dtc-text-2xl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divflex13 {
  justify-content: center;
  padding: 151.5px var(--padding-0) 152px;
  gap: var(--item-spacing-36);
  grid-column: 2;
  grid-row: 1;
  text-align: left;
  font-size: 38.3px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.h2dtc-text-2xl {
  align-self: stretch;
}

.because-whats-in {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-1-22);
  line-height: var(--lh-47);
}

.divfont-sans {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--item-spacing-18);
  font-size: var(--fs-17_6);
  color: var(--color-azure-34);
}

.most-popular-email {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-27);
}

.divflex14 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
}

.divgrid2 {
  align-self: stretch;
  height: 659px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(444px, 1fr));
  grid-template-rows: 659px;
  column-gap: var(--gap-108);
  row-gap: var(--gap-27);
}

.divflex15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 178.9px var(--padding-0);
  gap: var(--item-spacing-36);
  grid-column: 1;
  grid-row: 1;
  text-align: left;
  font-size: 39.2px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.no-more-trackers {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-22);
  line-height: var(--lh-47);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.image-icon3 {
  width: 666px;
  height: 659px;
  position: relative;
  object-fit: cover;
  grid-column: 2;
  grid-row: 1;
}

.divdtc-max-w-7xl {
  width: 100%;
  border-radius: var(--br-27);
  background: linear-gradient(45deg,
      var(--color-grey-93),
      var(--color-grey-97) 25%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-72);
  box-sizing: border-box;
  max-width: var(--width-1440);
}

.divgrid3 {
  align-self: stretch;
  height: 718.9px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(396px, 1fr));
  grid-template-rows: 718.875px;
  column-gap: var(--gap-108);
  row-gap: var(--gap-27);
}

.divmargin {
  height: 718.9px;
  position: relative;
  grid-column: 1;
  grid-row: 1;
  flex-shrink: 0;
}

.div-icon {
  position: absolute;
  height: 100%;
  width: calc(100% + 72px);
  top: 0;
  right: 0;
  bottom: 0;
  left: -72px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
}

.divflex17,
.divspace-y-23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divflex17 {
  justify-content: center;
  padding: 215.4px var(--padding-0) 215.5px;
  gap: var(--item-spacing-36);
  grid-column: 2;
  grid-row: 1;
  flex-shrink: 0;
  text-align: left;
  font-size: 39.1px;
  color: var(--color-azure-34);
  font-family: var(--font-family-Font-1);
}

.divspace-y-23 {
  align-self: stretch;
  color: var(--color-blue-32);
}

.sign-up-with {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-22);
  line-height: 45px;
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.astro-island4,
.divfont-sans3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--fs-17_6);
}

.astro-island4 {
  gap: 13.1px;
  font-size: var(--font-size-13-5);
}

.we-may-request {
  flex: 1;
  position: relative;
  line-height: var(--lh-20_3);
}

.divpx-43 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-240) var(--padding-108);
  text-align: left;
  font-size: 25.5px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divgrid4 {
  align-self: stretch;
  height: 269.6px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  grid-template-rows: 269.625px;
  gap: var(--gap-36);
}

.div3,
.divflex20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.div3 {
  padding: var(--padding-0) var(--padding-0) 58.3px;
  grid-column: 1;
  grid-row: 1;
}

.divflex20 {
  align-self: stretch;
  gap: var(--gap-18);
}

.ad-free-always,
.p7 {
  align-self: stretch;
  position: relative;
}

.ad-free-always {
  margin: 0;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-0-81);
  line-height: var(--lh-31_3);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.p7 {
  height: 162px;
  font-size: var(--fs-17_7);
  color: var(--color-azure-34);
}

.Ceumail-mail-is {
  position: absolute;
  top: 0;
  left: 0;
  line-height: var(--line-height-27);
  display: flex;
  align-items: center;
}

.component-4 {
  position: absolute;
  top: 84px;
  left: 35.7px;
  width: 73.7px;
  height: 21px;
  z-index: 1;
  color: var(--color-blue-65);
}

.text4 {
  top: -3px;
  left: 0;
  text-decoration: underline;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.is-supported-by,
.subscriptions-that-offer,
.text4 {
  position: absolute;
  line-height: var(--line-height-27);
  display: flex;
  align-items: center;
}

.is-supported-by {
  top: 81px;
  left: 109.4px;
  font-size: var(--fs-17_6);
  z-index: 1;
}

.subscriptions-that-offer {
  top: 108px;
  left: 0;
  font-size: 17.4px;
}

.div4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 112.3px;
  grid-column: 2;
  grid-row: 1;
  font-size: 25.8px;
}

.highest-standards-of,
.p8 {
  align-self: stretch;
  position: relative;
}

.highest-standards-of {
  margin: 0;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-0-81);
  line-height: var(--lh-31_3);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.p8 {
  height: 108px;
  font-size: var(--fs-17_6);
  color: var(--color-azure-34);
}

.Ceumail-is-incorporated {
  position: absolute;
  top: 0;
  left: 0;
  line-height: var(--line-height-27);
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.component-42 {
  position: absolute;
  top: 84px;
  left: 65.8px;
  width: 176.4px;
  height: 21px;
  z-index: 1;
  font-size: var(--fs-17_7);
  color: var(--color-blue-65);
}

.div5,
.text5 {
  position: absolute;
  line-height: var(--line-height-27);
  display: flex;
  align-items: center;
}

.text5 {
  top: -3px;
  left: 0;
  text-decoration: underline;
  flex-shrink: 0;
}

.div5 {
  top: 81px;
  left: 242.2px;
  font-size: var(--item-spacing-18);
  z-index: 1;
}

.divflex22 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--item-spacing-18);
  grid-column: 3;
  grid-row: 1;
  font-size: 26.4px;
}

.p9,
.switch-to-Ceumail {
  align-self: stretch;
  position: relative;
}

.switch-to-Ceumail {
  letter-spacing: var(--letter-spacing-0-81);
  line-height: var(--lh-31_3);
}

.p9 {
  height: 189px;
  font-size: var(--fs-17_7);
  color: var(--color-azure-34);
}

.with {
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--item-spacing-18);
  line-height: var(--line-height-27);
  display: flex;
  align-items: center;
}

.component-43 {
  position: absolute;
  top: 3px;
  left: 43.1px;
  width: 101.1px;
  height: 21px;
  color: var(--color-blue-65);
}

.migrate-from-any,
.you-can-quickly {
  position: absolute;
  top: 0;
  left: 144.2px;
  line-height: var(--line-height-27);
  display: flex;
  align-items: center;
}

.migrate-from-any {
  top: 27px;
  left: 0;
  font-size: var(--fs-17_6);
}

.div6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-54);
  grid-column: 4;
  grid-row: 1;
  font-size: 25.9px;
}

.divflex23,
.p10 {
  align-self: stretch;
}

.divflex23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--item-spacing-18);
}

.p10 {
  height: 135px;
  position: relative;
  font-size: var(--item-spacing-18);
  color: var(--color-azure-34);
}

.component-44 {
  position: absolute;
  top: 3px;
  left: 192.2px;
  width: 104.2px;
  height: 21px;
  font-size: var(--fs-17_7);
  color: var(--color-blue-65);
}

.and,
.independently-audited-for {
  position: absolute;
  top: 0;
  left: 296.3px;
  line-height: var(--line-height-27);
  display: flex;
  align-items: center;
}

.independently-audited-for {
  top: 27px;
  left: 0;
  font-size: var(--fs-17_6);
  z-index: 1;
}

.divpt-43 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-54) var(--padding-96) var(--padding-0);
  text-align: center;
  font-size: 39.6px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.Ceumail-mail-plans {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-22);
  line-height: var(--lh-47);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.astro-island5,
.divdtc-max-w-8xl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.astro-island5 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  padding: var(--padding-0) var(--padding-240);
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: 17.3px;
  color: var(--color-azure-34);
  font-family: var(--font-family-Font-1);
}

.divdtc-max-w-8xl {
  width: 100%;
  gap: var(--item-spacing-36);
  max-width: var(--width-1728);
}

.divflex24 {
  align-self: stretch;
  height: 65px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 1440px;
  grid-template-rows: 65px;
  gap: var(--gap-18);
  overflow: auto;
}

.div7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column: 1;
  grid-row: 1;
}

.divmx-auto {
  border-radius: var(--br-9999);
  border: var(--stroke-weight-1) solid var(--color-azure-84-40);
  overflow-x: auto;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-4_5) var(--padding-4);
}

.component-5,
.component-52 {
  border-radius: var(--br-9999);
  align-items: center;
  padding: var(--padding-13_5) var(--padding-22_5);
}

.component-5 {
  display: flex;
  justify-content: center;
}

.component-52 {
  background-color: var(--color-lightgray-100);
  font-size: 17.4px;
  color: var(--color-blue-16);
}

.component-52,
.lirounded-2xl,
.ulmx-auto {
  display: flex;
  justify-content: center;
}

.ulmx-auto {
  width: 100%;
  align-items: flex-end;
  flex-wrap: wrap;
  align-content: flex-end;
  gap: var(--item-spacing-18);
  max-width: var(--width-1728);
}

.lirounded-2xl {
  height: 785.5px;
  flex: 1;
  border-radius: var(--br-18);
  background-color: var(--color-azure-65-40);
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-1);
  min-width: 351px;
  text-align: left;
  font-size: 26.1px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divpx-2,
.divpx-44,
.lirounded-2xl {
  flex-direction: column;
  box-sizing: border-box;
}

.divpx-2 {
  align-self: stretch;
  height: 783.5px;
  border-radius: var(--br-18);
  background-color: var(--color-white-solid);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 66.8px var(--padding-9) 85.3px;
}

.divpx-44 {
  height: 49.3px;
  padding: var(--padding-9) var(--padding-18);
}

.divpx-44,
.divpx-45,
.ulflex {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.divpx-45 {
  height: 54px;
  flex-direction: column;
  padding: var(--padding-9) var(--padding-18);
  box-sizing: border-box;
}

.ulflex {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0) var(--item-spacing-9);
}

.lih-8,
.Ceumail-mail {
  display: flex;
  justify-content: center;
}

.lih-8 {
  height: var(--height-36);
  width: var(--width-36);
  flex-direction: column;
  align-items: flex-start;
}

.Ceumail-mail {
  flex: 1;
  box-shadow: var(--shadow-drop);
  overflow: hidden;
  align-items: center;
  max-width: var(--item-spacing-36);
}

.component-213 {
  height: var(--height-36);
  width: var(--width-36);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.div8,
.divpx-46 {
  align-self: stretch;
  display: flex;
  box-sizing: border-box;
}

.divpx-46 {
  height: 105.6px;
  flex-direction: column;
  align-items: flex-start;
  padding: 33.7px var(--padding-18);
  font-size: 32.1px;
}

.div8 {
  height: 38.1px;
  align-items: flex-end;
  padding: var(--padding-12) var(--padding-0) 0.1px;
  row-gap: var(--gap-20);
}

.h2,
.month-wrapper {
  display: flex;
  flex-shrink: 0;
}

.h2 {
  margin: 0;
  height: 39px;
  width: 97px;
  position: relative;
  font-size: inherit;
  line-height: 38.1px;
  font-weight: var(--font-weight-400);
  font-family: inherit;
  align-items: center;
}

.month-wrapper {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
  font-size: var(--fs-15_4);
}

.month {
  width: 52.5px;
  height: var(--height-25);
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
}

.divflex25,
.divpx-47 {
  align-self: stretch;
  display: flex;
}

.divpx-47 {
  height: 74.3px;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-9) var(--padding-18);
  box-sizing: border-box;
  flex-shrink: 0;
}

.divflex25 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  align-items: center;
  justify-content: center;
}

.component-53,
.divflex26 {
  flex: 1;
  display: flex;
  justify-content: center;
  max-width: 100%;
}

.divflex26 {
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
}

.component-53 {
  border-radius: var(--br-9999);
  align-items: center;
  padding: 13px var(--padding-22_5) 13.3px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
}

.buttoninline-flexshadow {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--shadow-inner);
  border-radius: var(--br-9999);
  background-color: var(--color-white-0-2);
  z-index: 0;
  flex-shrink: 0;
}

.text10 {
  position: relative;
  font-size: var(--fs-17_6);
  line-height: var(--lh-29_3);
  font-weight: var(--font-weight-600);
  font-family: var(--font-family-Font-1);
  color: var(--color-blue-65);
  text-align: center;
  z-index: 1;
  flex-shrink: 0;
}

.divpx-48 {
  align-self: stretch;
  height: 42.7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-9) var(--padding-18);
  box-sizing: border-box;
  flex-shrink: 0;
  font-size: var(--fs-15_6);
}

.divflex27,
.divflex28 {
  display: flex;
  justify-content: center;
}

.divflex27 {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--item-spacing-9);
}

.divflex28 {
  height: var(--height-22_5);
  width: var(--width-22_5);
  border-radius: var(--br-2_3);
  align-items: center;
}

.vector-icon6 {
  position: absolute;
  height: 62.67%;
  width: 81.33%;
  top: 18.67%;
  right: 9.33%;
  bottom: 18.67%;
  left: 9.33%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.divdtc-text-sm {
  height: var(--height-24_7);
  width: 171px;
  display: flex;
  align-items: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_7) var(--padding-0);
  box-sizing: border-box;
}

.no-credit-card {
  height: var(--height-25);
  width: 171.2px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divpx-49 {
  height: 305.7px;
  flex-direction: column;
  padding: var(--padding-9) var(--padding-18);
  box-sizing: border-box;
  font-size: var(--fs-15_4);
}

.divpx-49,
.liflex,
.ulspace-y-1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.ulspace-y-1 {
  flex-direction: column;
  gap: var(--item-spacing-4-5);
}

.liflex {
  gap: var(--item-spacing-9);
}

.vector-icon7 {
  position: absolute;
  height: 56.44%;
  width: 62.67%;
  top: 21.78%;
  right: 18.67%;
  bottom: 21.78%;
  left: 18.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.divtext-sm {
  align-self: stretch;
  width: 93px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.gb-storage {
  margin-top: -1px;
  height: var(--height-25);
  width: 93.2px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm2 {
  align-self: stretch;
  width: 113.4px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.email-address {
  margin-top: -1px;
  height: var(--height-25);
  width: 113.6px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divflex31,
.divflexmargin,
.lirounded-2xl2 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.lirounded-2xl2 {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-18);
  background-color: var(--color-blue-65);
  flex-direction: column;
  justify-content: center;
  min-width: 351px;
  text-align: center;
  font-size: var(--item-spacing-18);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-1);
}

.divflex31,
.divflexmargin {
  box-sizing: border-box;
}

.divflexmargin {
  align-self: stretch;
  height: 43px;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
}

.divflex31 {
  height: 45px;
  width: 468px;
  justify-content: center;
  padding: var(--padding-9) 17px;
}

.p11 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.recommended {
  position: relative;
  letter-spacing: var(--letter-spacing-1-8);
  line-height: var(--line-height-27);
  text-transform: uppercase;
}

.divpx-2margin {
  height: 785.5px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-13-5);
  color: var(--color-blue-32);
}

.divpx-22,
.divpx-2margin,
.divpx-410 {
  align-self: stretch;
  flex-direction: column;
}

.divpx-22 {
  flex: 1;
  border-radius: 0 0 var(--font-size-13-5) var(--font-size-13-5);
  background-color: var(--color-white-solid);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-18) var(--padding-9);
}

.divpx-410 {
  height: 47.8px;
  padding: var(--padding-9) var(--padding-18);
  box-sizing: border-box;
  flex-shrink: 0;
  color: var(--color-spring-green-29);
}

.divflex33,
.divinline-block,
.divpx-410 {
  display: flex;
  align-items: flex-start;
}

.divflex33 {
  align-self: stretch;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-content: flex-start;
}

.divinline-block {
  border-radius: var(--br-6_8);
  background-color: var(--color-grey-93);
  padding: var(--padding-4) var(--padding-12) var(--padding-4_3);
}

.off {
  position: relative;
  line-height: var(--lh-20_3);
  text-transform: uppercase;
}

.divpx-411 {
  height: 49.3px;
  padding: var(--padding-9) var(--padding-18);
  box-sizing: border-box;
  flex-shrink: 0;
  font-size: 26.8px;
}

.divpx-411,
.divpx-413,
.spanblock {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divpx-413 {
  height: 105.6px;
  padding: var(--padding-8) var(--padding-18) var(--padding-9);
  box-sizing: border-box;
  font-size: var(--fs-15_7);
}

.spanblock {
  padding: var(--padding-0) var(--padding-0) var(--padding-0_7);
}

.span {
  text-decoration: line-through;
}

.div11,
.h22 {
  position: relative;
  display: flex;
}

.div11 {
  align-self: stretch;
  height: 39.1px;
  align-items: flex-end;
  padding: var(--padding-0) var(--padding-0) 0.1px;
  box-sizing: border-box;
  row-gap: var(--gap-20);
  z-index: 1;
  margin-top: -1px;
  font-size: 31.2px;
}

.h22 {
  margin: 0;
  height: 39px;
  width: 95.2px;
  font-size: inherit;
  line-height: 38.1px;
  font-weight: var(--font-weight-400);
  font-family: inherit;
  align-items: center;
}

.month-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
  font-size: var(--fs-15_4);
}

.component-15,
.divblock {
  align-self: stretch;
  display: flex;
}

.divblock {
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_7);
  margin-top: -1px;
  position: relative;
  font-size: var(--fs-15_4);
  color: var(--color-spring-green-29);
}

.component-15 {
  flex: 1;
  border-radius: var(--br-9999);
  background-color: var(--color-blue-65);
  align-items: center;
  justify-content: center;
  padding: var(--padding-13_5) var(--padding-22_5);
  box-sizing: border-box;
  max-width: 100%;
}

.vector-icon9 {
  position: absolute;
  height: 75.11%;
  width: 75.11%;
  top: 12.44%;
  right: 12.44%;
  bottom: 12.44%;
  left: 12.44%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.divdtc-text-sm2 {
  height: var(--height-24_7);
  width: 229.6px;
  display: flex;
  align-items: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_7) var(--padding-0);
  box-sizing: border-box;
}

.day-money-back-guarantee {
  height: var(--height-25);
  width: 230px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm3 {
  align-self: stretch;
  width: 102.5px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.gb-storage2 {
  margin-top: -1px;
  height: var(--height-25);
  width: 102.7px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm4,
.liflex4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.liflex4 {
  gap: var(--item-spacing-9);
  font-size: var(--fs-15_6);
}

.divtext-sm4 {
  width: 238.7px;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.extra-email-addresses {
  margin-top: -1px;
  height: var(--height-25);
  width: 239px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm5 {
  align-self: stretch;
  width: 255.9px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.support-for-1 {
  margin-top: -1px;
  height: var(--height-25);
  width: 256.1px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm6 {
  align-self: stretch;
  width: 204.7px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.unlimited-folders-and {
  margin-top: -1px;
  height: var(--height-25);
  width: 205px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm7 {
  align-self: stretch;
  width: 182.6px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.hide-my-email-aliases {
  margin-top: -1px;
  height: var(--height-25);
  width: 182.8px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm8 {
  align-self: stretch;
  width: 188.7px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.priority-customer-support {
  margin-top: -1px;
  height: var(--height-25);
  width: 189px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divpx-417 {
  align-self: stretch;
  height: 66.3px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-18) var(--padding-18) var(--padding-9);
  box-sizing: border-box;
  gap: var(--item-spacing-17-5);
  text-align: center;
  font-size: 13.4px;
}

.hrmt-2 {
  align-self: stretch;
  height: var(--height-1);
  position: relative;
  background-color: var(--color-grey-91);
  overflow: hidden;
  flex-shrink: 0;
}

.divpx-23,
.divpx-418,
.divpx-419,
.lirounded-2xl3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

.lirounded-2xl3 {
  height: 785.5px;
  flex: 1;
  border-radius: var(--br-18);
  background-color: var(--color-azure-65-40);
  justify-content: center;
  padding: var(--padding-0) var(--padding-1);
  min-width: 351px;
  text-align: left;
  font-size: var(--fs-15_6);
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divpx-23,
.divpx-418,
.divpx-419 {
  align-self: stretch;
}

.divpx-23 {
  height: 783.5px;
  border-radius: var(--br-18);
  background-color: var(--color-white-solid);
  justify-content: center;
  padding: var(--padding-18) var(--padding-9) 19px;
}

.divpx-418,
.divpx-419 {
  padding: var(--padding-9) var(--padding-18);
  flex-shrink: 0;
}

.divpx-418 {
  height: 48.8px;
  font-size: var(--font-size-13-5);
  color: var(--color-spring-green-29);
}

.divpx-419 {
  height: 49.3px;
  font-size: 26.9px;
}

.Ceumail-unlimited {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-0-81);
  line-height: var(--lh-31_3);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.divpx-421 {
  align-self: stretch;
  height: 105.6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-8) var(--padding-18) var(--padding-9);
  box-sizing: border-box;
  font-size: var(--fs-15_4);
}

.h23 {
  margin: 0;
  height: 39px;
  width: 94.6px;
  position: relative;
  font-size: inherit;
  line-height: 38.1px;
  font-weight: var(--font-weight-400);
  font-family: inherit;
  display: flex;
  align-items: center;
}

.divblock2,
.month-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.month-frame {
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
  font-size: var(--fs-15_4);
}

.divblock2 {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_7);
  margin-top: -1px;
  position: relative;
  font-size: var(--fs-15_6);
  color: var(--color-spring-green-29);
}

.divpx-423 {
  height: 42.7px;
  flex-direction: column;
  padding: var(--padding-9) var(--padding-18);
  flex-shrink: 0;
}

.divpx-423,
.divpx-424,
.divtext-sm9 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}

.divpx-424 {
  height: 305.7px;
  flex-direction: column;
  padding: var(--padding-9) var(--padding-18);
}

.divtext-sm9 {
  width: 116px;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
}

.gb-storage3 {
  margin-top: -1px;
  height: var(--height-25);
  width: 116.2px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm10,
.liflex10 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.liflex10 {
  gap: var(--item-spacing-9);
  font-size: var(--fs-15_4);
}

.divtext-sm10 {
  width: 238.3px;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.extra-email-addresses2 {
  margin-top: -1px;
  height: var(--height-25);
  width: 238.5px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm11 {
  align-self: stretch;
  width: 267.5px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.support-for-3 {
  margin-top: -1px;
  height: var(--height-25);
  width: 268px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm13 {
  align-self: stretch;
  width: 235.9px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.unlimited-hide-my-email-aliase {
  margin-top: -1px;
  height: var(--height-25);
  width: 236.1px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm14 {
  align-self: stretch;
  width: 210.7px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.dedicated-customer-support {
  margin-top: -1px;
  height: var(--height-25);
  width: 210.9px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm15 {
  align-self: stretch;
  width: 191.7px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.ultra-fast-and {
  margin-top: -1px;
  height: var(--height-25);
  width: 192px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm16 {
  align-self: stretch;
  width: 221.5px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.encrypted-password-manager {
  margin-top: -1px;
  height: var(--height-25);
  width: 222px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm17 {
  align-self: stretch;
  width: 380px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.encrypted-cloud-storage {
  margin-top: -1px;
  height: var(--height-25);
  width: 380.2px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.divtext-sm18,
.liflex18 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.liflex18 {
  gap: var(--item-spacing-9);
}

.divtext-sm18 {
  width: 218.1px;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.advanced-account-protection {
  margin-top: -1px;
  height: var(--height-25);
  width: 218.3px;
  position: relative;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.spanrelative {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.divflex61,
.divpx-425 {
  align-self: stretch;
  box-sizing: border-box;
}

.divpx-425 {
  height: 66.3px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-18) var(--padding-18) var(--padding-9);
  gap: var(--item-spacing-17-5);
  text-align: center;
  font-size: 13.3px;
}

.divflex61 {
  height: var(--height-36);
  display: grid;
  grid-template-columns: 1440px;
  grid-template-rows: 36px;
  gap: var(--gap-18);
  overflow: auto;
}

.divmax-w-full {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: var(--width-1440);
  grid-column: 1;
  grid-row: 1;
}

.divdtc-text-purple-500 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
}

.change-currency {
  border-radius: var(--br-9999);
  border: var(--stroke-weight-2) solid var(--color-blue-65);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 3.6px 40px 3.6px var(--padding-18);
  min-height: var(--item-spacing-36);
  z-index: 0;
}

.div15 {
  width: 34px;
  height: var(--height-24_7);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.usd {
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 15.8px;
  line-height: var(--lh-24_7);
  font-family: var(--font-family-Font-1);
  color: var(--color-blue-65);
  text-align: left;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.component-244,
.vector-icon28 {
  position: absolute;
  overflow: hidden;
}

.component-244 {
  height: var(--height-27);
  width: var(--width-27);
  margin: 0 !important;
  top: calc(50% - 13.5px);
  right: 4.5px;
  flex-shrink: 0;
  z-index: 1;
}

.vector-icon28 {
  height: 31.11%;
  width: 62.59%;
  top: 34.44%;
  right: 18.52%;
  bottom: 34.44%;
  left: 18.89%;
  max-width: 100%;
  max-height: 100%;
}

.divpx-426 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-240);
  text-align: left;
  font-size: 38.9px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divgrid5 {
  align-self: stretch;
  height: 809.9px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(444px, 1fr));
  grid-template-rows: 809.906005859375px;
  column-gap: var(--gap-108);
  row-gap: var(--gap-27);
}

.divmargin-icon {
  width: 666px;
  height: 809.9px;
  position: relative;
  object-fit: cover;
  grid-column: 1;
  grid-row: 1;
}

.divflex62 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 263.3px var(--padding-0) 263.4px;
  gap: var(--item-spacing-36);
  grid-column: 2;
  grid-row: 1;
}

.the-standard-for {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-22);
  line-height: var(--lh-47);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.divfont-sans4,
.divpb-24,
.divpx-427 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divfont-sans4 {
  font-size: var(--fs-17_6);
  color: var(--color-azure-34);
}

.divpb-24,
.divpx-427 {
  background-color: var(--color-white-solid);
}

.divpx-427 {
  padding: var(--padding-108) 528px;
  text-align: center;
  font-size: 51.8px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divpb-24 {
  padding: var(--padding-0) var(--padding-96) 216px;
}

.divgrid6 {
  align-self: stretch;
  height: 1035.4px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(414px, 1fr));
  grid-template-rows: repeat(2, 499.718994140625px);
  gap: var(--gap-36);
}

.divflex65,
.divoverflow-hidden2,
.p13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divoverflow-hidden2 {
  border-radius: var(--br-27);
  background: var(--gradient-1);
  overflow: hidden;
  justify-content: center;
  grid-column: 1;
  grid-row: 1;
  text-align: left;
  font-size: 26.3px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divflex65,
.p13 {
  align-self: stretch;
}

.divflex65 {
  padding: var(--padding-36);
  gap: var(--item-spacing-18);
}

.p13 {
  font-size: var(--fs-17_7);
  color: var(--color-azure-34);
}

.divoverflow-hidden3,
.divoverflow-hidden4 {
  border-radius: var(--br-27);
  background: var(--gradient-1);
  overflow: hidden;
  justify-content: center;
  grid-row: 1;
  text-align: left;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divoverflow-hidden3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column: 2;
  font-size: 25.9px;
}

.divoverflow-hidden4 {
  grid-column: 3;
  font-size: 25.8px;
}

.divflex71,
.divoverflow-hidden4,
.divoverflow-hidden5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divoverflow-hidden5 {
  border-radius: var(--br-27);
  background: var(--gradient-1);
  overflow: hidden;
  justify-content: center;
  grid-column: 1;
  grid-row: 2;
  text-align: left;
  font-size: 25.8px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divflex71 {
  align-self: stretch;
  padding: var(--padding-36);
  gap: var(--gap-18);
}

.divoverflow-hidden6 {
  border-radius: var(--br-27);
  background: var(--gradient-1);
  overflow: hidden;
  justify-content: center;
  grid-column: 2;
  grid-row: 2;
  text-align: left;
  font-size: 25.4px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divdtc-max-w-8xl2,
.divoverflow-hidden6,
.divoverflow-hidden7,
.divpb-164 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divoverflow-hidden7 {
  border-radius: var(--br-27);
  background: var(--gradient-1);
  overflow: hidden;
  justify-content: center;
  grid-column: 3;
  grid-row: 2;
  text-align: left;
  font-size: 26.6px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divdtc-max-w-8xl2,
.divpb-164 {
  box-sizing: border-box;
}

.divpb-164 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  padding: var(--padding-0) var(--padding-96) var(--padding-108);
  flex-shrink: 0;
  max-width: 100%;
}

.divdtc-max-w-8xl2 {
  width: 100%;
  border-radius: var(--br-27);
  background-color: var(--color-grey-98);
  overflow: hidden;
  padding: var(--padding-0) var(--padding-72);
  max-width: var(--width-1728);
}

.divflex76,
.divgrid7 {
  height: 553.1px;
  max-width: 100%;
}

.divgrid7 {
  align-self: stretch;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(492px, 1fr));
  grid-template-rows: 553.06201171875px;
  column-gap: var(--gap-108);
  row-gap: var(--gap-27);
}

.divflex76 {
  width: 738px;
  position: relative;
  grid-column: 1;
  grid-row: 1;
  text-align: left;
  font-size: 52.2px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divflex77 {
  position: absolute;
  width: 100%;
  top: calc(50% - 168.85px);
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}

.component-245,
.image {
  width: 137px;
  overflow: hidden;
}

.image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.component-245 {
  height: var(--height-25);
  position: relative;
  flex-shrink: 0;
}

.vector-icon29,
.vector-icon30 {
  position: absolute;
  left: 0.73%;
  max-width: 100%;
}

.vector-icon29 {
  height: 65.6%;
  width: 12.99%;
  top: 6.4%;
  right: 86.28%;
  bottom: 28%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon30 {
  height: 72.4%;
  width: 17.52%;
  top: 23.6%;
  right: 81.75%;
  bottom: 4%;
  z-index: 1;
}

.vector-icon30,
.vector-icon31,
.vector-icon32 {
  overflow: hidden;
  max-height: 100%;
}

.vector-icon31 {
  position: absolute;
  height: 89.6%;
  width: 4.38%;
  top: 6.4%;
  right: 78.83%;
  bottom: 4%;
  left: 16.79%;
  max-width: 100%;
  z-index: 2;
}

.vector-icon32 {
  height: 56.4%;
  width: 8.1%;
  top: 21.6%;
  right: 63.43%;
  bottom: 22%;
  left: 28.47%;
}

.vector-icon32,
.vector-icon33,
.vector-icon34 {
  position: absolute;
  max-width: 100%;
}

.vector-icon33 {
  height: 38.8%;
  width: 3.8%;
  top: 38.8%;
  right: 59.34%;
  bottom: 22.4%;
  left: 36.86%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon34 {
  height: 39.6%;
  width: 7.37%;
  top: 39.2%;
  right: 51.39%;
  bottom: 21.2%;
  left: 41.24%;
}

.vector-icon34,
.vector-icon35,
.vector-icon36 {
  overflow: hidden;
  max-height: 100%;
}

.vector-icon35 {
  position: absolute;
  height: 39.6%;
  width: 7.37%;
  top: 39.2%;
  right: 38.1%;
  bottom: 21.2%;
  left: 54.53%;
  max-width: 100%;
}

.vector-icon36 {
  height: 38.8%;
  width: 6.42%;
  top: 38.8%;
  right: 30.73%;
  bottom: 22.4%;
  left: 62.85%;
}

.vector-icon36,
.vector-icon37,
.vector-icon38 {
  position: absolute;
  max-width: 100%;
}

.vector-icon37 {
  height: 51.2%;
  width: 5.11%;
  top: 26.8%;
  right: 46.06%;
  bottom: 22%;
  left: 48.83%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon38 {
  height: 54.8%;
  width: 11.24%;
  top: 22.8%;
  right: 15.11%;
  bottom: 22.4%;
  left: 73.65%;
}

.vector-icon38,
.vector-icon39,
.vector-icon40 {
  overflow: hidden;
  max-height: 100%;
}

.vector-icon39 {
  position: absolute;
  height: 39.6%;
  width: 7.3%;
  top: 39.2%;
  right: 6.93%;
  bottom: 21.2%;
  left: 85.77%;
  max-width: 100%;
}

.vector-icon40 {
  height: 56.4%;
  width: 2.34%;
  top: 21.6%;
  right: 3.87%;
  bottom: 22%;
  left: 93.8%;
}

.divspace-y-25,
.vector-icon40,
.vector-icon41 {
  position: absolute;
  max-width: 100%;
}

.vector-icon41 {
  height: 54.8%;
  width: 1.9%;
  top: 22.8%;
  right: 0.88%;
  bottom: 22.4%;
  left: 97.23%;
  overflow: hidden;
  max-height: 100%;
}

.divspace-y-25 {
  width: 100%;
  top: calc(50% - 108.55px);
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.keep-your-communications {
  align-self: stretch;
  position: relative;
  letter-spacing: var(--letter-spacing-1-62);
  line-height: var(--lh-60_8);
}

.astro-island7,
.divfont-sans5 {
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}

.divfont-sans5 {
  top: calc(50% + 49.65px);
  font-size: var(--fs-17_6);
  color: var(--color-azure-34);
}

.astro-island7 {
  top: calc(50% + 112.65px);
}

.divmargin-icon2 {
  height: 553.1px;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  grid-column: 2;
  grid-row: 1;
}

.divpx-428 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) 528px var(--padding-108);
  flex-shrink: 0;
  text-align: center;
  font-size: 51.5px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.divflex79 {
  align-self: stretch;
  gap: var(--item-spacing-36);
}

.divflex79,
.divflow-root {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.component-246,
.image2 {
  width: 529px;
  overflow: hidden;
}

.image2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.component-246 {
  height: 82px;
  position: relative;
  flex-shrink: 0;
}

.clip-path-group13,
.vector-icon42 {
  position: absolute;
  height: 58.54%;
  width: 9.07%;
  top: 0;
  right: 90.93%;
  bottom: 41.46%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon42 {
  height: 14.88%;
  width: 5.33%;
  top: 76.83%;
  right: 92.78%;
  bottom: 8.29%;
  left: 1.89%;
}

.clip-path-group14,
.clip-path-group15,
.vector-icon43,
.vector-icon44 {
  position: absolute;
  height: 58.54%;
  width: 9.07%;
  top: 0;
  right: 78.07%;
  bottom: 41.46%;
  left: 12.85%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.clip-path-group15,
.vector-icon43,
.vector-icon44 {
  height: 14.63%;
  width: 5.05%;
  top: 77.07%;
  right: 80.11%;
  bottom: 8.29%;
  left: 14.84%;
}

.clip-path-group15,
.vector-icon44 {
  height: 58.54%;
  width: 9.07%;
  top: 0;
  right: 65.22%;
  bottom: 41.46%;
  left: 25.71%;
}

.vector-icon44 {
  height: 14.39%;
  width: 6.37%;
  top: 77.32%;
  right: 66.5%;
  bottom: 8.29%;
  left: 27.13%;
}

.clip-path-group16,
.mask-group-icon,
.vector-icon45,
.vector-icon46,
.vector-icon47 {
  position: absolute;
  height: 58.54%;
  width: 9.07%;
  top: 0;
  right: 52.36%;
  bottom: 41.46%;
  left: 38.56%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.mask-group-icon,
.vector-icon45,
.vector-icon46,
.vector-icon47 {
  height: 14.15%;
  width: 5.9%;
  top: 77.32%;
  right: 54.05%;
  bottom: 8.54%;
  left: 40.06%;
}

.mask-group-icon,
.vector-icon46,
.vector-icon47 {
  height: 58.54%;
  width: 9.07%;
  top: 0;
  right: 39.51%;
  bottom: 41.46%;
  left: 51.42%;
}

.mask-group-icon,
.vector-icon47 {
  height: 57.32%;
  width: 8.88%;
  top: 0.61%;
  right: 39.6%;
  bottom: 42.07%;
  left: 51.51%;
  z-index: 1;
}

.mask-group-icon {
  height: 29.27%;
  width: 5.24%;
  top: 14.63%;
  right: 41.32%;
  bottom: 56.1%;
  left: 53.44%;
  z-index: 2;
}

.clip-path-group17,
.vector-icon48,
.vector-icon49,
.vector-icon50 {
  position: absolute;
  height: 14.39%;
  width: 8.53%;
  top: 77.32%;
  right: 39.81%;
  bottom: 8.29%;
  left: 51.66%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.clip-path-group17,
.vector-icon49,
.vector-icon50 {
  height: 58.54%;
  width: 9.07%;
  top: 0;
  right: 26.65%;
  bottom: 41.46%;
  left: 64.27%;
}

.vector-icon49,
.vector-icon50 {
  height: 14.88%;
  width: 6.98%;
  top: 76.83%;
  right: 27.66%;
  bottom: 8.29%;
  left: 65.37%;
}

.vector-icon50 {
  height: 58.54%;
  width: 9.07%;
  top: 0;
  right: 13.8%;
  bottom: 41.46%;
  left: 77.13%;
}

.vector-icon51,
.vector-icon52,
.vector-icon53,
.vector-icon54,
.vector-icon55 {
  position: absolute;
  height: 57.32%;
  width: 8.88%;
  top: 0.61%;
  right: 13.89%;
  bottom: 42.07%;
  left: 77.22%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}

.vector-icon52,
.vector-icon53,
.vector-icon54,
.vector-icon55 {
  height: 32.56%;
  width: 5.05%;
  top: 13.05%;
  right: 15.8%;
  bottom: 54.39%;
  left: 79.15%;
  z-index: 2;
}

.vector-icon53,
.vector-icon54,
.vector-icon55 {
  height: 8.17%;
  width: 1.27%;
  right: 17.07%;
  bottom: 78.78%;
  left: 81.66%;
  z-index: 3;
}

.vector-icon54,
.vector-icon55 {
  right: 15.8%;
  left: 82.93%;
  z-index: 4;
}

.vector-icon55 {
  top: 21.1%;
  bottom: 70.73%;
  z-index: 5;
}

.vector-icon56 {
  height: 2.68%;
  width: 1.89%;
  top: 37.44%;
  right: 18.13%;
  bottom: 59.88%;
  left: 79.98%;
  z-index: 3;
}

.vector-icon56,
.vector-icon57,
.vector-icon58 {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon57 {
  height: 2.68%;
  width: 1.27%;
  top: 31.95%;
  right: 18.75%;
  bottom: 65.37%;
  left: 79.98%;
  z-index: 3;
}

.vector-icon58 {
  height: 14.39%;
  width: 6.82%;
  top: 77.32%;
  right: 14.88%;
  bottom: 8.29%;
  left: 78.3%;
}

.vector-icon59,
.vector-icon60,
.vector-icon61,
.vector-icon62,
.vector-icon63 {
  position: absolute;
  height: 58.54%;
  width: 9.07%;
  top: 0;
  right: 0.47%;
  bottom: 41.46%;
  left: 90.45%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon60,
.vector-icon61,
.vector-icon62,
.vector-icon63 {
  height: 57.32%;
  width: 8.88%;
  top: 0.61%;
  right: 0.57%;
  bottom: 42.07%;
  left: 90.55%;
  z-index: 1;
}

.vector-icon61,
.vector-icon62,
.vector-icon63 {
  height: 32.56%;
  width: 5.05%;
  top: 13.05%;
  right: 2.48%;
  bottom: 54.39%;
  left: 92.48%;
  z-index: 2;
}

.vector-icon62,
.vector-icon63 {
  height: 14.27%;
  width: 0.42%;
  top: 26.59%;
  right: 5.8%;
  bottom: 59.15%;
  left: 93.78%;
  z-index: 3;
}

.vector-icon63 {
  height: 2.68%;
  width: 2.42%;
  top: 34.15%;
  right: 4.5%;
  bottom: 63.17%;
  left: 93.08%;
  z-index: 4;
}

.vector-icon64,
.vector-icon65 {
  height: 8.17%;
  width: 1.27%;
  top: 13.05%;
  bottom: 78.78%;
}

.vector-icon64 {
  position: absolute;
  right: 3.74%;
  left: 94.99%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 3;
}

.vector-icon65 {
  right: 2.48%;
  left: 96.26%;
  z-index: 4;
}

.vector-icon65,
.vector-icon66,
.vector-icon67 {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon66 {
  height: 8.17%;
  width: 1.27%;
  top: 21.1%;
  right: 2.48%;
  bottom: 70.73%;
  left: 96.26%;
  z-index: 5;
}

.vector-icon67 {
  height: 14.63%;
  width: 9.57%;
  top: 77.07%;
  right: 0.21%;
  bottom: 8.29%;
  left: 90.23%;
}

.divfont-sans6 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--item-spacing-18);
  text-align: center;
  font-size: var(--fs-17_6);
  color: var(--color-azure-34);
  font-family: var(--font-family-Font-1);
}

.we-provide-easy-to-use {
  position: relative;
  line-height: var(--line-height-27);
}

.divdtc-max-w-8xl3,
.divpb-165 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divpb-165 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  padding: var(--padding-0) var(--padding-96) var(--padding-108);
  text-align: left;
  font-size: 37.5px;
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-1);
}

.divdtc-max-w-8xl3 {
  width: 100%;
  border-radius: var(--br-27);
  background: linear-gradient(45deg,
      var(--color-cyan-27),
      var(--color-blue-16) 25%);
  overflow: hidden;
  padding: var(--padding-0) var(--padding-72);
  box-sizing: border-box;
  max-width: var(--width-1728);
}

.divgrid8 {
  align-self: stretch;
  height: 711.5px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(492px, 1fr));
  grid-template-rows: 711.5469970703125px;
  column-gap: var(--gap-108);
  row-gap: var(--gap-27);
}

.image-icon10 {
  width: 738px;
  height: 711.5px;
  position: relative;
  object-fit: cover;
  grid-column: 1;
  grid-row: 1;
}

.divflex81 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 131.9px var(--padding-0);
  gap: var(--item-spacing-36);
  grid-column: 2;
  grid-row: 1;
}

.component-247,
.image3 {
  width: 134px;
  overflow: hidden;
}

.image3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.component-247 {
  height: var(--height-36);
  position: relative;
  flex-shrink: 0;
}

.secure-your-business {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-22);
  line-height: 45px;
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.divdtc-text-white {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--item-spacing-18);
  font-size: var(--fs-17_7);
}

.component-18 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-13_5) var(--padding-22_5);
  background-color: var(--color-darkturquoise);
  align-self: stretch;
  border-radius: var(--br-9999);
  display: flex;
  align-items: center;
  justify-content: center;
}

.text15 {
  position: relative;
  font-size: var(--fs-17_7);
  line-height: var(--lh-29_3);
  font-weight: var(--font-weight-600);
  font-family: var(--font-family-Font-1);
  color: var(--color-blue-16);
  text-align: center;
}

.divflex84 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: var(--fs-15_4);
  color: var(--color-azure-84);
}

.divoverflow-hidden8 {
  align-self: stretch;
  width: 446.4px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.divflex85 {
  position: absolute;
  top: 0;
  left: -18px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: var(--padding-0) var(--padding-0) var(--padding-13_5);
  gap: var(--gap-0);
  flex-shrink: 0;
}

.spanhidden3 {
  height: var(--height-24_7);
  width: 246.3px;
  position: relative;
}

.trusted-by-100000 {
  position: absolute;
  top: -1px;
  left: 0;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.spansr-only2 {
  height: var(--height-24_7);
  width: 95.7px;
  position: relative;
}

.swiss-based2 {
  position: absolute;
  top: -1px;
  left: 0;
  line-height: var(--lh-24_7);
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.divpx-429 {
  align-self: stretch;
  background-color: var(--color-white-solid);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) 312px var(--padding-54);
  text-align: left;
  font-size: var(--font-size-40-5);
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.Ceumail-mail-faq {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--letter-spacing-1-22);
  line-height: var(--lh-47);
  font-weight: var(--font-weight-400);
  font-family: inherit;
}

.astro-island9 {
  align-self: stretch;
  background: linear-gradient(180deg,
      var(--color-white-solid),
      var(--color-grey-98));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) 312px 198px;
  text-align: left;
  font-size: var(--fs-21_8);
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.dlgrid {
  align-self: stretch;
  height: 272px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  grid-template-rows: 90px 91px 91px;
  column-gap: var(--gap-36);
  row-gap: var(--gap-36);
}

.divpy-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-18) var(--padding-0);
  grid-column: 1;
  grid-row: 1;
}

.dtrelative {
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--line-height-27);
}

.divflex-grow {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: var(--min-w-357);
}

.what-is-Ceumail {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-33_8);
  font-weight: var(--font-weight-600);
  font-family: inherit;
}

.component-72 {
  border-radius: var(--br-9999);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-13_5);
}

.vector-icon72 {
  position: absolute;
  height: 50%;
  width: 50%;
  top: 25.19%;
  right: 24.81%;
  bottom: 24.81%;
  left: 25.19%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.divpy-42,
.divpy-43 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divpy-42 {
  padding: var(--padding-18) var(--padding-0);
  grid-column: 2;
  grid-row: 1;
}

.divpy-43 {
  grid-column: 1;
  grid-row: 2;
}

.divpy-43,
.divpy-44,
.divpy-45 {
  border-top: var(--stroke-weight-1) solid var(--color-azure-65-30);
  padding: var(--padding-18) var(--padding-0);
}

.divpy-44 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column: 2;
  grid-row: 2;
}

.divpy-45 {
  grid-column: 1;
  grid-row: 3;
}

.divpy-45,
.divpy-46,
.divspace-y-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divpy-46 {
  border-top: var(--stroke-weight-1) solid var(--color-azure-65-30);
  padding: var(--padding-18) var(--padding-0);
  grid-column: 2;
  grid-row: 3;
}

.divspace-y-6 {
  width: 1776px;
  gap: var(--item-spacing-54);
  max-width: 100%;
  z-index: 1;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-15_6);
  color: var(--color-blue-65);
  font-family: var(--font-family-Font-1);
}

.divcol-span-full,
.divgrid9 {
  display: flex;
  align-items: flex-start;
  gap: var(--line-height-27);
}

.divgrid9 {
  align-self: stretch;
  justify-content: center;
  max-width: 100%;
}

.divcol-span-full {
  width: 273.5px;
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) 152.4px;
  box-sizing: border-box;
}

.divgrid10 {
  align-self: stretch;
  height: 60.7px;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 273.5px;
  grid-template-rows: 60.71879959106445px;
  gap: 9px;
}

.div18,
.divh-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.div18 {
  width: 100%;
  height: 100%;
  grid-column: 1;
  grid-row: 1;
}

.divh-8 {
  align-self: stretch;
  height: var(--height-36);
  justify-content: center;
}

.component-256,
.Ceumail {
  width: 111.4px;
  overflow: hidden;
}

.Ceumail {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: var(--width-218-8);
}

.component-256 {
  height: var(--height-36);
  position: relative;
  flex-shrink: 0;
}

.vector-icon78 {
  height: 76.67%;
  width: 19.57%;
  top: 0;
  right: 80.16%;
  bottom: 23.33%;
  left: 0.27%;
}

.vector-icon78,
.vector-icon79,
.vector-icon80 {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon79 {
  height: 26.11%;
  width: 6.82%;
  top: 50.56%;
  right: 92.91%;
  bottom: 23.33%;
  left: 0.27%;
  z-index: 1;
}

.vector-icon80 {
  height: 70.28%;
  width: 78.46%;
  top: 7.5%;
  right: 0.99%;
  bottom: 22.22%;
  left: 20.56%;
}

.spantext-purple-500 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0_7);
  margin-top: -1px;
  position: relative;
}

.privacy-by-default {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-24_7);
}

.ulflex4 {
  align-self: stretch;
  height: 59px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: var(--padding-0) 20px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  gap: 9px 8.3px;
}

.lipe-1,
.x {
  display: flex;
  flex-direction: column;
}

.lipe-1 {
  height: var(--height-25);
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-4) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.x {
  width: var(--width-24);
  overflow: hidden;
  align-items: center;
  justify-content: center;
}

.vector-icon82,
.vector-icon83 {
  position: absolute;
  height: 63.75%;
  width: 64.17%;
  top: 15.42%;
  right: 15.42%;
  bottom: 20.83%;
  left: 20.42%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}

.vector-icon83 {
  height: 44.17%;
  width: 44.17%;
  top: 40%;
  right: 40%;
  bottom: 15.83%;
  left: 15.83%;
  z-index: 2;
}

.lipe-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-4) var(--padding-0) var(--padding-0);
}

.component-263 {
  width: var(--width-24);
  height: var(--height-25);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.clip-path-group24,
.vector-icon85 {
  position: absolute;
  height: 96%;
  width: 100%;
  top: 1.6%;
  right: 0;
  bottom: 2.4%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon85 {
  height: 64%;
  width: 53.33%;
  top: 16%;
  right: 22.92%;
  bottom: 20%;
  left: 23.75%;
  z-index: 1;
}

.addresstext-xs {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11.3px;
  font-size: 13.4px;
  color: var(--color-azure-34);
}

.Ceumail-ag {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-20_3);
}

.astro-island10 {
  align-self: stretch;
  width: 1475.5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  font-size: 19.8px;
  color: var(--color-blue-32);
}

.ulgrid {
  align-self: stretch;
  height: var(--height-418_4);
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 418.375px;
  gap: 54px;
}

.licol-span-2margin {
  height: var(--height-418_4);
  position: relative;
  grid-column: 1 / span 2;
  grid-row: 1;
}

.licol-span-2 {
  position: absolute;
  width: calc(100% + 27px);
  top: 0;
  right: 0;
  left: -27px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) 27px;
  box-sizing: border-box;
  gap: var(--item-spacing-36);
  flex-shrink: 0;
}

.products,
.ulmt-4 {
  align-self: stretch;
  position: relative;
}

.products {
  line-height: 31.4px;
}

.ulmt-4 {
  height: 351px;
  font-size: var(--fs-17_7);
}

.li {
  position: absolute;
  width: var(--width-calc100-305_4);
  top: 0;
  right: 305.4px;
  left: 0;
  flex-direction: column;
}

.component-45,
.li {
  display: flex;
  align-items: flex-start;
}

.li2 {
  top: 45px;
  flex-direction: column;
}

.li2,
.li3,
.li4 {
  position: absolute;
  width: var(--width-calc100-305_4);
  right: 305.4px;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.li3 {
  top: 90px;
  flex-direction: column;
}

.li4 {
  top: 135px;
}

.li4,
.li5,
.li6 {
  flex-direction: column;
}

.li5 {
  position: absolute;
  width: var(--width-calc100-305_4);
  top: 180px;
  right: 305.4px;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.li6 {
  top: 225px;
}

.li6,
.li7,
.liflex19 {
  position: absolute;
  width: var(--width-calc100-305_4);
  right: 305.4px;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.li7 {
  top: 270px;
  flex-direction: column;
}

.liflex19 {
  top: 315px;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0) var(--item-spacing-9);
  font-size: var(--fs-17_6);
}

.span3 {
  align-self: stretch;
  width: 56px;
  position: relative;
  font-size: var(--font-size-13-5);
  color: var(--color-blue-65);
}

.divinline-block3 {
  position: absolute;
  top: 0.5px;
  left: 0;
  border-radius: var(--br-6_8);
  background-color: var(--color-grey-93);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-4) 13px var(--padding-4_3);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.new {
  position: relative;
  line-height: var(--lh-20_3);
}

.li8 {
  top: 0;
  flex-direction: column;
}

.li10,
.li11,
.li12,
.li13,
.li14,
.li8,
.li9,
.liflex20 {
  position: absolute;
  width: var(--width-calc100-305_4);
  right: 0;
  left: 305.4px;
  display: flex;
  align-items: flex-start;
}

.liflex20 {
  top: 45px;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0) var(--item-spacing-9);
  font-size: var(--fs-17_6);
}

.li10,
.li11,
.li12,
.li13,
.li14,
.li9 {
  top: 90px;
  flex-direction: column;
}

.li10,
.li11,
.li12,
.li13,
.li14 {
  top: 135px;
}

.li11,
.li12,
.li13,
.li14 {
  top: 180px;
}

.li12,
.li13,
.li14 {
  top: 225px;
}

.li13,
.li14 {
  top: 270px;
}

.li14 {
  top: 315px;
}

.limargin {
  height: var(--height-418_4);
  position: relative;
  grid-column: 3;
  grid-row: 1;
}

.li15,
.ulmt-42 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.li15 {
  position: absolute;
  width: calc(100% + 27px);
  top: 0;
  right: 0;
  left: -27px;
  border-left: var(--stroke-weight-1) solid var(--color-azure-84-60);
  box-sizing: border-box;
  padding: var(--padding-0) var(--padding-0) var(--padding-9) 27px;
  gap: var(--item-spacing-36);
  flex-shrink: 0;
}

.ulmt-42 {
  align-self: stretch;
  gap: var(--item-spacing-18);
  font-size: var(--fs-17_6);
}

.text32 {
  flex: 1;
  position: relative;
  line-height: var(--line-height-27);
}

.limargin2 {
  height: var(--height-418_4);
  position: relative;
  grid-column: 4;
  grid-row: 1;
  font-size: var(--fs-20);
}

.li24 {
  position: absolute;
  width: calc(100% + 27px);
  top: 0;
  right: 0;
  left: -27px;
  border-left: var(--stroke-weight-1) solid var(--color-azure-84-60);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 99px 27px;
  gap: var(--item-spacing-36);
  flex-shrink: 0;
}

.company {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 31.4px;
  font-weight: var(--font-weight-700);
  font-family: inherit;
}

.company,
.liflex21,
.span5 {
  align-self: stretch;
}

.liflex21 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0) 9px;
}

.span5 {
  width: 106px;
  position: relative;
}

.divinline-block5 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-4) var(--padding-12) var(--padding-4_3);
  background-color: var(--color-blue-65);
  position: absolute;
  top: 0.5px;
  left: 0;
  border-radius: var(--br-6_8);
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.divinline-block5:hover {
  background-color: var(--color-mediumslateblue);
}

.were-hiring {
  position: relative;
  font-size: var(--font-size-13-5);
  line-height: var(--lh-20_3);
  font-family: var(--font-family-Font-1);
  color: var(--color-white-solid);
  text-align: left;
}

.limargin3 {
  height: var(--height-418_4);
  position: relative;
  grid-column: 5;
  grid-row: 1;
}

.hr,
.li30 {
  box-sizing: border-box;
  flex-shrink: 0;
}

.li30 {
  position: absolute;
  width: calc(100% + 27px);
  top: 0;
  right: 0;
  left: -27px;
  border-left: var(--stroke-weight-1) solid var(--color-azure-84-60);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-54) 27px;
  gap: var(--item-spacing-36);
}

.hr {
  align-self: stretch;
  height: var(--height-1);
  position: relative;
  border-top: var(--stroke-weight-1) solid var(--color-grey-91);
  overflow: hidden;
}

.div20,
.divflex94 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.divflex94 {
  justify-content: space-between;
  gap: var(--gap-0);
  row-gap: var(--gap-20);
  font-size: var(--fs-17_7);
  color: var(--color-blue-32);
}

.div20 {
  flex: 1;
  min-width: 1074px;
}

.ulcol-span-12 {
  align-self: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0) var(--item-spacing-22-5);
}

.divcol-span-full2,
.divhidden,
.ulcol-span-12 {
  display: flex;
  align-items: flex-start;
}

.divhidden {
  align-self: stretch;
  flex-direction: column;
  text-align: center;
  font-size: var(--fs-15_7);
  color: var(--color-blue-65);
}

.divcol-span-full2 {
  justify-content: flex-end;
}

.component-8 {
  border-radius: var(--br-9999);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: var(--padding-4_5) var(--padding-13_5);
  position: relative;
  isolation: isolate;
  gap: var(--item-spacing-4-5);
}

.divflex95,
.spanshrink-0margin {
  height: var(--height-22_5);
  flex-shrink: 0;
}

.spanshrink-0margin {
  width: 15.8px;
  position: relative;
  z-index: 1;
}

.divflex95 {
  position: absolute;
  top: 0;
  left: -6.7px;
  border-radius: var(--br-2_3);
  width: var(--width-22_5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.text58 {
  position: relative;
  line-height: var(--lh-24_7);
  font-weight: var(--font-weight-600);
  z-index: 2;
  flex-shrink: 0;
}

.spanshrink-0margin2 {
  width: 15.8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 3;
  flex-shrink: 0;
}

.divflex96 {
  width: var(--width-22_5);
  height: var(--height-22_5);
  border-radius: var(--br-2_3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vector-icon87 {
  position: absolute;
  height: 31.11%;
  width: 62.67%;
  top: 34.22%;
  right: 18.67%;
  bottom: 34.67%;
  left: 18.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.li43,
.li45,
.limargin4,
.ultext-xs {
  display: flex;
  align-items: flex-start;
}

.ultext-xs {
  align-self: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0);
  font-size: var(--font-size-13-5);
  color: var(--color-azure-34);
}

.li43,
.li45,
.limargin4 {
  flex-direction: column;
}

.limargin4 {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-0) var(--padding-9) var(--padding-0) var(--padding-0);
}

.li43,
.li45 {
  flex: 1;
  border-right: var(--stroke-weight-1) solid var(--color-blue-86);
  padding: var(--padding-0) var(--padding-8) var(--padding-0) var(--padding-0);
}

.li45 {
  padding: var(--padding-0) var(--padding-9) var(--padding-0) var(--padding-0);
}

.divrelative,
.divtop-0 {
  display: flex;
  max-width: 100%;
}

.divtop-0 {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-grey-98);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-72);
  box-sizing: border-box;
  z-index: 2;
  flex-shrink: 0;
}

.divrelative {
  align-self: stretch;
  height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-0);
  row-gap: var(--gap-20);
  text-align: center;
  font-size: var(--fs-15_7);
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.amb-1,
.amb-1margin {
  display: flex;
  align-items: flex-start;
}

.amb-1margin {
  height: var(--height-36);
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) var(--padding-4_5);
  box-sizing: border-box;
}

.amb-1 {
  height: 31.5px;
}

.component-273,
.Ceumail-mail4 {
  width: 153.1px;
  overflow: hidden;
  flex-shrink: 0;
}

.Ceumail-mail4 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.component-273 {
  height: 31.5px;
  position: relative;
}

.vector-icon88,
.vector-icon89,
.vector-icon90,
.vector-icon91,
.vector-icon92 {
  position: absolute;
  height: 58.41%;
  width: 13.06%;
  top: 10.48%;
  right: 86.94%;
  bottom: 31.11%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon89,
.vector-icon90,
.vector-icon91,
.vector-icon92 {
  height: 64.76%;
  width: 17.64%;
  top: 25.71%;
  right: 82.36%;
  bottom: 9.52%;
}

.vector-icon90,
.vector-icon91,
.vector-icon92 {
  height: 80%;
  width: 4.38%;
  top: 10.48%;
  right: 79.43%;
  left: 16.2%;
}

.vector-icon91,
.vector-icon92 {
  height: 51.11%;
  width: 41.15%;
  top: 24.44%;
  right: 30.83%;
  bottom: 24.44%;
  left: 28.02%;
}

.vector-icon92 {
  width: 25.73%;
  right: 0.52%;
  left: 73.74%;
}

.divhidden2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 778px;
}

.ulflex5 {
  margin: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-0) var(--item-spacing-18);
  text-align: left;
  font-size: 15.8px;
  color: var(--color-blue-32);
  font-family: var(--font-family-Font-1);
}

.li46 {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  font-size: var(--fs-15_7);
}

.component-9 {
  display: flex;
  align-items: center;
  gap: var(--item-spacing-4-5);
}

.span6 {
  height: var(--height-24_7);
  width: auto;
  position: relative;
}

.component-274 {
  height: var(--height-22_5);
  width: var(--width-22_5);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.component-450 {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.text63 {
  position: relative;
  line-height: var(--lh-24_7);
  font-weight: var(--font-weight-600);
}

.li50 {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  text-align: center;
  font-size: var(--fs-15_7);
}

.divms-auto {
  display: flex;
  align-items: center;
  gap: var(--item-spacing-18);
  max-width: 100%;
}

.divhidden3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
}

.button-label {
  position: relative;
  line-height: var(--lh-24_7);
  font-weight: var(--font-weight-600);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.icon {
  position: absolute;
  height: 28.89%;
  width: 50.22%;
  top: 40%;
  right: 24.89%;
  bottom: 31.11%;
  left: 24.89%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.spanh-automarginalign-stret {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.spanh-auto,
.spanh-automargin {
  width: var(--width-1);
  box-sizing: border-box;
}

.spanh-automargin {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-4_5) var(--padding-0);
}

.spanh-auto {
  flex: 1;
  position: relative;
  border-right: var(--stroke-weight-1) solid var(--color-blue-86);
}

.divhidden4 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.component-19 {
  border-radius: var(--br-9999);
  background-color: var(--color-blue-65);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4_5) var(--padding-13_5);
}

.text67 {
  position: relative;
  font-size: var(--fs-15_6);
  line-height: var(--lh-24_7);
  font-weight: var(--font-weight-600);
  font-family: var(--font-family-Font-1);
  color: var(--color-white-solid);
  text-align: center;
}

.divhidden5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--color-blue-65);
}

.component-110 {
  border-radius: var(--br-9999);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4_5) var(--padding-13_5);
}

/* --- RESPONSIVENESS (MODERN OVERHAUL) --- */


/* --- GLOBAL FIXES FOR FLUID LAYOUT (ALL SIZES) --- */
/* Resolves overlapping text issues when windows are resized/zoomed on desktop */
.divflex76 {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1.5rem !important;
}

.divflex77,
.divspace-y-25,
.divfont-sans5,
.astro-island7 {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

.keep-your-communications {
  height: auto !important;
}

/* Footer Edge Spacing and Badge Overlap Fixes (Desktop/Global) */
.divspace-y-6 {
  padding: 0 6rem !important;
  box-sizing: border-box !important;
}

.span3, .span5 {
  width: auto !important;
  align-self: auto !important;
}

.divinline-block3, .divinline-block5 {
  position: static !important;
  display: inline-block !important;
}

/* Pricing Cards Fluidity & Overlap Fixes (Desktop/Global) */
.lirounded-2xl, .lirounded-2xl2, .lirounded-2xl3,
.divpx-2, .divpx-2margin, .divpx-23, .divpx-22 {
  height: auto !important;
  min-height: auto !important;
  min-width: 300px !important;
  padding-bottom: 2rem !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Remove fixed heights from all internal sections of the pricing cards */
.lirounded-2xl [class^="divpx-4"], 
.lirounded-2xl2 [class^="divpx-4"], 
.lirounded-2xl3 [class^="divpx-4"] {
  height: auto !important;
  min-height: auto !important;
}

.divgrid3 {
  height: auto !important;
  grid-template-rows: auto !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
}

.divmargin, .divmargin1, .divmargin2 {
  height: auto !important;
}

/* Make all list item text wrappers dynamic instead of hardcoded 90px widths */
[class^="divtext-sm"], [class^="divdtc-text-sm"] {
  width: auto !important;
  flex: 1 !important;
}

/* Fix inner elements with fixed widths and heights that cause overlapping */
.gb-storage, .email-address, .day-money-back-guarantee, 
.gb-storage2, .extra-email-addresses, .support-for-1, 
.unlimited-folders-and, .hide-my-email-aliases, .priority-customer-support,
.divdtc-text-sm2 > div, .divtext-sm > div, .divtext-sm2 > div {
  width: auto !important;
  height: auto !important;
  flex: 1 !important;
  flex-shrink: 1 !important;
  line-height: 1.4 !important;
  margin-top: 0 !important;
  display: block !important;
  position: static !important;
}

.ulspace-y-1, .liflex, .liflex4 {
  height: auto !important;
  min-height: auto !important;
  flex-wrap: nowrap !important;
  gap: 1rem !important;
  align-items: flex-start !important;
}

.ulmx-auto {
  flex-wrap: wrap !important;
  height: auto !important;
  align-items: stretch !important;
}

/* Disable rogue scrollbars and fixed 1440px grid widths on toggle buttons */
.divmx-auto, .divgap-1, .divflex24, .divflex61 {
  overflow: hidden !important;
  justify-content: center !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

/* --- DEFINITIVE PROTON-STYLE RESPONSIVE OVERHAUL (V3 - STABILITY) --- */

@media screen and (max-width: 960px) {

  /* 1. Global Stability */
  *,
  ::before,
  ::after {
    box-sizing: border-box !important;
  }

  body,
  html {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-text-size-adjust: 100%;
  }

  /* 2. Main Wrapper */
  .w-light {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  /* 3. Header - Sticky & Clean */
  .divtop-0 {
    position: sticky !important;
    top: 0;
    width: 100% !important;
    padding: 0.5rem 1rem !important;
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
    z-index: 5000 !important;
    display: block !important;
    height: auto !important;
  }

  .divrelative {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 50px !important;
  }

  .ceumail-logo-custom {
    max-width: 120px !important;
    height: 28px !important;
    object-fit: contain !important;
  }

  /* Hide Desktop Items */
  .divhidden2,
  .divhidden3,
  .spanh-automarginalign-stret,
  .li46,
  .spantext-sm,
  .li50,
  .divpx-426,
  .divpx-427 {
    display: none !important;
  }

  .divms-auto {
    display: flex !important;
    gap: 0.5rem !important;
  }

  .component-19,
  .component-110 {
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: #6d4aff !important;
    color: #fff !important;
  }

  /* 4. Hero Section */
  .divpt-4 {
    padding: 5rem 1.5rem 3rem !important;
    text-align: center !important;
    background: linear-gradient(180deg, #f8f6ff 0%, #fff 100%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }

  .secure-email-that {
    font-size: 2.25rem !important;
    line-height: 1.15 !important;
    color: #1a1a1a !important;
    margin-bottom: 1.5rem !important;
    font-weight: 800 !important;
  }

  .keep-your-conversations {
    font-size: 1.15rem !important;
    color: #4b5563 !important;
    margin-bottom: 2.5rem !important;
    width: 100% !important;
  }

  .astro-island {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
  }

  .component-1,
  .component-3 {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  /* 5. Feature Sections - NO SQUASH */
  .divgrid,
  .divgrid2,
  .divgrid3,
  .divgrid4,
  .divgrid5,
  .divgrid6,
  .divgrid7,
  .divgrid8 {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    padding: 4rem 1.5rem !important;
    gap: 4rem !important;
    width: 100% !important;
    position: relative !important;
  }

  .divflex13,
  .divflex15,
  .divflex17,
  .divflex62,
  .divflex76,
  .divflex81 {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }

  .because-whats-in,
  .no-more-trackers,
  .sign-up-with,
  .the-standard-for,
  .keep-your-communications,
  .secure-your-business {
    font-size: 1.85rem !important;
    margin-bottom: 1.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .divfont-sans,
  .divfont-sans3,
  .divfont-sans4,
  .divfont-sans5,
  .divdtc-text-white {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    width: 100% !important;
  }

  /* 6. Images */
  .image-icon,
  .image-icon2,
  .image-icon3,
  .divmargin,
  .image-icon10,
  .divmargin-icon,
  .divmargin-icon2 {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    position: relative !important;
    margin: 0 !important;
    display: block !important;
  }

  /* 7. Social Proof Badges */
  .divflex4,
  .divflex85,
  .divflex11,
  .divflex12 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    gap: 1rem !important;
    position: relative !important;
    padding: 2rem 0 !important;
    left: auto !important;
    top: auto !important;
  }

  /* 8. FOOTER - Defeating Absolute Piles */
  footer {
    padding: 4rem 1.5rem !important;
    width: 100% !important;
    background: #fff !important;
    display: block !important;
    position: relative !important;
  }

  .ulgrid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    gap: 3rem !important;
    position: relative !important;
  }

  /* Reset all absolute columns to relative stacking */
  .licol-span-2margin,
  .limargin,
  .limargin2,
  .limargin3,
  .licol-span-2,
  .li24,
  .li30 {
    position: relative !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* Reset all list items inside columns */
  .ulmt-4,
  .ulmt-42,
  .li,
  .li2,
  .li3,
  .li4,
  .li5,
  .li6,
  .li7,
  .li8,
  .li9,
  .li10,
  .li11,
  .li12,
  .li13,
  .li14 {
    position: relative !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    height: auto !important;
    display: block !important;
    margin-bottom: 0.75rem !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .products,
  .privacy,
  .company,
  .connect {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
    color: #1a1a1a !important;
    display: block !important;
  }

  /* Bottom Legal Links */
  .divflex94 {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2rem !important;
    border-top: 1px solid #eee !important;
    margin-top: 3rem !important;
    padding-top: 2rem !important;
    width: 100% !important;
  }

  .ulcol-span-12,
  .ultext-xs {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
    width: 100% !important;
  }

  .li43,
  .li45 {
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  /* Enterprise Button Fix - Resolve Flexbox Overflow Clipping completely */
  .component-18 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    padding: 1rem !important;
    display: block !important;
    text-align: center !important;
    border-radius: 9999px !important;
  }
  
  .text15 {
    white-space: normal !important;
    word-break: break-word !important;
    width: 100% !important;
    text-align: center !important;
    display: inline-block !important;
  }

  /* Fix Overlapping Text in "Mantenha suas comunicações" (Mobile Only Adjustments) */
  .divflex76 {
    padding: 2rem 1rem !important;
    justify-content: flex-start !important;
  }
  
  .divflex77,
  .divspace-y-25,
  .divfont-sans5,
  .astro-island7 {
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  .keep-your-communications {
    font-size: 2.2rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 480px) {
  .secure-email-that {
    font-size: 1.95rem !important;
  }
}