/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 966px;
  position: relative;
}

.index .header {
  -webkit-backdrop-filter: blur(24px) brightness(100%);
  align-items: center;
  align-self: stretch;
  backdrop-filter: blur(24px) brightness(100%);
  background-color: var(--white-2);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 32px 44px;
  position: relative;
  width: 100%;
}

.index .logo {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.index .logo-1 {
  height: 48px;
  position: relative;
  width: 126.53px;
}

.index .union {
  height: 32px;
  position: relative;
  width: 43.04px;
}

.index .candidate-side {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .hero {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 44px 44px;
  padding: 64px 0px;
  position: relative;
  width: 100%;
}

.index .grid {
  flex-direction: column;
  gap: 6.36px;
  left: calc(50% - 515px);
  opacity: 0.2;
  position: absolute;
  top: calc(50% - 59px);
  transform: rotate(-45deg);
  width: 68px;
  z-index: 2;
}

.index .x1 {
  border-radius: 28.97px;
  gap: 6.36px;
}

.index .ellipse {
  background-color: var(--indochine);
  border-radius: 4.24px;
  height: 8.49px;
  position: relative;
  width: 8.49px;
}

.index .grid-item {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 6.36px;
  position: relative;
  width: 100%;
}

.index .left {
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  padding: 0px 44px;
  z-index: 1;
}

.index .climate-responsible {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0.68px;
  line-height: 50px;
  margin-top: -1px;
  position: relative;
}

.index .span {
  letter-spacing: 0.23px;
}

.index .we-are-here-to-serve {
  align-self: stretch;
  letter-spacing: 0.28px;
  line-height: 21px;
  position: relative;
}

.index .banner-image {
  height: 286.88px;
  position: relative;
  width: 375px;
  z-index: 0;
}

.index .about-us {
  align-items: center;
  align-self: stretch;
  background-color: var(--soapstone);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 40px 40px;
  padding: 64px 44px;
  position: relative;
  width: 100%;
}

.index .text {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  min-width: 335px;
  position: relative;
  z-index: 4;
}

.index .about-us-1 {
  letter-spacing: 1.2px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .we-lend-because-we-care {
  align-self: stretch;
  letter-spacing: 0.68px;
  line-height: 50px;
  position: relative;
}

.index .having-spent-25-year {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.index .mission {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 252.53, 249.5) 100%
  );
  border: 1px solid;
  border-color: transparent;
  border-image: linear-gradient(
      to bottom,
      rgba(191, 105, 0, 0.3),
      rgba(191, 105, 0, 0.1)
    )
    1;
  border-radius: 12px;
  box-shadow: 5px 4px 24px #0000000d;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 64px;
  overflow: hidden;
  padding: 40px;
  position: relative;
  z-index: 3;
}

.index .waves {
  height: 145px;
  left: 276px;
  position: absolute;
  top: 209px;
  width: 143px;
}

.index .our-mission {
  color: var(--blue-whale);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 900;
  letter-spacing: 1.6px;
  line-height: 30px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .we-are-committed-to {
  align-self: stretch;
  color: var(--scarpa-flow);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.index .union-1 {
  height: 14.69%;
  left: 5.76%;
  position: absolute;
  top: 7.34%;
  width: 17.91%;
}

.index .grid-1 {
  flex-direction: column;
  gap: 2.92px;
  left: calc(50% - 16px);
  opacity: 0.2;
  position: absolute;
  top: -16px;
  transform: rotate(-45deg);
  width: 31px;
  z-index: 2;
}

.index .x1-1 {
  border-radius: 13.28px;
  gap: 2.92px;
}

.index .ellipse-1 {
  background-color: var(--indochine);
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.6;
  position: relative;
  width: 3.89px;
}

.index .ellipse-2 {
  background-color: var(--indochine);
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.5;
  position: relative;
  width: 3.89px;
}

.index .ellipse-3 {
  background-color: var(--indochine);
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.4;
  position: relative;
  width: 3.89px;
}

.index .ellipse-4 {
  background-color: var(--indochine);
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.3;
  position: relative;
  width: 3.89px;
}

.index .ellipse-6 {
  background-color: var(--indochine);
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.1;
  position: relative;
  width: 3.89px;
}

.index .x2 {
  gap: 2.92px;
}

.index .ellipse-5 {
  background-color: var(--indochine);
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.7;
  position: relative;
  width: 3.89px;
}

.index .x3 {
  gap: 2.92px;
}

.index .ellipse-7 {
  background-color: var(--indochine);
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.8;
  position: relative;
  width: 3.89px;
}

.index .x4 {
  gap: 2.92px;
}

.index .ellipse-8 {
  background-color: var(--indochine);
  border-radius: 1.94px;
  height: 3.89px;
  position: relative;
  width: 3.89px;
}

.index .x5 {
  gap: 2.92px;
}

.index .grid-2 {
  flex-direction: column;
  gap: 10.74px;
  left: 2108px;
  opacity: 0.2;
  position: absolute;
  top: 489px;
  transform: rotate(-180deg);
  width: 115px;
  z-index: 1;
}

.index .x1-2 {
  border-radius: 48.89px;
  gap: 10.74px;
}

.index .ellipse-9 {
  background-color: var(--indochine);
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.6;
  position: relative;
  width: 14.32px;
}

.index .ellipse-10 {
  background-color: var(--indochine);
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.5;
  position: relative;
  width: 14.32px;
}

.index .ellipse-11 {
  background-color: var(--indochine);
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.4;
  position: relative;
  width: 14.32px;
}

.index .ellipse-12 {
  background-color: var(--indochine);
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.3;
  position: relative;
  width: 14.32px;
}

.index .ellipse-6-1 {
  border-radius: 7.16px;
  height: 14.32px;
  width: 14.32px;
}

.index .x2-1 {
  gap: 10.74px;
}

.index .ellipse-13 {
  background-color: var(--indochine);
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.7;
  position: relative;
  width: 14.32px;
}

.index .x3-1 {
  gap: 10.74px;
}

.index .ellipse-14 {
  background-color: var(--indochine);
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.8;
  position: relative;
  width: 14.32px;
}

.index .x4-1 {
  gap: 10.74px;
}

.index .ellipse-15 {
  background-color: var(--indochine);
  border-radius: 7.16px;
  height: 14.32px;
  position: relative;
  width: 14.32px;
}

.index .x5-1 {
  gap: 10.74px;
}

.index .grid-3 {
  flex-direction: column;
  gap: 10.74px;
  left: 2350px;
  opacity: 0.2;
  position: absolute;
  top: 610px;
  transform: rotate(-180deg);
  width: 115px;
  z-index: 0;
}

.index .x1-3 {
  border-radius: 48.89px;
  gap: 10.74px;
}

.index .x2-2 {
  gap: 10.74px;
}

.index .x3-2 {
  gap: 10.74px;
}

.index .x4-2 {
  gap: 10.74px;
}

.index .x5-2 {
  gap: 10.74px;
}

.index .offerings {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 44px 44px;
  padding: 64px 0px;
  position: relative;
  width: 100%;
}

.index .group-1 {
  height: 296.12px;
  position: relative;
  width: 382px;
  z-index: 2;
}

.index .overlap-group {
  height: 295px;
  left: 1px;
  position: relative;
  width: 378px;
}

.index .rectangle-16 {
  height: 235px;
  left: 0;
  position: absolute;
  top: 61px;
  width: 378px;
}

.index .happy-man-1 {
  height: 255px;
  left: 80px;
  position: absolute;
  top: 0;
  width: 256px;
}

.index .rectangle-17 {
  height: 234px;
  left: 0;
  position: absolute;
  top: 61px;
  width: 371px;
}

.index .text-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  padding: 0px 44px 0px 20px;
  position: relative;
  z-index: 1;
}

.index .our-offering {
  letter-spacing: 1.2px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: 282px;
}

.index .get-funds-even-with-low-credit-score {
  align-self: stretch;
  letter-spacing: 0.68px;
  line-height: 50px;
  position: relative;
}

.index .do-not-have-a-credit {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.index .grid-4 {
  flex-direction: column;
  gap: 2.92px;
  left: calc(50% - 16px);
  opacity: 0.2;
  position: absolute;
  top: -15px;
  transform: rotate(-45deg);
  width: 31px;
  z-index: 0;
}

.index .x1-4 {
  border-radius: 13.28px;
  gap: 2.92px;
}

.index .x2-3 {
  gap: 2.92px;
}

.index .x3-3 {
  gap: 2.92px;
}

.index .x4-3 {
  gap: 2.92px;
}

.index .x5-3 {
  gap: 2.92px;
}

.index .our-team {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--desert-storm);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 40px 44px;
  position: relative;
  width: 100%;
}

.index .grid-5 {
  flex-direction: column;
  gap: 2.92px;
  left: calc(50% - 16px);
  opacity: 0.2;
  position: absolute;
  top: -16px;
  transform: rotate(-45deg);
  width: 31px;
}

.index .x1-5 {
  border-radius: 13.28px;
  gap: 2.92px;
}

.index .x2-4 {
  gap: 2.92px;
}

.index .x3-4 {
  gap: 2.92px;
}

.index .x4-4 {
  gap: 2.92px;
}

.index .x5-4 {
  gap: 2.92px;
}

.index .grid-6 {
  flex-direction: column;
  gap: 8.22px;
  opacity: 0.2;
  position: absolute;
  right: 329px;
  top: 791px;
  transform: rotate(-180deg);
  width: 88px;
}

.index .x1-6 {
  border-radius: 37.42px;
  gap: 8.22px;
}

.index .ellipse-16 {
  background-color: var(--indochine);
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.6;
  position: relative;
  width: 10.96px;
}

.index .ellipse-17 {
  background-color: var(--indochine);
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.5;
  position: relative;
  width: 10.96px;
}

.index .ellipse-18 {
  background-color: var(--indochine);
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.4;
  position: relative;
  width: 10.96px;
}

.index .ellipse-19 {
  background-color: var(--indochine);
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.3;
  position: relative;
  width: 10.96px;
}

.index .ellipse-6-3 {
  border-radius: 5.48px;
  height: 10.96px;
  width: 10.96px;
}

.index .grid-item-1 {
  gap: 8.22px;
}

.index .ellipse-20 {
  background-color: var(--indochine);
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.7;
  position: relative;
  width: 10.96px;
}

.index .ellipse-21 {
  background-color: var(--indochine);
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.8;
  position: relative;
  width: 10.96px;
}

.index .ellipse-22 {
  background-color: var(--indochine);
  border-radius: 5.48px;
  height: 10.96px;
  position: relative;
  width: 10.96px;
}

.index .grid-7 {
  flex-direction: column;
  gap: 6px;
  opacity: 0.2;
  position: absolute;
  right: 149px;
  top: 554px;
  width: 64px;
}

.index .x1-7 {
  border-radius: 27.32px;
  gap: 6px;
}

.index .ellipse-23 {
  background-color: var(--indochine);
  border-radius: 4px;
  height: 8px;
  position: relative;
  width: 8px;
}

.index .grid-item-2 {
  gap: 6px;
}

.index .frame-1171276233 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
  position: relative;
  width: 100%;
}

.index .frame-1171276231 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.index .our-team-1 {
  letter-spacing: 1.2px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .the-change-makers {
  align-self: stretch;
  letter-spacing: 0.68px;
  line-height: 50px;
  position: relative;
}

.index .our-founders-have-be {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.index .cards {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6.67px;
  position: relative;
  width: 100%;
}

.index .aj {
  margin-top: -0.28px;
  z-index: 2;
}

.index .frame-1171276243 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 133.33px;
  overflow: hidden;
  position: relative;
  width: 133.33px;
}

.index .overlap-group-1 {
  align-items: center;
  background-image: url(../img/aj-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 153px;
  left: -10px;
  min-width: 153px;
  padding: 0 10px;
  position: relative;
  top: -10px;
}

.index .rectangle-4811795 {
/*  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  ); */
  height: 133px;
  width: 133px;
}

.index .shek {
  letter-spacing: 0.29px;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .abhishek-is-an-exper {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0.14px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}

.index .aj-1 {
  z-index: 1;
}

.index .image-1 {
  flex-direction: column;
  height: 133.33px;
}

.index .frame-1171276243-1 {
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
}

.index .overlap-group-2 {
  height: 137px;
  left: -8px;
  position: relative;
  width: 144px;
}

.index .rectangle-4811794 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 106px;
  left: 8px;
  position: absolute;
  top: 0;
  width: 133px;
}

.index .s-singhla {
  height: 131px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: 144px;
}

.index .rectangle-4811795-1 {
  left: 8px;
}

.index .shekhar-is-a-serial {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0.14px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}

.index .aj-2 {
  margin-bottom: -0.28px;
  z-index: 0;
}

.index .frame-1171276243-2 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 133.33px;
}

.index .overlap-group-3 {
  height: 133px;
  position: relative;
  width: 133px;
}

.index .vaibhav {
  height: 127px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 119px;
}

.index .rectangle-4811795-2 {
  left: 0;
}

.index .vaibhav-singh {
  letter-spacing: 0.72px;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .vaibhav-brings-over {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0.28px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}

.index .contact-us {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  gap: 44px;
  padding: 120px 44px 40px 0px;
  position: relative;
  width: 100%;
}

.index .grid-8 {
  bottom: 538px;
  flex-direction: column;
  gap: 2.92px;
  left: calc(50% - 16px);
  opacity: 0.2;
  position: absolute;
  transform: rotate(-45deg);
  width: 31px;
  z-index: 5;
}

.index .x1-8 {
  border-radius: 13.28px;
  gap: 2.92px;
}

.index .x2-5 {
  gap: 2.92px;
}

.index .x3-5 {
  gap: 2.92px;
}

.index .x4-5 {
  gap: 2.92px;
}

.index .x5-5 {
  gap: 2.92px;
}

.index .text-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
  justify-content: center;
  padding: 0px 0px 0px 44px;
  position: relative;
  z-index: 4;
}

.index .title-2 {
  justify-content: center;
}

.index .contact-us-1 {
  letter-spacing: 1.2px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .eager-to-hear {
  align-self: stretch;
  letter-spacing: 0.68px;
  line-height: 50px;
  position: relative;
}

.index .frame-1171276245 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .location {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 28px;
  position: relative;
  width: 100%;
}

.index .frame-2 {
  height: 32px;
  position: relative;
  width: 32px;
}

.index .mail-ids {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 8px 8px;
  position: relative;
}

.index .input-text-1 {
  line-height: 24px;
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.index .input-text-2 {
  color: var(--blue-whale);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 500;
  line-height: 27px;
  margin-top: -1px;
  opacity: 0.6;
  white-space: nowrap;
  width: fit-content;
}

.index .input-text-3 {
  line-height: 24px;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-2-1 {
  margin-left: -0.25px;
  position: relative;
  width: 32.5px;
}

.index .input-text-4 {
  flex: 1;
  line-height: 24px;
  margin-top: -1px;
}

.index .frame-1171276239 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 252.53, 249.5) 100%
  );
  border: 1px solid;
  border-color: transparent;
  border-image: linear-gradient(
      to bottom,
      rgba(191, 105, 0, 0.3),
      rgba(191, 105, 0, 0.1)
    )
    1;
  border-radius: 12px;
  box-shadow: 5px 4px 24px #0000000d;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
  overflow: hidden;
  padding: 24px;
  position: relative;
  z-index: 3;
}

.index .input-fields {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.index .input {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.index .frame-1171276223 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
  width: 100%;
}

.index .input-frame {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--lightneutral300);
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  overflow: hidden;
  padding: 12px 12px 12px 20px;
  position: relative;
  width: 100%;
}

.index .left-content {
  align-items: center;
  gap: 12px;
}

.index .text-cursor {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 3px;
  position: relative;
}

.index .input-text {
  flex: 1;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1px;
  position: relative;
}

.index .label {
  align-items: center;
  background-color: var(--white);
  display: inline-flex;
  gap: 10px;
  height: 20px;
  justify-content: center;
  left: 17px;
  padding: 0px 4px;
  position: absolute;
  top: -9px;
}

.index .total-cash-compensation {
  color: var(--lightneutral500);
  font-weight: 400;
  line-height: 20px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .input-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9px;
  position: relative;
  width: 100%;
}

.index .helper-text {
  align-self: stretch;
  color: var(--lightneutral500);
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.index .log-out {
  align-items: flex-start;
  background-color: var(--blue-1);
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.index .button-style-secondary-large {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.index .button-master-large {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
  padding: 8px 16px;
  position: relative;
}

.index .log-out-1 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .badge {
  height: 96px;
  left: 6px;
  position: absolute;
  top: 20px;
  width: 96px;
  z-index: 2;
}

.index .overlap-group6 {
  height: 118px;
  left: 4px;
  position: relative;
  top: -11px;
  width: 127px;
}

.index .subtract {
  height: 72px;
  left: 8px;
  position: absolute;
  top: 23px;
  width: 72px;
}

.index .ellipse-container {
  border-radius: 38.08px;
  height: 76px;
  left: 6px;
  position: absolute;
  top: 21px;
  width: 76px;
}

.index .ellipse-9-1 {
  border: 0.24px dashed;
  border-color: var(--governor-bay);
  border-radius: 16.18px;
  height: 32px;
  left: 22px;
  position: absolute;
  top: 22px;
  width: 32px;
}

.index .ellipse-10-1 {
  border: 0.24px dashed;
  border-color: var(--governor-bay);
  border-radius: 38.08px;
  height: 76px;
  left: 0;
  position: absolute;
  top: 0;
  width: 76px;
}

.index .text-3 {
  align-items: flex-start;
  display: flex;
  height: 69px;
  left: 10px;
  min-width: 107px;
  padding: 0px 0;
  position: absolute;
  top: 25px;
  transform: rotate(36.21deg);
}

.index .overlap-group4 {
  align-self: center;
  height: 64px;
  margin-top: 1.34px;
  position: relative;
  width: 28px;
}

.index .e {
  left: 23px;
  position: absolute;
  top: 49px;
  transform: rotate(-160.04deg);
}

.index .overlap-group-4 {
  height: 58px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 30px;
}

.index .d {
  left: 17px;
  position: absolute;
  top: 43px;
  transform: rotate(-146.74deg);
}

.index .overlap-group1 {
  height: 40px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 21px;
}

.index .i {
  left: 13px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 26px;
  transform: rotate(-133.46deg);
  width: 2px;
}

.index .c {
  left: 9px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 22px;
  transform: rotate(-119.94deg);
  width: 5px;
}

.index .a {
  left: 6px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 16px;
  transform: rotate(-106.59deg);
  width: 5px;
}

.index .t {
  left: 5px;
  top: 10px;
  transform: rotate(-93.29deg);
}

.index .e-1 {
  left: 5px;
  position: absolute;
  top: 4px;
  transform: rotate(-80deg);
}

.index .d-1 {
  left: 7px;
  position: absolute;
  top: -2px;
  transform: rotate(-66.72deg);
}

.index .t-1 {
  left: 14px;
  top: 0;
  transform: rotate(-40.04deg);
}

.index .o {
  left: 19px;
  top: 0;
  transform: rotate(-26.6deg);
}

.index .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 39px;
  margin-left: 2px;
  min-height: 68px;
  width: 6px;
}

.index .price {
  margin-left: 2.28px;
  min-height: 15px;
  transform: rotate(0.04deg);
  width: 4px;
}

.index .d-2 {
  min-height: 15px;
  transform: rotate(-173.33deg);
}

.index .e-2 {
  margin-left: 2px;
  margin-top: 0.69px;
  min-height: 15px;
  transform: rotate(13.32deg);
}

.index .overlap-group-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-left: 1px;
  margin-top: 2.67px;
  min-height: 43px;
  width: 25px;
}

.index .overlap-group5 {
  height: 22px;
  margin-right: 5.57px;
  position: relative;
  width: 19px;
}

.index .price-1 {
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(26.6deg);
  width: 5px;
}

.index .overlap-group3 {
  height: 18px;
  left: 1px;
  position: absolute;
  top: 4px;
  width: 18px;
}

.index .v {
  left: 4px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  transform: rotate(39.92deg);
  width: 5px;
}

.index .e-3 {
  left: 9px;
  position: absolute;
  top: 5px;
  transform: rotate(53.33deg);
}

.index .overlap-group2 {
  height: 20px;
  margin-left: 8.9px;
  position: relative;
  width: 16px;
}

.index .y {
  left: 6px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: -4px;
  transform: rotate(80.07deg);
  width: 5px;
}

.index .o-1 {
  left: 6px;
  top: 3px;
  transform: rotate(93.35deg);
}

.index .u {
  left: 5px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 9px;
  transform: rotate(106.64deg);
  width: 5px;
}

.index .grid-9 {
  bottom: -78px;
  flex-direction: column;
  gap: 13.26px;
  left: calc(50% - 550px);
  opacity: 0.2;
  position: absolute;
  transform: rotate(45deg);
  width: 141px;
  z-index: 1;
}

.index .x1-9 {
  border-radius: 60.36px;
  gap: 13.26px;
}

.index .ellipse-24 {
  background-color: var(--indochine);
  border-radius: 8.84px;
  height: 17.68px;
  opacity: 0.6;
  position: relative;
  width: 17.68px;
}

.index .ellipse-25 {
  background-color: var(--indochine);
  border-radius: 8.84px;
  height: 17.68px;
  opacity: 0.5;
  position: relative;
  width: 17.68px;
}

.index .ellipse-26 {
  background-color: var(--indochine);
  border-radius: 8.84px;
  height: 17.68px;
  opacity: 0.4;
  position: relative;
  width: 17.68px;
}

.index .ellipse-27 {
  background-color: var(--indochine);
  border-radius: 8.84px;
  height: 17.68px;
  opacity: 0.3;
  position: relative;
  width: 17.68px;
}

.index .ellipse-6-2 {
  border-radius: 8.84px;
  height: 17.68px;
  width: 17.68px;
}

.index .x2-6 {
  gap: 13.26px;
}

.index .ellipse-28 {
  background-color: var(--indochine);
  border-radius: 8.84px;
  height: 17.68px;
  opacity: 0.7;
  position: relative;
  width: 17.68px;
}

.index .x3-6 {
  gap: 13.26px;
}

.index .ellipse-29 {
  background-color: var(--indochine);
  border-radius: 8.84px;
  height: 17.68px;
  opacity: 0.8;
  position: relative;
  width: 17.68px;
}

.index .x4-6 {
  gap: 13.26px;
}

.index .ellipse-30 {
  background-color: var(--indochine);
  border-radius: 8.84px;
  height: 17.68px;
  position: relative;
  width: 17.68px;
}

.index .x5-6 {
  gap: 13.26px;
}

.index .grid-10 {
  bottom: -78px;
  flex-direction: column;
  gap: 13.26px;
  opacity: 0.2;
  position: absolute;
  right: -81px;
  transform: rotate(135deg);
  width: 141px;
  z-index: 0;
}

.index .x1-10 {
  border-radius: 60.36px;
  gap: 13.26px;
}

.index .x2-7 {
  gap: 13.26px;
}

.index .x3-7 {
  gap: 13.26px;
}

.index .x4-7 {
  gap: 13.26px;
}

.index .x5-7 {
  gap: 13.26px;
}

.index .aj-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 0.28px solid;
  border-color: var(--silver);
  border-radius: 2.22px;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: -0.28px;
  margin-right: -0.28px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .d-3 {
  letter-spacing: 0;
  line-height: normal;
  width: 5px;
}

.index .e-4 {
  letter-spacing: 0;
  line-height: normal;
  width: 5px;
}

.index .ellipse-6-4 {
  background-color: var(--indochine);
  opacity: 0.1;
  position: relative;
}

.index .frame-1171276243-3 {
  position: relative;
  width: 133.33px;
}

.index .grid-11 {
  align-items: center;
  display: flex;
}

.index .grid-item-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .image-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 3.33px;
  justify-content: center;
  position: relative;
}

.index .input-text-5 {
  letter-spacing: 0;
  position: relative;
}

.index .left-1 {
  display: flex;
  flex: 1;
  flex-grow: 1;
  position: relative;
}

.index .o-2 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 5px;
}

.index .price-2 {
  letter-spacing: 0;
  line-height: normal;
}

.index .rectangle-4811795-3 {
/*  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  ); */
  height: 133px;
  position: absolute;
  top: 0;
  width: 133px;
}

.index .t-2 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 5px;
}

.index .title-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.index .top-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 6.67px;
  justify-content: center;
  padding: 13.33px;
  position: relative;
}

