.bullet {
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 1180px;
  display: flex;
  position: relative;
}

.bullet .frame-8 {
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.bullet .frame-9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 362px;
  display: flex;
  position: relative;
}

.bullet .text-wrapper-9 {
  color: #fff;
  font-family: var(--1280-h4-font-family);
  font-size: var(--1280-h4-font-size);
  font-style: var(--1280-h4-font-style);
  font-weight: var(--1280-h4-font-weight);
  letter-spacing: var(--1280-h4-letter-spacing);
  line-height: var(--1280-h4-line-height);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.bullet .text-wrapper-10 {
  color: #ffffffb2;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  width: 879px;
  margin-right: -517px;
  position: relative;
}

.bullet .frame-10 {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  width: 203px;
  display: flex;
  position: relative;
}

.bullet .element-5 {
  color: #ffffffb2;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  text-align: right;
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.bullet .text-wrapper-11 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 21.6px;
  position: relative;
}

.bullet .line-5 {
  object-fit: cover;
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-bottom: -.5px;
  margin-left: -.5px;
  margin-right: -.5px;
  position: relative;
}

.education-cell {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 320px;
  display: flex;
  position: relative;
}

.education-cell .frame-2 {
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.education-cell .frame-3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 180px;
  display: flex;
  position: relative;
}

.education-cell .text-wrapper-2 {
  color: #fff;
  letter-spacing: 0;
  align-self: stretch;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  position: relative;
}

.education-cell .text-wrapper-3 {
  color: #ffffffb2;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.education-cell .frame-4 {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  width: 140px;
  display: flex;
  position: relative;
}

.education-cell .element-2 {
  color: #ffffffb2;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.education-cell .text-wrapper-4 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.education-cell .line {
  object-fit: cover;
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-bottom: -.5px;
  margin-left: -.5px;
  margin-right: -.5px;
  position: relative;
}

.education-cell-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 440px;
  display: flex;
  position: relative;
}

.education-cell-wrapper .frame-5 {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 264px;
  display: flex;
  position: relative;
}

.education-cell-wrapper .frame-6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 263px;
  display: flex;
  position: relative;
}

.education-cell-wrapper .text-wrapper-6 {
  color: #fff;
  letter-spacing: 0;
  align-self: stretch;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.education-cell-wrapper .text-wrapper-7 {
  color: #ffffffb2;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.education-cell-wrapper .frame-7 {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  width: 176px;
  margin-right: -175px;
  display: flex;
  position: relative;
}

.education-cell-wrapper .element-4 {
  color: #ffffffb2;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.education-cell-wrapper .text-wrapper-8 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.education-cell-wrapper .line-4 {
  object-fit: cover;
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-bottom: -.5px;
  margin-left: -.5px;
  margin-right: -.5px;
  position: relative;
}

.factoid {
  width: 380px;
  height: 136px;
}

.factoid .overlap-group-2 {
  border-radius: 4px;
  height: 136px;
  position: relative;
}

.factoid .text-wrapper-5 {
  color: #fff;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  text-align: right;
  white-space: nowrap;
  position: absolute;
  top: 91px;
  left: 305px;
}

.factoid .rectangle-3 {
  border: 1px solid #fff;
  border-radius: 4px;
  width: 380px;
  height: 136px;
  position: absolute;
  top: 0;
  left: 0;
}

.factoid .star {
  width: 39px;
  height: 39px;
  position: absolute;
  top: 24px;
  left: 24px;
}

.factoid .element-3 {
  color: #fff;
  font-family: var(--1280-h1-large-font-family);
  font-size: var(--1280-h1-large-font-size);
  font-style: var(--1280-h1-large-font-style);
  font-weight: var(--1280-h1-large-font-weight);
  letter-spacing: var(--1280-h1-large-letter-spacing);
  line-height: var(--1280-h1-large-line-height);
  text-align: right;
  white-space: nowrap;
  position: absolute;
  top: 19px;
  left: 190px;
}

.header {
  backdrop-filter: blur(34px) brightness();
  background-color: #ffffff1a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 1280px;
  padding: 24px 40px;
  display: flex;
  position: relative;
}

.header .tabs {
  flex: none;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  display: inline-flex;
  position: relative;
}

.header .text-wrapper-13 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  width: fit-content;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  position: relative;
}

.hierarchy-secondary {
  border: 1px solid #fff;
  border-radius: 36px;
  justify-content: space-between;
  align-items: center;
  width: 412px;
  padding: 20px 20px 20px 28px;
  transition: box-shadow .2s ease-in-out;
  display: flex;
  position: relative;
}

.hierarchy-secondary .frame {
  flex: none;
  align-items: center;
  gap: 14px;
  padding: 0 10px;
  display: inline-flex;
  position: relative;
}

