.logo-icon {
  height: 60px;
  width: 123.5px;
}
.icon,
.logo-icon,
.nav-link {
  position: relative;
}
.nav-link {
  align-self: stretch;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon {
  height: 16px;
  width: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-7xs);
  color: var(--secondary-600-);
}
.nav-link1 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon1 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-7xs);
}
.nav-link2 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon2 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
}
.nav-link3 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon3 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navbar-nav,
.navitems3 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.navitems3 {
  align-self: stretch;
  display: flex;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  opacity: 0.4;
}
.navbar-nav {
  height: 47px;
  display: none;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.search-text {
  height: 23px;
  width: 223px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: none;
  white-space: nowrap;
}
.vector-icon {
  position: absolute;
  height: 81.25%;
  width: 81.25%;
  top: 0;
  right: 18.75%;
  bottom: 18.75%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.icon-child {
  position: absolute;
  height: 45.42%;
  width: 6.67%;
  top: 68.33%;
  right: 29.17%;
  bottom: -13.75%;
  left: 64.17%;
  border-radius: var(--br-20xl);
  background-color: var(--default-white);
  transform: rotate(-45deg);
  transform-origin: 0 0;
}
.icon4 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.search {
  border-radius: var(--br-xs);
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-xs);
  gap: var(--gap-5xs);
}
.text {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.person-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02 {
  border-radius: var(--br-xs);
  overflow: hidden;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-3xs);
  color: var(--default-black);
}
.text1 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.tanzania-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 24px;
}
.iconbutton021 {
  border-radius: var(--br-xs);
  border: 2px solid var(--default-white);
  overflow: hidden;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-4xs) var(--padding-3xs);
  gap: var(--gap-7xs);
  color: var(--default-white);
}
.button1,
.icon5 {
  position: relative;
}
.button1 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 55px;
}
.icon5 {
  height: 20px;
  width: 20px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-5xl);
  background-color: var(--secondary-500);
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.list-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button-group,
.hamburger-menuhover {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.hamburger-menuhover {
  width: 48px;
  border-radius: var(--br-xs);
  border: 2px solid var(--secondary-600-);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  justify-content: center;
  padding: var(--padding-4xs) var(--padding-3xs);
}
.button-group {
  justify-content: flex-start;
  gap: var(--gap-xs);
  color: var(--neutral-600);
}
.navbardark {
  flex: 1;
  background-color: var(--primary-800);
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs);
  box-sizing: border-box;
  gap: var(--gap-xl);
}
.header-section,
.navbar,
.navbardark {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.navbar {
  flex: 1;
  align-items: center;
  justify-content: center;
}
.header-section {
  align-self: stretch;
  background-color: var(--primary-800);
  align-items: flex-start;
  justify-content: flex-start;
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: left;
  font-size: var(--body-large-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.player-box-icon {
  width: 360px;
  height: 151.9px;
  position: relative;
  object-fit: cover;
  display: none;
  max-width: 100%;
}
.select-1 {
  background-color: var(--default-white);
}
.select-1,
.select-2 {
  height: 8px;
  width: 8px;
  position: relative;
  border-radius: 50%;
  border: 0 solid var(--default-white);
  box-sizing: border-box;
}
.carousel-sllder,
.icon6 {
  position: absolute;
  margin: 0 !important;
}
.carousel-sllder {
  top: 20px;
  left: 39px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.icon6 {
  height: 48px;
  width: 48px;
  top: 24px;
  left: 30px;
  overflow: hidden;
  flex-shrink: 0;
}
.carousel-sllder-parent {
  cursor: pointer;
  border: 3px solid var(--default-white);
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-5xl)
    var(--padding-11xl);
  background-color: transparent;
  width: 102px;
  height: 96px;
  border-radius: var(--br-125xl);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-3xs);
  z-index: 2;
}
.select-11 {
  background-color: var(--default-white);
}
.select-11,
.select-21 {
  height: 6px;
  width: 6px;
  position: relative;
  border-radius: 50%;
  border: 0 solid var(--default-white);
  box-sizing: border-box;
}
.carousel-sllder-wrapper,
.carousel-sllder1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.carousel-sllder1 {
  gap: var(--gap-7xs);
  z-index: 2;
}
.carousel-sllder-wrapper {
  padding: 0 var(--padding-23xl);
}
.header-section-parent,
.home-hero-section {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.home-hero-section {
  align-items: center;
  padding: var(--padding-9xl) var(--padding-xl) var(--padding-xs);
  gap: var(--gap-3xs);

  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 1;
}
.header-section-parent {
  align-items: flex-start;
  padding: 0 0 var(--padding-23xl);
}
.the-story-of {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
   text-align: center;
}
.output-branch {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 69px 0 67px;
}
.blank-line,
.brace-yourself-for,
.step-into-a {
  margin: 0;
}
.step-into-a-container {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: center;
}
.swirl-icon {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa,
.why-loa-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.why-loa {
  flex: 1;
  border-radius: var(--br-5xl);
  flex-direction: column;
  gap: var(--gap-5xl);
}
.why-loa-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl);
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.nav-pills {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 61px;
  white-space: nowrap;
}
.icon7 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems4 {
  border-radius: var(--br-5xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-2xs);
  gap: var(--gap-7xs);
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.nav-pills1 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 61px;
  white-space: nowrap;
}
.icon8 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems5 {
  cursor: pointer;
  border: 1.5px solid var(--primary-900);
  padding: var(--padding-9xs) var(--padding-3xs);
  background-color: transparent;
  width: 85px;
  border-radius: var(--br-5xl);
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.nav-pills2 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 61px;
  white-space: nowrap;
}
.icon9 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems6 {
  cursor: pointer;
  border: 1.5px solid var(--primary-900);
  padding: var(--padding-9xs) var(--padding-3xs);
  background-color: transparent;
  width: 85px;
  border-radius: var(--br-5xl);
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.nav-pills3 {
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
}
.icon10 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems7 {
  width: 66px;
  border-radius: var(--br-17xl);
  background-color: var(--secondary-400);
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-2xs);
  box-sizing: border-box;
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.nav-pills4 {
  align-self: stretch;
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon11 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems8 {
  height: 30px;
  width: 106px;
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-2xs);
  box-sizing: border-box;
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.nav-pills5 {
  align-self: stretch;
  width: 88px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon12 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems9 {
  align-self: stretch;
  width: 112px;
  border-radius: var(--br-5xl);
  border: 1.5px solid var(--primary-900);
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-3xs);
  gap: var(--gap-7xs);
  opacity: 0.4;
  debug_commit: 1de1738;
}
.nav-pills6 {
  align-self: stretch;
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon13 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems10,
.sticky-menumobile,
.sticky-menumobile-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.navitems10 {
  align-self: stretch;
  width: 95px;
  border-radius: var(--br-5xl);
  flex-shrink: 0;
  padding: var(--padding-7xs) var(--padding-2xs);
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.sticky-menumobile,
.sticky-menumobile-wrapper {
  max-width: 100%;
}
.sticky-menumobile {
  align-self: stretch;
  width: 336px;
  border-radius: var(--br-9xs);
  background-color: var(--default-white);
  overflow-x: auto;
  flex-shrink: 0;
  padding: var(--padding-xs);
  gap: var(--gap-xs);
  z-index: 3;
}
.sticky-menumobile-wrapper {
  height: 54px;
  padding: 0 var(--padding-xs);
  font-size: var(--body-small-base-size);
}
.featured-videos {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: 24px;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.nav-link4 {
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon14 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems11,
.title-box {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems11 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  z-index: 2;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.title-box {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-family: var(--heading-semibold-h5-heading);
}
.player-box-icon1 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-01 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e1 {
  font-weight: 500;
}
.creation {
  font-weight: 300;
}
.title {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description {
  align-self: stretch;
  height: 54px;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
}
.description,
.pipe,
.views {
  position: relative;
}
.views {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info,
.views-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link5 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon15 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems12 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon16 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons,
.info,
.video-player-01 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info,
.video-player-01 {
  flex-direction: column;
}
.info {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-01 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon2 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-011 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e2 {
  font-weight: 500;
}
.temptation {
  font-weight: 300;
}
.description1,
.title1,
.views1 {
  align-self: stretch;
  position: relative;
}
.title1 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description1,
.views1 {
  font-weight: 300;
}
.description1 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views1 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe1 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time1 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.chart-crafter,
.second-info1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.chart-crafter {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info1 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link6 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon17 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems13 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon18 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons1,
.info1,
.video-player-011 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons1 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info1,
.video-player-011 {
  flex-direction: column;
}
.info1 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-011 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon3 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-012 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e3 {
  font-weight: 500;
}
.the-fall {
  font-weight: 300;
}
.description2,
.title2,
.views2 {
  align-self: stretch;
  position: relative;
}
.title2 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description2,
.views2 {
  font-weight: 300;
}
.description2 {
  letter-spacing: 0.01em;
  line-height: 125%;
  white-space: pre-wrap;
}
.views2 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe2 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time2 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.canvas-container,
.second-info2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.canvas-container {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info2 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link7 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon19 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems14 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon20 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons2,
.info2,
.video-player-012 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons2 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info2,
.video-player-012 {
  flex-direction: column;
}
.info2 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-012 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon4 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-013 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e4 {
  font-weight: 500;
}
.count-the-stars {
  font-weight: 300;
}
.title3 {
  align-self: stretch;
  height: 23px;
  position: relative;
  line-height: 125%;
  display: inline-block;
}
.witness-the-ultimate {
  margin: 0;
}
.description3,
.views3 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.description3 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views3 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe3 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time3 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.flexbox-formulator,
.second-info3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flexbox-formulator {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info3 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link8 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon21 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems15 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon22 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons3 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.action-buttons3,
.info3,
.video-list1,
.video-player-013 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info3 {
  align-self: stretch;
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-list1,
.video-player-013 {
  flex-shrink: 0;
}
.video-player-013 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-direction: column;
}
.video-list1 {
  width: 336px;
  overflow-x: auto;
  flex-direction: row;
  gap: var(--gap-5xl);
  debug_commit: 1de1738;
  max-width: 100%;
  color: var(--primary-900);
}
.text2 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper,
.iconbutton022 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton022 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper {
  display: none;
}
.text3 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-container,
.iconbutton023 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton023 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-container {
  display: none;
  padding: var(--padding-9xs);
}
.nav-link9 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon23 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems16 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid var(--secondary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0;
  gap: var(--gap-7xs);
}
.button2 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--body-medium-base-size);
  color: var(--secondary-600-);
}
.video-thumbnail-list,
.video-thumbnail-list-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-thumbnail-list {
  overflow-x: auto;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list-wrapper {
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
  max-width: 108%;
  flex-shrink: 0;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
}
.nav-link10 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 127px;
}
.icon24 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems17,
.video-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems17 {
  border-bottom: 1px solid var(--secondary-600-);
  flex-direction: row;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-base-size);
  color: var(--secondary-600-);
}
.video-list {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.other-languages {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.nav-link11 {
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon25 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems18,
.title-box1 {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems18 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  z-index: 2;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.title-box1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-family: var(--heading-semibold-h5-heading);
}
.player-box-icon5 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-014 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e11 {
  font-weight: 500;
}
.creation1 {
  font-weight: 300;
}
.title4 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description4 {
  align-self: stretch;
  height: 54px;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
}
.description4,
.pipe4,
.views4 {
  position: relative;
}
.views4 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe4 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time4 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info4,
.views-group {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-group {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info4 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link12 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon26 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems19 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon27 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons4,
.info4,
.video-player-014 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons4 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info4,
.video-player-014 {
  flex-direction: column;
}
.info4 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-014 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon6 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-015 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e21 {
  font-weight: 500;
}
.temptation1 {
  font-weight: 300;
}
.description5,
.title5,
.views5 {
  align-self: stretch;
  position: relative;
}
.title5 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description5,
.views5 {
  font-weight: 300;
}
.description5 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views5 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe5 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time5 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info5,
.views-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-container {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info5 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link13 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon28 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems20 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon29 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons5,
.info5,
.video-player-015 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons5 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info5,
.video-player-015 {
  flex-direction: column;
}
.info5 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-015 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon7 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-016 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e31 {
  font-weight: 500;
}
.the-fall1 {
  font-weight: 300;
}
.description6,
.title6,
.views6 {
  align-self: stretch;
  position: relative;
}
.title6 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description6,
.views6 {
  font-weight: 300;
}
.description6 {
  letter-spacing: 0.01em;
  line-height: 125%;
  white-space: pre-wrap;
}
.views6 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe6 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time6 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.frame-div,
.second-info6 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-div {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info6 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link14 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon30 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems21 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon31 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons6,
.info6,
.video-player-016 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons6 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info6,
.video-player-016 {
  flex-direction: column;
}
.info6 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-016 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon8 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-017 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e41 {
  font-weight: 500;
}
.count-the-stars1 {
  font-weight: 300;
}
.title7 {
  align-self: stretch;
  height: 23px;
  position: relative;
  line-height: 125%;
  display: inline-block;
}
.witness-the-ultimate1 {
  margin: 0;
}
.description7,
.views7 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.description7 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views7 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe7 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time7 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info7,
.views-parent1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent1 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info7 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link15 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon32 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems22 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon33 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons7 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.action-buttons7,
.info7,
.video-list3,
.video-player-017 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info7 {
  align-self: stretch;
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-list3,
.video-player-017 {
  flex-shrink: 0;
}
.video-player-017 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-direction: column;
}
.video-list3 {
  width: 336px;
  overflow-x: auto;
  flex-direction: row;
  gap: var(--gap-5xl);
  debug_commit: 1de1738;
  max-width: 100%;
  color: var(--primary-900);
}
.text4 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-frame,
.iconbutton024 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton024 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  gap: var(--gap-3xs);
}
.iconbutton02-frame {
  display: none;
}
.text5 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper1,
.iconbutton025 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton025 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper1 {
  display: none;
  padding: var(--padding-9xs);
}
.nav-link16 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon34 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems23 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid var(--secondary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0;
  gap: var(--gap-7xs);
}
.button3 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--body-medium-base-size);
  color: var(--secondary-600-);
}
.video-thumbnail-list-container,
.video-thumbnail-list1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-thumbnail-list1 {
  overflow-x: auto;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list-container {
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
  max-width: 108%;
  flex-shrink: 0;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
}
.nav-link17 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 127px;
}
.icon35 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems24,
.video-list2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems24 {
  border-bottom: 1px solid var(--secondary-600-);
  flex-direction: row;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-base-size);
  color: var(--secondary-600-);
}
.video-list2 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.seasons {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.nav-link18 {
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon36 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems25,
.title-box2 {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems25 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  z-index: 2;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.title-box2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-family: var(--heading-semibold-h5-heading);
}
.player-box-icon9 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-018 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e12 {
  font-weight: 500;
}
.creation2 {
  font-weight: 300;
}
.title8 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description8 {
  align-self: stretch;
  height: 54px;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
}
.description8,
.pipe8,
.views8 {
  position: relative;
}
.views8 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe8 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time8 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info8,
.views-parent2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent2 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info8 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link19 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon37 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems26 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon38 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons8,
.info8,
.video-player-018 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons8 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info8,
.video-player-018 {
  flex-direction: column;
}
.info8 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-018 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon10 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-019 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e22 {
  font-weight: 500;
}
.temptation2 {
  font-weight: 300;
}
.description9,
.title9,
.views9 {
  align-self: stretch;
  position: relative;
}
.title9 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description9,
.views9 {
  font-weight: 300;
}
.description9 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views9 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe9 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time9 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info9,
.views-parent3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent3 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info9 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link20 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon39 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems27 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon40 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons9,
.info9,
.video-player-019 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons9 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info9,
.video-player-019 {
  flex-direction: column;
}
.info9 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-019 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon11 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0110 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e32 {
  font-weight: 500;
}
.the-fall2 {
  font-weight: 300;
}
.description10,
.title10,
.views10 {
  align-self: stretch;
  position: relative;
}
.title10 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description10,
.views10 {
  font-weight: 300;
}
.description10 {
  letter-spacing: 0.01em;
  line-height: 125%;
  white-space: pre-wrap;
}
.views10 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe10 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time10 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info10,
.views-parent4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent4 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info10 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link21 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon41 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems28 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon42 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box10 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons10,
.info10,
.video-player-0110 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons10 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info10,
.video-player-0110 {
  flex-direction: column;
}
.info10 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0110 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon12 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0111 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e42 {
  font-weight: 500;
}
.count-the-stars2 {
  font-weight: 300;
}
.title11 {
  align-self: stretch;
  height: 23px;
  position: relative;
  line-height: 125%;
  display: inline-block;
}
.witness-the-ultimate2 {
  margin: 0;
}
.description11,
.views11 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.description11 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views11 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe11 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time11 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info11,
.views-parent5 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent5 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info11 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link22 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon43 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems29 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon44 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box11 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons11 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.action-buttons11,
.info11,
.video-list5,
.video-player-0111 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info11 {
  align-self: stretch;
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-list5,
.video-player-0111 {
  flex-shrink: 0;
}
.video-player-0111 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-direction: column;
}
.video-list5 {
  width: 336px;
  overflow-x: auto;
  flex-direction: row;
  gap: var(--gap-5xl);
  debug_commit: 1de1738;
  max-width: 100%;
  color: var(--primary-900);
}
.text6 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon2 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper2,
.iconbutton026 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton026 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper2 {
  display: none;
}
.text7 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon2 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper3,
.iconbutton027 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton027 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper3 {
  display: none;
  padding: var(--padding-9xs);
}
.nav-link23 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon45 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems30 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid var(--secondary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0;
  gap: var(--gap-7xs);
}
.button4 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--body-medium-base-size);
  color: var(--secondary-600-);
}
.video-thumbnail-list-frame,
.video-thumbnail-list2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-thumbnail-list2 {
  overflow-x: auto;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list-frame {
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
  max-width: 108%;
  flex-shrink: 0;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
}
.nav-link24 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 127px;
}
.icon46 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems31,
.video-list-parent,
.video-list4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems31 {
  border-bottom: 1px solid var(--secondary-600-);
  flex-direction: row;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-base-size);
  color: var(--secondary-600-);
}
.video-list-parent,
.video-list4 {
  flex-direction: column;
}
.video-list4 {
  align-self: stretch;
  overflow: hidden;
  gap: var(--gap-5xl);
}
.video-list-parent {
  width: 312px;
  gap: var(--gap-77xl);
  flex-shrink: 0;
  debug_commit: 1de1738;
  z-index: 1;
}
.loa-patterns-1-icon {
  margin-left: -804px;
  width: 1920px;
  height: 968px;
  position: relative;
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: 1de1738;
  margin-top: -201px;
}
.frame-group {
  align-self: stretch;
  height: 1850px;
  background-color: var(--primary-800);
  overflow: auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px var(--padding-5xl) var(--padding-80xl);
  box-sizing: border-box;
  z-index: 2;
  color: var(--default-white);
}
.loa-patterns-1-icon1 {
  width: 1920px;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  top: -300px;
  left: calc(50% - 960px);
  object-fit: cover;
}
.why-the-legacy {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.why-the-legacy-of-adam-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-6xl) 0 var(--padding-4xl);
}
.the-legacy-of {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: center;
}
.swirl-icon1 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-container,
.why-loa1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.swirl-container {
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa1 {
  border-radius: var(--br-5xl);
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  z-index: 1;
}
.player-box-icon13 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -0.4px;
  left: 0;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.icon47 {
  height: 72px;
  width: 72px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-wrapper {
  cursor: pointer;
  border: 2px solid var(--default-white);
  padding: var(--padding-xs) var(--padding-3xs);
  background-color: transparent;
  height: 96px;
  width: 96px;
  border-radius: var(--br-125xl);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}
.player-container,
.why-loa-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.player-container {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-8xl) var(--padding-xl) var(--padding-7xl);
  position: relative;
  z-index: 1;
}
.why-loa-parent {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.our-ever-expanding-fellowship {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.nav-link25 {
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon48 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems32,
.title-box3 {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems32 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.title-box3 {
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  gap: var(--gap-5xl);
}
.imageholder-icon {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description12,
.imageholder-icon,
.title12 {
  align-self: stretch;
  position: relative;
}
.title12 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description12 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.08px;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.primary-info {
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card01,
.info12,
.primary-info {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info12 {
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card01 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
  align-items: center;
}
.imageholder-icon1 {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description13,
.imageholder-icon1,
.title13 {
  align-self: stretch;
  position: relative;
}
.title13 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description13 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.primary-info1 {
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card011,
.info13,
.primary-info1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info13 {
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card011 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
  align-items: center;
}
.imageholder-icon2 {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description14,
.imageholder-icon2,
.title14 {
  align-self: stretch;
  position: relative;
}
.title14 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description14 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.primary-info2 {
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card012,
.info14,
.primary-info2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info14 {
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card012 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
  align-items: center;
}
.imageholder-icon3 {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description15,
.imageholder-icon3,
.title15 {
  align-self: stretch;
  position: relative;
}
.title15 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description15 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.primary-info3 {
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card013,
.info15,
.primary-info3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info15 {
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card013 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
  align-items: center;
}
.info-card01-parent,
.teams-container {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info-card01-parent {
  width: 312px;
  overflow-x: auto;
  flex-direction: row;
  padding: 0;
  box-sizing: border-box;
  gap: var(--gap-5xl);
  color: var(--primary-900);
}
.teams-container {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-17xl);
}
.button6 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 87px;
}
.icon49 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button5 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-xl);
  background-color: var(--secondary-500);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button8 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 79px;
  white-space: nowrap;
}
.icon50 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button7 {
  cursor: pointer;
  border: 1.5px solid var(--default-white);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: transparent;
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.button-group1 {
  gap: var(--gap-xs);
}
.button-group1,
.fellowship-container,
.frame-parent,
.loa-patterns-1-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.fellowship-container {
  flex: 1;
  overflow: hidden;
  gap: var(--gap-29xl);
  z-index: 1;
  color: var(--default-white);
}
.frame-parent,
.loa-patterns-1-parent {
  box-sizing: border-box;
}
.loa-patterns-1-parent {
  height: 1156px;
  background-color: var(--primary-900);
  overflow: hidden;
  flex-shrink: 0;
  padding: var(--padding-77xl) var(--padding-5xl) var(--padding-53xl);
  position: relative;
  gap: var(--gap-53xl);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.frame-parent {
  padding: 0 0 var(--padding-23xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--primary-900);
  font-family: var(--label-small-strong);
}
.icon51,
.nav-link26 {
  position: relative;
  flex-shrink: 0;
}
.nav-link26 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon51 {
  height: 16px;
  width: 16px;
  overflow: hidden;
  display: none;
}
.navitems33 {
  width: 108px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
}
.from-eden-to {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.from-eden-to-redemption-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl) 0 var(--padding-base);
}
.the-legacy-of1 {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: center;
}
.swirl-icon2 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-frame {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa-container,
.why-loa2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.why-loa2 {
  flex: 1;
  border-radius: var(--br-5xl);
  flex-direction: column;
  gap: var(--gap-5xl);
}
.why-loa-container {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-23xl);
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.loa-impacting-life {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.loa-impacting-life-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-5xl);
  text-align: center;
  color: var(--default-white);
}
.headline {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.headline-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs) 0 0;
}
.profile-pic-icon {
  height: 96px;
  width: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: contain;
  display: none;
}
.description16 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  min-height: 24px;
}
.john-doe {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe12 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-parent,
.secondary-details-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-parent {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
}
.secondary-details-inner {
  width: 154px;
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
}
.secondary-details {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-base-size);
}
.second-info12,
.secondary-details,
.testimonial,
.testimony {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimony {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.second-info12,
.testimonial {
  align-self: stretch;
}
.second-info12 {
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.testimonial {
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--primary-400);
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
}
.headline1 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.headline-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs) 0 0;
}
.profile-pic-icon2 {
  height: 96px;
  width: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: contain;
  display: none;
}
.description17 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon3 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  min-height: 24px;
}
.john-doe1 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe13 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania1 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-group {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.secondary-details-child {
  width: 154px;
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
}
.second-info13,
.secondary-details-child,
.secondary-details1,
.testimony1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.secondary-details1 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-base-size);
}
.second-info13,
.testimony1 {
  gap: var(--gap-5xl);
}
.testimony1 {
  flex: 1;
  flex-direction: column;
}
.second-info13 {
  align-self: stretch;
  flex-direction: row;
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.testimonial1 {
  align-self: stretch;
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--primary-400);
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
}
.frame-container,
.home-mobile-inner,
.testimonial1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-container {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xs);
}
.home-mobile-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-lg);
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--primary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.icon52,
.nav-link27 {
  position: relative;
  flex-shrink: 0;
}
.nav-link27 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon52 {
  height: 16px;
  width: 16px;
  overflow: hidden;
  display: none;
}
.navitems34 {
  width: 108px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
}
.button10 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 114px;
}
.icon53 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button9 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-xl);
  background-color: var(--secondary-500);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button12 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 103px;
}
.icon54 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button11 {
  cursor: pointer;
  border: 1.5px solid var(--default-white);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: transparent;
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xs);
}
.data-hub,
.data-hub-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.data-hub {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xs);
}
.data-hub-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-23xl);
}
.button14 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon55 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button13 {
  width: 312px;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xs);
  font-size: var(--body-small-base-size);
}
.know-the-truth {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.blog-cardmobile-child {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title16 {
  margin: 0;
  align-self: stretch;
  font-size: inherit;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-weight: 400;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name,
.pipe14,
.title16 {
  position: relative;
}
.name {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe14 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date,
.pipe15 {
  position: relative;
}
.date {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe15 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-2xl) 0 0;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
}
.description18,
.nav-link28 {
  position: relative;
  line-height: 125%;
}
.description18 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link28 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon56 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems35,
.secondary-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems35 {
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.info16 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile,
.info16 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile-item {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title17 {
  margin: 0;
  align-self: stretch;
  font-size: inherit;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name1,
.pipe16,
.title17 {
  position: relative;
}
.name1 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe16 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date1,
.pipe17 {
  position: relative;
}
.date1 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe17 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read1 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-2xl) 0 0;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
}
.description19,
.nav-link29 {
  position: relative;
  line-height: 125%;
}
.description19 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link29 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon57 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems36,
.secondary-info1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems36 {
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info1 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.info17 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile1,
.info17 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile-inner {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title18 {
  margin: 0;
  align-self: stretch;
  font-size: inherit;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name2,
.pipe18,
.title18 {
  position: relative;
}
.name2 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe18 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date2,
.pipe19 {
  position: relative;
}
.date2 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe19 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read2 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-2xl) 0 0;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
}
.description20,
.nav-link30 {
  position: relative;
  line-height: 125%;
}
.description20 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link30 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon58 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems37,
.secondary-info2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems37 {
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info2 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.info18 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile2,
.info18 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile-parent,
.button16 {
  font-family: var(--label-small-strong);
  text-align: left;
}
.blog-cardmobile-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  font-size: var(--heading-regular-h6-heading-size);
}
.button16 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  color: var(--default-white);
  display: inline-block;
  min-width: 91px;
}
.icon59 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button15 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-xl);
  background-color: var(--secondary-500);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.process-flow,
.process-flow-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.process-flow {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-17xl);
}
.process-flow-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) 114px;
  text-align: center;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--default-white);
  font-family: var(--heading-semibold-h5-heading);
}
.nav-link31 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 41px;
}
.icon60 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems38 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link32 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 47px;
}
.icon61 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems39 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link33 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 63px;
}
.icon62 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems40 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link34 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.icon63 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems41 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link35 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
}
.icon64 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.menu-items,
.navitems42 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.menu-items {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.change-language {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-weight: 400;
  font-family: inherit;
}
.change-language,
.en,
.icon65 {
  position: relative;
}
.en {
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 22px;
}
.icon65 {
  height: 20px;
  width: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.en-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon66 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button17 {
  align-self: stretch;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-4xs) var(--padding-5xl);
  gap: var(--gap-xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.language-select,
.primary-actions {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.language-select {
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-xs);
  gap: var(--gap-xs);
  font-size: var(--heading-regular-h6-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.primary-actions {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.about-the-legacy,
.dividers {
  align-self: stretch;
  position: relative;
}
.dividers {
  height: 1px;
  border-radius: var(--br-3xs);
  background-color: var(--primary-500);
}
.about-the-legacy {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.discovery-and-transformation,
.we-are-committed {
  margin: 0;
}
.we-are-committed-container {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.about-the-legacy-of-adam-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.facebook-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon01 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.instagram-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon02 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.tiktok-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon03 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.twitter-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon01-parent,
.icon04 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon01-parent {
  gap: var(--gap-5xl);
}
.loa-details,
.primary-info4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.loa-details {
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-xs);
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--heading-semibold-h5-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.primary-info4 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-17xl);
}
.copyright,
.dividers1 {
  align-self: stretch;
  position: relative;
}
.dividers1 {
  height: 1px;
  background-color: var(--primary-500);
}
.copyright {
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 500;
  text-align: center;
}
.footer-layoutmobile,
.footer-section,
.home-mobile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-layoutmobile {
  flex: 1;
  background-color: var(--primary-700);
  flex-direction: column;
  padding: var(--padding-29xl) var(--padding-5xl) var(--padding-77xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.footer-section,
.home-mobile {
  text-align: left;
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.footer-section {
  align-self: stretch;
  background-color: var(--primary-700);
  flex-direction: row;
  max-width: 100%;
  font-size: var(--body-small-base-size);
}
.home-mobile {
  width: 100%;
  position: relative;
  background-color: var(--primary-900);
  overflow-y: auto;
  flex-direction: column;
  line-height: normal;
  letter-spacing: normal;
  font-size: var(--body-medium-base-size);
}