.index .x1-11 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .x2-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .x3-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .x4-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .x5-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}
/* screen - iphone-8-1 */

.iphone-8-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 375px;
  position: relative;
}

.iphone-8-1 .header-1 {
  -webkit-backdrop-filter: blur(24px) brightness(100%);
  align-items: center;
  align-self: stretch;
  backdrop-filter: blur(24px) brightness(100%);
  background-color: var(--white-2);
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 64px 20px 32px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .logo-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.iphone-8-1 .logo-3 {
  height: 48px;
  position: relative;
  width: 126.53px;
}

.iphone-8-1 .union-2 {
  height: 32px;
  position: relative;
  width: 43.04px;
}

.iphone-8-1 .candidate-side-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.iphone-8-1 .hero-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 16px 16px;
  padding: 40px 0px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .grid-11 {
  gap: 8.22px;
  left: -42px;
  opacity: 0.2;
  top: 101px;
  transform: rotate(-45deg);
  width: 88px;
  z-index: 2;
}

.iphone-8-1 .x1-11 {
  border-radius: 37.42px;
  gap: 8.22px;
}

.iphone-8-1 .ellipse-31 {
  border-radius: 5.48px;
  height: 10.96px;
  width: 10.96px;
}

.iphone-8-1 .x2-8 {
  gap: 8.22px;
}

.iphone-8-1 .x3-8 {
  gap: 8.22px;
}

.iphone-8-1 .x4-8 {
  gap: 8.22px;
}

.iphone-8-1 .x5-8 {
  gap: 8.22px;
}

.iphone-8-1 .left-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  padding: 0px 20px;
  position: relative;
  z-index: 1;
}