.hierarchy-secondary .text-wrapper {
  color: #fff;
  font-family: var(--1280-button-text-2-font-family);
  font-size: var(--1280-button-text-2-font-size);
  font-style: var(--1280-button-text-2-font-style);
  font-weight: var(--1280-button-text-2-font-weight);
  letter-spacing: var(--1280-button-text-2-letter-spacing);
  line-height: var(--1280-button-text-2-line-height);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.hierarchy-secondary .arrow-instance {
  position: relative !important;
}

.hierarchy-secondary:hover {
  box-shadow: 0 0 15px #fffc;
}

.hierarchy-tertiary {
  align-items: center;
  gap: 10px;
  display: inline-flex;
  position: relative;
}

.hierarchy-tertiary .frame-11 {
  flex: none;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  display: inline-flex;
  position: relative;
}

.hierarchy-tertiary .text-wrapper-12 {
  color: #fff;
  font-family: var(--1280-button-text-font-family);
  font-size: var(--1280-button-text-font-size);
  font-style: var(--1280-button-text-font-style);
  font-weight: var(--1280-button-text-font-weight);
  letter-spacing: var(--1280-button-text-letter-spacing);
  line-height: var(--1280-button-text-line-height);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.hierarchy-tertiary .frame-12 {
  width: 32px;
  height: 24px;
  position: relative;
}

.menu-icon {
  visibility: hidden;
  background-color: #ffffff0d;
  border-radius: 4px;
  width: 67px;
  height: 67px;
  position: relative;
  overflow: hidden;
}

.menu-icon .rectangle {
  background-color: var(--white);
  border-radius: 10px;
  width: 35px;
  height: 2px;
  position: absolute;
  top: 23px;
  left: 16px;
}

.menu-icon .div {
  background-color: var(--white);
  border-radius: 10px;
  width: 35px;
  height: 2px;
  position: absolute;
  top: 33px;
  left: 16px;
}

.menu-icon .rectangle-2 {
  background-color: var(--white);
  border-radius: 10px;
  width: 35px;
  height: 2px;
  position: absolute;
  top: 43px;
  left: 16px;
}

.menu-icon .union {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 22px;
  left: 21px;
}

.element {
  -webkit-user-select: none;
  user-select: none;
  background-color: #122131;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.element .div-2 {
  background-color: var(--variable-collection-bg);
  position: relative;
  overflow: hidden;
}

.element .overlap {
  position: absolute;
}

.element .vector {
  width: 355px;
  height: 991px;
  position: absolute;
  top: 171px;
  left: 875px;
}

.element .main {
  position: absolute;
  left: 0;
}

.element .overlap-2 {
  position: relative;
}

.element .overlap-3 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .pattern {
  position: absolute;
  top: 0;
}

.element .union-2 {
  position: absolute;
  left: 0;
}

.element .frame-13 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 450px;
  display: flex;
  position: absolute;
  top: 266px;
  left: 0;
}

.element .frame-14 {
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .star-2 {
  width: 18px;
  height: 18px;
  position: relative;
}

.element .text-wrapper-14 {
  color: #fff;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  flex: 1;
  margin-top: -1px;
  position: relative;
}

.element .photo {
  width: 327px;
  height: 421px;
  position: absolute;
  top: 190px;
  left: 561px;
}

.element .overlap-4 {
  height: 421px;
  position: relative;
}

.element .group {
  background-image: url("img.793b22c0.svg");
  background-size: 100% 100%;
  width: 320px;
  height: 413px;
  position: absolute;
  top: 5px;
  left: 4px;
}

.element .arc {
  width: 327px;
  height: 421px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-group-3 {
  width: 325px;
  height: 419px;
  position: relative;
  top: 1px;
  left: 1px;
}

.element .rectangle-4 {
  width: 163px;
  height: 412px;
  position: absolute;
  top: 3px;
  left: 2px;
}

.element .line-6 {
  object-fit: cover;
  width: 320px;
  height: 1px;
  position: absolute;
  top: 416px;
  left: 3px;
}

.element .star-3 {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 411px;
  left: 0;
}

.element .rectangle-5 {
  width: 158px;
  height: 412px;
  position: absolute;
  top: 3px;
  left: 166px;
}

.element .star-4 {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 411px;
  left: 317px;
}

.element .star-5 {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 162px;
}

.element .text-wrapper-15 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-weight: 500;
  position: absolute;
  left: 0;
}

.element .overlap-wrapper {
  width: 288px;
  height: 371px;
  position: absolute;
  top: 94px;
  left: 424px;
}

.element .overlap-5 {
  height: 371px;
  position: relative;
}

.element .group-2 {
  background-image: url("img.793b22c0.svg");
  background-size: 100% 100%;
  width: 282px;
  height: 364px;
  position: absolute;
  top: 4px;
  left: 3px;
}

.element .overlap-group-wrapper {
  width: 288px;
  height: 371px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-group-4 {
  width: 287px;
  height: 370px;
  position: relative;
  top: 1px;
  left: 1px;
}

.element .rectangle-6 {
  width: 144px;
  height: 363px;
  position: absolute;
  top: 3px;
  left: 2px;
}

.element .line-7 {
  object-fit: cover;
  width: 282px;
  height: 1px;
  position: absolute;
  top: 366px;
  left: 3px;
}

.element .star-6 {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 363px;
  left: 0;
}

.element .rectangle-7 {
  width: 139px;
  height: 363px;
  position: absolute;
  top: 3px;
  left: 146px;
}

.element .star-7 {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 363px;
  left: 280px;
}

.element .star-8 {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 0;
  left: 143px;
}

.element .frame-15 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 372px;
  display: flex;
  position: absolute;
  top: 148px;
  left: 0;
}

.element .frame-16 {
  flex: none;
  align-items: center;
  gap: 20px;
  display: inline-flex;
  position: relative;
}

.element .star-9 {
  width: 14px;
  height: 14px;
  position: relative;
}

.element .text-wrapper-16 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .p {
  color: #fff;
  letter-spacing: 0;
  width: 341px;
  margin-top: -1px;
  margin-right: -3.42px;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .button {
  position: absolute;
  left: 0;
}

.element .button:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .polygon {
  width: 78px;
  height: 68px;
  position: absolute;
  top: 46px;
  left: 39px;
}

.element .polygon-2 {
  width: 156px;
  height: 138px;
  position: absolute;
  top: 46px;
  left: 0;
}

.element .vector-2 {
  width: 1px;
  height: 90px;
  position: absolute;
  top: 2px;
  left: 77px;
}

.element .vector-3 {
  width: 77px;
  height: 46px;
  position: absolute;
  top: 91px;
  left: 78px;
}

.element .vector-4 {
  width: 77px;
  height: 46px;
  position: absolute;
  top: 91px;
  left: 1px;
}

.element .union-3 {
  position: absolute;
  left: 0;
}

.element .main-2 {
  position: absolute;
}

.element .text-wrapper-17 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-weight: 500;
  position: absolute;
  left: 0;
}

.element .frame-17 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  left: 0;
}

.element .text-wrapper-18, .element .text-wrapper-19 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .div-3 {
  color: #fff;
  letter-spacing: 0;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-20, .element .text-wrapper-21 {
  color: #fff;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-22 {
  color: #fff;
  font-family: var(--1280-h2-medium-font-family);
  font-size: var(--1280-h2-medium-font-size);
  font-style: var(--1280-h2-medium-font-style);
  font-weight: var(--1280-h2-medium-font-weight);
  letter-spacing: var(--1280-h2-medium-letter-spacing);
  line-height: var(--1280-h2-medium-line-height);
  position: absolute;
  top: 0;
  left: 0;
}

.element .button-2 {
  width: 400px;
  height: 68px;
  position: absolute;
  top: 1145px;
  left: 600px;
}

.element .button-2:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .text-wrapper-23 {
  color: var(--white);
  font-family: var(--1280-quotes-font-family);
  font-size: var(--1280-quotes-font-size);
  font-style: var(--1280-quotes-font-style);
  font-weight: var(--1280-quotes-font-weight);
  letter-spacing: var(--1280-quotes-letter-spacing);
  line-height: var(--1280-quotes-line-height);
  width: 580px;
  position: absolute;
  top: 963px;
  left: 100px;
}

.element .photo-2 {
  position: absolute;
}

.element .overlap-6 {
  position: relative;
}

.element .group-3 {
  background-size: 100% 100%;
  position: absolute;
}

.element .div-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-group-5 {
  position: relative;
  top: 1px;
  left: 1px;
}

.element .rectangle-8 {
  position: absolute;
}

.element .line-8 {
  object-fit: cover;
  height: 1px;
  position: absolute;
}

.element .star-10 {
  position: absolute;
  left: 0;
}

.element .rectangle-9, .element .star-11 {
  position: absolute;
}

.element .star-12 {
  position: absolute;
  top: 0;
}

.element .union-4 {
  width: 20px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 24px;
}

.element .union-5 {
  width: 20px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .view {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 480px;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 655px;
  left: 498px;
}

.element .frame-18 {
  flex: none;
  align-items: flex-start;
  gap: 103px;
  width: 400px;
  display: flex;
  position: relative;
}

.element .text-wrapper-24 {
  color: var(--white);
  font-family: var(--1280-h5-font-family);
  font-size: var(--1280-h5-font-size);
  font-style: var(--1280-h5-font-style);
  font-weight: var(--1280-h5-font-weight);
  letter-spacing: var(--1280-h5-letter-spacing);
  line-height: var(--1280-h5-line-height);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .star-13 {
  width: 23.4px;
  height: 22.81px;
  position: relative;
}

.element .text-wrapper-25 {
  color: #ffffff80;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  width: 400px;
  position: relative;
}

.element .view-2 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 480px;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 160px;
  left: 0;
}

.element .frame-19 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .div-4 {
  color: #ffffff80;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  align-self: stretch;
  position: relative;
}

.element .view-3 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 380px;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 468px;
  left: 100px;
}

.element .frame-20 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 73px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-26 {
  color: var(--white);
  font-family: var(--1280-h5-font-family);
  font-size: var(--1280-h5-font-size);
  font-style: var(--1280-h5-font-style);
  font-weight: var(--1280-h5-font-weight);
  letter-spacing: var(--1280-h5-letter-spacing);
  line-height: var(--1280-h5-line-height);
  width: 203px;
  margin-top: -1px;
  position: relative;
}

.element .view-4 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 367px;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 303px;
  left: 500px;
}

.element .frame-21 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 65px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-27 {
  color: var(--white);
  font-family: var(--1280-h5-font-family);
  font-size: var(--1280-h5-font-size);
  font-style: var(--1280-h5-font-style);
  font-weight: var(--1280-h5-font-weight);
  letter-spacing: var(--1280-h5-letter-spacing);
  line-height: var(--1280-h5-line-height);
  width: 198px;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-28 {
  color: #ffffff80;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  width: 287px;
  position: relative;
}

.element .button-3 {
  position: absolute;
}

.element .button-3:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .pattern-2 {
  background-image: url("union-9.0457da9b.svg");
  background-size: 100% 100%;
  width: 220px;
  height: 187px;
  position: absolute;
  top: 0;
  left: 900px;
}

.element .menu-icon-instance {
  width: 30px !important;
  top: 28px !important;
  left: 14px !important;
}

.element .class {
  width: 57px !important;
  height: 57px !important;
  position: absolute !important;
  top: 52px !important;
  left: 383px !important;
}

.element .class-2 {
  width: 57px !important;
  height: 57px !important;
  position: absolute !important;
  top: 28px !important;
  left: 280px !important;
}

.element .instance-node {
  width: 30px !important;
  top: 37px !important;
  left: 14px !important;
}

.element .menu-icon-2 {
  width: 30px !important;
  top: 20px !important;
  left: 14px !important;
}

.element .class-3 {
  position: absolute !important;
  top: 114px !important;
  left: 853px !important;
}

.element .class-4 {
  position: absolute !important;
  top: 55px !important;
  left: 661px !important;
}

.element .overlap-7, .element .golden-ratio-circles {
  position: absolute;
}

.element .overlap-8 {
  position: relative;
}

.element .rectangle-10 {
  position: absolute;
  top: 0;
  transform: rotate(-90deg);
}

.element .rectangle-11 {
  position: absolute;
  transform: rotate(-90deg);
}

.element .rectangle-12, .element .rectangle-13 {
  border: 1px solid;
  border-color: var(--variable-collection-white-50);
  position: absolute;
}

.element .rectangle-14, .element .rectangle-15, .element .rectangle-16, .element .union-6 {
  position: absolute;
  transform: rotate(-90deg);
}

.element .factoids {
  position: absolute;
  top: 0;
}

.element .frame-22 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .component {
  width: 210px !important;
  height: 120px !important;
  position: relative !important;
}

.element .factoid-instance {
  height: 120px !important;
}

.element .component-2 {
  font-family: DM Sans, Helvetica !important;
  font-size: 15px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  top: 75px !important;
  left: 144px !important;
}

.element .component-3 {
  width: 210px !important;
  height: 120px !important;
}

.element .component-4 {
  font-family: Lora, Helvetica !important;
  font-size: 32px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 38.4px !important;
  left: 82px !important;
}

.element .component-5 {
  font-family: DM Sans, Helvetica !important;
  font-size: 15px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  top: 75px !important;
  left: 88px !important;
}

.element .component-6 {
  font-family: Lora, Helvetica !important;
  font-size: 32px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 38.4px !important;
  left: 95px !important;
}

.element .component-7 {
  width: 208px !important;
  height: 120px !important;
  position: relative !important;
}

.element .component-8 {
  font-family: DM Sans, Helvetica !important;
  font-size: 15px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  top: 75px !important;
  left: 20px !important;
}

.element .component-9 {
  width: 208px !important;
  height: 120px !important;
}

.element .component-10 {
  font-family: Lora, Helvetica !important;
  font-size: 32px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 38.4px !important;
  left: 113px !important;
}

.element .frame-23 {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  width: 320px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.element .component-11 {
  width: 150px;
  height: 84px;
  position: relative;
}

.element .overlap-group-6 {
  border-radius: 4px;
  height: 84px;
  position: relative;
}

.element .text-wrapper-29 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  font-family: DM Sans, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  position: absolute;
  top: 49px;
  left: 91px;
}

.element .rectangle-17 {
  border: 1px solid #fff;
  border-radius: 4px;
  width: 150px;
  height: 84px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .star-14 {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.element .text-wrapper-30 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  position: absolute;
  top: 15px;
  left: 53px;
}

.element .text-wrapper-31 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  font-family: DM Sans, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  position: absolute;
  top: 49px;
  left: 38px;
}

.element .star-15 {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  left: 20px;
}

.element .text-wrapper-32 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  position: absolute;
  top: 15px;
  left: 63px;
}

.element .component-12 {
  width: 150px;
  height: 92px;
  position: relative;
}

.element .overlap-9 {
  border-radius: 4px;
  height: 92px;
  position: relative;
}

.element .text-wrapper-33 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  font-family: DM Sans, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  position: absolute;
  top: 47px;
  left: 20px;
}

.element .rectangle-18 {
  border: 1px solid #fff;
  border-radius: 4px;
  width: 150px;
  height: 92px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-34 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  position: absolute;
  top: 15px;
  left: 78px;
}

.element .group-wrapper {
  width: 42px;
  height: 123px;
  position: absolute;
  top: 119px;
  left: 191px;
}

.element .group-4 {
  height: 123px;
  position: relative;
}

.element .ellipse {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.67px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: -1px;
  left: 17px;
}

.element .subtract {
  width: 37px;
  height: 43px;
  position: absolute;
  top: 52px;
  left: -34px;
}

.element .ellipse-2 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 2.91px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 15px;
  left: 18px;
}

.element .ellipse-3 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 2.91px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 25px;
  left: 18px;
}

.element .overlap-group-7 {
  width: 23px;
  height: 85px;
  position: absolute;
  top: 39px;
  left: 9px;
}

.element .rectangle-19 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 8px;
  height: 85px;
  position: absolute;
  top: 0;
  left: 8px;
}

.element .rectangle-20 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 11px;
  height: 8px;
  position: absolute;
  top: 7px;
  left: 6px;
}

.element .ellipse-4 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.29px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  left: 0;
}

.element .ellipse-5 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.29px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  left: 17px;
}

.element .subtract-2 {
  width: 17px;
  height: 15px;
  position: absolute;
  top: 45px;
  left: 65px;
}

.element .overlap-10 {
  width: 920px;
  height: 394px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-11 {
  width: 920px;
  height: 319px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .frame-24 {
  align-items: center;
  gap: 20px;
  width: 920px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.element .component-13 {
  width: unset !important;
  flex: 1 !important;
  position: relative !important;
}

.element .component-14 {
  width: 293px !important;
}

.element .component-15 {
  left: 218px !important;
}

.element .component-16 {
  font-family: Lora, Helvetica !important;
  font-size: 48px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 57.6px !important;
  left: 112px !important;
}

.element .component-17 {
  left: 150px !important;
}

.element .component-18 {
  font-family: Lora, Helvetica !important;
  font-size: 48px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 57.6px !important;
  left: 131px !important;
}

.element .component-19 {
  left: 71px !important;
}

.element .component-20 {
  font-family: Lora, Helvetica !important;
  font-size: 48px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 57.6px !important;
  left: 161px !important;
}

.element .key-2 {
  width: 82px;
  height: 240px;
  position: absolute;
  top: 190px;
  left: 638px;
}

.element .group-5 {
  height: 240px;
  position: relative;
}

.element .ellipse-6 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 6.22px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -1px;
  left: 35px;
}

.element .subtract-3 {
  width: 69px;
  height: 83px;
  position: absolute;
  top: 103px;
  left: -65px;
}

.element .ellipse-7 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 4.73px;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 30px;
  left: 36px;
}

.element .ellipse-8 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 4.73px;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 50px;
  left: 36px;
}

