@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* =========================
   SF Pro Display Fonts
========================= */
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYREGULAR.OTF") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYMEDIUM.OTF") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYBOLD.OTF") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYBLACKITALIC.OTF") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYHEAVYITALIC.OTF") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYLIGHTITALIC.OTF") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYSEMIBOLDITALIC.OTF") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYTHINITALIC.OTF") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro";
  src: url("../fonts/sf-pro-display/SFPRODISPLAYULTRALIGHTITALIC.OTF") format("opentype");
  font-weight: 200;
  font-style: italic;
}
.word {
  transform-origin: bottom;
}

.joinbanner {
  position: relative;
  z-index: 9;
  text-align: center;
  height: 45.3125vw;
  max-height: 100vh;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.joinbanner .container-fluid .logo {
  margin-bottom: 2.8645833333vw;
}
.joinbanner .container-fluid .logo img {
  width: 9.4791666667vw;
  height: 2.276875vw;
}
.joinbanner .container-fluid .text .mainbannertext {
  display: flex;
}
.joinbanner .container-fluid .text h1 {
  color: #1E1E1E;
  text-align: center;
  font-family: "DM Sans";
  font-size: 4.375vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.9479166667vw;
  /* 113.095% */
  margin-bottom: 0.78125vw;
  width: -moz-max-content;
  width: max-content;
}
.joinbanner .container-fluid .text .bannertext {
  display: inline-flex;
  margin: auto;
  margin-bottom: 1.7708333333vw;
}
.joinbanner .container-fluid .text .bannertext .word {
  margin-right: 0.78125vw;
}
.joinbanner .container-fluid .text .bannertext samp {
  position: relative;
  background-color: #0A0A0A;
  animation: blink 1s infinite;
  width: 0.2083333333vw;
  height: 4.1666666667vw;
  display: block;
}
.joinbanner .container-fluid .text .bannertext samp img {
  opacity: 0;
  display: none;
}
.joinbanner .container-fluid .text .typing-cursor {
  width: 0.9375vw;
  margin-left: 0.2083333333vw;
  vertical-align: middle;
}
@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
.joinbanner .container-fluid .text .cursor img {
  width: 0.9375vw;
}
.joinbanner .container-fluid .text p {
  width: 49.3229166667vw;
  margin: auto;
  color: #1E1E1E;
  text-align: center;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
  margin-bottom: 4.21875vw;
}
.joinbanner .container-fluid .buttons {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  gap: 0.9375vw;
}
.joinbanner .container-fluid .buttons a {
  display: flex;
  width: 15.9375vw;
  height: 2.8645833333vw;
  padding: 0.8854166667vw 2.8645833333vw 0.8333333333vw 2.9166666667vw;
  justify-content: center;
  align-items: center;
  border-radius: 1.8229166667vw;
  box-shadow: 0 0.8333333333vw 1.6666666667vw 0 rgba(33, 34, 38, 0.05);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Roboto";
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  letter-spacing: -0.015625vw;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.joinbanner .container-fluid .buttons a:first-child {
  background: #141C25;
  color: #FFF;
}
.joinbanner .container-fluid .buttons a:last-child {
  color: #2A2D32;
  border: 0.0520833333vw solid #A3A3A3;
  background: #F0F1F5;
}
.joinbanner .container-fluid .buttons a span:last-child {
  position: relative;
  z-index: 1;
}

.stacks .container-fluid .list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4583333333vw;
  vertical-align: middle;
  align-items: end;
  justify-content: center;
}
.stacks .container-fluid .list .single {
  border-radius: 2.0833333333vw;
  background: #E5CDFF;
  box-shadow: 0 0.3125vw 1.6145833333vw 0 rgba(193, 196, 206, 0.14);
  padding: 2.34375vw 1.5625vw;
  width: 13.59375vw;
  height: 12.8125vw;
}
.stacks .container-fluid .list .single .number {
  color: #000;
  font-family: "Roboto";
  font-size: 2.4479166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.125vw;
  /* 127.901% */
  letter-spacing: -0.0680729167vw;
  margin-bottom: 1.875vw;
}
.stacks .container-fluid .list .single .text {
  color: #0A0A0A;
  font-family: Roboto;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: 137%;
}
.stacks .container-fluid .list .single .text span {
  display: block;
}
.stacks .container-fluid .list .single:nth-child(2) {
  background: #FAE1A7;
}
.stacks .container-fluid .list .single:nth-child(3) {
  background: #FFCBE1;
  width: 16.5625vw;
  height: 15.5729166667vw;
  padding: 2.4479166667vw 2.2395833333vw;
}
.stacks .container-fluid .list .single:nth-child(3) .number {
  font-size: 4.4270833333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 5.625vw;
  /* 127.514% */
  letter-spacing: -0.1227083333vw;
}
.stacks .container-fluid .list .single:nth-child(3) .text {
  font-size: 1.71875vw;
  font-style: normal;
  font-weight: 400;
  line-height: 137%;
}
.stacks .container-fluid .list .single:nth-child(4) {
  background: #E9F2F8;
}

.work {
  margin: 5.2083333333vw 0;
}
.work .container-fluid {
  width: 88.5416666667vw;
  max-width: 100%;
}
.work .container-fluid .pills {
  padding: 0.70625vw 0.5709895833vw 0.7059375vw 1.3115625vw;
  justify-content: flex-end;
  align-items: center;
  margin-left: 2.1875vw;
  border-radius: 100.8854166667vw;
  background: #F6F6F6;
  color: #333;
  font-family: Inter;
  font-size: 1.1979166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6145833333vw;
  /* 134.755% */
  text-transform: uppercase;
  margin-bottom: 2.0833333333vw;
  width: -moz-max-content;
  width: max-content;
}
.work .container-fluid .wrapper {
  border-radius: 1.1458333333vw;
  background: #F6F8FC;
  padding: 4.1666666667vw 3.125vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.work .container-fluid .wrapper .content {
  width: 30.625vw;
}
.work .container-fluid .wrapper .content h2 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.3854166667vw;
  letter-spacing: -0.015625vw;
  margin-bottom: 1.3541666667vw;
  width: 25.15625vw;
}
.work .container-fluid .wrapper .content p {
  color: rgba(14, 9, 24, 0.5);
  font-family: Roboto;
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.3057291667vw;
  width: 27.3958333333vw;
}
.work .container-fluid .wrapper .cards {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 30.625vw);
  gap: 1.0416666667vw;
}
.work .container-fluid .wrapper .cards .single {
  position: relative;
  width: calc(33.333333% - 0.78125vw);
  border-radius: 1.1558333333vw;
  background: #FFF;
  padding: 1.3020833333vw 1.40625vw;
}
.work .container-fluid .wrapper .cards .single:nth-child(2) .badges {
  opacity: 0;
}
.work .container-fluid .wrapper .cards .single:nth-child(2) .icon {
  background: #FAE1A7;
}
.work .container-fluid .wrapper .cards .single:nth-child(3) .badges {
  width: 8.0208333333vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  color: #3E3E3E;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "DM Sans";
  font-size: 0.78125vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1558333333vw;
  /* 147.945% */
  background-color: #E9EFFA;
}
.work .container-fluid .wrapper .cards .single:nth-child(3) .icon {
  background: #FFCBE1;
}
.work .container-fluid .wrapper .cards .single .badges {
  width: 5.625vw;
  height: 2.6041666667vw;
  border-radius: 1.0416666667vw;
  border: 0.08265625vw solid #F4F4F4;
  background: #FFD2E5;
  color: #2A2D32;
  font-family: Inter;
  font-size: 1.09375vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2206770833vw;
  /* 111.607% */
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-bottom: 2.3958333333vw;
}
.work .container-fluid .wrapper .cards .single .icon {
  width: 3.9974479167vw;
  height: 3.75515625vw;
  border-radius: 0.6160416667vw;
  background: #E5CDFF;
  box-shadow: 0 0.0947916667vw 0.4880729167vw 0 rgba(193, 196, 206, 0.14);
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  color: #2A2D32;
  font-family: Inter;
  font-size: 1.8024479167vw;
  font-style: normal;
  font-weight: 600;
  line-height: 2.0344791667vw;
  /* 112.875% */
  margin-bottom: 0.8333333333vw;
}
.work .container-fluid .wrapper .cards .single .step {
  color: #6C7A9C;
  font-family: "DM Sans";
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1458333333vw;
  /* 110% */
  letter-spacing: -0.0104166667vw;
  margin-bottom: 1.875vw;
}
.work .container-fluid .wrapper .cards .single h3 {
  color: #2A2D32;
  font-family: Inter;
  font-size: 1.09375vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2206770833vw;
  /* 111.607% */
  margin-bottom: 0.7291666667vw;
}
.work .container-fluid .wrapper .cards .single p {
  color: #717171;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "DM Sans";
  font-size: 0.78125vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.27140625vw;
  /* 162.74% */
}