.iphone-8-1 .climate-responsible-1 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0.68px;
  line-height: 50px;
  margin-top: -1px;
  position: relative;
}

.iphone-8-1 .span-2 {
  letter-spacing: 0.23px;
}

.iphone-8-1 .we-are-here-to-serve-1 {
  align-self: stretch;
  letter-spacing: 0.28px;
  line-height: 21px;
  position: relative;
}

.iphone-8-1 .banner-image-1 {
  height: 286.88px;
  position: relative;
  width: 375px;
  z-index: 0;
}

.iphone-8-1 .about-us-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--soapstone);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 40px 40px;
  padding: 40px 20px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .text-4 {
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  min-width: 335px;
  position: relative;
  z-index: 4;
}

.iphone-8-1 .about-us-3 {
  letter-spacing: 1.2px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.iphone-8-1 .we-lend-because-we-care-1 {
  align-self: stretch;
  letter-spacing: 0.68px;
  line-height: 50px;
  position: relative;
}

.iphone-8-1 .having-spent-25-year-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.iphone-8-1 .mission-1 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 252.53, 249.5) 100%
  );
  border: 1px solid;
  border-color: transparent;
  border-image: linear-gradient(
      to bottom,
      rgba(191, 105, 0, 0.3),
      rgba(191, 105, 0, 0.1)
    )
    1;
  border-radius: 12px;
  box-shadow: 5px 4px 24px #0000000d;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 64px;
  overflow: hidden;
  padding: 40px;
  position: relative;
  z-index: 3;
}

.iphone-8-1 .waves-1 {
  height: 135px;
  left: 195px;
  position: absolute;
  top: 279px;
  width: 140px;
}