.element .overlap-group-8 {
  width: 20px;
  height: 163px;
  position: absolute;
  top: 78px;
  left: 30px;
}

.element .rectangle-21 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 14px;
  height: 163px;
  position: absolute;
  top: 0;
  left: 3px;
}

.element .rectangle-22 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 20px;
  height: 14px;
  position: absolute;
  top: 13px;
  left: 0;
}

.element .subtract-4 {
  width: 31px;
  height: 27px;
  position: absolute;
  top: 89px;
  left: 127px;
}

.element .ellipse-9 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 5.47px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 93px;
  left: 18px;
}

.element .ellipse-10 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 5.47px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 93px;
  left: 51px;
}

.element .quote {
  width: 649px;
  height: 215px;
  position: absolute;
  top: 179px;
  left: 1px;
}

.element .text-wrapper-35 {
  color: #fff;
  font-family: var(--1280-quotes-font-family);
  font-size: var(--1280-quotes-font-size);
  font-style: var(--1280-quotes-font-style);
  font-weight: var(--1280-quotes-font-weight);
  letter-spacing: var(--1280-quotes-letter-spacing);
  line-height: var(--1280-quotes-line-height);
  width: 479px;
  position: absolute;
  top: 27px;
  left: 64px;
}

.element .text-wrapper-36 {
  color: #fff;
  font-family: var(--1280-quotes-font-family);
  font-size: var(--1280-quotes-font-size);
  font-style: var(--1280-quotes-font-style);
  font-weight: var(--1280-quotes-font-weight);
  letter-spacing: var(--1280-quotes-letter-spacing);
  line-height: var(--1280-quotes-line-height);
  width: 481px;
  position: absolute;
  top: 131px;
  left: 164px;
}

.element .quote-2 {
  width: 44px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .hierarchy-secondary-state-default {
  margin-left: -4.5px !important;
  margin-right: -4.5px !important;
}

.element .hierarchy-secondary-instance {
  position: absolute !important;
  top: 434px !important;
  left: 470px !important;
}

.element .frame-25 {
  align-items: center;
  gap: 20px;
  width: 728px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.element .component-21 {
  width: unset !important;
  flex: 1 !important;
  height: 120px !important;
  position: relative !important;
}

.element .component-22 {
  width: 229px !important;
  height: 120px !important;
}

.element .component-23 {
  font-family: DM Sans, Helvetica !important;
  font-size: 16px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 19.2px !important;
  top: 75px !important;
  left: 160px !important;
}

.element .component-24 {
  font-family: Lora, Helvetica !important;
  font-size: 36px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 43.2px !important;
  left: 88px !important;
}

.element .component-25 {
  font-family: DM Sans, Helvetica !important;
  font-size: 16px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 19.2px !important;
  top: 75px !important;
  left: 100px !important;
}

.element .component-26 {
  font-family: Lora, Helvetica !important;
  font-size: 36px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 43.2px !important;
  left: 102px !important;
}

.element .component-27 {
  font-family: DM Sans, Helvetica !important;
  font-size: 16px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 19.2px !important;
  top: 75px !important;
  left: 29px !important;
}

.element .component-28 {
  font-family: Lora, Helvetica !important;
  font-size: 36px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  line-height: 43.2px !important;
  left: 125px !important;
}

.element .class-5 {
  font-family: Lora, Helvetica !important;
  font-size: 20px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

.element .class-6 {
  font-family: Lora, Helvetica !important;
  font-size: 18px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  line-height: 21.6px !important;
}

.element .class-7 {
  gap: 10px !important;
  justify-content: unset !important;
  width: unset !important;
  display: inline-flex !important;
  position: absolute !important;
  top: 472px !important;
  left: 29px !important;
}

.element .class-8 {
  width: 320px !important;
  padding: 16px 20px 16px 32px !important;
  position: absolute !important;
  top: 463px !important;
  left: 0 !important;
}

.element .class-9 {
  gap: 10px !important;
  justify-content: unset !important;
  width: unset !important;
  display: inline-flex !important;
  position: absolute !important;
  top: 394px !important;
  left: 249px !important;
}

.element .key-3 {
  width: 62px;
  height: 181px;
  position: absolute;
  top: 168px;
  left: 542px;
}

.element .group-6 {
  height: 181px;
  position: relative;
}

.element .ellipse-11 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 4.95px / 4.93px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -1px;
  left: 26px;
}

.element .subtract-5 {
  width: 53px;
  height: 63px;
  position: absolute;
  top: 77px;
  left: -49px;
}

.element .ellipse-12 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.82px / 3.81px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 23px;
  left: 27px;
}

.element .ellipse-13 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.82px / 3.81px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 37px;
  left: 27px;
}

.element .overlap-group-9 {
  width: 16px;
  height: 123px;
  position: absolute;
  top: 59px;
  left: 23px;
}

.element .rectangle-23 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 11px;
  height: 123px;
  position: absolute;
  top: 0;
  left: 2px;
}

.element .rectangle-24 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 16px;
  height: 11px;
  position: absolute;
  top: 10px;
  left: 0;
}

.element .subtract-6 {
  width: 24px;
  height: 21px;
  position: absolute;
  top: 67px;
  left: 96px;
}

.element .ellipse-14 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 4.38px / 4.37px;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 70px;
  left: 14px;
}

.element .ellipse-15 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 4.38px / 4.37px;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 70px;
  left: 38px;
}

.element .quote-3 {
  position: absolute;
}

.element .text-wrapper-37, .element .text-wrapper-38 {
  color: #fff;
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-style: italic;
  font-weight: 400;
  position: absolute;
}

.element .quote-4 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .union-7 {
  position: absolute;
  top: 0;
}

.element .union-8 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .key-4 {
  width: 50px;
  height: 145px;
  position: absolute;
  top: 170px;
  left: 317px;
}

.element .group-7 {
  height: 145px;
  position: relative;
}

.element .ellipse-16 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 4.18px / 4.15px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -1px;
  left: 21px;
}

.element .subtract-7 {
  width: 43px;
  height: 51px;
  position: absolute;
  top: 61px;
  left: -40px;
}

.element .ellipse-17 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.27px / 3.25px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 18px;
  left: 22px;
}

.element .ellipse-18 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.27px / 3.25px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 30px;
  left: 22px;
}

.element .overlap-group-10 {
  width: 27px;
  height: 99px;
  position: absolute;
  top: 47px;
  left: 11px;
}

.element .rectangle-25 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 9px;
  height: 99px;
  position: absolute;
  top: 0;
  left: 9px;
}

.element .rectangle-26 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 13px;
  height: 9px;
  position: absolute;
  top: 8px;
  left: 7px;
}

.element .ellipse-19 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.73px / 3.7px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 9px;
  left: 0;
}

.element .ellipse-20 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 3.73px / 3.7px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 9px;
  left: 20px;
}

.element .subtract-8 {
  width: 20px;
  height: 17px;
  position: absolute;
  top: 53px;
  left: 77px;
}

.element .view-5 {
  position: absolute;
}

.element .text-wrapper-39 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
}

.element .player {
  background-color: #d9d9d9;
  border-radius: 4px;
  position: absolute;
  left: 0;
}

.element .play {
  background-color: #122131;
  position: relative;
}

.element .polygon-3, .element .vector-5, .element .vector-6 {
  position: absolute;
}

.element .view-6 {
  width: 982px;
  height: 636px;
  position: absolute;
  top: 632px;
  left: 150px;
}

.element .text-wrapper-40 {
  color: #fff;
  font-family: var(--1280-h3-small-font-family);
  font-size: var(--1280-h3-small-font-size);
  font-style: var(--1280-h3-small-font-style);
  font-weight: var(--1280-h3-small-font-weight);
  letter-spacing: var(--1280-h3-small-letter-spacing);
  line-height: var(--1280-h3-small-line-height);
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}

.element .play-wrapper {
  background-color: #d9d9d9;
  border-radius: 4px;
  width: 980px;
  height: 554px;
  position: absolute;
  top: 82px;
  left: 0;
}

.element .polygon-wrapper {
  background-color: #122131;
  border-radius: 74px;
  width: 148px;
  height: 148px;
  position: relative;
  top: 203px;
  left: 416px;
}

.element .polygon-4 {
  width: 46px;
  height: 52px;
  position: absolute;
  top: 47px;
  left: 57px;
}

.element .vector-7 {
  width: 81px;
  height: 44px;
  position: absolute;
  top: 20px;
  left: 806px;
}

.element .golden-ratio-circles-2 {
  width: 292px;
  height: 180px;
  position: absolute;
  top: 336px;
}

.element .overlap-12 {
  height: 180px;
  position: relative;
}

.element .rectangle-27 {
  width: 112px;
  height: 112px;
  position: absolute;
  top: 0;
  left: 180px;
  transform: rotate(-90deg);
}

.element .rectangle-28 {
  width: 43px;
  height: 44px;
  position: absolute;
  top: 137px;
  left: 180px;
  transform: rotate(-90deg);
}

.element .rectangle-29 {
  border: 1px solid;
  border-color: var(--variable-collection-white-50);
  width: 28px;
  height: 28px;
  position: absolute;
  top: 41px;
  left: 179px;
}

.element .rectangle-30 {
  border: 1px solid;
  border-color: var(--variable-collection-white-50);
  width: 18px;
  height: 18px;
  position: absolute;
  top: 52px;
  left: 206px;
}

.element .rectangle-31 {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 127px;
  left: 213px;
  transform: rotate(-90deg);
}

.element .rectangle-32 {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 131px;
  left: 206px;
  transform: rotate(-90deg);
}

.element .rectangle-33 {
  width: 11px;
  height: 5px;
  position: absolute;
  top: 130px;
  left: 203px;
  transform: rotate(-90deg);
}

.element .union-9 {
  width: 180px;
  height: 292px;
  position: absolute;
  top: -56px;
  left: 56px;
  transform: rotate(-90deg);
}

.element .factoids-2 {
  width: 1180px;
  height: 532px;
  position: absolute;
  top: 0;
  left: 50px;
}

.element .overlap-13 {
  width: 387px;
  height: 340px;
  position: absolute;
  top: 0;
  left: 793px;
}

.element .component-29 {
  position: absolute !important;
  top: 0 !important;
  left: 7px !important;
}

.element .component-30 {
  left: 158px !important;
}

.element .component-31 {
  left: 220px !important;
}

.element .key-5 {
  width: 99px;
  height: 289px;
  position: absolute;
  top: 153px;
  left: 3px;
}

.element .group-8 {
  height: 289px;
  position: relative;
}

.element .ellipse-21 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 7.3px / 7.28px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -1px;
  left: 42px;
}

.element .subtract-9 {
  width: 83px;
  height: 99px;
  position: absolute;
  top: 124px;
  left: -78px;
}

.element .ellipse-22 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 5.5px / 5.49px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 37px;
  left: 44px;
}

.element .ellipse-23 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 5.5px / 5.49px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 60px;
  left: 44px;
}

.element .overlap-group-11 {
  width: 24px;
  height: 196px;
  position: absolute;
  top: 94px;
  left: 37px;
}

.element .rectangle-34 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 16px;
  height: 196px;
  position: absolute;
  top: 0;
  left: 4px;
}

.element .rectangle-35 {
  background-color: #fff;
  border: 1px solid #122131;
  width: 24px;
  height: 16px;
  position: absolute;
  top: 16px;
  left: 0;
}

