/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
h1,
.h1 {
  font-family: "SF Pro Display", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 44px;
  line-height: 1.4;
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  h1,
  .h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 600px) {
  h1,
  .h1 {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
h1 > span,
.h1 > span {
  color: #0abb86;
}

h2,
.h2 {
  font-family: "SF Pro Display", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 32px;
  line-height: 1.4;
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  h2,
  .h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 600px) {
  h2,
  .h2 {
    font-size: 22px;
    margin-bottom: 16px;
  }
}
h2 > span,
.h2 > span {
  color: #0abb86;
}

h3,
.h3 {
  font-family: "SF Pro Display", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 600px) {
  h3,
  .h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
h3 > span,
.h3 > span {
  color: #0abb86;
}

h4,
.h4 {
  font-family: "SF Pro Display", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 20px;
  line-height: 1.4;
}
@media screen and (max-width: 600px) {
  h4,
  .h4 {
    font-size: 18px;
  }
}
h4 > span,
.h4 > span {
  color: #0abb86;
}

h5,
.h5,
section.intro .finacom_member__title {
  font-family: "SF Pro Display", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 18px;
  line-height: 1.4;
}
@media screen and (max-width: 600px) {
  h5,
  .h5,
  section.intro .finacom_member__title {
    font-size: 16px;
  }
}
h5 > span,
.h5 > span,
section.intro .finacom_member__title > span {
  color: #0abb86;
}

h6,
.h6 {
  font-family: "SF Pro Display", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.4;
}
@media screen and (max-width: 600px) {
  h6,
  .h6 {
    font-size: 14px;
  }
}
h6 > span,
.h6 > span {
  color: #0abb86;
}

/*  */
section.intro {
  overflow: hidden;
}
section.intro .intro_picture {
  mix-blend-mode: hard-light;
  position: absolute;
  top: 0;
  left: 500px;
  width: 670px;
  z-index: -1;
}
section.intro .finacom_member {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 24px;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  section.intro .finacom_member {
    background-color: transparent;
    padding: 0;
  }
}
section.intro .finacom_member__image {
  width: 135px;
  flex-shrink: 0;
}
section.intro .finacom_member__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
section.intro .finacom_member__title {
  margin-bottom: 0;
}
section.intro .finacom_member__text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
}
section.intro .layout {
  display: flex;
  margin: 48px 0;
  gap: 16px;
}
@media screen and (max-width: 1023px) {
  section.intro .layout {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  section.intro .layout {
    margin: 24px 0;
  }
}
section.intro .layout > * {
  flex-grow: 1;
}
@media screen and (max-width: 1023px) {
  section.intro .layout > * {
    flex-direction: row;
    justify-content: space-between;
  }
}
section.intro .c_award_card {
  height: 100%;
  align-items: flex-start;
}
section.intro .c_award_card__picture img {
  object-position: top;
  height: 176px;
  margin-top: -56px;
}
@media screen and (max-width: 600px) {
  section.intro .c_award_card__picture img {
    height: inherit;
    margin-top: 0;
  }
}
section.intro .c_award_card__note {
  display: none;
}

section.history blockquote {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='46' viewBox='0 0 64 46' fill='none'%3E%3Cpath d='M0 17.2857C0 7.81425 7.67143 0.142822 17.1429 0.142822H18.2857C20.8143 0.142822 22.8571 2.18568 22.8571 4.71425C22.8571 7.24282 20.8143 9.28568 18.2857 9.28568H17.1429C12.7286 9.28568 9.14286 12.8714 9.14286 17.2857V18.4285H18.2857C23.3286 18.4285 27.4286 22.5285 27.4286 27.5714V36.7142C27.4286 41.7571 23.3286 45.8571 18.2857 45.8571H9.14286C4.1 45.8571 0 41.7571 0 36.7142V32.1428V27.5714V17.2857ZM36.5714 17.2857C36.5714 7.81425 44.2429 0.142822 53.7143 0.142822H54.8571C57.3857 0.142822 59.4286 2.18568 59.4286 4.71425C59.4286 7.24282 57.3857 9.28568 54.8571 9.28568H53.7143C49.3 9.28568 45.7143 12.8714 45.7143 17.2857V18.4285H54.8571C59.9 18.4285 64 22.5285 64 27.5714V36.7142C64 41.7571 59.9 45.8571 54.8571 45.8571H45.7143C40.6714 45.8571 36.5714 41.7571 36.5714 36.7142V32.1428V27.5714V17.2857Z' fill='%230ABB86'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 64px 46px;
  font-style: italic;
  padding-left: 112px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  section.history blockquote {
    background-position: top left;
    background-size: 32px 23px;
    padding-left: 0;
    padding-top: 38px;
  }
}
section.history .shots {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  width: calc(100% + 32px);
  overflow-x: auto;
  display: flex;
  gap: 16px;
  padding: 0 16px;
  margin-left: -16px;
  margin-top: 48px;
}
section.history .shots::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
@media screen and (max-width: 768px) {
  section.history .shots {
    margin-top: 24px;
  }
}
section.history .shots img {
  width: 185px;
  height: 140px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}

@media screen and (max-width: 1023px) {
  section.lifeline {
    display: none;
  }
}
section.lifeline .chart {
  position: relative;
}
section.lifeline .svg_part {
  opacity: 0;
}
section.lifeline .svg_part--1 {
  animation: fade-in 0.5s ease-in-out 0.5s forwards;
}
section.lifeline .svg_part--2 {
  animation: fade-in 0.5s ease-in-out 1s forwards;
}
section.lifeline .svg_part--3 {
  animation: fade-in 0.5s ease-in-out 1.5s forwards;
}
section.lifeline .svg_part--4 {
  animation: fade-in 0.5s ease-in-out 2s forwards;
}
section.lifeline .svg_part--5 {
  animation: fade-in 0.5s ease-in-out 2.5s forwards;
}
section.lifeline .svg_part--6 {
  animation: fade-in 0.5s ease-in-out 3s forwards;
}
section.lifeline .svg_part--7 {
  animation: fade-in 0.5s ease-in-out 3.5s forwards;
}
section.lifeline .svg_part--8 {
  animation: fade-in 0.5s ease-in-out 4s forwards;
}
section.lifeline .svg_card {
  position: absolute;
  width: fit-content;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 8px 16px;
}
section.lifeline .svg_card--1 {
  top: 85%;
  /*!rtl:ignore*/
  left: 18%;
}
section.lifeline .svg_card--2 {
  top: 52%;
  /*!rtl:ignore*/
  right: 63%;
}
section.lifeline .svg_card--3 {
  top: 60%;
  /*!rtl:ignore*/
  left: 53%;
}
section.lifeline .svg_card--4 {
  top: 14%;
  /*!rtl:ignore*/
  right: 23%;
}

section.how_to_earn .cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  section.how_to_earn .cards {
    gap: 16px;
  }
}
section.how_to_earn .c_card {
  display: flex;
  overflow: hidden;
  border-radius: 16px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  section.how_to_earn .c_card {
    flex-direction: column-reverse !important;
  }
}
section.how_to_earn .c_card:is(:nth-of-type(even)) {
  flex-direction: row-reverse;
}
section.how_to_earn .c_card__body {
  flex-grow: 1;
  padding: 48px;
}
@media screen and (max-width: 1024px) {
  section.how_to_earn .c_card__body {
    padding: 24px;
  }
}
section.how_to_earn .c_card__picture {
  width: 33.3333333333%;
  max-width: 380px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  section.how_to_earn .c_card__picture {
    width: 100%;
    max-width: 100%;
    height: 160px;
  }
}
section.how_to_earn .c_card__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
section.how_to_earn .c_card__title {
  margin-bottom: 4px;
}
section.how_to_earn .c_card__subtitle {
  color: rgba(255, 255, 255, 0.75);
}
section.how_to_earn .c_card__lists {
  display: flex;
  gap: 24px;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  section.how_to_earn .c_card__lists {
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
  }
}
section.how_to_earn .c_full_checkmarks_list {
  width: 100%;
  gap: 12px;
}
section.how_to_earn .c_full_checkmarks_list p {
  color: rgba(255, 255, 255, 0.75);
}
section.how_to_earn .c_dots_list {
  color: rgba(255, 255, 255, 0.75);
  margin-top: 8px;
  gap: 8px;
}
section.how_to_earn .c_dots_list > li {
  line-height: 1.4;
}

section.our_partners {
  padding-top: 0;
}
section.our_partners .partners {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-evenly;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 600px) {
  section.our_partners .partners {
    grid-template-columns: repeat(2, auto);
  }
}
section.our_partners .partner {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  section.our_partners .partner:first-of-type {
    grid-column: span 2;
  }
}
section.our_partners .partner a {
  outline: none;
  opacity: 0.5;
  transition: 0.25s ease-in-out;
}
section.our_partners .partner a:hover,
section.our_partners .partner a:focus-visible {
  opacity: 1;
}