.iphone-8-1 .our-mission-1 {
  color: var(--blue-whale);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 900;
  letter-spacing: 1.6px;
  line-height: 30px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-8-1 .we-are-committed-to-1 {
  align-self: stretch;
  color: var(--scarpa-flow);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.iphone-8-1 .union-3 {
  height: 12.56%;
  left: 5.76%;
  position: absolute;
  top: 6.28%;
  width: 17.91%;
}

.iphone-8-1 .grid-12 {
  gap: 2.92px;
  left: calc(50% - 15px);
  opacity: 0.2;
  top: -16px;
  transform: rotate(-45deg);
  width: 31px;
  z-index: 2;
}

.iphone-8-1 .x1-12 {
  border-radius: 13.28px;
  gap: 2.92px;
}

.iphone-8-1 .ellipse-32 {
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.6;
  width: 3.89px;
}

.iphone-8-1 .ellipse-33 {
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.5;
  width: 3.89px;
}

.iphone-8-1 .ellipse-34 {
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.4;
  width: 3.89px;
}

.iphone-8-1 .ellipse-35 {
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.3;
  width: 3.89px;
}

.iphone-8-1 .ellipse-6-4 {
  border-radius: 1.94px;
  height: 3.89px;
  width: 3.89px;
}

.iphone-8-1 .x2-9 {
  gap: 2.92px;
}

.iphone-8-1 .ellipse-36 {
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.7;
  width: 3.89px;
}

.iphone-8-1 .x3-9 {
  gap: 2.92px;
}

.iphone-8-1 .ellipse-37 {
  border-radius: 1.94px;
  height: 3.89px;
  opacity: 0.8;
  width: 3.89px;
}

.iphone-8-1 .x4-9 {
  gap: 2.92px;
}

.iphone-8-1 .ellipse-38 {
  border-radius: 1.94px;
  height: 3.89px;
  width: 3.89px;
}

.iphone-8-1 .x5-9 {
  gap: 2.92px;
}

.iphone-8-1 .grid-13 {
  gap: 10.74px;
  left: 2108px;
  opacity: 0.2;
  top: 489px;
  transform: rotate(-180deg);
  width: 115px;
  z-index: 1;
}

.iphone-8-1 .x1-13 {
  border-radius: 48.89px;
  gap: 10.74px;
}

.iphone-8-1 .ellipse-39 {
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.6;
  width: 14.32px;
}

.iphone-8-1 .ellipse-40 {
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.5;
  width: 14.32px;
}

.iphone-8-1 .ellipse-41 {
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.4;
  width: 14.32px;
}

.iphone-8-1 .ellipse-42 {
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.3;
  width: 14.32px;
}

.iphone-8-1 .ellipse-6-5 {
  border-radius: 7.16px;
  height: 14.32px;
  width: 14.32px;
}

.iphone-8-1 .x2-10 {
  gap: 10.74px;
}

.iphone-8-1 .ellipse-43 {
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.7;
  width: 14.32px;
}

.iphone-8-1 .x3-10 {
  gap: 10.74px;
}

.iphone-8-1 .ellipse-44 {
  border-radius: 7.16px;
  height: 14.32px;
  opacity: 0.8;
  width: 14.32px;
}

.iphone-8-1 .x4-10 {
  gap: 10.74px;
}

.iphone-8-1 .ellipse-45 {
  border-radius: 7.16px;
  height: 14.32px;
  width: 14.32px;
}

.iphone-8-1 .x5-10 {
  gap: 10.74px;
}

.iphone-8-1 .grid-14 {
  gap: 10.74px;
  left: 2350px;
  opacity: 0.2;
  top: 610px;
  transform: rotate(-180deg);
  width: 115px;
  z-index: 0;
}

.iphone-8-1 .x1-14 {
  border-radius: 48.89px;
  gap: 10.74px;
}

.iphone-8-1 .x2-11 {
  gap: 10.74px;
}

.iphone-8-1 .x3-11 {
  gap: 10.74px;
}

.iphone-8-1 .x4-11 {
  gap: 10.74px;
}

.iphone-8-1 .x5-11 {
  gap: 10.74px;
}

.iphone-8-1 .offerings-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 16px 16px;
  padding: 40px 0px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .text-5 {
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  padding: 0px 20px;
  position: relative;
  z-index: 2;
}

.iphone-8-1 .our-offering-1 {
  letter-spacing: 1.2px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: 282px;
}

.iphone-8-1 .get-funds-even-with-low-credit-score-1 {
  align-self: stretch;
  letter-spacing: 0.68px;
  line-height: 50px;
  position: relative;
}

.iphone-8-1 .do-not-have-a-credit-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.iphone-8-1 .group-1-1 {
  height: 296.12px;
  margin-right: -7px;
  position: relative;
  width: 382px;
  z-index: 1;
}

.iphone-8-1 .overlap-group-5 {
  height: 295px;
  left: 1px;
  position: relative;
  width: 374px;
}

.iphone-8-1 .rectangle-16-1 {
  height: 235px;
  left: 0;
  position: absolute;
  top: 61px;
  width: 374px;
}

.iphone-8-1 .happy-man-1-1 {
  height: 255px;
  left: 80px;
  position: absolute;
  top: 0;
  width: 256px;
}

.iphone-8-1 .rectangle-17-1 {
  height: 234px;
  left: 0;
  position: absolute;
  top: 61px;
  width: 371px;
}

.iphone-8-1 .grid-15 {
  gap: 2.92px;
  left: calc(50% - 15px);
  opacity: 0.2;
  top: -16px;
  transform: rotate(-45deg);
  width: 31px;
  z-index: 0;
}

.iphone-8-1 .x1-15 {
  border-radius: 13.28px;
  gap: 2.92px;
}

.iphone-8-1 .x2-12 {
  gap: 2.92px;
}

.iphone-8-1 .x3-12 {
  gap: 2.92px;
}

.iphone-8-1 .x4-12 {
  gap: 2.92px;
}

.iphone-8-1 .x5-12 {
  gap: 2.92px;
}

.iphone-8-1 .our-team-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--desert-storm);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .grid-16 {
  gap: 2.92px;
  left: calc(50% - 15px);
  opacity: 0.2;
  top: -16px;
  transform: rotate(-45deg);
  width: 31px;
}

.iphone-8-1 .x1-16 {
  border-radius: 13.28px;
  gap: 2.92px;
}

.iphone-8-1 .x2-13 {
  gap: 2.92px;
}

.iphone-8-1 .x3-13 {
  gap: 2.92px;
}

.iphone-8-1 .x4-13 {
  gap: 2.92px;
}

.iphone-8-1 .x5-13 {
  gap: 2.92px;
}

.iphone-8-1 .grid-17 {
  gap: 8.22px;
  opacity: 0.2;
  right: 329px;
  top: 791px;
  transform: rotate(-180deg);
  width: 88px;
}

.iphone-8-1 .x1-17 {
  border-radius: 37.42px;
  gap: 8.22px;
}

.iphone-8-1 .ellipse-46 {
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.6;
  width: 10.96px;
}

.iphone-8-1 .ellipse-47 {
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.5;
  width: 10.96px;
}

.iphone-8-1 .ellipse-48 {
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.4;
  width: 10.96px;
}

.iphone-8-1 .ellipse-49 {
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.3;
  width: 10.96px;
}

.iphone-8-1 .ellipse-6-7 {
  border-radius: 5.48px;
  height: 10.96px;
  width: 10.96px;
}

.iphone-8-1 .x2-14 {
  gap: 8.22px;
}

.iphone-8-1 .ellipse-50 {
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.7;
  width: 10.96px;
}

.iphone-8-1 .x3-14 {
  gap: 8.22px;
}

.iphone-8-1 .ellipse-51 {
  border-radius: 5.48px;
  height: 10.96px;
  opacity: 0.8;
  width: 10.96px;
}

.iphone-8-1 .x4-14 {
  gap: 8.22px;
}

.iphone-8-1 .x5-14 {
  gap: 8.22px;
}

.iphone-8-1 .grid-18 {
  gap: 6px;
  opacity: 0.2;
  right: 149px;
  top: 554px;
  width: 64px;
}

.iphone-8-1 .x1-18 {
  border-radius: 27.32px;
  gap: 6px;
}

.iphone-8-1 .ellipse-52 {
  border-radius: 4px;
  height: 8px;
  width: 8px;
}

.iphone-8-1 .grid-item-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .frame-1171276233-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .frame-1171276231-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .our-team-3 {
  letter-spacing: 1.2px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.iphone-8-1 .the-change-makers-1 {
  align-self: stretch;
  letter-spacing: 0.68px;
  line-height: 50px;
  position: relative;
}

.iphone-8-1 .our-founders-have-be-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.iphone-8-1 .cards-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .aj-3 {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0px 0px;
  margin-top: -0.5px;
  z-index: 2;
}

.iphone-8-1 .image-2 {
  flex: 1;
  flex-grow: 1;
  min-width: 335px;
}

.iphone-8-1 .frame-1171276243-3 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 240px;
  margin-top: -0.46px;
  overflow: hidden;
}

.iphone-8-1 .overlap-group-6 {
  height: 276px;
  position: relative;
  top: -18px;
}

.iphone-8-1 .aj-1-1 {
  height: 276px;
  left: 30px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 276px;
}

.iphone-8-1 .rectangle-4811795-4 {
  top: 18px;
}

.iphone-8-1 .top-3 {
  flex: 1;
  flex-grow: 1;
}

.iphone-8-1 .shek-1 {
  letter-spacing: 0.52px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-8-1 .x-is-a {
  align-self: stretch;
  letter-spacing: 0.14px;
  line-height: 20px;
  position: relative;
}

.iphone-8-1 .aj-4 {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0px 0px;
  z-index: 1;
}

.iphone-8-1 .image-3 {
  flex-direction: column;
  height: 240px;
  width: 335px;
}

.iphone-8-1 .frame-1171276243-4 {
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
}

.iphone-8-1 .overlap-group-7 {
  height: 247px;
  position: relative;
}

.iphone-8-1 .rectangle-4811794-1 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 191px;
  left: 0;
  position: absolute;
  top: 0;
  width: 335px;
}

.iphone-8-1 .s-singhla-1 {
  height: 235px;
  left: 38px;
  object-fit: cover;
  position: absolute;
  top: 12px;
  width: 259px;
}

.iphone-8-1 .rectangle-4811795-3 {
  top: 0;
}

.iphone-8-1 .top-4 {
  flex: 1;
  flex-grow: 1;
}

.iphone-8-1 .aj-5 {
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
  margin-bottom: -0.5px;
  z-index: 0;
}

.iphone-8-1 .image-4 {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.iphone-8-1 .frame-1171276243-5 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 240px;
  margin-top: -0.46px;
}

.iphone-8-1 .overlap-group-8 {
  height: 240px;
  position: relative;
}

.iphone-8-1 .vaibhav-1 {
  height: 229px;
  left: 61px;
  position: absolute;
  top: 0;
  width: 214px;
}

.iphone-8-1 .top-5 {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.iphone-8-1 .vaibhav-singh-1 {
  letter-spacing: 1.3px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-8-1 .vaibhav-brings-over-1 {
  align-self: stretch;
  letter-spacing: 0.28px;
  line-height: 20px;
  position: relative;
}

.iphone-8-1 .contact-us-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 140px 20px 40px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .grid-19 {
  bottom: 731px;
  gap: 2.92px;
  left: calc(50% - 15px);
  opacity: 0.2;
  transform: rotate(-45deg);
  width: 31px;
  z-index: 6;
}

.iphone-8-1 .x1-19 {
  border-radius: 13.28px;
  gap: 2.92px;
}

.iphone-8-1 .x2-15 {
  gap: 2.92px;
}

.iphone-8-1 .x3-15 {
  gap: 2.92px;
}

.iphone-8-1 .x4-15 {
  gap: 2.92px;
}

.iphone-8-1 .x5-15 {
  gap: 2.92px;
}

.iphone-8-1 .grid-20 {
  gap: 10.74px;
  left: calc(50% - 57px);
  opacity: 0;
  top: -57px;
  transform: rotate(-45deg);
  width: 115px;
  z-index: 5;
}

.iphone-8-1 .x1-20 {
  border-radius: 48.89px;
  gap: 10.74px;
}

.iphone-8-1 .x2-16 {
  gap: 10.74px;
}

.iphone-8-1 .x3-16 {
  gap: 10.74px;
}

.iphone-8-1 .x4-16 {
  gap: 10.74px;
}

.iphone-8-1 .x5-16 {
  gap: 10.74px;
}

.iphone-8-1 .text-6 {
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 4;
}

.iphone-8-1 .title-5 {
  justify-content: center;
}

.iphone-8-1 .contact-us-3 {
  letter-spacing: 1.2px;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.iphone-8-1 .eager-to-hear-1 {
  align-self: stretch;
  letter-spacing: 0.68px;
  line-height: 50px;
  position: relative;
}

.iphone-8-1 .frame-1171276245-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.iphone-8-1 .location-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 28px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .frame-2-2 {
  height: 32px;
  position: relative;
  width: 32px;
}

.iphone-8-1 .mail-ids-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 8px 8px;
  position: relative;
}

.iphone-8-1 .input-text-6 {
  line-height: 24px;
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.iphone-8-1 .input-text-7 {
  color: var(--blue-whale);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 500;
  line-height: 27px;
  margin-top: -1px;
  opacity: 0.6;
  white-space: nowrap;
  width: fit-content;
}

.iphone-8-1 .input-text-8 {
  line-height: 24px;
  white-space: nowrap;
  width: fit-content;
}

.iphone-8-1 .frame-2-3 {
  margin-left: -0.25px;
  position: relative;
  width: 32.5px;
}

.iphone-8-1 .input-text-9 {
  flex: 1;
  line-height: 24px;
  margin-top: -1px;
}

.iphone-8-1 .frame-1171276239-1 {
  align-items: flex-start;
  align-self: stretch;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 252.53, 249.5) 100%
  );
  border: 1px solid;
  border-color: transparent;
  border-image: linear-gradient(
      to bottom,
      rgba(191, 105, 0, 0.3),
      rgba(191, 105, 0, 0.1)
    )
    1;
  border-radius: 12px;
  box-shadow: 5px 4px 24px #0000000d;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
  padding: 24px;
  position: relative;
  width: 100%;
  z-index: 3;
}

.iphone-8-1 .input-fields-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .input-2 {
  gap: 12px;
}

.iphone-8-1 .frame-1171276223-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .input-frame-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--lightneutral300);
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  overflow: hidden;
  padding: 12px 12px 12px 20px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .left-content-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 12px;
  position: relative;
}