.element .subtract-10 {
  width: 37px;
  height: 32px;
  position: absolute;
  top: 107px;
  left: 154px;
}

.element .ellipse-24 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 6.4px / 6.39px;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 112px;
  left: 22px;
}

.element .ellipse-25 {
  background-color: #fff;
  border: 1px solid #122131;
  border-radius: 6.4px / 6.39px;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 112px;
  left: 62px;
}

.element .component-32 {
  position: absolute !important;
  top: 0 !important;
  left: 400px !important;
}

.element .component-33 {
  left: 237px !important;
}

.element .component-34 {
  left: 182px !important;
}

.element .component-35 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.element .hierarchy-secondary-state-default-instance {
  position: absolute !important;
  top: 464px !important;
  left: 700px !important;
}

.element .quote-5 {
  width: 648px;
  height: 215px;
  position: absolute;
  top: 209px;
  left: 136px;
}

.element .text-wrapper-41 {
  color: #fff;
  font-family: var(--1280-quotes-font-family);
  font-size: var(--1280-quotes-font-size);
  font-style: var(--1280-quotes-font-style);
  font-weight: var(--1280-quotes-font-weight);
  letter-spacing: var(--1280-quotes-letter-spacing);
  line-height: var(--1280-quotes-line-height);
  width: 481px;
  position: absolute;
  top: 131px;
  left: 163px;
}

.element .view-7 {
  position: absolute;
}

.element .frame-26 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-42 {
  color: #fff;
  letter-spacing: 0;
  align-self: stretch;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 500;
  position: relative;
}