.join {
  margin-bottom: 8.28125vw;
}
.join .container-fluid {
  width: 95.4166666667vw;
  max-width: 100%;
}
.join .container-fluid .pills {
  display: inline-block;
  padding: 0.70625vw 1.3522395833vw 0.2604166667vw 1.3115625vw;
  justify-content: flex-end;
  align-items: center;
  margin-left: 5.5208333333vw;
  border-radius: 100.8854166667vw;
  background: #F6F6F6;
  color: #333;
  font-family: Inter;
  font-size: 1.1979166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6142708333vw;
  /* 134.755% */
  text-transform: uppercase;
  margin-bottom: 2.0833333333vw;
}
.join .container-fluid .heading {
  position: relative;
  z-index: 1;
}
.join .container-fluid .heading h4 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 4.4791666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.8958333333vw;
  letter-spacing: -0.0223958333vw;
  margin-bottom: 0.15625vw;
  text-align: center;
}
.join .container-fluid .heading h4 span {
  display: inline-block;
}
.join .container-fluid .heading h5 {
  color: #1E1E1E;
  text-align: center;
  font-family: "SF Pro";
  font-size: 3.1770833333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3.5416666667vw;
  /* 112.014% */
  margin-bottom: 0.9895833333vw;
}
.join .container-fluid .heading p {
  color: #1E1E1E;
  text-align: center;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
}
.join .container-fluid #string {
  width: 100%;
  height: 16.3541666667vw;
}
.join .container-fluid #string svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.join .container-fluid #string svg path {
  fill: #FDFDFD;
  stroke: #32cd32;
  stroke-width: 4;
}
.join .container-fluid .wrapper {
  background: #E9F2F8;
  height: 30.9375vw;
  position: relative;
  display: flex;
  vertical-align: middle;
  align-items: end;
  justify-content: center;
  gap: 0.7291666667vw;
}
.join .container-fluid .wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 16.3541666667vw;
  border-radius: 100%;
  background: #FDFDFD;
}
.join .container-fluid .wrapper .single {
  width: 13.6418229167vw;
  height: 12.8150520833vw;
  border-radius: 2.1022916667vw;
  background: #E5CDFF;
  box-shadow: 0 0.3234375vw 1.665625vw 0 rgba(193, 196, 206, 0.14);
  padding: 1.5625vw;
  padding-right: 0.9375vw;
  display: flex;
  vertical-align: middle;
  align-items: end;
  cursor: pointer;
  transition: 0.5s linear;
}
.join .container-fluid .wrapper .single:nth-child(2) {
  background: #FAE1A7;
}
.join .container-fluid .wrapper .single:nth-child(2) .inner .icon {
  background: #F7D890;
}
.join .container-fluid .wrapper .single:nth-child(3) {
  background: #FFCBE1;
}
.join .container-fluid .wrapper .single:nth-child(3) .inner .icon {
  background: #F099BE;
}
.join .container-fluid .wrapper .single:hover {
  width: 20.10765625vw;
  height: 18.90625vw;
  position: relative;
}
@keyframes myAnimation {
  from {
    right: 70%;
    top: 20%;
  }
  to {
    top: -0.8333333333vw;
    right: -0.9375vw;
  }
}
.join .container-fluid .wrapper .single:hover .inner .icon {
  position: absolute;
  top: -0.8333333333vw;
  right: -0.9375vw;
  animation-name: myAnimation;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
.join .container-fluid .wrapper .single:hover .inner .descripition {
  height: 8.6979166667vw;
  margin-top: 2.0833333333vw;
}
.join .container-fluid .wrapper .single:nth-child(4) {
  background: #F7CAB5;
}
.join .container-fluid .wrapper .single:nth-child(4) .inner .icon {
  background: #FFBFA1;
}
.join .container-fluid .wrapper .single:nth-child(5) {
  background: #C2DBBE;
}
.join .container-fluid .wrapper .single:nth-child(5) .inner .icon {
  background: #96C88E;
}
.join .container-fluid .wrapper .single .inner {
  transition: 0.5s linear;
}
.join .container-fluid .wrapper .single .icon {
  width: 3.8020833333vw;
  height: 3.8020833333vw;
  border-radius: 3.57140625vw;
  border: 0.1041666667vw solid #F4F4F4;
  background: #EEDCFF;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  color: #3D3D3D;
  text-align: center;
  font-family: Poppins;
  font-size: 1.7096354167vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3.4193229167vw;
  /* 200% */
  margin-bottom: 0.15625vw;
  transition: 0.5s linear;
}
.join .container-fluid .wrapper .single .title {
  color: #000;
  font-family: "DM Sans";
  font-size: 1.5625vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.1875vw;
  /* 200.379% */
  letter-spacing: -0.0680729167vw;
  transition: 0.5s linear;
}
.join .container-fluid .wrapper .single .descripition {
  height: 0vw;
  overflow: hidden;
  color: #1E1E1E;
  font-family: Roboto;
  font-size: 0.9895833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
  transition: 0.5s linear;
}

.commission .container-fluid {
  width: 88.59375vw;
  max-width: 100%;
}
.commission .container-fluid .heading {
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin-bottom: 2.9166666667vw;
}
.commission .container-fluid .heading .pills {
  display: inline-block;
  padding: 0.70625vw 1.3522395833vw 0.625vw 1.3115625vw;
  align-items: center;
  margin-left: 2.1354166667vw;
  border-radius: 100.8854166667vw;
  background: #F6F6F6;
  color: #333;
  font-family: Inter;
  font-size: 1.1979166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5625vw;
  /* 134.755% */
  text-transform: uppercase;
}
.commission .container-fluid .heading .descripition {
  width: 29.0625vw;
  margin-left: auto;
  color: rgba(14, 9, 24, 0.5);
  text-align: right;
  font-family: Inter;
  font-size: 1.3541666667vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.3057291667vw;
  /* 170.269% */
}
.commission .container-fluid .wrapper {
  border-radius: 1.1558333333vw;
  background: #F6F8FC;
  padding: 3.6458333333vw 4.1666666667vw;
  padding-bottom: 3.3854166667vw;
}
.commission .container-fluid .wrapper .title {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.3854166667vw;
  /* 109.027% */
  letter-spacing: -0.015625vw;
}
.commission .container-fluid .wrapper .title span.word {
  display: initial !important;
}
.commission .container-fluid .wrapper .thead {
  width: 73.125vw;
  max-width: 100%;
  margin: auto;
}
.commission .container-fluid .wrapper .thead ul {
  display: flex;
  margin: 3.6458333333vw 0 0.9375vw;
  width: 100%;
  list-style-type: none;
  padding: 0;
}
.commission .container-fluid .wrapper .thead ul li {
  width: 25%;
}
.commission .container-fluid .wrapper .thead ul li span {
  display: flex;
  padding: 0.5196354167vw 1.0141145833vw 0.4699479167vw 0.9650520833vw;
  justify-content: center;
  align-items: center;
  border-radius: 74.2352083333vw;
  background: #EEE;
  text-align: center;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
.commission .container-fluid .wrapper .single {
  border-radius: 1.1558333333vw;
  background: #FFF;
  width: 73.125vw;
  height: 9.0104166667vw;
  max-width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 0.9375vw;
}
.commission .container-fluid .wrapper .single:nth-child(5) {
  width: 79.4791666667vw;
  height: 9.7933854167vw;
  background: #FFCBE1;
  margin-bottom: 2.65625vw;
}
.commission .container-fluid .wrapper .single:nth-child(5)::before {
  background: #A9044A;
}
.commission .container-fluid .wrapper .single:nth-child(11) {
  width: 79.4791666667vw;
  height: 9.7933854167vw;
  background: #E5CDFF;
}
.commission .container-fluid .wrapper .single:nth-child(11)::before {
  background: #8C22FF;
}
.commission .container-fluid .wrapper .single::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.0416666667vw;
  height: 4.1666666667vw;
  transform: translate(-50%, -50%);
  background-color: #18212B;
  border-radius: 2.0833333333vw;
}
.commission .container-fluid .wrapper .single > div {
  width: 25%;
  position: relative;
  text-align: center;
}
.commission .container-fluid .wrapper .single > div::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0.0520833333vw;
  height: 4.0625vw;
  background: #8C8C8C;
}
.commission .container-fluid .wrapper .single > div:last-child::before {
  display: none;
}
.commission .container-fluid .wrapper .single .name span {
  display: block;
}
.commission .container-fluid .wrapper .single .name span:first-child {
  color: #000;
  font-family: "DM Sans";
  font-size: 1.71875vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.03125vw;
  /* 118.182% */
  letter-spacing: -0.0758333333vw;
  margin-bottom: 0.2604166667vw;
}
.commission .container-fluid .wrapper .single .name span:last-child {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 0.9895833333vw;
  font-style: normal;
  font-weight: 274;
  line-height: 153%;
}
.commission .container-fluid .wrapper .single .price span:first-child {
  display: none;
}
.commission .container-fluid .wrapper .single .price span:last-child {
  color: #000;
  font-family: "DM Sans";
  font-size: 1.5625vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.03125vw;
  /* 130% */
  letter-spacing: -0.0758333333vw;
}
.commission .container-fluid .wrapper .single .commprice span:first-child {
  display: none;
}
.commission .container-fluid .wrapper .single .commprice span:last-child {
  color: #003E2A;
  font-family: "DM Sans";
  font-size: 2.1875vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.884375vw;
  /* 131.857% */
  letter-spacing: -0.1077083333vw;
}
.commission .container-fluid .wrapper .single .commpercentage span:first-child {
  display: none;
}
.commission .container-fluid .wrapper .single .commpercentage span:last-child {
  display: inline-flex;
  padding: 0.70625vw 1.3446875vw 0.7vw 1.3115625vw;
  justify-content: center;
  align-items: center;
  border-radius: 100.89109375vw;
  background: #141C25;
  color: #FFF;
  font-family: Inter;
  font-size: 1.1979166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6142708333vw;
  /* 134.755% */
  text-transform: uppercase;
}
.commission .container-fluid .wrapper .secondarytitle {
  color: #1E1E1E;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
  margin-left: 2.8645833333vw;
  margin-bottom: 0.2604166667vw;
}
.commission .container-fluid .housewife {
  width: 79.4791666667vw;
  height: 14.6354166667vw;
  max-width: 100%;
  border-radius: 2.1022916667vw;
  background: #F7CAB5;
  box-shadow: 0 0.3234375vw 1.665625vw 0 rgba(193, 196, 206, 0.14);
  margin: auto;
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin-top: 1.5625vw;
}
.commission .container-fluid .housewife .icon {
  width: 7.34375vw;
  height: 7.34375vw;
  border-radius: 50%;
  border: 0.0892708333vw solid #F4F4F4;
  background: #FEFEFE;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  margin-left: 3.90625vw;
}
.commission .container-fluid .housewife .icon img {
  width: 6.25vw;
  height: 6.25vw;
}
.commission .container-fluid .housewife .name {
  margin-left: 1.875vw;
}
.commission .container-fluid .housewife .name span {
  display: block;
}
.commission .container-fluid .housewife .name span:first-child {
  color: #1E1E1E;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
}
.commission .container-fluid .housewife .name span:nth-child(2) {
  color: #000;
  font-family: "DM Sans";
  font-size: 2.5361458333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.9588541667vw;
  /* 116.667% */
  letter-spacing: -0.11046875vw;
}
.commission .container-fluid .housewife .name span:last-child {
  color: #1E1E1E;
  font-family: "SF Pro";
  font-size: 1.0755729167vw;
  font-style: normal;
  font-weight: 274;
  line-height: 153%;
}
.commission .container-fluid .housewife .price {
  margin-left: 5.625vw;
}
.commission .container-fluid .housewife .price span:first-child {
  display: none;
}
.commission .container-fluid .housewife .price span:last-child {
  color: #000;
  font-family: "DM Sans";
  font-size: 1.69828125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.2077604167vw;
  /* 130% */
  letter-spacing: -0.0824479167vw;
}
.commission .container-fluid .housewife .commprice {
  margin-left: 6.6666666667vw;
}
.commission .container-fluid .housewife .commprice span:first-child {
  display: none;
}
.commission .container-fluid .housewife .commprice span:last-child {
  color: #003E2A;
  font-family: "DM Sans";
  font-size: 2.4115625vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.135vw;
  /* 130% */
  letter-spacing: -0.11703125vw;
}
.commission .container-fluid .housewife .commpercentage {
  margin-left: 6.71875vw;
}
.commission .container-fluid .housewife .commpercentage span:first-child {
  display: none;
}
.commission .container-fluid .housewife .commpercentage span:last-child {
  border-radius: 109.6580208333vw;
  background: #141C25;
  display: inline-flex;
  padding: 0.7676041667vw 1.3254166667vw 0.7448958333vw 1.4255729167vw;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-family: Inter;
  font-size: 1.3158854167vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75453125vw;
  /* 133.333% */
  text-transform: uppercase;
}
.commission .container-fluid .notice {
  width: 52.9166666667vw;
  max-width: 100%;
  margin: auto;
  margin-top: 3.125vw;
}
.commission .container-fluid .notice p {
  color: #1E1E1E;
  font-family: "SF Pro";
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 274;
  line-height: 153%;
  text-align: center;
}
.calculate {
  margin-top: 6.0416666667vw;
  margin-bottom: 6.3020833333vw;
}
.calculate .container-fluid {
  width: 72.96875vw;
  max-width: 100%;
}
.calculate .container-fluid .heading {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6145833333vw;
}
.calculate .container-fluid .heading > span:first-child {
  width: 5.0520833333vw;
  height: 5.0520833333vw;
  border-radius: 2.4569270833vw;
  border: 0.06140625vw solid #F4F4F4;
  background: #FEFEFE;
  color: #2A2D32;
  font-family: Inter;
  font-size: 3.1649479167vw;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5724479167vw;
  /* 112.875% */
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.calculate .container-fluid .heading > span:last-child {
  margin-left: 0.8333333333vw;
  color: #1E1E1E;
  text-align: center;
  font-family: "SF Pro";
  font-size: 3.1770833333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3.5588020833vw;
  /* 112.014% */
}
.calculate .container-fluid .wrapper {
  border-radius: 1.3020833333vw;
  border: 0.0520833333vw solid #EDEDED;
  background: #F1FAFF;
  box-shadow: 0 0.8333333333vw 1.6666666667vw 0 rgba(245, 248, 252, 0.6);
  padding: 3.3333333333vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.calculate .container-fluid .wrapper .text {
  width: 30.6293229167vw;
}
.calculate .container-fluid .wrapper .text h4 {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 1.5625vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9791666667vw;
  /* 126.667% */
  letter-spacing: -0.0078125vw;
  margin-bottom: 1.9270833333vw;
}
.calculate .container-fluid .wrapper .text select {
  border: none;
  width: 26.5625vw;
  height: 4.53125vw;
  border-radius: 0.6770833333vw;
  background: #FFF;
  box-shadow: 0 0.3234375vw 1.665625vw 0 rgba(193, 196, 206, 0.14);
  color: #1E1E1E;
  font-family: Roboto;
  font-size: 1.3020833333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
  padding: 0 1.6666666667vw;
  margin-bottom: 1.1979166667vw;
}
.calculate .container-fluid .wrapper .text .quantity {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.calculate .container-fluid .wrapper .text .quantity .btn {
  width: 1.71875vw;
  height: 1.71875vw;
  display: inline-flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 57.4398958333vw;
  background: #141C25;
  color: #fff;
  font-family: Inter;
  font-size: 0.973125vw;
  font-style: normal;
  font-weight: 500;
  /* 133.333% */
  text-transform: uppercase;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.calculate .container-fluid .wrapper .text .quantity input {
  color: #000;
  font-family: "DM Sans";
  font-size: 2.5520833333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2.9588541667vw;
  letter-spacing: -0.11046875vw;
  width: 3.1770833333vw;
  background: transparent;
  border: none;
  outline: none;
  text-align: center;
}
.calculate .container-fluid .wrapper .text .descripition {
  margin-top: 1.71875vw;
  color: #1E1E1E;
  font-family: "SF Pro";
  font-size: 0.9375vw;
  font-style: normal;
  line-height: 153%;
  width: 23.8541666667vw;
}
.calculate .container-fluid .wrapper .earning {
  width: calc(100% - 30.6293229167vw);
  margin-left: 2.34375vw;
}
.calculate .container-fluid .wrapper .earning .box {
  width: 31.40625vw;
  height: 16.875vw;
  border-radius: 2.1022916667vw;
  background: #E5CDFF;
  box-shadow: 0 0.3234375vw 1.665625vw 0 rgba(193, 196, 206, 0.14);
  padding: 2.0833333333vw;
  text-align: center;
}
.calculate .container-fluid .wrapper .earning .box .earningp {
  color: #1E1E1E;
  font-family: Roboto;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
  margin-bottom: 0.5729166667vw;
}
.calculate .container-fluid .wrapper .earning .box .earningprice {
  color: #141C25;
  font-family: "DM Sans";
  font-size: 5vw;
  font-style: normal;
  font-weight: 500;
  line-height: 6.4894791667vw;
  /* 129.79% */
  letter-spacing: -0.2422916667vw;
  transition: transform 0.2s ease;
  display: inline-block;
}
.calculate .container-fluid .wrapper .earning .box .time {
  color: #1E1E1E;
  text-align: center;
  font-family: Roboto;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 300;
  line-height: 153%;
}
.calculate .container-fluid .wrapper .earning a {
  display: inline-flex;
  height: 2.8645833333vw;
  width: 17.7604166667vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  border-radius: 1.8229166667vw;
  background: #141C25;
  box-shadow: 0 0.8333333333vw 1.6666666667vw 0 rgba(33, 34, 38, 0.05);
  color: #FFF;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "SF Pro";
  font-size: 1.0416666667vw;
  font-style: normal;
  font-weight: 590;
  /* 110% */
  letter-spacing: -0.015625vw;
  text-decoration: none;
  margin: auto;
  margin-top: 2.4479166667vw;
  position: relative;
  overflow: hidden;
}

.globalbutton span:last-child {
  position: relative;
  z-index: 1;
}

.buttonspan {
  position: absolute;
  top: calc(100% - 0.2083333333vw);
  width: 1.7708333333vw;
  height: 0.4166666667vw;
  border-radius: 1.1979166667vw;
  background: #E3F18E;
}

.trust .container-fluid {
  width: 88.5938020833vw;
  max-width: 100%;
}
.trust .container-fluid .wrapper {
  border-radius: 1.1558333333vw;
  background: #F6F8FC;
  padding: 5.87889477% 11.7577895%;
  display: flex;
  vertical-align: middle;
  align-items: center;
  min-height: 31.4583333333vw;
}
.trust .container-fluid .wrapper .text {
  min-width: 30.6293229167vw;
}
.trust .container-fluid .wrapper .text .pills {
  display: inline-block;
  padding: 0.70625vw 1.3967708333vw 0.7vw 1.3115625vw;
  justify-content: center;
  align-items: center;
  border-radius: 100.89109375vw;
  background: #FFF;
  color: #333;
  font-family: Inter;
  font-size: 1.1979166667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6142708333vw;
  text-transform: uppercase;
  margin-bottom: 1.3020833333vw;
}
.trust .container-fluid .wrapper .text .heading {
  color: #1E1E1E;
  font-family: "DM Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.4070833333vw;
  letter-spacing: -0.015625vw;
}
.trust .container-fluid .wrapper .text .heading span {
  display: inline-block;
}
.trust .container-fluid .wrapper .tiles {
  width: 100%;
  position: relative;
}
.trust .container-fluid .wrapper .tiles .row {
  margin: -0.625vw;
}
.trust .container-fluid .wrapper .tiles .row > div {
  padding: 0.625vw;
  aspect-ratio: 1/1;
}
.trust .container-fluid .wrapper .tiles .row > div:first-child .single {
  background: #E6CDFF;
}
.trust .container-fluid .wrapper .tiles .row > div:nth-child(2) .single {
  background: #FDDAC8;
}
.trust .container-fluid .wrapper .tiles .row > div:nth-child(3) .single {
  background: #D7FFD0;
}
.trust .container-fluid .wrapper .tiles .row > div:nth-child(4) .single {
  background: #FFDAE9;
}
.trust .container-fluid .wrapper .tiles .row > div:nth-child(5) .single {
  background: #D7FFD0;
}
.trust .container-fluid .wrapper .tiles .row > div:last-child .single {
  background: #FDDAC8;
}
.trust .container-fluid .wrapper .tiles .row .single {
  border-radius: 1.1558333333vw;
  background: #E6CDFF;
  aspect-ratio: 1/1;
  padding: 1.0416666667vw;
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  align-items: baseline;
  justify-content: center;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}
.trust .container-fluid .wrapper .tiles .row .single .icon {
  width: 3.9974479167vw;
  height: 3.75515625vw;
  border-radius: 0.625vw;
  background: #FFF;
  box-shadow: 0 0.1041666667vw 0.5208333333vw 0 rgba(193, 196, 206, 0.14);
  color: #2A2D32;
  font-family: Inter;
  font-size: 2.43859375vw;
  font-style: normal;
  font-weight: 600;
  line-height: 2.7604166667vw;
  /* 112.875% */
  margin-bottom: 1.09375vw;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.trust .container-fluid .wrapper .tiles .row .single .title {
  color: #2A2D32;
  font-family: "SF Pro";
  font-size: 1.09375vw;
  font-style: normal;
  font-weight: 510;
  line-height: 1.2206770833vw;
  /* 111.607% */
}
.faqs {
  margin-top: 4.375vw;
}
.faqs .container-fluid {
  width: 83.0208333333vw;
  max-width: 100%;
}
.faqs .container-fluid .wrapper {
  border-radius: 1.1558333333vw;
  border: 0.0520833333vw solid #CFCFCF;
  background: #FFF;
  padding: 7.40276035% 4.83061481% 4.83061481% 12.3588457%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.faqs .container-fluid .wrapper .text {
  width: 25.2083333333vw;
}
.faqs .container-fluid .wrapper .text .pills {
  display: inline-flex;
  padding: 0.3645833333vw 0.5208333333vw 0.3645833333vw 0.6770833333vw;
  justify-content: center;
  align-items: center;
  border-radius: 52.0833333333vw;
  background: #F6F6F6;
  color: #333;
  font-family: Inter;
  font-size: 0.625vw;
  font-style: normal;
  font-weight: 500;
  line-height: 0.8333333333vw;
  /* 133.333% */
  text-transform: uppercase;
  margin-bottom: 1.25vw;
}
.faqs .container-fluid .wrapper .text .heading {
  color: #333;
  font-family: Helvetica;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5vw;
  /* 100% */
  margin-bottom: 1.25vw;
}
.faqs .container-fluid .wrapper .text button {
  display: inline-flex;
  height: 2.5vw;
  padding: 0.6770833333vw 1.0416666667vw 0.6770833333vw 1.09375vw;
  justify-content: center;
  align-items: flex-start;
  gap: 0.3645833333vw;
  border-radius: 0.8333333333vw;
  border: 0.0520833333vw solid #C6C6C1;
  color: #333;
  text-align: center;
  font-family: Inter;
  font-size: 0.8333333333vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1458333333vw;
  /* 137.5% */
}
.faqs .container-fluid .wrapper .text img {
  display: flex;
  width: 5vw;
  height: 5vw;
  justify-content: center;
  align-items: center;
  margin-left: 19.6875vw;
  background-color: #e6e6e6;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.faqs .container-fluid .wrapper .faqlist {
  width: 30.4166666667vw;
  margin-left: 6.8229166667vw;
}
.faqs .container-fluid .wrapper .faqlist .accordion .accordion-item {
  border-radius: 1.25vw;
  background: #F1FAFF;
  margin-bottom: 0.625vw;
}
.faqs .container-fluid .wrapper .faqlist .accordion .accordion-item .accordion-header {
  min-width: 100%;
}
.faqs .container-fluid .wrapper .faqlist .accordion .accordion-item .accordion-header .accordion-button {
  background: transparent;
  color: #333;
  font-family: Inter;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25vw;
  box-shadow: none;
  min-width: 100%;
  /* 133.333% */
}
.disclaimer {
  margin-top: 2.2395833333vw;
  margin-bottom: 6.7708333333vw;
}
.disclaimer .container-fluid {
  width: 79.4791666667vw;
  max-width: 100%;
}
.disclaimer .container-fluid .wrapper {
  border-radius: 1.25vw;
  background: #F6F6F6;
  padding: 2.0833333333vw;
}
.disclaimer .container-fluid .wrapper p {
  color: #1E1E1E;
  font-family: "SF Pro";
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 153%;
}
/* Back to top button */
.back-to-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 999;
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 50%;
  background: #141C25;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 4px 20px rgba(20, 28, 37, 0.25);
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.back-to-top.is-visible {
  pointer-events: auto;
}

.back-to-top:hover,
.back-to-top:focus-visible {
  background: #E3F18E;
  color: #141C25;
  outline: none;
  transform: translateY(-2px);
}

.back-to-top svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

@media (max-width: 769px) {
  .back-to-top {
    bottom: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
  }
  .back-to-top svg {
    width: 18px;
    height: 18px;
  }
}
/* Rework of https://antigravity.google/ using modern CSS */
/* See https://brm.us/antigravity for details */
@layer reset, tokens, base, components, layout, moderncss, util;
@layer moderncss {
  @layer misc {
    /* To make the bouncy scroll effect work when the page is shown in an iframe and when the user is already at the edges and nudging the scroller */
    :root {
      overscroll-behavior-y: contain;
    }
  }
  @layer layout {
    /* Draw a particles ring in the background of the welcome screen */
    /* I am using Houdini PaintWorklets for this */
    @layer ring-particles {
      @supports (background: paint(something)) {
        @layer particles {
          #welcome {
            --ring-radius: 100;
            --ring-thickness: 600;
            --particle-count: 80;
            --particle-rows: 25;
            --particle-size: 2;
            --particle-color: navy;
            --particle-min-alpha: 0.1;
            --particle-max-alpha: 1.0;
            --seed: 200;
            background-image: paint(ring-particles);
          }
        }
        @layer animation {
          @property --animation-tick {
            syntax: "<number>";
            inherits: false;
            initial-value: 0;
          }
          @property --ring-radius {
            syntax: "<number> | auto";
            inherits: false;
            initial-value: auto;
          }
          @keyframes ripple {
            0% {
              --animation-tick: 0;
            }
            100% {
              --animation-tick: 1;
            }
          }
          #welcome {
            animation: ripple 6s linear infinite;
          }
        }
        @layer follow-mouse {
          @property --ring-x {
            syntax: "<number>";
            inherits: false;
            initial-value: 50;
          }
          @property --ring-y {
            syntax: "<number>";
            inherits: false;
            initial-value: 50;
          }
          @property --ring-interactive {
            syntax: "<number>";
            inherits: false;
            initial-value: 0;
          }
          #welcome {
            /* @NOTE: Requires JS until the CSSWG resolves on https://github.com/w3c/csswg-drafts/issues/6733 */
            transition: --ring-x 3s ease, --ring-y 3s ease;
            /* @NOTE: This still feels uncanny, so I’m disabling it for now. It could be solved by having something like an animation-speed available. */
            /* transition-duration: if(
            	style(--ring-interactive: 1): 0.25s;
            	else: 3s;
            ); */
          }
        }
      }
    }
    /* Draw some dynamic noise behind some of the screens */
    /* I am using Houdini PaintWorklets for this */
    @layer speckled-backgrounds {
      @supports (background: paint(something)) {
        #beforeyougo .card,
        #who > div {
          --extra-confettiNumber: 250;
          --extra-confettiLengthVariance: 1;
          --extra-confettiWeightVariance: 1;
          background-image: paint(extra-confetti);
        }
      }
    }
    @layer product {
      /* @TODO: Move `container-type: inline-size` for centered sticky using cqi to here, as that is modern CSS */
    }
  }
}/*# sourceMappingURL=style2026.css.map */