.iphone-8-1 .text-cursor-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 3px;
  position: relative;
}

.iphone-8-1 .input-text-5 {
  flex: 1;
  line-height: 20px;
  margin-top: -1px;
}

.iphone-8-1 .label-1 {
  align-items: center;
  background-color: var(--white);
  display: inline-flex;
  gap: 10px;
  height: 20px;
  justify-content: center;
  left: 17px;
  padding: 0px 4px;
  position: absolute;
  top: -9px;
}

.iphone-8-1 .total-cash-compensation-1 {
  color: var(--lightneutral500);
  font-weight: 400;
  line-height: 20px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-8-1 .input-3 {
  gap: 12px;
}

.iphone-8-1 .input-4 {
  gap: 9px;
}

.iphone-8-1 .helper-text-1 {
  align-self: stretch;
  color: var(--lightneutral500);
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.iphone-8-1 .log-out-2 {
  align-items: flex-start;
  background-color: var(--blue-1);
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.iphone-8-1 .button-style-secondary-large-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.iphone-8-1 .button-master-large-1 {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
  padding: 8px 16px;
  position: relative;
}

.iphone-8-1 .log-out-3 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.iphone-8-1 .badge-1 {
  height: 96px;
  left: 6px;
  position: absolute;
  top: 20px;
  width: 96px;
  z-index: 2;
}

.iphone-8-1 .overlap-group6-1 {
  height: 118px;
  left: 4px;
  position: relative;
  top: -11px;
  width: 127px;
}

.iphone-8-1 .subtract-1 {
  height: 72px;
  left: 8px;
  position: absolute;
  top: 23px;
  width: 72px;
}

.iphone-8-1 .ellipse-container-1 {
  border-radius: 38.08px;
  height: 76px;
  left: 6px;
  position: absolute;
  top: 21px;
  width: 76px;
}

.iphone-8-1 .ellipse-9-2 {
  border: 0.24px dashed;
  border-color: var(--governor-bay);
  border-radius: 16.18px;
  height: 32px;
  left: 22px;
  position: absolute;
  top: 22px;
  width: 32px;
}

.iphone-8-1 .ellipse-10-2 {
  border: 0.24px dashed;
  border-color: var(--governor-bay);
  border-radius: 38.08px;
  height: 76px;
  left: 0;
  position: absolute;
  top: 0;
  width: 76px;
}

.iphone-8-1 .text-7 {
  height: 69px;
  left: 10px;
  min-width: 107px;
  padding: 0px 0;
  position: absolute;
  top: 25px;
  transform: rotate(36.21deg);
}

.iphone-8-1 .overlap-group4-1 {
  align-self: center;
  height: 64px;
  margin-top: 1.34px;
  position: relative;
  width: 28px;
}

.iphone-8-1 .e-4 {
  left: 23px;
  position: absolute;
  top: 49px;
  transform: rotate(-160.04deg);
}

.iphone-8-1 .overlap-group-9 {
  height: 58px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 30px;
}

.iphone-8-1 .d-3 {
  left: 17px;
  position: absolute;
  top: 43px;
  transform: rotate(-146.74deg);
}

.iphone-8-1 .overlap-group3-1 {
  height: 40px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 21px;
}

.iphone-8-1 .i-1 {
  left: 13px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 26px;
  transform: rotate(-133.46deg);
  width: 2px;
}

.iphone-8-1 .c-1 {
  left: 9px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 22px;
  transform: rotate(-119.94deg);
  width: 5px;
}

.iphone-8-1 .a-1 {
  left: 6px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 16px;
  transform: rotate(-106.59deg);
  width: 5px;
}

.iphone-8-1 .t-2 {
  left: 5px;
  top: 10px;
  transform: rotate(-93.29deg);
}

.iphone-8-1 .e-5 {
  left: 5px;
  position: absolute;
  top: 4px;
  transform: rotate(-80deg);
}

.iphone-8-1 .d-4 {
  left: 7px;
  position: absolute;
  top: -2px;
  transform: rotate(-66.72deg);
}

.iphone-8-1 .t-3 {
  left: 14px;
  top: 0;
  transform: rotate(-40.04deg);
}

.iphone-8-1 .o-2 {
  left: 19px;
  top: 0;
  transform: rotate(-26.6deg);
}

.iphone-8-1 .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 39px;
  margin-left: 2px;
  min-height: 68px;
  width: 6px;
}

.iphone-8-1 .price-2 {
  margin-left: 2.28px;
  min-height: 15px;
  transform: rotate(0.04deg);
  width: 4px;
}

.iphone-8-1 .d-5 {
  min-height: 15px;
  transform: rotate(-173.33deg);
}

.iphone-8-1 .e-6 {
  margin-left: 2px;
  margin-top: 0.69px;
  min-height: 15px;
  transform: rotate(13.32deg);
}

.iphone-8-1 .overlap-group-container-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-left: 1px;
  margin-top: 2.67px;
  min-height: 43px;
  width: 25px;
}

.iphone-8-1 .overlap-group5-1 {
  height: 22px;
  margin-right: 5.57px;
  position: relative;
  width: 19px;
}

.iphone-8-1 .price-3 {
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(26.6deg);
  width: 5px;
}

.iphone-8-1 .overlap-group2-1 {
  height: 18px;
  left: 1px;
  position: absolute;
  top: 4px;
  width: 18px;
}

.iphone-8-1 .v-1 {
  left: 4px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  transform: rotate(39.92deg);
  width: 5px;
}

.iphone-8-1 .e-7 {
  left: 9px;
  position: absolute;
  top: 5px;
  transform: rotate(53.33deg);
}

.iphone-8-1 .overlap-group1-1 {
  height: 20px;
  margin-left: 8.9px;
  position: relative;
  width: 16px;
}

.iphone-8-1 .y-1 {
  left: 6px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: -4px;
  transform: rotate(80.07deg);
  width: 5px;
}

.iphone-8-1 .o-3 {
  left: 6px;
  top: 3px;
  transform: rotate(93.35deg);
}

.iphone-8-1 .u-1 {
  left: 5px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 9px;
  transform: rotate(106.64deg);
  width: 5px;
}

.iphone-8-1 .grid-21 {
  bottom: -124px;
  gap: 23.73px;
  left: calc(50% - 985px);
  opacity: 0.2;
  transform: rotate(45deg);
  width: 253px;
  z-index: -1;
}

.iphone-8-1 .x1-21 {
  border-radius: 108.05px;
  gap: 23.73px;
}

.iphone-8-1 .ellipse-53 {
  border-radius: 15.82px;
  height: 31.64px;
  opacity: 0.6;
  width: 31.64px;
}

.iphone-8-1 .ellipse-54 {
  border-radius: 15.82px;
  height: 31.64px;
  opacity: 0.5;
  width: 31.64px;
}

.iphone-8-1 .ellipse-55 {
  border-radius: 15.82px;
  height: 31.64px;
  opacity: 0.4;
  width: 31.64px;
}

.iphone-8-1 .ellipse-56 {
  border-radius: 15.82px;
  height: 31.64px;
  opacity: 0.3;
  width: 31.64px;
}

.iphone-8-1 .ellipse-6-6 {
  border-radius: 15.82px;
  height: 31.64px;
  width: 31.64px;
}

.iphone-8-1 .x2-17 {
  gap: 23.73px;
}

.iphone-8-1 .ellipse-57 {
  border-radius: 15.82px;
  height: 31.64px;
  opacity: 0.7;
  width: 31.64px;
}

.iphone-8-1 .x3-17 {
  gap: 23.73px;
}

.iphone-8-1 .ellipse-58 {
  border-radius: 15.82px;
  height: 31.64px;
  opacity: 0.8;
  width: 31.64px;
}

.iphone-8-1 .x4-17 {
  gap: 23.73px;
}

.iphone-8-1 .ellipse-59 {
  border-radius: 15.82px;
  height: 31.64px;
  width: 31.64px;
}

.iphone-8-1 .x5-17 {
  gap: 23.73px;
}

.iphone-8-1 .grid-22 {
  bottom: -126px;
  gap: 23.73px;
  left: calc(50% + 744px);
  opacity: 0.2;
  transform: rotate(135deg);
  width: 253px;
  z-index: -2;
}

.iphone-8-1 .x1-22 {
  border-radius: 108.05px;
  gap: 23.73px;
}

.iphone-8-1 .x2-18 {
  gap: 23.73px;
}

.iphone-8-1 .x3-18 {
  gap: 23.73px;
}

.iphone-8-1 .x4-18 {
  gap: 23.73px;
}

.iphone-8-1 .x5-18 {
  gap: 23.73px;
}

.iphone-8-1 .aj {
  align-self: stretch;
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--silver);
  border-radius: 4px;
  display: flex;
  flex: 0 0 auto;
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.iphone-8-1 .d {
  letter-spacing: 0;
  line-height: normal;
  width: 5px;
}

.iphone-8-1 .e {
  letter-spacing: 0;
  line-height: normal;
  width: 5px;
}

.iphone-8-1 .ellipse {
  background-color: var(--indochine);
  position: relative;
}

.iphone-8-1 .ellipse-6 {
  background-color: var(--indochine);
  opacity: 0.1;
  position: relative;
}

.iphone-8-1 .frame-1171276243 {
  position: relative;
  width: 335px;
}

.iphone-8-1 .grid {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: absolute;
}

.iphone-8-1 .image {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: center;
  position: relative;
}

.iphone-8-1 .input {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.iphone-8-1 .input-text {
  letter-spacing: 0;
  position: relative;
}

.iphone-8-1 .o {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 5px;
}

.iphone-8-1 .price {
  letter-spacing: 0;
  line-height: normal;
}

.iphone-8-1 .rectangle-4811795 {
/*  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  ); */
  height: 240px;
  left: 0;
  position: absolute;
  width: 335px;
}

.iphone-8-1 .t {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 5px;
}

.iphone-8-1 .text {
  align-items: flex-start;
  display: flex;
}

.iphone-8-1 .title {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.iphone-8-1 .top {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 24px;
  position: relative;
}

.iphone-8-1 .x1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.iphone-8-1 .x2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.iphone-8-1 .x3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.iphone-8-1 .x4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.iphone-8-1 .x5 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}
/* screen - website */

.website {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 600px;
  min-width: 960px;
  position: relative;
}

.website .navbar {
  -webkit-backdrop-filter: blur(13.33px) brightness(100%);
  align-items: center;
  align-self: stretch;
  backdrop-filter: blur(13.33px) brightness(100%);
  background-color: var(--white-2);
  display: flex;
  flex: 0 0 auto;
  gap: 24.22px;
  padding: 16px 60px;
  position: relative;
  width: 100%;
}

.website .logo-4 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 4.44px;
  position: relative;
}

.website .logo-5 {
  height: 53.33px;
  position: relative;
  width: 140.58px;
}

.website .navbar-link {
  letter-spacing: 0.22px;
  line-height: normal;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.website .candidate-side-2 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-bottom: -1871.89px;
  position: relative;
  width: 960px;
}

.website .hero-2 {
  align-items: center;
  display: flex;
  gap: 60px;
  height: 394.44px;
  padding: 60px;
  position: relative;
  width: 960px;
}

.website .left-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 455px;
  z-index: 2;
}

