.website {
  background-color: #000000;
  overflow: hidden;
  width: 100%;
  min-width: 1920px;
  min-height: 6684px;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth;
}

.website .slide {
  z-index: 1;
  margin-left: -4px;
  height: 928px;
  background-color: #000000;
  border-radius: 32px;
  overflow: hidden;
  width: 1920px;
  position: relative;
}

.website .background {
  position: absolute;
  width: 2002px;
  height: 2311px;
  top: -1070px;
  left: -431px;
}

.website .background-element {
  position: absolute;
  width: 1319px;
  height: 810px;
  top: 1070px;
  left: 866px;
}

.website .img {
  position: absolute;
  width: 1139px;
  height: 630px;
  top: 1070px;
  left: 956px;
}

.website .background-element-2 {
  position: absolute;
  width: 1898px;
  height: 928px;
  top: 1070px;
  left: 435px;
}

.website .background-element-3 {
  position: absolute;
  width: 1121px;
  height: 924px;
  top: 1070px;
  left: 824px;
  mix-blend-mode: overlay;
  opacity: 0;
}

.website .get-started-button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 24px;
  position: absolute;
  top: 724px;
  left: calc(50% - 103px);
  background-color: #000000;
  border-radius: 99px;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.website .get-started-button:hover {
  transform: scale(1.05);
  background-color: #1a1a1a;
}

.website .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35.2px;
  white-space: nowrap;
}

.website .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}

.website .main {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  position: absolute;
  top: calc(50% - 230px);
  left: calc(50% - 710px);
}

.website .headline {
  display: flex;
  flex-direction: column;
  width: 1420px;
  align-items: center;
  justify-content: center;
  gap: 44px;
  position: relative;
  flex: 0 0 auto;
}

.website .fast-trusted {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 64px;
  text-align: center;
  letter-spacing: -2.56px;
  line-height: 64px;
}

.website .div {
  position: relative;
  width: 468px;
  opacity: 0.8;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35.2px;
}

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

.website .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.website .divider {
  position: relative;
  align-self: stretch;
  width: 1px;
  background-color: #ffffff;
  opacity: 0.4;
}

.website .logo {
  gap: 11px;
  top: 30px;
  left: 64px;
  display: inline-flex;
  align-items: center;
  position: absolute;
}