.element .text {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-43 {
  color: #fff;
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-44 {
  color: #fff;
  align-self: stretch;
  position: relative;
}

.element .line-9 {
  object-fit: cover;
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-left: -.5px;
  margin-right: -.5px;
  position: relative;
}

.element .view-8 {
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-45 {
  color: #fff;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .frame-27 {
  position: relative;
}

.element .frame-28 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .instance-node-2 {
  flex: none !important;
}

.element .bullet-instance {
  flex: none !important;
  align-self: stretch !important;
  width: 100% !important;
}

.element .frame-29 {
  margin-right: -120px !important;
}

.element .frame-30 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .frame-31 {
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .frame-32 {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 362px;
  display: flex;
  position: relative;
}

.element .text-wrapper-46 {
  color: #fff;
  font-family: var(--1280-h4-font-family);
  font-size: var(--1280-h4-font-size);
  font-style: var(--1280-h4-font-style);
  font-weight: var(--1280-h4-font-weight);
  letter-spacing: var(--1280-h4-letter-spacing);
  line-height: var(--1280-h4-line-height);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-47 {
  color: #ffffffb2;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  width: 685px;
  margin-right: -323px;
  position: relative;
}

.element .frame-33 {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  width: 203px;
  display: flex;
  position: relative;
}

.element .text-wrapper-48 {
  color: #ffffffb2;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  text-align: right;
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-49 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 21.6px;
  position: relative;
}

.element .line-10 {
  object-fit: cover;
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-bottom: -.5px;
  margin-left: -.5px;
  margin-right: -.5px;
  position: relative;
}

.element .button-wrapper {
  flex: none;
  gap: 16px;
  display: inline-flex;
  position: relative;
}

.element .button-4 {
  position: relative;
}

.element .button-4:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .overlap-14 {
  width: 2097px;
  height: 1069px;
  position: absolute;
  top: 267px;
  left: 0;
}

.element .pattern-3 {
  width: 920px;
  height: 920px;
  position: absolute;
  top: 75px;
  left: 1103px;
  transform: rotate(10.29deg);
}

.element .overlap-group-12 {
  width: 319px;
  height: 829px;
  position: relative;
  top: 58px;
  left: -75px;
}

.element .union-10 {
  width: 177px;
  height: 810px;
  position: absolute;
  top: 9px;
  left: 71px;
  transform: rotate(-10.29deg);
}

.element .scroll-up {
  backdrop-filter: blur(14px) brightness();
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 565px;
  left: 135px;
  transform: rotate(-10.29deg);
}

.element .rectangle-36 {
  width: 40px;
  height: 21px;
  position: absolute;
  top: 37px;
  left: 28px;
}

.element .header-instance {
  border-color: var(--white) !important;
  background-color: #ffffff0d !important;
  border-top-style: solid !important;
  border-top-width: 1px !important;
  position: absolute !important;
  top: 815px !important;
  left: 0 !important;
}

.element .view-9 {
  width: 944px;
  height: 168px;
  position: absolute;
  top: 814px;
  left: 50px;
}

.element .view-10 {
  width: 753px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-50 {
  color: #fff;
  font-family: var(--1280-h2-medium-font-family);
  font-size: var(--1280-h2-medium-font-size);
  font-style: var(--1280-h2-medium-font-style);
  font-weight: var(--1280-h2-medium-font-weight);
  letter-spacing: var(--1280-h2-medium-letter-spacing);
  line-height: var(--1280-h2-medium-line-height);
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}

.element .btns {
  align-items: center;
  gap: 20px;
  display: inline-flex;
  position: absolute;
  top: 100px;
  left: 100px;
}

.element .view-11 {
  width: 982px;
  height: 714px;
  position: absolute;
  top: 0;
  left: 50px;
}

.element .view-12 {
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 880px;
  display: flex;
  position: absolute;
  top: 100px;
  left: 100px;
}

.element .frame-34 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-51 {
  color: var(--white);
  font-family: var(--1280-h4-font-family);
  font-size: var(--1280-h4-font-size);
  font-style: var(--1280-h4-font-style);
  font-weight: var(--1280-h4-font-weight);
  letter-spacing: var(--1280-h4-letter-spacing);
  line-height: var(--1280-h4-line-height);
  width: 280px;
  margin-top: -1px;
  position: relative;
}

.element .flexcontainer {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.element .span {
  color: #ffffff80;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
}

.element .line-11 {
  object-fit: cover;
  align-self: stretch;
  width: 100%;
  height: 1px;
  position: relative;
}

.element .flexcontainer-2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.element .text-wrapper-52 {
  color: var(--white);
  font-family: var(--1280-h4-font-family);
  font-size: var(--1280-h4-font-size);
  font-style: var(--1280-h4-font-style);
  font-weight: var(--1280-h4-font-weight);
  letter-spacing: var(--1280-h4-letter-spacing);
  line-height: var(--1280-h4-line-height);
  width: 584px;
  margin-top: -1px;
  position: relative;
}

.element .view-13 {
  position: absolute;
}

.element .text-wrapper-53 {
  color: #fff;
  letter-spacing: 0;
  width: 232px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .player-2 {
  background-color: #d9d9d9;
  border-radius: 4px;
  width: 318px;
  height: 180px;
  position: absolute;
  top: 64px;
  left: 0;
}

.element .img-wrapper {
  background-color: #122131;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  position: relative;
  top: 65px;
  left: 134px;
}

.element .polygon-5 {
  width: 15px;
  height: 17px;
  position: absolute;
  top: 16px;
  left: 19px;
}

.element .union-wrapper {
  width: 206px;
  height: 206px;
  position: absolute;
  top: 29px;
  left: 1044px;
  transform: rotate(-20.11deg);
}

.element .union-11 {
  width: 186px;
  height: 206px;
  position: absolute;
  top: -3px;
  left: 1px;
  transform: rotate(20.11deg);
}

.element .view-14 {
  position: absolute;
  left: 0;
}

.element .text-wrapper-54 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
}

.element .button-5 {
  position: absolute;
}

.element .button-5:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .pattern-4 {
  width: 144px;
  height: 147px;
  position: absolute;
}

.element .overlap-group-13 {
  width: 125px;
  height: 147px;
  position: relative;
  left: 10px;
}

.element .polygon-6 {
  width: 125px;
  height: 110px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .polygon-7 {
  width: 62px;
  height: 55px;
  position: absolute;
  top: 37px;
  left: 31px;
}

.element .polygon-8 {
  width: 125px;
  height: 110px;
  position: absolute;
  top: 37px;
  left: 0;
}

.element .vector-8 {
  width: 1px;
  height: 72px;
  position: absolute;
  top: 1px;
  left: 62px;
}

.element .vector-9 {
  width: 62px;
  height: 37px;
  position: absolute;
  top: 73px;
  left: 62px;
}

.element .vector-10 {
  width: 62px;
  height: 37px;
  position: absolute;
  top: 73px;
  left: 1px;
}

.element .text-wrapper-55 {
  color: var(--white);
  position: absolute;
}

.element .quote-6 {
  position: absolute;
  left: 0;
}

.element .union-12 {
  position: absolute;
  top: 0;
}

.element .union-13 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .view-15 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  position: absolute;
}

.element .text-wrapper-56 {
  color: var(--white);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-57 {
  color: #ffffff80;
  align-self: stretch;
  position: relative;
}

.element .view-16 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  position: absolute;
  left: 0;
}

.element .text-wrapper-58 {
  color: var(--white);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-59 {
  color: #ffffff80;
  align-self: stretch;
  position: relative;
}

.element .view-17 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  position: absolute;
}

.element .frame-35 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-60 {
  color: var(--white);
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-61 {
  color: #ffffff80;
  align-self: stretch;
  position: relative;
}

.element .view-18 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  position: absolute;
}

.element .frame-36 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-62 {
  color: var(--white);
  width: 198px;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-63 {
  color: #ffffff80;
  position: relative;
}

.element .pattern-5 {
  background-size: 100% 100%;
  position: absolute;
}

.element .text-2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 580px;
  display: flex;
  position: absolute;
  top: 100px;
  left: 600px;
}

.element .text-wrapper-64 {
  color: var(--white);
  font-family: var(--1280-h4-font-family);
  font-size: var(--1280-h4-font-size);
  font-style: var(--1280-h4-font-style);
  font-weight: var(--1280-h4-font-weight);
  letter-spacing: var(--1280-h4-letter-spacing);
  line-height: var(--1280-h4-line-height);
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.element .frame-37 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 18px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .frame-38 {
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-65 {
  color: #fff;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  width: 546px;
  margin-top: -1px;
  position: relative;
}

.element .video {
  background-color: #d9d9d9;
  border-radius: 4px;
  width: 550px;
  height: 311px;
  position: absolute;
  top: 100px;
  left: 0;
}

.element .group-9 {
  background-color: var(--variable-collection-bg);
  border-radius: 36px;
  width: 72px;
  height: 72px;
  position: relative;
  top: 120px;
  left: 239px;
}

.element .polygon-9 {
  width: 22px;
  height: 24px;
  position: absolute;
  top: 24px;
  left: 28px;
}

.element .vector-11, .element .overlap-15, .element .view-19 {
  position: absolute;
}

.element .text-wrapper-66 {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.element .frame-39 {
  border: 1px solid #0000;
  border-image: linear-gradient(#fff, #fff0 48.59%, #fff 100%) 1;
  border-radius: 4px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.element .IFS-EMDR {
  color: #fff;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .div-5 {
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: absolute;
  top: 178px;
  left: 0;
}

.element .img-2 {
  width: 40px;
  height: 40px;
  position: relative;
}

.element .text-wrapper-67 {
  color: var(--white);
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .div-6 {
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: absolute;
  top: 238px;
  left: 56px;
}

.element .overlap-16 {
  height: 40px;
  position: relative;
}

.element .rectangle-37 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .vector-12 {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 7px;
  left: 5px;
}

.element .group-10 {
  width: 5px;
  height: 29px;
  position: absolute;
  top: -1px;
  left: 25px;
  transform: rotate(45.61deg);
}

.element .overlap-group-14 {
  width: 7px;
  height: 22px;
  position: absolute;
  top: 6px;
  left: -1px;
}

.element .vector-13 {
  width: 5px;
  height: 5px;
  position: absolute;
  top: 16px;
  left: 1px;
  transform: rotate(-45.61deg);
}

.element .rectangle-38 {
  border: 1.7px solid;
  border-color: var(--white);
  width: 5px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 1px;
  transform: rotate(.58deg);
}

.element .rectangle-39 {
  border: 1.7px solid;
  border-color: var(--white);
  border-radius: 2px 2px 0 0;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(.58deg);
}

.element .vector-14 {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 26px;
  left: 16px;
}

.element .div-7 {
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: absolute;
  top: 297px;
  left: 112px;
}

.element .union-14 {
  width: 1280px;
  height: 682px;
  position: absolute;
  top: 436px;
  left: 0;
}

.element .vector-15 {
  width: 1280px;
  height: 682px;
  position: absolute;
  top: 2px;
  left: 0;
}

.element .text-wrapper-68 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
  position: absolute;
  top: 0;
  left: 150px;
}

.element .tarif {
  position: absolute;
}

.element .overlap-17 {
  position: relative;
}

.element .button-6 {
  z-index: 100;
  width: 412px;
  height: 68px;
  position: absolute;
  top: 575px;
  left: 42px;
}

.element .button-6:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .content {
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 412px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 42px;
}

.element .text-wrapper-69 {
  color: var(--white);
  font-family: var(--1280-h4-font-family);
  font-size: var(--1280-h4-font-size);
  font-style: var(--1280-h4-font-style);
  font-weight: var(--1280-h4-font-weight);
  letter-spacing: var(--1280-h4-letter-spacing);
  line-height: var(--1280-h4-line-height);
  text-align: center;
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.element .frame-40 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .frame-41 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .star-wrapper {
  flex: none;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  display: inline-flex;
  position: relative;
}

.element .text-wrapper-70 {
  color: #ffffff80;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  flex: 1;
  margin-top: -1px;
  position: relative;
}

.element .div-8 {
  color: var(--white);
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  align-self: stretch;
  position: relative;
}

.element .arc-2 {
  width: 497px;
  height: 686px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-group-15 {
  height: 686px;
  position: relative;
}

.element .rectangle-40 {
  width: 247px;
  height: 682px;
  position: absolute;
  top: 3px;
  left: 2px;
}

.element .rectangle-41 {
  width: 247px;
  height: 682px;
  position: absolute;
  top: 3px;
  left: 248px;
}

.element .line-12 {
  object-fit: cover;
  width: 445px;
  height: 1px;
  position: absolute;
  top: 682px;
  left: 2px;
}

.element .ellipse-26 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 245px;
}

.element .ellipse-27 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 680px;
  left: 0;
}

.element .ellipse-28 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 680px;
  left: 491px;
}

.element .eye {
  width: 128px;
  height: 63px;
  position: absolute;
  top: 80px;
  left: 177px;
}

.element .overlap-18 {
  height: 63px;
  position: relative;
}

.element .subtract-11 {
  width: 128px;
  height: 58px;
  position: absolute;
  top: 2px;
  left: 0;
}

.element .subtract-12 {
  width: 66px;
  height: 59px;
  position: absolute;
  top: 0;
  left: 31px;
}

.element .rectangle-42 {
  width: 18px;
  height: 25px;
  position: absolute;
  top: 39px;
  left: 55px;
}

.element .subtract-13 {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 21px;
  left: 53px;
}

.element .div-9 {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex;
  position: relative;
}

.element .img-3 {
  width: 50px;
  height: 50px;
  position: relative;
}

.element .text-wrapper-71 {
  color: var(--white);
  font-family: var(--1280-h5-font-family);
  font-size: var(--1280-h5-font-size);
  font-style: var(--1280-h5-font-style);
  font-weight: var(--1280-h5-font-weight);
  letter-spacing: var(--1280-h5-letter-spacing);
  line-height: var(--1280-h5-line-height);
  width: 223px;
  position: relative;
}

.element .line-13 {
  object-fit: cover;
  width: 50.5px;
  height: 7.36px;
  position: relative;
}

.element .frame-42 {
  width: 50px;
  height: 49px;
  position: relative;
}

.element .overlap-19 {
  height: 49px;
  position: relative;
}

.element .rectangle-43 {
  width: 40px;
  height: 49px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .vector-16 {
  width: 23px;
  height: 23px;
  position: absolute;
  top: 9px;
  left: 6px;
}

.element .group-11 {
  width: 6px;
  height: 36px;
  position: absolute;
  top: -1px;
  left: 32px;
  transform: rotate(45.61deg);
}

.element .overlap-group-16 {
  width: 9px;
  height: 28px;
  position: absolute;
  top: 7px;
  left: -1px;
}

.element .vector-17 {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 20px;
  left: 1px;
  transform: rotate(-45.61deg);
}

.element .rectangle-44 {
  border: 1.7px solid;
  border-color: var(--white);
  width: 6px;
  height: 21px;
  position: absolute;
  top: 0;
  left: 1px;
}

.element .rectangle-45 {
  border: 1.7px solid;
  border-color: var(--white);
  border-radius: 2px 2px 0 0;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .vector-18 {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 32px;
  left: 20px;
}

.element .text-wrapper-72 {
  color: var(--white);
  font-family: var(--1280-h5-font-family);
  font-size: var(--1280-h5-font-size);
  font-style: var(--1280-h5-font-style);
  font-weight: var(--1280-h5-font-weight);
  letter-spacing: var(--1280-h5-letter-spacing);
  line-height: var(--1280-h5-line-height);
  width: 233px;
  position: relative;
}

.element .tarif-2 {
  width: 497px;
  height: 686px;
  position: absolute;
  top: 72px;
  left: 650px;
}

.element .button-7 {
  z-index: 100;
  width: 412px;
  height: 68px;
  position: absolute;
  top: 577px;
  left: 42px;
}

.element .button-7:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .content-2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 412px;
  display: flex;
  position: absolute;
  top: 153px;
  left: 42px;
}

.element .frame-43 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0 0 0 40px;
  display: flex;
  position: relative;
}

.element .line-14 {
  object-fit: cover;
  width: 445px;
  height: 1px;
  position: absolute;
  top: 684px;
  left: 2px;
}

.element .eye-2 {
  width: 128px;
  height: 63px;
  position: absolute;
  top: 60px;
  left: 184px;
}

.element .group-12 {
  width: 519px;
  height: 82px;
  position: absolute;
  top: 960px;
  left: 186px;
}

.element .text-wrapper-73 {
  color: #fff;
  font-family: var(--1280-quotes-font-family);
  font-size: var(--1280-quotes-font-size);
  font-style: var(--1280-quotes-font-style);
  font-weight: var(--1280-quotes-font-weight);
  letter-spacing: var(--1280-quotes-letter-spacing);
  line-height: var(--1280-quotes-line-height);
  width: 453px;
  position: absolute;
  top: 27px;
  left: 64px;
}

.element .text-wrapper-74 {
  color: var(--variable-collection-white-50);
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-style: italic;
  font-weight: 400;
  position: absolute;
  left: 0;
}

.element .vector-19 {
  width: 17px;
  height: 20px;
  position: absolute;
  top: 238px;
  left: 20px;
}

.element .vector-20 {
  width: 17px;
  height: 20px;
  position: absolute;
  top: 298px;
  left: 76px;
}

.element .view-20 {
  flex-direction: column;
  display: flex;
  position: absolute;
  left: 0;
}

.element .view-21 {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.element .text-wrapper-75 {
  color: #fff;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .frame-44 {
  z-index: 10000;
  width: 32px;
  height: 32px;
  position: relative;
}

.element .flexcontainer-3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.element .span-wrapper {
  color: var(--white);
  align-self: stretch;
  position: relative;
}

.element .span-2 {
  color: #fff;
}

.element .text-3 {
  color: var(--white);
  align-self: stretch;
  position: relative;
}

.element .span-3 {
  color: #fff;
}

.element .text-4 {
  color: var(--white);
  align-self: stretch;
  position: relative;
}

.element .text-wrapper-76 {
  color: #fff;
}

.element .frame-45 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.element .frame-46 {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  display: flex;
  position: relative;
}

.element .text-wrapper-77 {
  color: #fff;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-78 {
  color: #ffffffb2;
  align-self: stretch;
  position: relative;
}

.element .frame-47 {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  width: 203px;
  display: flex;
  position: relative;
}

.element .text-wrapper-79 {
  color: #ffffffb2;
  text-align: right;
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.element .clin-soc-work-j {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-style: italic;
  font-weight: 400;
  position: relative;
}

.element .class-10 {
  gap: 10px !important;
  justify-content: unset !important;
  width: unset !important;
  flex: none !important;
  display: inline-flex !important;
}

.element .view-22 {
  position: absolute;
}

.element .vector-21 {
  position: absolute;
  left: 0;
}

.element .vector-22 {
  width: 960px;
  height: 682px;
  position: absolute;
  top: 2px;
  left: 0;
}

.element .text-wrapper-80 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
  position: absolute;
  top: 0;
  left: 17px;
}

.element .frame-48 {
  border: 1px solid #0000;
  border-image: linear-gradient(#fff, #fff0 48.59%, #fff 100%) 1;
  border-radius: 4px;
  align-items: center;
  gap: 34px;
  padding: 24px 34px 24px 40px;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-81 {
  color: #fff;
  letter-spacing: 0;
  width: 1048px;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 23px;
  font-weight: 400;
  line-height: 27.6px;
  position: relative;
}

.element .view-23 {
  position: absolute;
}

.element .div-10 {
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-82 {
  color: var(--white);
  font-family: var(--1280-h5-font-family);
  font-size: var(--1280-h5-font-size);
  font-style: var(--1280-h5-font-style);
  font-weight: var(--1280-h5-font-weight);
  letter-spacing: var(--1280-h5-letter-spacing);
  line-height: var(--1280-h5-line-height);
  width: 223px;
  margin-top: -1px;
  position: relative;
}

.element .div-11 {
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 398px;
}

.element .text-wrapper-83 {
  color: var(--white);
  font-family: var(--1280-h5-font-family);
  font-size: var(--1280-h5-font-size);
  font-style: var(--1280-h5-font-style);
  font-weight: var(--1280-h5-font-weight);
  letter-spacing: var(--1280-h5-letter-spacing);
  line-height: var(--1280-h5-line-height);
  width: 233px;
  margin-top: -1px;
  position: relative;
}

.element .div-12 {
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 798px;
}

.element .line-15 {
  object-fit: cover;
  width: 80px;
  height: 7px;
  position: absolute;
  top: 24px;
  left: 298px;
}

.element .line-16 {
  object-fit: cover;
  width: 80px;
  height: 7px;
  position: absolute;
  top: 24px;
  left: 698px;
}

.element .overlap-20 {
  position: relative;
}

.element .button-8 {
  z-index: 10000;
  position: absolute;
}

.element .button-8:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .content-3 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.element .div-13 {
  color: var(--white);
  text-align: center;
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.element .frame-49 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .star-16 {
  position: relative;
}

.element .div-14 {
  color: #ffffff80;
  flex: 1;
  margin-top: -1px;
  position: relative;
}

.element .frame-50 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .star-17 {
  position: relative;
}

.element .div-15 {
  color: #ffffff80;
  flex: 1;
  margin-top: -1px;
  position: relative;
}

.element .frame-51 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0 0 0 24px;
  display: flex;
  position: relative;
}

.element .frame-52 {
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .star-18 {
  width: 12px;
  height: 12px;
  position: relative;
}

.element .text-wrapper-84 {
  color: #ffffff80;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .div-16 {
  color: var(--white);
  position: relative;
}

.element .arc-3 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-group-17 {
  position: relative;
}

.element .rectangle-46 {
  position: absolute;
  top: 3px;
  left: 2px;
}

.element .rectangle-47 {
  position: absolute;
  top: 3px;
}

.element .line-17 {
  object-fit: cover;
  height: 1px;
  position: absolute;
  left: 2px;
}

.element .ellipse-29 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
}

.element .ellipse-30 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
}

.element .ellipse-31 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
}

.element .eye-3 {
  position: absolute;
}

.element .overlap-21 {
  position: relative;
}

.element .subtract-14 {
  position: absolute;
  top: 2px;
  left: 0;
}

.element .subtract-15 {
  position: absolute;
  top: 0;
}

.element .rectangle-48, .element .subtract-16 {
  position: absolute;
}

.element .text-wrapper-85 {
  color: var(--variable-collection-white-50);
  letter-spacing: 0;
  width: 1180px;
  font-family: DM Sans, Helvetica;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 21.6px;
  position: absolute;
  top: 240px;
  left: 0;
}

.element .tarif-3 {
  position: absolute;
}

.element .button-9 {
  z-index: 10000;
  width: 412px;
  height: 68px;
  position: absolute;
  top: 577px;
  left: 21px;
}

.element .button-9:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .content-4 {
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 412px;
  display: flex;
  position: absolute;
  top: 153px;
  left: 22px;
}

.element .arc-4 {
  width: 453px;
  height: 686px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .rectangle-49 {
  width: 225px;
  height: 682px;
  position: absolute;
  top: 3px;
  left: 2px;
}

.element .rectangle-50 {
  width: 225px;
  height: 682px;
  position: absolute;
  top: 3px;
  left: 226px;
}

.element .ellipse-32 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 223px;
}

.element .ellipse-33 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 680px;
  left: 447px;
}

.element .eye-4 {
  width: 128px;
  height: 63px;
  position: absolute;
  top: 60px;
  left: 162px;
}

.element .text-wrapper-86 {
  color: #fff;
  letter-spacing: 0;
  width: 396px;
  font-family: DM Sans, Helvetica;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 21.6px;
  position: absolute;
  top: 13px;
  left: 44px;
}

.element .quote-7 {
  width: 24px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .union-15 {
  width: 11px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 13px;
}

.element .union-16 {
  width: 11px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .group-13 {
  width: 519px;
  height: 82px;
  position: absolute;
  top: 960px;
  left: 158px;
}

.element .text-wrapper-87 {
  color: #fff;
  font-family: var(--1280-h3-small-font-family);
  font-size: var(--1280-h3-small-font-size);
  font-style: var(--1280-h3-small-font-style);
  font-weight: var(--1280-h3-small-font-weight);
  letter-spacing: var(--1280-h3-small-letter-spacing);
  line-height: var(--1280-h3-small-line-height);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .flexcontainer-4 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.element .text-wrapper-88 {
  color: #fff;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
}

.element .overlap-22 {
  width: 480px;
  height: 704px;
  position: absolute;
  top: 44px;
  left: 23px;
}

.element .vector-23 {
  width: 480px;
  height: 278px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-89 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-size: 32px;
  font-weight: 500;
  line-height: 38.4px;
  position: absolute;
  top: 5px;
  left: 17px;
}

.element .tarif-4 {
  width: 406px;
  height: 603px;
  position: absolute;
  top: 101px;
  left: 37px;
}

.element .overlap-group-18 {
  height: 603px;
  position: relative;
}

.element .button-10 {
  z-index: 10000;
  width: 318px;
  height: 64px;
  position: absolute;
  top: 493px;
  left: 44px;
}

.element .button-10:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .content-5 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 340px;
  display: flex;
  position: absolute;
  top: 112px;
  left: 33px;
}

.element .text-wrapper-90 {
  color: var(--white);
  letter-spacing: 0;
  text-align: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .text-wrapper-91 {
  color: var(--white);
  letter-spacing: 0;
  width: 292px;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .arc-5 {
  width: 406px;
  height: 603px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .rectangle-51 {
  width: 204px;
  height: 597px;
  position: absolute;
  top: 3px;
  left: 2px;
}

.element .rectangle-52 {
  width: 198px;
  height: 597px;
  position: absolute;
  top: 3px;
  left: 206px;
}

.element .line-18 {
  object-fit: cover;
  width: 396px;
  height: 1px;
  position: absolute;
  top: 599px;
  left: 7px;
}

.element .ellipse-34 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 200px;
}

.element .ellipse-35 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 597px;
  left: 0;
}

.element .ellipse-36 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 597px;
  left: 400px;
}

.element .eye-5 {
  width: 80px;
  height: 39px;
  position: absolute;
  top: 43px;
  left: 163px;
}

.element .overlap-23 {
  height: 39px;
  position: relative;
}

.element .subtract-17 {
  width: 80px;
  height: 36px;
  position: absolute;
  top: 2px;
  left: 0;
}

.element .subtract-18 {
  width: 41px;
  height: 36px;
  position: absolute;
  top: 0;
  left: 19px;
}

.element .rectangle-53 {
  width: 11px;
  height: 15px;
  position: absolute;
  top: 24px;
  left: 34px;
}

.element .subtract-19 {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 13px;
  left: 33px;
}

.element .view-25 {
  position: absolute;
}

.element .frame-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 440px;
  display: flex;
  position: absolute;
  top: 396px;
  left: 0;
}

.element .frame-53 {
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-92 {
  color: #fff;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .video-2 {
  background-color: #d9d9d9;
  border-radius: 4px;
  width: 440px;
  height: 250px;
  position: absolute;
  top: 126px;
  left: 0;
}

.element .group-14 {
  background-color: var(--variable-collection-bg);
  border-radius: 36px;
  width: 72px;
  height: 72px;
  position: relative;
  top: 89px;
  left: 184px;
}

.element .polygon-10 {
  width: 22px;
  height: 25px;
  position: absolute;
  top: 23px;
  left: 28px;
}

.element .text-wrapper-93 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-size: 32px;
  font-weight: 500;
  line-height: 38.4px;
  position: absolute;
  top: 0;
  left: 2px;
}

.element .text-wrapper-94 {
  color: var(--white);
  letter-spacing: 0;
  width: 437px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: absolute;
  top: 58px;
  left: 3px;
}

.element .union-17 {
  width: 90px;
  height: 179px;
  position: absolute;
  top: -15px;
  left: 3px;
  transform: rotate(20.11deg);
}

.element .pattern-6 {
  position: absolute;
}

.element .union-18 {
  width: 61px;
  height: 120px;
  position: absolute;
  top: -8px;
  left: 1px;
  transform: rotate(15deg);
}

.element .text-5 {
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 918px;
  display: flex;
  position: absolute;
  top: 715px;
  left: 0;
}

.element .frame-54 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 17px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .video-3 {
  background-color: #d9d9d9;
  border-radius: 4px;
  width: 918px;
  height: 521px;
  position: absolute;
  top: 164px;
  left: 0;
}

.element .group-15 {
  background-color: var(--variable-collection-bg);
  border-radius: 40px;
  width: 80px;
  height: 80px;
  position: relative;
  top: 221px;
  left: 419px;
}

.element .polygon-11 {
  width: 28px;
  height: 32px;
  position: absolute;
  top: 24px;
  left: 30px;
}

.element .text-wrapper-95 {
  color: var(--white);
  font-family: var(--1280-h4-font-family);
  font-size: var(--1280-h4-font-size);
  font-style: var(--1280-h4-font-style);
  font-weight: var(--1280-h4-font-weight);
  letter-spacing: var(--1280-h4-letter-spacing);
  line-height: var(--1280-h4-line-height);
  white-space: nowrap;
  position: absolute;
  top: 100px;
  left: 1px;
}

.element .view-26 {
  position: absolute;
}

.element .text-wrapper-96 {
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}

.element .view-27 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  left: 0;
}

.element .frame-55 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-97 {
  color: var(--white);
  letter-spacing: 0;
  width: 236px;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .btn {
  all: unset;
  box-sizing: border-box;
  flex: none;
  align-items: center;
  gap: 6px;
  display: inline-flex;
  position: relative;
}

.element .frame-56 {
  flex: none;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 10px;
  display: inline-flex;
  position: relative;
}

.element .text-wrapper-98 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.element .frame-57 {
  width: 32px;
  height: 24px;
  position: relative;
}

.element .flexcontainer-5 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.element .text-6 {
  color: #ffffff80;
  align-self: stretch;
  position: relative;
}

.element .text-wrapper-99 {
  color: #ffffff80;
}

.element .text-7 {
  color: #ffffff80;
  align-self: stretch;
  position: relative;
}

.element .text-wrapper-100 {
  color: #ffffff80;
}

.element .frame-58 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .flexcontainer-6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.element .text-8 {
  color: #ffffff80;
  align-self: stretch;
  position: relative;
}

.element .text-wrapper-101 {
  color: #ffffff80;
}

.element .text-9 {
  color: #ffffff80;
  align-self: stretch;
  position: relative;
}

.element .text-wrapper-102 {
  color: #ffffff80;
}

.element .frame-59 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-103 {
  color: #ffffff80;
  align-self: stretch;
  position: relative;
}

.element .text-wrapper-104 {
  color: #fff;
  font-family: var(--1280-h2-medium-font-family);
  font-size: var(--1280-h2-medium-font-size);
  font-style: var(--1280-h2-medium-font-style);
  font-weight: var(--1280-h2-medium-font-weight);
  letter-spacing: var(--1280-h2-medium-letter-spacing);
  line-height: var(--1280-h2-medium-line-height);
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-105 {
  color: #fff;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  align-self: stretch;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-106 {
  color: #fff;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  align-self: stretch;
  position: relative;
}

.element .frame-60 {
  flex: none;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex;
  position: relative;
}

.element .button-11 {
  z-index: 10000;
  width: 412px;
  position: relative;
}

.element .button-11:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .view-28, .element .view-29 {
  position: absolute;
}

.element .overlap-24 {
  width: 509px;
  height: 669px;
  position: absolute;
  top: 0;
  left: 600px;
}

.element .pattern-7 {
  background-image: url("union-11.d6e7c39c.svg");
  background-size: 100% 100%;
  width: 461px;
  height: 461px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .photo-3 {
  width: 414px;
  height: 533px;
  position: absolute;
  top: 136px;
  left: 95px;
}

.element .overlap-25 {
  height: 533px;
  position: relative;
}

.element .group-16 {
  background-image: url("img.793b22c0.svg");
  background-size: 100% 100%;
  width: 405px;
  height: 523px;
  position: absolute;
  top: 6px;
  left: 5px;
}

.element .arc-6 {
  width: 414px;
  height: 533px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-group-19 {
  width: 412px;
  height: 531px;
  position: relative;
  top: 1px;
  left: 1px;
}

.element .rectangle-54 {
  width: 207px;
  height: 521px;
  position: absolute;
  top: 4px;
  left: 3px;
}

.element .line-19 {
  object-fit: cover;
  width: 405px;
  height: 1px;
  position: absolute;
  top: 527px;
  left: 4px;
}

.element .star-19 {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 521px;
  left: 0;
}

.element .rectangle-55 {
  width: 200px;
  height: 521px;
  position: absolute;
  top: 4px;
  left: 210px;
}

.element .star-20 {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 521px;
  left: 402px;
}

.element .star-21 {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 205px;
}

.element .text-wrapper-107 {
  color: #fff;
  font-family: var(--1280-h1-large-font-family);
  font-size: var(--1280-h1-large-font-size);
  font-style: var(--1280-h1-large-font-style);
  font-weight: var(--1280-h1-large-font-weight);
  letter-spacing: var(--1280-h1-large-letter-spacing);
  line-height: var(--1280-h1-large-line-height);
  white-space: nowrap;
  position: absolute;
  top: 142px;
  left: 0;
}

.element .frame-61 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 372px;
  display: flex;
  position: absolute;
  top: 285px;
  left: 100px;
}

.element .text-wrapper-108 {
  color: #fff;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  position: relative;
}

.element .text-wrapper-109 {
  color: #fff;
  font-family: var(--1280-text-font-family);
  font-size: var(--1280-text-font-size);
  font-style: var(--1280-text-font-style);
  font-weight: var(--1280-text-font-weight);
  letter-spacing: var(--1280-text-letter-spacing);
  line-height: var(--1280-text-line-height);
  width: 341px;
  margin-top: -1px;
  margin-right: -7.42px;
  position: relative;
}

.element .button-12 {
  z-index: 10000;
  width: 412px;
  height: 68px;
  position: absolute;
  top: 596px;
  left: 0;
}

.element .button-12:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .text-wrapper-110 {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.element .btns-2 {
  align-items: center;
  gap: 20px;
  position: absolute;
  left: 0;
}

.element .class-11 {
  flex: none !important;
  width: 390px !important;
}

.element .view-30 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  left: 20px;
}

.element .frame-62 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-111 {
  color: #fff;
  letter-spacing: 0;
  align-self: stretch;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 500;
  position: relative;
}

.element .text-10 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .div-17 {
  color: #fff;
  letter-spacing: 0;
  align-self: stretch;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-112 {
  color: #fff;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-113 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 600;
  position: relative;
}

.element .frame-63 {
  position: relative;
}

.element .frame-64 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .frame-65 {
  font-family: Lora, Helvetica !important;
  font-size: 22px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  line-height: 26.4px !important;
}

.element .instance-node-3 {
  font-family: DM Sans, Helvetica !important;
  font-size: 16px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 19.2px !important;
}

.element .frame-66 {
  font-size: 16px !important;
  line-height: 19.2px !important;
}

.element .frame-67 {
  font-family: Lora, Helvetica !important;
  font-size: 22px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  margin-right: -17px !important;
  font-weight: 600 !important;
  line-height: 26.4px !important;
}

.element .text-wrapper-114 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 22px;
  font-weight: 600;
  line-height: 26.4px;
  position: relative;
}

.element .text-wrapper-115 {
  color: #ffffffb2;
  letter-spacing: 0;
  width: 573px;
  margin-right: -211px;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .frame-68 {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  width: 203px;
  display: flex;
  position: relative;
}

.element .text-wrapper-116 {
  color: #ffffffb2;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .text-wrapper-117 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .frame-69 {
  flex: none;
  gap: 16px;
  display: inline-flex;
  position: relative;
}

.element .button-13 {
  position: relative;
}

.element .button-13:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .overlap-26 {
  position: absolute;
  left: 20px;
}

.element .view-31 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-118 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-size: 42px;
  font-weight: 500;
  line-height: 50.4px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-27 {
  width: 320px;
  height: 87px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-119 {
  color: #fff;
  letter-spacing: 0;
  width: 320px;
  font-family: Lora, Helvetica;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .pattern-8 {
  background-image: url("union-21.db51805f.svg");
  background-size: 100% 100%;
  width: 80px;
  height: 68px;
  position: absolute;
  top: 13px;
  left: 239px;
}

.element .button-14 {
  position: absolute;
}

.element .button-14:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .pattern-9 {
  position: absolute;
}

.element .overlap-group-20 {
  position: relative;
}

.element .polygon-12 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .polygon-13 {
  position: absolute;
}

.element .polygon-14 {
  position: absolute;
  left: 0;
}

.element .vector-24 {
  width: 1px;
  position: absolute;
  top: 1px;
}

.element .vector-25, .element .vector-26 {
  position: absolute;
}

.element .group-17 {
  width: 322px;
  height: 153px;
  position: absolute;
  top: 929px;
  left: 0;
}

.element .text-wrapper-120 {
  color: var(--white);
  letter-spacing: 0;
  width: 286px;
  font-family: DM Sans, Helvetica;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 20.4px;
  position: absolute;
  top: 13px;
  left: 34px;
}

.element .quote-8 {
  width: 24px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .union-19 {
  width: 11px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 13px;
}

.element .union-20 {
  width: 11px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .view-32 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 309px;
  padding: 20px;
  display: flex;
  position: absolute;
  top: 646px;
  left: 10px;
}

.element .text-wrapper-121 {
  color: var(--white);
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  position: relative;
}

.element .star-22 {
  width: 15.6px;
  height: 15.21px;
  position: relative;
}

.element .text-wrapper-122 {
  color: #ffffff80;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  position: relative;
}

.element .view-33 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 310px;
  padding: 20px;
  display: flex;
  position: absolute;
  top: 107px;
  left: 0;
}

.element .view-34 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 310px;
  padding: 20px;
  display: flex;
  position: absolute;
  top: 472px;
  left: 0;
}

.element .view-35 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 310px;
  padding: 20px;
  display: flex;
  position: absolute;
  top: 281px;
  left: 10px;
}

.element .text-wrapper-123 {
  color: var(--white);
  letter-spacing: 0;
  width: 198px;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  position: relative;
}

.element .text-wrapper-124 {
  color: var(--white);
  letter-spacing: 0;
  width: 580px;
  font-family: DM Sans, Helvetica;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  top: 947px;
  left: 64px;
}

.element .quote-9 {
  width: 31px;
  height: 23px;
  position: absolute;
  top: 929px;
  left: 13px;
}

.element .union-21 {
  width: 14px;
  height: 23px;
  position: absolute;
  top: 0;
  left: 17px;
}

.element .union-22 {
  width: 14px;
  height: 23px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .view-36 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 332px;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 618px;
  left: 373px;
}

.element .text-wrapper-125 {
  color: var(--white);
  letter-spacing: 0;
  width: fit-content;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .text-wrapper-126 {
  color: #ffffff80;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  position: relative;
}

.element .view-37 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 417px;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 130px;
  left: 0;
}

.element .text-wrapper-127 {
  color: var(--white);
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .view-38 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 353px;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 399px;
  left: 0;
}

.element .text-wrapper-128 {
  color: var(--white);
  letter-spacing: 0;
  width: 203px;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .view-39 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 291px;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 273px;
  left: 437px;
}

.element .text-wrapper-129 {
  color: var(--white);
  letter-spacing: 0;
  width: 198px;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .star-23 {
  width: 23.4px;
  height: 22.81px;
  margin-left: -10.7px;
  position: relative;
}

.element .pattern-10 {
  background-image: url("union-53.8f937b20.svg");
  background-size: 100% 100%;
  width: 124px;
  height: 106px;
  position: absolute;
  top: 137px;
  left: 540px;
}

.element .vector-27 {
  position: absolute;
}

.element .view-40 {
  position: absolute;
  left: 20px;
}

.element .text-wrapper-130 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
}

.element .view-41 {
  position: absolute;
  left: 0;
}

.element .frame-70 {
  border: 1px solid #0000;
  border-image: linear-gradient(#fff, #fff0 48.59%, #fff 100%) 1;
  border-radius: 4px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.element .star-24 {
  position: relative;
}

.element .IFS-EMDR-2 {
  color: #fff;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .view-42 {
  position: absolute;
  left: 0;
}

.element .frame-71 {
  justify-content: space-between;
  align-items: center;
  width: 728px;
  display: flex;
  position: relative;
}

.element .text-wrapper-131 {
  color: var(--white);
  letter-spacing: 0;
  width: 200px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .line-20 {
  object-fit: cover;
  width: 30.5px;
  height: 7.36px;
  position: relative;
}

.element .frame-72 {
  width: 40px;
  height: 39.2px;
  position: relative;
}

.element .rectangle-56 {
  width: 32px;
  height: 39px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .group-18 {
  width: 5px;
  height: 29px;
  position: absolute;
  top: -1px;
  left: 26px;
  transform: rotate(45.61deg);
}

.element .rectangle-57 {
  border: 1.7px solid;
  border-color: var(--white);
  width: 5px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 1px;
}

.element .rectangle-58 {
  border: 1.7px solid;
  border-color: var(--white);
  border-radius: 2px 2px 0 0;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .vector-28 {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 25px;
  left: 16px;
}

.element .text-wrapper-132 {
  color: var(--white);
  letter-spacing: 0;
  width: 198px;
  font-family: Lora, Helvetica;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.element .ecker-update {
  position: absolute;
  left: 0;
}

.element .img-4 {
  width: 24px;
  height: 24px;
  position: relative;
}

.element .text-wrapper-133 {
  color: var(--white);
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  font-family: Lora, Helvetica;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  position: relative;
}

.element .vector-29 {
  width: 17px;
  height: 20px;
  position: absolute;
  top: 41px;
  left: 10px;
}

.element .div-18 {
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: absolute;
  top: 44px;
  left: 40px;
}

.element .overlap-group-21 {
  height: 24px;
  position: relative;
}

.element .rectangle-59 {
  width: 19px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .vector-30 {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 3px;
}

.element .group-19 {
  width: 3px;
  height: 17px;
  position: absolute;
  top: -1px;
  left: 15px;
  transform: rotate(45.61deg);
}

.element .vector-31 {
  width: 3px;
  height: 3px;
  position: absolute;
  top: 13px;
  left: 0;
  transform: rotate(-45.61deg);
}

.element .rectangle-60 {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 4px;
  left: -3px;
  transform: rotate(-45.61deg);
}

.element .rectangle-61 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 2px 2px 0 0;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(.58deg);
}

.element .vector-32 {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 15px;
  left: 9px;
}

.element .vector-33 {
  width: 17px;
  height: 20px;
  position: absolute;
  top: 88px;
  left: 48px;
}

.element .div-19 {
  align-items: center;
  gap: 16px;
  display: inline-flex;
  position: absolute;
  top: 88px;
  left: 80px;
}

.element .view-43 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  left: 0;
}

.element .view-44 {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.element .text-wrapper-134 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 600;
  position: relative;
}

.element .frame-73 {
  z-index: 10000;
  position: relative;
}

.element .flexcontainer-7 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.element .text-11 {
  color: var(--white);
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-135 {
  color: #fff;
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
}

.element .text-12 {
  color: var(--white);
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .span-4 {
  color: #fff;
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
}

.element .text-13 {
  color: var(--white);
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-136 {
  color: #fff;
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
}

.element .frame-74 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.element .frame-75 {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  display: flex;
  position: relative;
}

.element .text-wrapper-137 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 600;
  position: relative;
}

.element .text-wrapper-138 {
  color: #ffffffb2;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .frame-76 {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  display: flex;
  position: relative;
}

.element .text-wrapper-139 {
  color: #ffffffb2;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .clin-soc-work-j-2 {
  color: #fff;
  letter-spacing: 0;
  text-align: right;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-style: italic;
  font-weight: 400;
  position: relative;
}

.element .class-12 {
  flex: none !important;
  width: 320px !important;
  padding: 16px 20px !important;
}

.element .overlap-28 {
  position: absolute;
}

.element .view-45 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .union-23 {
  position: absolute;
  left: 0;
}

.element .vector-34 {
  width: 768px;
  height: 502px;
  position: absolute;
  top: 55px;
  left: 0;
}

.element .text-wrapper-140 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-size: 42px;
  font-weight: 500;
  line-height: 50.4px;
  position: absolute;
  top: 0;
  left: 17px;
}

.element .tarif-5 {
  position: absolute;
  left: 17px;
}

.element .overlap-29 {
  position: relative;
}

.element .button-15 {
  z-index: 10000;
  position: absolute;
}

.element .button-15:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .content-6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  position: absolute;
}

.element .div-20 {
  color: var(--white);
  letter-spacing: 0;
  text-align: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 600;
  position: relative;
}

.element .star-25 {
  position: relative;
}

.element .div-21 {
  color: #ffffff80;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .star-26 {
  position: relative;
}

.element .div-22 {
  color: #ffffff80;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .star-27 {
  width: 10px;
  height: 10px;
  position: relative;
}

.element .text-wrapper-141 {
  color: #ffffff80;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  position: relative;
}

.element .div-23 {
  color: var(--white);
  letter-spacing: 0;
  width: 292px;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .arc-7 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .overlap-group-22 {
  position: relative;
}

.element .rectangle-62, .element .rectangle-63 {
  position: absolute;
  top: 3px;
}

.element .line-21 {
  object-fit: cover;
  height: 1px;
  position: absolute;
}

.element .ellipse-37 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
}

.element .ellipse-38 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
}

.element .ellipse-39 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
}

.element .eye-6 {
  width: 80px;
  height: 39px;
  position: absolute;
}

.element .group-20 {
  position: absolute;
}

.element .text-wrapper-142 {
  color: #fff;
  letter-spacing: 0;
  width: 286px;
  font-family: DM Sans, Helvetica;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 20.4px;
  position: absolute;
  top: 13px;
  left: 34px;
}

.element .overlap-group-23 {
  height: 585px;
  position: relative;
}

.element .button-16 {
  z-index: 10000;
  width: 311px;
  height: 64px;
  position: absolute;
  top: 488px;
  left: 21px;
}

.element .button-16:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .content-7 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 310px;
  display: flex;
  position: absolute;
  top: 102px;
  left: 22px;
}

.element .text-wrapper-143 {
  color: var(--white);
  letter-spacing: 0;
  text-align: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 22px;
  font-weight: 600;
  line-height: 26.4px;
  position: relative;
}

.element .arc-8 {
  width: 357px;
  height: 585px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .rectangle-64 {
  width: 177px;
  height: 579px;
  position: absolute;
  top: 3px;
  left: 2px;
}

.element .rectangle-65 {
  width: 177px;
  height: 579px;
  position: absolute;
  top: 3px;
  left: 178px;
}

.element .line-22 {
  object-fit: cover;
  width: 352px;
  height: 1px;
  position: absolute;
  top: 581px;
  left: 2px;
}

.element .ellipse-40 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 175px;
}

.element .ellipse-41 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 579px;
  left: 0;
}

.element .ellipse-42 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 579px;
  left: 351px;
}

.element .eye-7 {
  width: 80px;
  height: 39px;
  position: absolute;
  top: 43px;
  left: 138px;
}

.element .group-21 {
  width: 350px;
  height: 99px;
  position: absolute;
  top: 753px;
  left: 403px;
}

.element .text-wrapper-144 {
  color: #fff;
  letter-spacing: 0;
  width: 284px;
  font-family: DM Sans, Helvetica;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  top: 27px;
  left: 64px;
}

.element .overlap-30 {
  width: 360px;
  height: 638px;
  position: absolute;
  top: 34px;
  left: 31px;
}

.element .vector-35 {
  width: 360px;
  height: 218px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-145 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  position: absolute;
  top: 1px;
  left: 17px;
}

.element .tarif-6 {
  width: 326px;
  height: 541px;
  position: absolute;
  top: 97px;
  left: 17px;
}

.element .overlap-group-24 {
  height: 541px;
  position: relative;
}

.element .button-17 {
  width: 280px;
  height: 54px;
  position: absolute;
  top: 454px;
  left: 23px;
}

.element .button-17:hover {
  border-radius: 100px;
  box-shadow: 0 0 15px #fff9;
}

.element .content-8 {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 282px;
  display: flex;
  position: absolute;
  top: 92px;
  left: 23px;
}

.element .text-wrapper-146 {
  color: var(--white);
  letter-spacing: 0;
  text-align: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  position: relative;
}

.element .text-wrapper-147 {
  color: var(--white);
  letter-spacing: 0;
  width: 292px;
  margin-right: -10px;
  font-family: DM Sans, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  position: relative;
}

.element .arc-9 {
  width: 326px;
  height: 541px;
  position: absolute;
  top: 0;
  left: 0;
}

.element .rectangle-66 {
  width: 163px;
  height: 535px;
  position: absolute;
  top: 3px;
  left: 2px;
}

.element .rectangle-67 {
  width: 159px;
  height: 535px;
  position: absolute;
  top: 3px;
  left: 165px;
}

.element .line-23 {
  object-fit: cover;
  width: 316px;
  height: 1px;
  position: absolute;
  top: 537px;
  left: 7px;
}

.element .ellipse-43 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 160px;
}

.element .ellipse-44 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 535px;
  left: 0;
}

.element .ellipse-45 {
  background-color: var(--white);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 535px;
  left: 320px;
}

.element .eye-8 {
  width: 80px;
  height: 39px;
  position: absolute;
  top: 33px;
  left: 123px;
}

.element .pattern-11 {
  position: absolute;
}

.element .union-24 {
  width: 76px;
  height: 150px;
  position: absolute;
  top: -10px;
  left: 1px;
  transform: rotate(15deg);
}

.element .text-14 {
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 320px;
  display: flex;
  position: absolute;
  top: 309px;
  left: 0;
}

.element .frame-77 {
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-148 {
  color: #fff;
  letter-spacing: 0;
  flex: 1;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  position: relative;
}

.element .video-4 {
  background-color: #d9d9d9;
  border-radius: 4px;
  width: 320px;
  height: 183px;
  position: absolute;
  top: 107px;
  left: 0;
}

.element .group-22 {
  background-color: var(--variable-collection-bg);
  border-radius: 28px;
  width: 56px;
  height: 56px;
  position: relative;
  top: 64px;
  left: 132px;
}

.element .polygon-15 {
  width: 15px;
  height: 16px;
  position: absolute;
  top: 20px;
  left: 22px;
}

.element .text-wrapper-149 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  left: 2px;
}

.element .text-wrapper-150 {
  color: var(--white);
  letter-spacing: 0;
  width: 315px;
  font-family: Lora, Helvetica;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  position: absolute;
  top: 49px;
  left: 3px;
}

.element .view-46 {
  position: absolute;
}

.element .text-15 {
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 728px;
  display: flex;
  position: absolute;
  top: 579px;
  left: 0;
}

.element .video-5 {
  background-color: #d9d9d9;
  border-radius: 4px;
  width: 728px;
  height: 413px;
  position: absolute;
  top: 136px;
  left: 0;
}

.element .group-23 {
  background-color: var(--variable-collection-bg);
  border-radius: 36px;
  width: 72px;
  height: 72px;
  position: relative;
  top: 171px;
  left: 328px;
}

.element .text-wrapper-151 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-size: 42px;
  font-weight: 500;
  line-height: 50.4px;
  position: absolute;
  top: 0;
  left: 2px;
}

.element .text-wrapper-152 {
  color: var(--white);
  letter-spacing: 0;
  white-space: nowrap;
  font-family: Lora, Helvetica;
  font-size: 22px;
  font-weight: 600;
  line-height: 26.4px;
  position: absolute;
  top: 80px;
  left: 3px;
}

.element .union-25 {
  width: 31px;
  height: 101px;
  position: absolute;
  top: -9px;
  left: 1px;
  transform: rotate(15deg);
}

.element .view-47 {
  height: 552px;
  position: absolute;
}

.element .text-wrapper-153 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
}

.element .view-48 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  left: 0;
}

.element .frame-78 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-154 {
  color: var(--white);
  letter-spacing: 0;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 600;
  position: relative;
}

.element .text-wrapper-155 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
  margin-top: -1px;
  font-family: DM Sans, Helvetica;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  position: relative;
}

.element .frame-79 {
  width: 18px;
  height: 13px;
  position: relative;
}

.element .hierarchy-tertiary-state-default {
  padding: 4px 10px !important;
}

.element .flexcontainer-8 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.element .text-16 {
  color: #ffffff80;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-156 {
  color: #ffffff80;
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
}

.element .text-17 {
  color: #ffffff80;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-157 {
  color: #ffffff80;
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
}

.element .frame-80 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-158 {
  color: var(--white);
  letter-spacing: 0;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 600;
  position: relative;
}

.element .flexcontainer-9 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.element .text-18 {
  color: #ffffff80;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-159 {
  color: #ffffff80;
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
}

.element .text-19 {
  color: #ffffff80;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .text-wrapper-160 {
  color: #ffffff80;
  letter-spacing: 0;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
}

.element .frame-81 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.element .text-wrapper-161 {
  color: var(--white);
  letter-spacing: 0;
  margin-top: -1px;
  font-family: Lora, Helvetica;
  font-weight: 600;
  position: relative;
}

.element .hierarchy-tertiary-instance {
  flex: none !important;
  margin-left: -47px !important;
}

.element .text-wrapper-162 {
  color: #ffffff80;
  letter-spacing: 0;
  align-self: stretch;
  font-family: DM Sans, Helvetica;
  font-weight: 400;
  position: relative;
}

.element .view-49 {
  position: absolute;
  left: 22px;
}

.element .view-50 {
  position: absolute;
  top: 0;
  left: 0;
}

.element .text-wrapper-163 {
  color: #fff;
  letter-spacing: 0;
  font-family: Lora, Helvetica;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
}

.element .btns-3 {
  justify-content: space-evenly;
  display: flex;
  position: absolute;
  left: 0;
}

.element .class-13 {
  font-family: Lora, Helvetica !important;
  font-size: 18px !important;
  font-style: unset !important;
  letter-spacing: 0 !important;
  margin-top: unset !important;
  font-weight: 600 !important;
  line-height: 21.6px !important;
}

.element .class-14 {
  flex: none !important;
  align-self: stretch !important;
  width: 100% !important;
  padding: 16px 20px 16px 32px !important;
}

.element .class-15 {
  width: unset !important;
  flex: 1 !important;
}
/*# sourceMappingURL=index.c41b5a0e.css.map */