.website .climate-responsible-2 {
  color: transparent;
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 800;
  letter-spacing: 0.64px;
  line-height: 50px;
  margin-right: -28.33px;
  margin-top: -0.56px;
  position: relative;
  width: 483.33px;
}

.website .span-4 {
  letter-spacing: 0.2px;
}

.website .span-5 {
  color: var(--atoll);
  letter-spacing: 0.2px;
}

.website .we-are-here-to-serve-2 {
  letter-spacing: 0.28px;
  line-height: 22px;
  margin-right: -28.33px;
  position: relative;
  width: 483.33px;
}

.website .banner-image-2 {
  height: 293.89px;
  margin-bottom: -9.72px;
  margin-right: -59.17px;
  margin-top: -9.72px;
  position: relative;
  width: 384.17px;
  z-index: 1;
}

.website .grid-23 {
  gap: 8.22px;
  left: calc(50% - 524px);
  opacity: 0.2;
  top: calc(50% - 74px);
  transform: rotate(-45deg);
  width: 88px;
  z-index: 0;
}

.website .x1-23 {
  border-radius: 37.42px;
  gap: 8.22px;
}

.website .ellipse-60 {
  border-radius: 5.48px;
  height: 10.96px;
  width: 10.96px;
}

.website .grid-item-4 {
  gap: 8.22px;
}

.website .about-us-4 {
  align-items: center;
  background-color: var(--soapstone);
  display: flex;
  flex: 0 0 auto;
  gap: 44px;
  padding: 60px;
  position: relative;
  width: 960px;
}

.website .text-8 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
  z-index: 4;
}

.website .about-us-5 {
  letter-spacing: 0.8px;
  line-height: 24px;
  margin-top: -0.56px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.website .we-lend-because-we-care-2 {
  align-self: stretch;
  letter-spacing: 0.64px;
  line-height: 50px;
  position: relative;
}

.website .having-spent-25-year-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
}

.website .mission-2 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 252.53, 249.5) 100%
  );
  border: 0.56px solid;
  border-color: transparent;
  border-image: linear-gradient(
      to bottom,
      rgba(191, 105, 0, 0.3),
      rgba(191, 105, 0, 0.1)
    )
    1;
  border-radius: 6.67px;
  box-shadow: 2.78px 2.22px 13.33px #0000000d;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 35.56px;
  overflow: hidden;
  padding: 22.22px;
  position: relative;
  z-index: 3;
}

.website .waves-2 {
  height: 210px;
  left: 253px;
  position: absolute;
  top: 109px;
  width: 255px;
}

.website .our-mission-2 {
  color: var(--blue-whale);
  font-family: var(--font-family-inter);
  font-size: 11.1px;
  font-weight: 900;
  letter-spacing: 0.89px;
  line-height: 16.7px;
  margin-top: -0.56px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.website .we-are-committed-to-2 {
  align-self: stretch;
  color: var(--scarpa-flow);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
}

.website .union-4 {
  height: 19.38%;
  left: 3.18%;
  position: absolute;
  top: 3.92%;
  width: 15.74%;
}

.website .grid-24 {
  gap: 5.3px;
  left: calc(50% - 28px);
  opacity: 0.2;
  top: calc(50% - 277px);
  transform: rotate(-45deg);
  width: 57px;
  z-index: 2;
}

.website .x1-24 {
  border-radius: 24.15px;
  gap: 5.3px;
}

.website .ellipse-61 {
  border-radius: 3.54px;
  height: 7.07px;
  opacity: 0.6;
  width: 7.07px;
}

.website .ellipse-62 {
  border-radius: 3.54px;
  height: 7.07px;
  opacity: 0.5;
  width: 7.07px;
}

.website .ellipse-63 {
  border-radius: 3.54px;
  height: 7.07px;
  opacity: 0.4;
  width: 7.07px;
}

.website .ellipse-64 {
  border-radius: 3.54px;
  height: 7.07px;
  opacity: 0.3;
  width: 7.07px;
}

.website .ellipse-6-8 {
  border-radius: 3.54px;
  height: 7.07px;
  width: 7.07px;
}

.website .x2-19 {
  gap: 5.3px;
}

.website .ellipse-65 {
  border-radius: 3.54px;
  height: 7.07px;
  opacity: 0.7;
  width: 7.07px;
}

.website .x3-19 {
  gap: 5.3px;
}

.website .ellipse-66 {
  border-radius: 3.54px;
  height: 7.07px;
  opacity: 0.8;
  width: 7.07px;
}

.website .x4-19 {
  gap: 5.3px;
}

.website .ellipse-67 {
  border-radius: 3.54px;
  height: 7.07px;
  width: 7.07px;
}

.website .x5-19 {
  gap: 5.3px;
}

.website .grid-25 {
  gap: 5.97px;
  left: 1171px;
  opacity: 0.2;
  top: 272px;
  transform: rotate(-180deg);
  width: 64px;
  z-index: 1;
}

.website .x1-25 {
  border-radius: 27.16px;
  gap: 5.97px;
}

.website .ellipse-68 {
  border-radius: 3.98px;
  height: 7.95px;
  opacity: 0.6;
  width: 7.95px;
}

.website .ellipse-69 {
  border-radius: 3.98px;
  height: 7.95px;
  opacity: 0.5;
  width: 7.95px;
}

.website .ellipse-70 {
  border-radius: 3.98px;
  height: 7.95px;
  opacity: 0.4;
  width: 7.95px;
}

.website .ellipse-71 {
  border-radius: 3.98px;
  height: 7.95px;
  opacity: 0.3;
  width: 7.95px;
}

.website .ellipse-6-9 {
  border-radius: 3.98px;
  height: 7.95px;
  width: 7.95px;
}

.website .x2-20 {
  gap: 5.97px;
}

.website .ellipse-72 {
  border-radius: 3.98px;
  height: 7.95px;
  opacity: 0.7;
  width: 7.95px;
}

.website .x3-20 {
  gap: 5.97px;
}

.website .ellipse-73 {
  border-radius: 3.98px;
  height: 7.95px;
  opacity: 0.8;
  width: 7.95px;
}

.website .x4-20 {
  gap: 5.97px;
}

.website .ellipse-74 {
  border-radius: 3.98px;
  height: 7.95px;
  width: 7.95px;
}

.website .x5-20 {
  gap: 5.97px;
}

.website .grid-26 {
  gap: 5.97px;
  left: 1306px;
  opacity: 0.2;
  top: 339px;
  transform: rotate(-180deg);
  width: 64px;
  z-index: 0;
}

.website .x1-26 {
  border-radius: 27.16px;
  gap: 5.97px;
}

.website .x2-21 {
  gap: 5.97px;
}

.website .x3-21 {
  gap: 5.97px;
}

.website .x4-21 {
  gap: 5.97px;
}

.website .x5-21 {
  gap: 5.97px;
}

.website .offerings-2 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  justify-content: flex-end;
  padding: 60px 60px 60px 0px;
  position: relative;
  width: 960px;
}