.website .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 26px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.website .button-continue {
  width: 77px;
  height: 77px;
  gap: 10px;
  padding: 24px;
  left: calc(50% + 819px);
  bottom: 0;
  background-color: #000000;
  border-radius: 99px 99px 0px 0px;
  backdrop-filter: blur(7px) brightness(100%);
  -webkit-backdrop-filter: blur(7px) brightness(100%);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.website .button-continue:hover {
  transform: scale(1.05);
  background-color: #1a1a1a;
}

.website .menu {
  z-index: 7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 24px;
  position: fixed;
  top: 24px;
  right: 64px;
  background-color: #000000;
  border-radius: 99px;
}

.website .menu-2 {
  z-index: 8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 24px;
  position: fixed;
  top: 24px;
  right: 64px;
  background-color: #000000;
  border-radius: 99px;
}

.website .slide-2 {
  z-index: 2;
  height: 1038px;
  background-color: #ffffff;
  border-radius: 32px;
  overflow: hidden;
  width: 1920px;
  position: relative;
}

.website .background-element-4 {
  position: absolute;
  top: 673px;
  left: 874px;
  width: 1209px;
  height: 1209px;
  background-color: #fbea2e;
  border-radius: 604.5px;
  filter: blur(180px);
  opacity: 0.2;
}

.website .background-element-5 {
  position: absolute;
  top: -690px;
  left: -267px;
  width: 1209px;
  height: 1209px;
  background-color: #28c776;
  border-radius: 604.5px;
  filter: blur(180px);
  opacity: 0.1;
}

.website .primary-text {
  display: flex;
  flex-direction: column;
  width: 1005px;
  align-items: center;
  gap: 28px;
  position: absolute;
  top: 128px;
  left: 458px;
}

.website .p {
  position: relative;
  width: 757px;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(67, 67, 67, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 64px;
  text-align: center;
  letter-spacing: -2.56px;
  line-height: 64px;
}

.website .clarity-gives-you {
  position: relative;
  align-self: stretch;
  background: linear-gradient(
    90deg,
    rgba(9, 32, 63, 1) 0%,
    rgba(83, 120, 149, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  opacity: 0.8;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35.2px;
}

.website .text-wrapper-4 {
  position: absolute;
  top: 907px;
  left: calc(50% - 323px);
  background: linear-gradient(
    90deg,
    rgba(9, 32, 63, 1) 0%,
    rgba(83, 120, 149, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.website .licensed-casinos {
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 208px;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 32px;
  position: absolute;
  top: 453px;
  left: 322px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow:
    0px 8px 17px #0000000d, 0px 30px 30px #0000000a, 0px 68px 41px #00000008, 0px 120px 48px #00000003,
    0px 188px 53px transparent, inset 0px 5px 0px #6715cd;
}

.website .casinos-licensed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 1;
}

.website .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(106, 17, 203, 1) 0%,
    rgba(37, 117, 252, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 64px;
  letter-spacing: 0;
  line-height: normal;
}

.website .text-wrapper-6 {
  position: relative;
  align-self: stretch;
  background: linear-gradient(
    90deg,
    rgba(106, 17, 203, 1) 0%,
    rgba(37, 117, 252, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.website .torus {
  position: absolute;
  top: -30px;
  right: 32px;
  width: 156px;
  height: 156px;
  z-index: 0;
}

.website .light-metallic {
  position: absolute;
  width: 156px;
  height: 156px;
  top: 0;
  left: 0;
  object-fit: contain;
}

.website .average-approval {
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 208px;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 32px;
  position: absolute;
  top: 453px;
  left: calc(50% - 200px);
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow:
    0px 8px 17px #0000000d, 0px 30px 30px #0000000a, 0px 68px 41px #00000008, 0px 120px 48px #00000003,
    0px 188px 53px transparent, inset 0px 5px 0px #fc6b6c;
}

.website .cube {
  position: absolute;
  top: -30px;
  right: 32px;
  width: 157px;
  height: 157px;
  z-index: 1;
}

.website .light-metallic-2 {
  position: absolute;
  width: 157px;
  height: 157px;
  top: 0;
  left: 0;
  object-fit: contain;
}

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

.website .element-days {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(252, 96, 118, 1) 0%,
    rgba(255, 154, 68, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 64px;
  line-height: normal;
}

.website .span {
  color: #000000;
  letter-spacing: 0;
}

.website .text-wrapper-7 {
  color: #000000;
  letter-spacing: -6.14px;
}

.website .text-wrapper-8 {
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
}

.website .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  background: linear-gradient(
    90deg,
    rgba(252, 100, 115, 1) 0%,
    rgba(48, 67, 82, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.website .client-satisfaction {
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 208px;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 32px;
  position: absolute;
  top: 453px;
  left: calc(50% + 238px);
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow:
    0px 8px 17px #0000000d, 0px 30px 30px #0000000a, 0px 68px 41px #00000008, 0px 120px 48px #00000003,
    0px 188px 53px transparent, inset 0px 5px 0px #469ee7;
}

.website .pill {
  position: absolute;
  top: -30px;
  right: 32px;
  width: 158px;
  height: 158px;
  z-index: 1;
}

.website .light-metallic-3 {
  position: absolute;
  width: 158px;
  height: 158px;
  top: 0;
  left: 0;
  object-fit: contain;
}

.website .text-wrapper-10 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(0, 219, 222, 1) 0%,
    rgba(252, 0, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 64px;
  letter-spacing: 0;
  line-height: normal;
}

.website .text-wrapper-11 {
  position: relative;
  align-self: stretch;
  background: linear-gradient(
    90deg,
    rgba(0, 219, 222, 1) 0%,
    rgba(252, 0, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.website .book {
  display: flex;
  width: 305px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 24px;
  position: absolute;
  top: 772px;
  left: calc(50% - 152px);
  border-radius: 99px;
  background: linear-gradient(
      90deg,
      rgba(67, 67, 67, 1) 0%,
      rgba(0, 0, 0, 1) 100%
    ), linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
  cursor: pointer;
  transition: transform 0.2s ease;
}

.website .book:hover {
  transform: scale(1.05);
}

.website .slide-3 {
  z-index: 3;
  height: 1403px;
  background-color: #000000;
  border-radius: 32px;
  overflow: hidden;
  width: 1920px;
  position: relative;
}

.website .background-objects {
  position: absolute;
  top: -157px;
  left: -232px;
  width: 2574px;
  height: 1753px;
}

.website .background-element-6 {
  position: absolute;
  top: 701px;
  left: 687px;
  width: 1389px;
  height: 680px;
  background-color: #00efff;
  border-radius: 694.64px / 340.08px;
  transform: rotate(-22.76deg);
  filter: blur(125px);
  opacity: 0.4;
}

.website .background-element-7 {
  position: absolute;
  top: 21px;
  left: 96px;
  width: 464px;
  height: 1712px;
  background-color: #353196;
  border-radius: 231.99px / 855.78px;
  transform: rotate(-6.54deg);
  filter: blur(150px);
}

.website .background-element-8 {
  position: absolute;
  top: 988px;
  left: 415px;
  width: 482px;
  height: 572px;
  background-color: #353196;
  border-radius: 241px / 286px;
  filter: blur(150px);
}

.website .background-element-9 {
  position: absolute;
  top: 71px;
  left: 1642px;
  width: 932px;
  height: 967px;
  background-color: #ff4161;
  border-radius: 466px / 483.5px;
  filter: blur(150px);
}

.website .background-element-10 {
  position: absolute;
  top: 272px;
  left: 1748px;
  width: 461px;
  height: 374px;
  background-color: #ffb29a;
  border-radius: 230.5px / 187px;
  transform: rotate(-8.78deg);
  filter: blur(100px);
}

.website .background-element-11 {
  position: absolute;
  top: 1119px;
  left: 345px;
  width: 1981px;
  height: 507px;
  background-color: #ff8fba;
  border-radius: 990.5px / 253.53px;
  transform: rotate(-4.6deg);
  filter: blur(150px);
  opacity: 0.5;
}

.website .background-element-12 {
  position: absolute;
  top: 1159px;
  left: 1690px;
  width: 401px;
  height: 401px;
  background-color: #ffadad;
  border-radius: 200.5px;
  filter: blur(150px);
}

.website .text-wrapper-12 {
  position: relative;
  width: 757px;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(250, 112, 154, 1) 0%,
    rgba(254, 225, 64, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 64px;
  text-align: center;
  letter-spacing: -2.56px;
  line-height: 64px;
}

.website .text-wrapper-13 {
  position: relative;
  align-self: stretch;
  background: linear-gradient(
    90deg,
    rgba(253, 251, 251, 1) 0%,
    rgba(235, 237, 238, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  opacity: 0.8;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 22px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35.2px;
}

.website .spacer {
  position: absolute;
  top: 460px;
  left: 50%;
  width: 1px;
  height: 100px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 0.3;
}

.website .features {
  width: 757px;
  gap: 6px;
  top: 595px;
  left: 582px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

.website .feature {
  gap: 32px;
  padding: 32px 48px;
  flex: 0 0 auto;
  border-radius: 24px;
  border-color: #ffffff4c;
  background: linear-gradient(
    90deg,
    rgba(233, 222, 250, 0.16) 0%,
    rgba(251, 252, 219, 0.16) 100%
  );
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  overflow: hidden;
  border: 1px solid;
}

.website .svg {
  position: relative;
  width: 64px;
  height: 64px;
}

.website .text {
  display: flex;
  flex-direction: column;
  width: 508px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.website .text-wrapper-14 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  text-shadow: 0px 2px 0px #00000026;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: 0;
  line-height: normal;
}

.website .text-wrapper-15 {
  position: relative;
  align-self: stretch;
  opacity: 0.7;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.website .text-2 {
  position: absolute;
  top: 1252px;
  left: calc(50% - 378px);
  width: 757px;
  background: linear-gradient(
    90deg,
    rgba(255, 154, 158, 1) 0%,
    rgba(250, 208, 196, 1) 99%,
    rgba(250, 208, 196, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.website .slide-4 {
  z-index: 4;
  height: 1108px;
  align-self: center;
  border-radius: 32px;
  overflow: hidden;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(111, 111, 111, 0) 100%
    ),
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 100%
    );
  width: 1920px;
  position: relative;
}

.website .background-2 {
  position: absolute;
  top: calc(50% - 554px);
  left: calc(50% - 960px);
  width: 1920px;
  height: 1108px;
  mix-blend-mode: color;
  object-fit: cover;
}

.website .center {
  position: absolute;
  top: -1px;
  left: 319px;
  width: 1284px;
  height: 1110px;
  display: flex;
  flex-direction: column;
  gap: 205px;
  background-color: #ffffff4c;
  border: 1px solid;
  border-color: transparent;
  backdrop-filter: blur(20px) brightness(100%);
  -webkit-backdrop-filter: blur(20px) brightness(100%);
  border-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 1) 100%
    )
    1;
}

.website .primary-text-2 {
  display: flex;
  margin-left: 263px;
  width: 755px;
  height: 240px;
  position: relative;
  margin-top: 155px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.website .text-wrapper-16 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(67, 67, 67, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 36px;
  letter-spacing: -1.44px;
  line-height: 36px;
  white-space: nowrap;
}

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

.website .text-wrapper-17 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(9, 32, 63, 1) 0%,
    rgba(83, 120, 149, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  opacity: 0.8;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32px;
}

.website .text-wrapper-18 {
  position: relative;
  align-self: stretch;
  background: linear-gradient(
    90deg,
    rgba(9, 32, 63, 1) 0%,
    rgba(83, 120, 149, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  opacity: 0.8;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32px;
}

.website .background-object {
  width: 1282px;
  height: 508px;
  position: relative;
  background-image: url(https://c.animaapp.com/WFrUw2dw/img/background-objects.png);
  background-size: 100% 100%;
}

.website .from-license-to {
  position: absolute;
  width: 22.23%;
  height: 3.15%;
  top: 86.81%;
  left: 20.51%;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: #7491b7;
  font-size: 16px;
  letter-spacing: -0.64px;
  line-height: 16px;
  white-space: nowrap;
}

.website .slide-5 {
  z-index: 5;
  height: 1339px;
  align-self: center;
  background-color: #000e0e;
  border-radius: 32px;
  overflow: hidden;
  width: 1920px;
  position: relative;
}

.website .noise-texture {
  position: absolute;
  top: calc(50% - 670px);
  left: calc(50% - 960px);
  width: 1920px;
  height: 1339px;
  object-fit: cover;
}

.website .grid-lines {
  position: absolute;
  top: calc(50% - 670px);
  left: calc(50% - 960px);
  width: 1920px;
  height: 1339px;
}

.website .header {
  display: flex;
  flex-direction: column;
  width: 1005px;
  align-items: center;
  gap: 28px;
  position: absolute;
  top: 150px;
  left: 457px;
  background-color: transparent;
  box-shadow: 0px 1px 64px #000000;
}

.website .your-path-to {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(67, 233, 123, 1) 0%,
    rgba(56, 249, 215, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 64px;
  text-align: center;
  letter-spacing: -2.56px;
  line-height: 64px;
}

.website .text-wrapper-19 {
  position: absolute;
  top: 1056px;
  left: calc(50% - 205px);
  opacity: 0.5;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.website .button {
  all: unset;
  box-sizing: border-box;
  width: 213px;
  gap: 16px;
  padding: 14px 32px;
  top: 1164px;
  left: calc(50% - 106px);
  border-radius: 100px;
  border: 1px solid;
  border-color: #38f6cc4c;
  box-shadow: inset 0px 0px 12px #39f8cf4c;
  backdrop-filter: blur(1.5px) brightness(100%);
  -webkit-backdrop-filter: blur(1.5px) brightness(100%);
  background: linear-gradient(
    90deg,
    rgba(67, 233, 123, 0.15) 0%,
    rgba(56, 249, 215, 0.15) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.website .button:hover {
  transform: scale(1.05);
  box-shadow: inset 0px 0px 20px #39f8cf66;
}

.website .text-wrapper-20 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(67, 233, 123, 1) 0%,
    rgba(56, 249, 215, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.website .features-2 {
  width: 804px;
  gap: 2px;
  top: 454px;
  left: 559px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

.website .feature-2 {
  flex-direction: column;
  height: 134px;
  justify-content: center;
  gap: 4px;
  background-color: #ffffff1a;
  border-color: #ffffff33;
  backdrop-filter: blur(5px) brightness(100%);
  -webkit-backdrop-filter: blur(5px) brightness(100%);
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  overflow: hidden;
  border: 1px solid;
}

.website .text-wrapper-21 {
  position: relative;
  align-self: stretch;
  z-index: 2;
  font-family: "Syne", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.website .text-wrapper-22 {
  position: relative;
  align-self: stretch;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(253, 251, 251, 0.7) 0%,
    rgba(235, 237, 238, 0.7) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.website .background-element-13 {
  position: absolute;
  top: 57px;
  left: 565px;
  width: 261px;
  height: 261px;
  z-index: 0;
  background-color: #d9d9d9;
  border-radius: 130.5px;
  filter: blur(50px);
  opacity: 0.2;
}

.website .background-element-14 {
  position: absolute;
  top: 37px;
  left: 85px;
  width: 261px;
  height: 261px;
  z-index: 0;
  background-color: #d9d9d9;
  border-radius: 130.5px;
  filter: blur(50px);
  opacity: 0.2;
}

.website .background-element-15 {
  position: absolute;
  top: -163px;
  left: 565px;
  width: 261px;
  height: 261px;
  z-index: 0;
  background-color: #d9d9d9;
  border-radius: 130.5px;
  filter: blur(50px);
  opacity: 0.2;
}

.website .background-element-16 {
  position: absolute;
  top: 67px;
  left: 15px;
  width: 261px;
  height: 261px;
  z-index: 0;
  background-color: #d9d9d9;
  border-radius: 130.5px;
  filter: blur(50px);
  opacity: 0.2;
}

.website .background-element-17 {
  position: absolute;
  top: 447px;
  right: 550px;
  width: 15px;
  height: 16px;
}

.website .background-element-18 {
  top: 988px;
  right: 550px;
  position: absolute;
  width: 15px;
  height: 16px;
}

.website .background-element-19 {
  top: 988px;
  right: 1354px;
  position: absolute;
  width: 15px;
  height: 16px;
}

.website .background-element-20 {
  top: 447px;
  right: 1354px;
  position: absolute;
  width: 15px;
  height: 16px;
}

.website .slide-6 {
  z-index: 6;
  height: 868px;
  align-self: center;
  background-image: url(https://c.animaapp.com/WFrUw2dw/img/background-image.png);
  background-size: cover;
  background-position: 50% 50%;
  width: 1920px;
  position: relative;
}

.website .div-wrapper {
  flex-direction: column;
  gap: 7.73px;
  top: calc(50% - 240px);
  left: calc(50% - 112px);
  display: inline-flex;
  align-items: center;
  position: absolute;
}

.website .text-wrapper-23 {
  position: relative;
  width: fit-content;
  margin-top: -0.7px;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 33.7px;
  line-height: normal;
  letter-spacing: 0;
  white-space: nowrap;
}

.website .text-wrapper-24 {
  position: absolute;
  top: 813px;
  left: calc(50% - 475px);
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #ffffff66;
  font-size: 14px;
  text-align: center;
  line-height: 22.4px;
  letter-spacing: 0;
  white-space: nowrap;
}

.website .text-wrapper-25 {
  position: absolute;
  top: 773px;
  left: calc(50% - 180px);
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.website .footer {
  display: inline-flex;
  align-items: center;
  gap: 52px;
  padding: 48px 64px;
  position: absolute;
  top: 414px;
  left: calc(50% - 300px);
  background-color: #ffffff1a;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
}

.website .modal {
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 211px;
  align-items: flex-start;
  gap: 11px;
  position: relative;
}

.website .text-wrapper-26 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Syne", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.website .text-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  opacity: 0.5;
}

.website .text-wrapper-27 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
}

.website .text-wrapper-28 {
  font-weight: 600;
  font-size: 16px;
  line-height: 25.6px;
  position: relative;
  align-self: stretch;
  font-family: "Inter", Helvetica;
  color: #ffffff;
  letter-spacing: 0;
}

.website .modal-2 {
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 211px;
  align-items: flex-start;
  gap: 11px;
  position: relative;
}

.website .background-element-21 {
  position: absolute;
  top: 113px;
  left: 389px;
  width: 261px;
  height: 261px;
  z-index: 0;
  background-color: #d9d9d9;
  border-radius: 130.5px;
  filter: blur(50px);
  opacity: 0.1;
}