.website .group-1-2 {
  height: 277px;
  left: -45px;
  position: absolute;
  top: 20px;
  width: 350px;
  z-index: 2;
}

.website .overlap-group-10 {
  height: 277px;
  position: relative;
}

.website .rectangle-1 {
  height: 221px;
  left: 0;
  position: absolute;
  top: 55px;
  width: 350px;
}

.website .happy-man-1-2 {
  height: 238px;
  left: 75px;
  position: absolute;
  top: 0;
  width: 239px;
}

.website .text-9 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
  width: 519px;
  z-index: 1;
}

.website .our-offering-2 {
  letter-spacing: 0.8px;
  line-height: 24px;
  margin-top: -0.56px;
  position: relative;
  width: 156.67px;
}

.website .get-funds-even-with-low-credit-score-2 {
  align-self: stretch;
  color: var(--blue-whale);
  font-family: var(--font-family-inter);
  font-size: 26.7px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.website .do-not-have-a-credit-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
}

.website .grid-27 {
  gap: 5.3px;
  left: calc(50% - 28px);
  opacity: 0.2;
  top: calc(50% - 246px);
  transform: rotate(-45deg);
  width: 57px;
  z-index: 0;
}

.website .x1-27 {
  border-radius: 24.15px;
  gap: 5.3px;
}

.website .x2-22 {
  gap: 5.3px;
}

.website .x3-22 {
  gap: 5.3px;
}

.website .x4-22 {
  gap: 5.3px;
}

.website .x5-22 {
  gap: 5.3px;
}

.website .our-team-4 {
  align-items: center;
  background-color: var(--desert-storm);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 60px;
  position: relative;
  width: 960px;
}

.website .grid-28 {
  gap: 5.3px;
  left: calc(50% - 28px);
  opacity: 0.2;
  top: calc(50% - 422px);
  transform: rotate(-45deg);
  width: 57px;
}

.website .x1-28 {
  border-radius: 24.15px;
  gap: 5.3px;
}

.website .x2-23 {
  gap: 5.3px;
}

.website .x3-23 {
  gap: 5.3px;
}

.website .x4-23 {
  gap: 5.3px;
}

.website .x5-23 {
  gap: 5.3px;
}

.website .grid-29 {
  gap: 6.46px;
  left: 17px;
  opacity: 0;
  top: 17px;
  transform: rotate(90deg);
  width: 69px;
}

.website .x1-29 {
  border-radius: 29.4px;
  gap: 6.46px;
}

.website .ellipse-75 {
  border-radius: 4.31px;
  height: 8.61px;
  width: 8.61px;
}

.website .grid-item-5 {
  gap: 6.46px;
}

.website .ellipse-76 {
  border-radius: 4.31px;
  height: 8.61px;
  opacity: 0;
  width: 8.61px;
}

.website .grid-30 {
  gap: 4.57px;
  opacity: 0.2;
  right: 333px;
  top: 412px;
  width: 49px;
}

.website .x1-30 {
  border-radius: 20.79px;
  gap: 4.57px;
}

.website .ellipse-77 {
  border-radius: 3.04px;
  height: 6.09px;
  opacity: 0.6;
  width: 6.09px;
}

.website .ellipse-78 {
  border-radius: 3.04px;
  height: 6.09px;
  opacity: 0.5;
  width: 6.09px;
}

.website .ellipse-79 {
  border-radius: 3.04px;
  height: 6.09px;
  opacity: 0.4;
  width: 6.09px;
}

.website .ellipse-80 {
  border-radius: 3.04px;
  height: 6.09px;
  opacity: 0.3;
  width: 6.09px;
}

.website .ellipse-6-11 {
  border-radius: 3.04px;
  height: 6.09px;
  width: 6.09px;
}

.website .grid-item-6 {
  gap: 4.57px;
}

.website .ellipse-81 {
  border-radius: 3.04px;
  height: 6.09px;
  opacity: 0.7;
  width: 6.09px;
}

.website .ellipse-82 {
  border-radius: 3.04px;
  height: 6.09px;
  opacity: 0.8;
  width: 6.09px;
}

.website .ellipse-83 {
  border-radius: 3.04px;
  height: 6.09px;
  width: 6.09px;
}

.website .grid-31 {
  gap: 3.33px;
  opacity: 0.2;
  right: 83px;
  top: 308px;
  width: 36px;
}

.website .x1-31 {
  border-radius: 15.18px;
  gap: 3.33px;
}

.website .ellipse-84 {
  border-radius: 2.22px;
  height: 4.44px;
  width: 4.44px;
}

.website .grid-item-7 {
  gap: 3.33px;
}

.website .frame-1171276233-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 22.22px;
  position: relative;
  width: 100%;
}

.website .frame-1171276231-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8.89px;
  position: relative;
  width: 100%;
}

.website .our-team-5 {
  letter-spacing: 0.8px;
  line-height: 24px;
  margin-top: -0.56px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.website .the-change-makers-2 {
  align-self: stretch;
  letter-spacing: 0.64px;
  line-height: 50px;
  position: relative;
}

.website .our-founders-have-be-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
}

.website .cards-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6.67px;
  position: relative;
  width: 100%;
}

.website .aj-6 {
  margin-top: -0.28px;
  z-index: 2;
}

.website .frame-1171276243-6 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 133.33px;
  overflow: hidden;
}

.website .overlap-group-11 {
  align-items: center;
  background-image: url(../img/aj-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 153px;
  left: -10px;
  min-width: 153px;
  padding: 0 10px;
  position: relative;
  top: -10px;
}

.website .shek-2 {
  letter-spacing: 0.29px;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.website .abhishek-is-an-exper-1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0.14px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}

.website .aj-7 {
  z-index: 1;
}

.website .image-6 {
  flex-direction: column;
  height: 133.33px;
}

.website .frame-1171276243-7 {
  flex: 1;
  flex-grow: 1;
  overflow: hidden;
}

.website .overlap-group-12 {
  height: 137px;
  left: -8px;
  position: relative;
  width: 144px;
}

.website .rectangle-4811794-2 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 106px;
  left: 8px;
  position: absolute;
  top: 0;
  width: 133px;
}

.website .s-singhla-2 {
  height: 131px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: 144px;
}

.website .rectangle-4811795-6 {
  left: 8px;
  position: absolute;
  top: 0;
}

.website .shekhar-is-a-serial-1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0.14px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}

.website .aj-8 {
  margin-bottom: -0.28px;
  z-index: 0;
}

.website .frame-1171276243-8 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 133.33px;
}

.website .overlap-group-13 {
  height: 140px;
  position: relative;
  top: -7px;
  width: 133px;
}

.website .vaibhav-2 {
  height: 134px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 119px;
}

.website .rectangle-4811795-7 {
  left: 0;
  position: absolute;
  top: 7px;
}

.website .vaibhav-singh-2 {
  letter-spacing: 0.72px;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.website .vaibhav-brings-over-2 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  display: -webkit-box;
  letter-spacing: 0.28px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}

.website .contact-us-4 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  gap: 60px;
  padding: 60px;
  position: relative;
  width: 960px;
}

.website .grid-32 {
  gap: 5.3px;
  left: calc(50% - 28px);
  opacity: 0.2;
  top: calc(50% - 218px);
  transform: rotate(-45deg);
  width: 57px;
  z-index: 6;
}

.website .x1-32 {
  border-radius: 24.15px;
  gap: 5.3px;
}

.website .x2-24 {
  gap: 5.3px;
}

.website .x3-24 {
  gap: 5.3px;
}

.website .x4-24 {
  gap: 5.3px;
}

.website .x5-24 {
  gap: 5.3px;
}

.website .grid-33 {
  gap: 5.97px;
  left: calc(50% - 32px);
  opacity: 0;
  top: -32px;
  transform: rotate(-45deg);
  width: 64px;
  z-index: 5;
}

.website .x1-33 {
  border-radius: 27.16px;
  gap: 5.97px;
}

.website .x2-25 {
  gap: 5.97px;
}

.website .x3-25 {
  gap: 5.97px;
}

.website .x4-25 {
  gap: 5.97px;
}

.website .x5-25 {
  gap: 5.97px;
}

.website .text-10 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 22.22px;
  justify-content: center;
  position: relative;
  z-index: 4;
}

.website .title-8 {
  justify-content: center;
}

.website .contact-us-5 {
  letter-spacing: 0.8px;
  line-height: 24px;
  margin-top: -0.56px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.website .eager-to-hear-2 {
  align-self: stretch;
  letter-spacing: 0.64px;
  line-height: 50px;
  position: relative;
}

.website .frame-1171276245-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 11.11px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.website .location-2 {
  align-items: center;
}

.website .frame-2-4 {
  height: 17.78px;
}

.website .mail-ids-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4.44px;
  position: relative;
}

.website .input-text-10 {
  white-space: nowrap;
  width: fit-content;
}

.website .input-text-12 {
  opacity: 0.6;
  white-space: nowrap;
  width: fit-content;
}

.website .location-3 {
  align-items: flex-start;
}

.website .input-text-13 {
  margin-right: -15.33px;
  width: fit-content;
}

.website .frame-1171276239-2 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 252.53, 249.5) 100%
  );
  border: 0.56px solid;
  border-color: transparent;
  border-image: linear-gradient(
      to bottom,
      rgba(191, 105, 0, 0.3),
      rgba(191, 105, 0, 0.1)
    )
    1;
  border-radius: 6.67px;
  box-shadow: 2.78px 2.22px 13.33px #0000000d;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 22.22px;
  height: 259.44px;
  overflow: hidden;
  padding: 22.22px;
  position: relative;
  z-index: 3;
}

.website .input-fields-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 11.11px;
  position: relative;
  width: 100%;
}

.website .input-5 {
  gap: 6.67px;
}

.website .frame-1171276223-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.22px;
  position: relative;
  width: 100%;
}

.website .input-frame-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 0.56px solid;
  border-color: var(--lightneutral300);
  border-radius: 2.22px;
  display: flex;
  flex: 0 0 auto;
  gap: 6.67px;
  overflow: hidden;
  padding: 6.67px 6.67px 6.67px 11.11px;
  position: relative;
  width: 100%;
}

.website .left-content-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 6.67px;
  position: relative;
}

.website .text-cursor-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 1.67px;
  position: relative;
}

.website .input-text-11 {
  flex: 1;
}

.website .label-2 {
  align-items: center;
  background-color: var(--white);
  display: inline-flex;
  gap: 5.56px;
  height: 11px;
  justify-content: center;
  left: 9px;
  padding: 0px 2.22px;
  position: absolute;
  top: -5px;
}

.website .total-cash-compensation-2 {
  letter-spacing: 0;
  line-height: 11.1px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.website .input-6 {
  gap: 5px;
}

.website .helper-text-2 {
  align-self: stretch;
  color: var(--lightneutral500);
  font-family: var(--font-family-inter);
  font-size: 8.9px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 13.3px;
  position: relative;
}

.website .log-out-4 {
  align-items: flex-start;
  background-color: var(--blue-1);
  border-radius: 2.22px;
  display: inline-flex;
  flex: 0 0 auto;
  margin-bottom: -19.33px;
  position: relative;
}

.website .button-style-secondary-large-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.website .button-master-large-2 {
  align-items: center;
  border-radius: 4.44px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6.67px;
  justify-content: center;
  padding: 4.44px 8.89px;
  position: relative;
}

.website .log-out-5 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 8.9px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 13.3px;
  margin-top: -0.56px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.website .badge-2 {
  height: 89px;
  left: 19px;
  position: absolute;
  top: 10px;
  width: 89px;
  z-index: 2;
}

.website .overlap-group6-2 {
  height: 111px;
  left: 4px;
  position: relative;
  top: -11px;
  width: 120px;
}

.website .subtract-2 {
  height: 67px;
  left: 8px;
  position: absolute;
  top: 22px;
  width: 67px;
}

.website .ellipse-container-2 {
  border-radius: 35.25px;
  height: 71px;
  left: 5px;
  position: absolute;
  top: 20px;
  width: 71px;
}

.website .ellipse-9-3 {
  border: 0.23px dashed;
  border-color: var(--governor-bay);
  border-radius: 14.98px;
  height: 30px;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 30px;
}

.website .ellipse-10-3 {
  border: 0.23px dashed;
  border-color: var(--governor-bay);
  border-radius: 35.25px;
  height: 71px;
  left: 0;
  position: absolute;
  top: 0;
  width: 71px;
}

.website .text-11 {
  align-items: flex-start;
  display: flex;
  height: 64px;
  left: 9px;
  min-width: 102px;
  padding: 0px 0px;
  position: absolute;
  top: 24px;
  transform: rotate(36.21deg);
}

.website .overlap-group4-2 {
  align-self: center;
  height: 59px;
  margin-top: 1.25px;
  position: relative;
  width: 26px;
}

.website .e-8 {
  color: var(--arapawa);
  font-family: var(--font-family-inknut_antiqua);
  font-size: 5px;
  font-weight: 900;
  left: 21px;
  position: absolute;
  top: 46px;
  transform: rotate(-159.99deg);
}

.website .overlap-group-14 {
  height: 54px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 28px;
}

.website .d-6 {
  left: 16px;
  position: absolute;
  top: 40px;
  transform: rotate(-146.65deg);
}

.website .overlap-group1-2 {
  height: 37px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 19px;
}

.website .i-2 {
  left: 12px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 24px;
  transform: rotate(-133.31deg);
  width: 2px;
}

.website .c-2 {
  left: 8px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 20px;
  transform: rotate(-120.01deg);
  width: 4px;
}

.website .a-2 {
  left: 6px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 15px;
  transform: rotate(-106.68deg);
  width: 5px;
}

.website .t-4 {
  left: 5px;
  top: 9px;
  transform: rotate(-93.34deg);
}

.website .e-9 {
  left: 5px;
  position: absolute;
  top: 3px;
  transform: rotate(-80deg);
}

.website .d-7 {
  left: 6px;
  position: absolute;
  top: -2px;
  transform: rotate(-66.66deg);
}

.website .t-5 {
  left: 13px;
  top: 0;
  transform: rotate(-39.99deg);
}

.website .o-4 {
  left: 18px;
  top: 0;
  transform: rotate(-26.68deg);
}

.website .flex-col-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 36px;
  margin-left: 1px;
  min-height: 63px;
  width: 6px;
}

.website .price-4 {
  color: var(--arapawa);
  font-family: var(--font-family-inknut_antiqua);
  font-size: 5px;
  font-weight: 900;
  margin-left: 2.11px;
  min-height: 14px;
  transform: rotate(-0.01deg);
}

.website .d-8 {
  min-height: 14px;
  transform: rotate(-173.33deg);
}

.website .e-10 {
  margin-left: 2px;
  margin-top: 0.64px;
  min-height: 14px;
  transform: rotate(13.34deg);
}

.website .overlap-group-container-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-left: 1px;
  margin-top: 2.47px;
  min-height: 40px;
  width: 23px;
}

.website .overlap-group5-2 {
  height: 20px;
  margin-right: 5.14px;
  position: relative;
  width: 18px;
}

.website .price-5 {
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(26.68deg);
}

.website .overlap-group3-2 {
  height: 17px;
  left: 1px;
  position: absolute;
  top: 3px;
  width: 17px;
}

.website .v-2 {
  left: 4px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  transform: rotate(40.02deg);
  width: 5px;
}

.website .e-11 {
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(53.33deg);
}

.website .overlap-group2-2 {
  height: 19px;
  margin-left: 8.2px;
  position: relative;
  width: 15px;
}

.website .y-2 {
  left: 5px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: -3px;
  transform: rotate(79.99deg);
  width: 4px;
}

.website .o-5 {
  left: 6px;
  top: 2px;
  transform: rotate(93.33deg);
}

.website .u-2 {
  left: 5px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 8px;
  transform: rotate(106.67deg);
  width: 5px;
}

.website .grid-34 {
  bottom: -68px;
  gap: 13.18px;
  left: calc(50% - 548px);
  opacity: 0.2;
  transform: rotate(45deg);
  width: 141px;
  z-index: -1;
}

.website .x1-34 {
  border-radius: 60.03px;
  gap: 13.18px;
}

.website .ellipse-85 {
  border-radius: 8.79px;
  height: 17.58px;
  opacity: 0.6;
  width: 17.58px;
}

.website .ellipse-86 {
  border-radius: 8.79px;
  height: 17.58px;
  opacity: 0.5;
  width: 17.58px;
}

.website .ellipse-87 {
  border-radius: 8.79px;
  height: 17.58px;
  opacity: 0.4;
  width: 17.58px;
}

.website .ellipse-88 {
  border-radius: 8.79px;
  height: 17.58px;
  opacity: 0.3;
  width: 17.58px;
}

.website .ellipse-6-10 {
  border-radius: 8.79px;
  height: 17.58px;
  width: 17.58px;
}

.website .x2-26 {
  gap: 13.18px;
}

.website .ellipse-89 {
  border-radius: 8.79px;
  height: 17.58px;
  opacity: 0.7;
  width: 17.58px;
}

.website .x3-26 {
  gap: 13.18px;
}

.website .ellipse-90 {
  border-radius: 8.79px;
  height: 17.58px;
  opacity: 0.8;
  width: 17.58px;
}

.website .x4-26 {
  gap: 13.18px;
}

.website .ellipse-91 {
  border-radius: 8.79px;
  height: 17.58px;
  width: 17.58px;
}

.website .x5-26 {
  gap: 13.18px;
}

.website .grid-35 {
  bottom: -69px;
  gap: 13.18px;
  left: calc(50% + 413px);
  opacity: 0.2;
  transform: rotate(135deg);
  width: 141px;
  z-index: -2;
}

.website .x1-35 {
  border-radius: 60.03px;
  gap: 13.18px;
}

.website .x2-27 {
  gap: 13.18px;
}

.website .x3-27 {
  gap: 13.18px;
}

.website .x4-27 {
  gap: 13.18px;
}

.website .x5-27 {
  gap: 13.18px;
}

.website .aj {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 0.28px solid;
  border-color: var(--silver);
  border-radius: 2.22px;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: -0.28px;
  margin-right: -0.28px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.website .d {
  letter-spacing: 0;
  line-height: normal;
  width: 5px;
}

.website .e {
  letter-spacing: 0;
  line-height: normal;
  width: 4px;
}

.website .ellipse {
  background-color: var(--indochine);
  position: relative;
}

.website .ellipse-6 {
  background-color: var(--indochine);
  opacity: 0.1;
  position: relative;
}

.website .frame-1171276243 {
  position: relative;
  width: 133.33px;
}

.website .frame-2 {
  position: relative;
  width: 17.78px;
}

.website .grid {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: absolute;
}

.website .grid-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.website .image {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 3.33px;
  justify-content: center;
  position: relative;
}

.website .input {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 306.67px;
}

.website .input-text {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -0.56px;
  position: relative;
}

.website .location {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 15.56px;
  position: relative;
  width: 100%;
}

.website .o {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 5px;
}

.website .price {
  letter-spacing: 0;
  line-height: normal;
  width: 4px;
}

.website .rectangle-4811795 {
  background: linear-gradient(
    180deg,
    rgba(23, 23, 32, 0) 0%,
    rgb(23, 23, 32) 100%
  );
  height: 133px;
  width: 133px;
}

.website .t {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 4px;
}

.website .title {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 11.11px;
  position: relative;
  width: 100%;
}

.website .top {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 6.67px;
  justify-content: center;
  padding: 13.33px;
  position: relative;
}

.website .x1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.website .x2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.website .x3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.website .x4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.website .x5 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 959px) {
  .screen.index {
    display: none;
  }
  .screen.website {
    display: none;
  }
}
@media screen and (min-width: 960px) and (max-width: 965px) {
  .screen.index {
    display: none;
  }
  .screen.iphone-8-1 {
    display: none;
  }
}
@media screen and (min-width: 966px) {
  .screen.iphone-8-1 {
    display: none;
  }
  .screen.website {
    display: none;
  }
}