.logo-icon {
  height: 60px;
  width: 123.5px;
}
.icon,
.logo-icon,
.nav-link {
  position: relative;
}
.nav-link {
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 59px;
  white-space: nowrap;
}
.icon {
  height: 16px;
  width: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  color: var(--secondary-600-);
}
.nav-link1 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 79px;
  white-space: nowrap;
}
.icon1 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems1 {
  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 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.icon2 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems2 {
  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 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 101px;
}
.icon3 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navbar-nav,
.navitems3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.navitems3 {
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  opacity: 0.4;
}
.navbar-nav {
  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;
  z-index: 1;
}
.icon4 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.search {
  border-radius: var(--br-xs);
  display: flex;
  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: flex;
  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;
  font-size: var(--body-large-strong-size);
  line-height: 23px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 22px;
}
.tanzania-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 24px;
}
.iconbutton021 {
  cursor: pointer;
  border: 2px solid var(--default-white);
  padding: var(--padding-4xs) var(--padding-3xs);
  background-color: transparent;
  width: 76px;
  border-radius: var(--br-xs);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.iconbutton021:hover {
  background-color: var(--color-gainsboro-100);
  border: 2px solid var(--black-50);
  box-sizing: border-box;
}
.button1,
.icon5 {
  position: relative;
}
.button1 {
  font-size: var(--body-large-strong-size);
  line-height: 23px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 70px;
}
.icon5 {
  height: 24px;
  width: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mini-5) var(--padding-4xl);
  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);
}
.button:hover {
  background-color: var(--color-chocolate-200);
}
.list-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.hamburger-menuhover {
  width: 48px;
  border-radius: var(--br-xs);
  border: 2px solid var(--secondary-600-);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4xs) var(--padding-3xs);
}
.button-group {
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
  color: var(--neutral-600);
}
.button-group,
.header-section,
.navbar,
.navbardark {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.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 {
  justify-content: center;
}
.navbar {
  width: 1280px;
  align-items: center;
}
.header-section {
  align-self: stretch;
  background-color: var(--primary-800);
  align-items: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
  box-sizing: border-box;
  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: 1920px;
  height: 810px;
  position: relative;
  object-fit: cover;
  display: none;
  max-width: 100%;
}
.icon6 {
  height: 192px;
  width: 192px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-wrapper {
  width: 252px;
  border-radius: var(--br-125xl);
  border: 3px solid var(--default-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xl) var(--padding-2xl) var(--padding-xl)
    var(--padding-14xl);
  z-index: 1;
}
.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,
.carousel-sllder-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.carousel-sllder {
  justify-content: flex-start;
  gap: var(--gap-5xs);
  z-index: 1;
}
.carousel-sllder-wrapper {
  width: 252px;
  justify-content: center;
}
.home-hero-section {
  align-self: stretch;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 285px var(--padding-xl) var(--padding-77xl);
  box-sizing: border-box;
  gap: 181px;
  background-image: url(./public/playerbox@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
}
.the-story-of {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
}
.the-story-of-loa-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.blank-line,
.brace-yourself-for,
.step-into-a {
  margin: 0;
}
.step-into-a-container {
  align-self: stretch;
  position: relative;
  font-size: var(--body-large-strong-size);
  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);
}
.about-loa-section,
.why-loa {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.why-loa {
  width: 744px;
  border-radius: var(--br-5xl);
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.about-loa-section {
  align-self: stretch;
  background-color: var(--primary-900);
  overflow: hidden;
  flex-direction: row;
  justify-content: center;
  padding: 168px var(--padding-xl);
  box-sizing: border-box;
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.nav-pills {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.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-xs) var(--padding-5xl);
  gap: var(--gap-7xs);
}
.nav-pills1 {
  position: relative;
  font-size: var(--body-medium-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 69px;
}
.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-3xs) var(--padding-3xl);
  background-color: transparent;
  width: 117px;
  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);
}
.navitems5:hover,
.navitems6:hover {
  background-color: var(--color-darkslategray-200);
  border: 1.5px solid var(--color-darkslategray-100);
  box-sizing: border-box;
}
.nav-pills2 {
  position: relative;
  font-size: var(--body-medium-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 69px;
}
.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-3xs) var(--padding-3xl);
  background-color: transparent;
  width: 117px;
  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);
}
.nav-pills3 {
  position: relative;
  font-size: var(--body-medium-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 48px;
}
.icon10 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems7 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-5xl);
  background-color: var(--secondary-400);
  border-radius: var(--br-17xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.navitems7:hover {
  background-color: var(--color-sienna);
}
.nav-pills4 {
  position: relative;
  font-size: var(--body-medium-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 93px;
}
.icon11 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems8 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-5xl);
  background-color: var(--secondary-600-);
  border-radius: var(--br-5xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.navitems8:hover {
  background-color: var(--color-chocolate-100);
}
.nav-pills5 {
  position: relative;
  font-size: var(--body-medium-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 99px;
}
.icon12 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems9 {
  cursor: pointer;
  border: 1.5px solid var(--primary-900);
  padding: var(--padding-3xs) var(--padding-3xl);
  background-color: transparent;
  width: 147px;
  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);
  opacity: 0.4;
}
.navitems9:hover {
  background-color: var(--color-darkslategray-200);
  border: 1.5px solid var(--color-darkslategray-100);
  box-sizing: border-box;
}
.nav-pills6 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 81px;
}
.icon13 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems10,
.sticky-menu,
.sticky-nav-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.navitems10 {
  border-radius: var(--br-5xl);
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-7xs);
}
.sticky-menu,
.sticky-nav-section {
  box-sizing: border-box;
  max-width: 100%;
}
.sticky-menu {
  border-radius: var(--br-53xl);
  background-color: var(--default-white);
  overflow-x: auto;
  justify-content: flex-start;
  padding: var(--padding-18xl-5) var(--padding-41xl-5);
  gap: var(--gap-5xl);
}
.sticky-nav-section {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-xl);
  flex-shrink: 0;
  debug_commit: 1de1738;
  z-index: 3;
  margin-top: -83px;
  font-size: var(--body-medium-strong-size);
  color: var(--primary-900);
  font-family: var(--label-small-strong);
}
.featured-videos,
.nav-link4 {
  position: relative;
  display: inline-block;
}
.featured-videos {
  margin: 0;
  flex: 1;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  min-width: 198px;
  max-width: 100%;
}
.nav-link4 {
  line-height: 125%;
  font-weight: 500;
  min-width: 127px;
}
.icon14 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems-wrapper,
.navitems11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems11 {
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  padding: var(--padding-10xs) var(--padding-7xs) var(--padding-12xs);
  gap: var(--gap-7xs);
}
.navitems-wrapper {
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.player-box-icon1,
.title-box {
  align-self: stretch;
  max-width: 100%;
}
.title-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
}
.player-box-icon1 {
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  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);
}
.output-combiner {
  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;
}
.input-filter,
.second-info {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.input-filter {
  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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
}
.title1 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description1 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.description1,
.pipe1,
.views1 {
  position: relative;
}
.views1 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe1 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.circle-shape {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time1 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.data-table,
.second-info1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.data-table {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info1 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link6 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon17 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems13 {
  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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
}
.title2 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description2 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  white-space: pre-wrap;
}
.description2,
.pipe2,
.views2 {
  position: relative;
}
.views2 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe2 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.carousel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time2 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.modal-dialog,
.second-info2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.modal-dialog {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info2 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link7 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon19 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems14 {
  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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
  position: relative;
  line-height: 23px;
}
.witness-the-ultimate {
  margin: 0;
}
.description3 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.description3,
.pipe3,
.views3 {
  position: relative;
}
.views3 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe3 {
  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;
}
.time3 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info3,
.shape-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.shape-container {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info3 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link8 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon21 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems15 {
  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,
.info3 {
  align-self: stretch;
  display: flex;
}
.action-buttons3 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--primary-600-);
}
.info3 {
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.info3,
.video-list,
.video-player-013 {
  align-items: flex-start;
  justify-content: flex-start;
}
.video-player-013 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  display: flex;
  flex-direction: column;
}
.video-list {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  flex-direction: row;
  gap: var(--gap-5xl);
  max-width: 100%;
  height: 100%;
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  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;
}
.arcs-assemblage,
.iconbutton022 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton022 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  gap: var(--gap-3xs);
}
.arcs-assemblage {
  width: 44px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 22.5px);
  left: -33px;
  box-sizing: border-box;
  z-index: 1;
}
.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-wrapper,
.iconbutton023 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton023 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper {
  width: 44px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 22.5px);
  left: 1117px;
  padding: var(--padding-9xs);
  box-sizing: border-box;
  z-index: 1;
}
.nav-link9 {
  height: 20px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon23 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems16 {
  width: 127px;
  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 var(--padding-12xs);
  gap: var(--gap-7xs);
}
.button2 {
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
  z-index: 3;
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.title-box-parent,
.video-thumbnail-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list {
  align-self: stretch;
  height: 353px;
  overflow-x: auto;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
  font-family: var(--label-small-strong);
}
.title-box-parent {
  width: 1128px;
  align-items: flex-start;
  justify-content: flex-start;
}
.nav-link10,
.other-languages {
  position: relative;
  display: inline-block;
}
.other-languages {
  margin: 0;
  flex: 1;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  min-width: 211px;
  max-width: 100%;
}
.nav-link10 {
  line-height: 125%;
  font-weight: 500;
  min-width: 127px;
}
.icon24 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems-container,
.navitems17 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems17 {
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  padding: var(--padding-10xs) var(--padding-7xs) var(--padding-12xs);
  gap: var(--gap-7xs);
}
.navitems-container {
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.player-box-icon5,
.title-box1 {
  align-self: stretch;
  max-width: 100%;
}
.title-box1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
}
.player-box-icon5 {
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  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-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-info4 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link11 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon25 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems18 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon26 {
  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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
}
.title5 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description5 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.description5,
.pipe5,
.views5 {
  position: relative;
}
.views5 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe5 {
  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;
}
.time5 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info5,
.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-info5 {
  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;
}
.icon27 {
  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);
}
.icon28 {
  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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
}
.title6 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description6 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  white-space: pre-wrap;
}
.description6,
.pipe6,
.views6 {
  position: relative;
}
.views6 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe6 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.frame-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time6 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info6,
.views-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-container {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info6 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link13 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon29 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems20 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon30 {
  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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
  position: relative;
  line-height: 23px;
}
.witness-the-ultimate1 {
  margin: 0;
}
.description7 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.description7,
.pipe7,
.views7 {
  position: relative;
}
.views7 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe7 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time7 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info7,
.views-parent1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent1 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info7 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link14 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon31 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems21 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon32 {
  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,
.info7 {
  align-self: stretch;
  display: flex;
}
.action-buttons7 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--primary-600-);
}
.info7 {
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.info7,
.video-list1,
.video-player-017 {
  align-items: flex-start;
  justify-content: flex-start;
}
.video-player-017 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  display: flex;
  flex-direction: column;
}
.video-list1 {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  flex-direction: row;
  gap: var(--gap-5xl);
  max-width: 100%;
  height: 100%;
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  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-container,
.iconbutton024 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton024 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  gap: var(--gap-3xs);
}
.iconbutton02-container {
  width: 44px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 22.5px);
  left: -33px;
  box-sizing: border-box;
  z-index: 1;
}
.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-frame,
.iconbutton025 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton025 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-frame {
  width: 44px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 22.5px);
  left: 1117px;
  padding: var(--padding-9xs);
  box-sizing: border-box;
  z-index: 1;
}
.nav-link15 {
  height: 20px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon33 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems22 {
  width: 127px;
  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 var(--padding-12xs);
  gap: var(--gap-7xs);
}
.button3 {
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
  z-index: 3;
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.title-box-group,
.video-thumbnail-list1 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list1 {
  align-self: stretch;
  height: 353px;
  overflow-x: auto;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
  font-family: var(--label-small-strong);
}
.title-box-group {
  width: 1128px;
  align-items: flex-start;
  justify-content: flex-start;
}
.nav-link16,
.seasons {
  position: relative;
  display: inline-block;
}
.seasons {
  margin: 0;
  flex: 1;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  min-width: 98px;
  max-width: 100%;
}
.nav-link16 {
  line-height: 125%;
  font-weight: 500;
  min-width: 127px;
}
.icon34 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems-frame,
.navitems23 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems23 {
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  padding: var(--padding-10xs) var(--padding-7xs) var(--padding-12xs);
  gap: var(--gap-7xs);
}
.navitems-frame {
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.player-box-icon9,
.title-box2 {
  align-self: stretch;
  max-width: 100%;
}
.title-box2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
}
.player-box-icon9 {
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  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-wrapper2 {
  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-link17 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon35 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems24 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon36 {
  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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
}
.title9 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description9 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.description9,
.pipe9,
.views9 {
  position: relative;
}
.views9 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe9 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time9 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info9,
.views-parent3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent3 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info9 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link18 {
  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;
}
.navitems25 {
  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-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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
}
.title10 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description10,
.views10 {
  position: relative;
  font-weight: 300;
}
.description10 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
  white-space: pre-wrap;
}
.views10 {
  line-height: 120%;
  display: inline-block;
  min-width: 59px;
}
.pipe10 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time10 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info10,
.views-parent4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent4 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info10 {
  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;
}
.icon39 {
  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);
}
.icon40 {
  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 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.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;
  position: relative;
  line-height: 23px;
}
.witness-the-ultimate2 {
  margin: 0;
}
.description11,
.views11 {
  position: relative;
  font-weight: 300;
}
.description11 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views11 {
  line-height: 120%;
  display: inline-block;
  min-width: 59px;
}
.pipe11 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time11 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info11,
.views-parent5 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent5 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info11 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link20 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon41 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems27 {
  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-box11 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons11,
.info11 {
  align-self: stretch;
  display: flex;
}
.action-buttons11 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--primary-600-);
}
.info11 {
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.info11,
.video-list2,
.video-player-0111 {
  align-items: flex-start;
  justify-content: flex-start;
}
.video-player-0111 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  display: flex;
  flex-direction: column;
}
.video-list2 {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  flex-direction: row;
  gap: var(--gap-5xl);
  max-width: 100%;
  height: 100%;
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  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-wrapper1,
.iconbutton026 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton026 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper1 {
  width: 44px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 22.5px);
  left: -33px;
  box-sizing: border-box;
  z-index: 1;
}
.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-wrapper2,
.iconbutton027 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton027 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper2 {
  width: 44px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 22.5px);
  left: 1117px;
  padding: var(--padding-9xs);
  box-sizing: border-box;
  z-index: 1;
}
.nav-link21 {
  height: 20px;
  flex: 1;
  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;
}
.navitems28 {
  width: 127px;
  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 var(--padding-12xs);
  gap: var(--gap-7xs);
}
.button4 {
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
  z-index: 3;
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.title-box-container,
.video-thumbnail-list2 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list2 {
  align-self: stretch;
  height: 353px;
  overflow-x: auto;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
  font-family: var(--label-small-strong);
}
.title-box-container {
  width: 1128px;
  align-items: flex-start;
  justify-content: flex-start;
}
.patterns-icon {
  width: 2486px;
  height: 1253px;
  position: absolute;
  margin: 0 !important;
  bottom: -978px;
  left: calc(50% - 1243px);
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
}
.watch-section,
.watch-section-wrapper {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.watch-section {
  flex: 1;
  background-color: var(--primary-800);
  flex-direction: column;
  align-items: center;
  padding: var(--padding-173xl) var(--padding-xl);
  position: relative;
  gap: 96.5px;
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.watch-section-wrapper {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 0 82px;
  margin-top: -83px;
  font-size: var(--heading-semibold-h3-heading-size);
  color: var(--default-white);
}
.patterns-icon1 {
  width: 1832px;
  height: 924px;
  position: absolute;
  margin: 0 !important;
  right: -872px;
  bottom: -438px;
  overflow: hidden;
  flex-shrink: 0;
}
.add-slider- {
  width: 115px;
  position: relative;
  letter-spacing: -0.02em;
  font-weight: 100;
  font-family: var(--font-roboto);
  display: none;
  z-index: 1;
}
.why-the-legacy {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.why-the-legacy-of-adam-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-25xl);
}
.the-legacy-of {
  align-self: stretch;
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: center;
  z-index: 1;
}
.circle-clump,
.frame-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent {
  width: 744px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.circle-clump {
  width: 1128px;
  flex-direction: row;
  justify-content: center;
  font-size: var(--display-bold-heading-4-size);
  color: var(--secondary-600-);
}
.patterns-icon2 {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: -283px;
  max-height: 100%;
  width: 2486px;
  overflow: hidden;
}
.swirl-icon1 {
  position: absolute;
  top: 596px;
  left: 922.3px;
  width: 75.5px;
  height: 36px;
  z-index: 1;
}
.arc-alignment,
.player-box-icon13 {
  width: 100%;
  height: 1253px;
  position: absolute;
  margin: 0 !important;
  top: -275px;
  right: 0;
  left: 0;
}
.player-box-icon13 {
  height: 100%;
  top: 0;
  bottom: 0;
  border-radius: var(--br-17xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.icon44 {
  height: 144px;
  width: 144px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.player-container,
.shape-sorting {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  z-index: 1;
}
.shape-sorting {
  width: 204px;
  border-radius: var(--br-125xl);
  border: 3px solid var(--default-white);
  box-sizing: border-box;
  justify-content: flex-start;
  padding: var(--padding-xl) var(--padding-2xl) var(--padding-xl)
    var(--padding-14xl);
}
.player-container {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-155xl) var(--padding-xl);
  position: relative;
}
.our-ever-expanding-fellowship {
  margin: 0;
  width: 989px;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.nav-link22 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 127px;
}
.icon45 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems29 {
  border-bottom: 1px solid var(--default-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) var(--padding-7xs) var(--padding-12xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.imageholder-icon,
.title-box3 {
  align-self: stretch;
  max-width: 100%;
}
.title-box3 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  row-gap: 20px;
  gap: var(--gap-0);
}
.imageholder-icon {
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description12,
.title12 {
  align-self: stretch;
  position: relative;
  line-height: 105%;
}
.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-self: stretch;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card01,
.info12,
.primary-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info12 {
  align-self: stretch;
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card01 {
  height: 287px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  align-items: center;
}
.imageholder-icon1 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description13,
.title13 {
  align-self: stretch;
  position: relative;
  line-height: 105%;
}
.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-self: stretch;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card011,
.info13,
.primary-info1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info13 {
  align-self: stretch;
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card011 {
  height: 287px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  align-items: center;
}
.imageholder-icon2 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description14,
.title14 {
  align-self: stretch;
  position: relative;
  line-height: 105%;
}
.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-self: stretch;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card012,
.info14,
.primary-info2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info14 {
  align-self: stretch;
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card012 {
  height: 287px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  align-items: center;
}
.imageholder-icon3 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description15,
.title15 {
  align-self: stretch;
  position: relative;
  line-height: 105%;
}
.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-self: stretch;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card013,
.info15,
.primary-info3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info15 {
  align-self: stretch;
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card013 {
  height: 287px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  align-items: center;
}
.info-card01-parent,
.teams-container {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
}
.info-card01-parent {
  display: grid;
  flex-direction: row;
  gap: var(--gap-5xl);
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  font-size: var(--heading-regular-h4-heading-size);
  color: var(--primary-900);
}
.teams-container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.button6 {
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 109px;
}
.icon46 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button5 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mini-5) 77px;
  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);
  white-space: nowrap;
}
.button5:hover {
  background-color: var(--color-chocolate-200);
}
.button8 {
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 100px;
  white-space: nowrap;
}
.icon47 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-group1,
.button7 {
  display: flex;
  flex-direction: row;
}
.button7 {
  cursor: pointer;
  border: 1.5px solid var(--default-white);
  padding: var(--padding-xs) var(--padding-xl);
  background-color: transparent;
  flex: 1;
  border-radius: var(--br-xs);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  min-width: 171px;
}
.button7:hover {
  background-color: var(--color-gainsboro-100);
  border: 1.5px solid var(--black-50);
  box-sizing: border-box;
}
.button-group1 {
  width: 550px;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.fellowship-container {
  align-self: stretch;
  align-items: center;
  gap: var(--gap-53xl);
  z-index: 1;
}
.about-loa-section-parent,
.about-us-section,
.fellowship-container,
.player-container-parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
}
.player-container-parent {
  width: 1128px;
  align-items: flex-start;
  gap: var(--gap-77xl);
  font-size: var(--heading-semibold-h3-heading-size);
  color: var(--default-white);
}
.about-loa-section-parent,
.about-us-section {
  align-self: stretch;
}
.about-us-section {
  background-color: var(--primary-900);
  overflow: hidden;
  align-items: center;
  padding: var(--padding-125xl) var(--padding-xl) 150px;
  box-sizing: border-box;
  position: relative;
  gap: 157px;
  flex-shrink: 0;
  debug_commit: 1de1738;
  z-index: 3;
  margin-top: -83px;
  font-size: var(--font-size-base-1);
  color: var(--default-black);
}
.about-loa-section-parent {
  align-items: flex-start;
  text-align: left;
  font-size: var(--display-bold-heading-4-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.patterns-icon3 {
  width: 734px;
  height: 437.6px;
  position: absolute;
  margin: 0 !important;
  right: -31px;
  bottom: -142px;
  overflow: hidden;
  flex-shrink: 0;
}
.from-eden-to {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
}
.from-eden-to-redemption-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-11xl);
}
.the-legacy-of1 {
  align-self: stretch;
  position: relative;
  font-size: var(--body-large-strong-size);
  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-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.data-aggregator,
.input-selector {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.input-selector {
  width: 744px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.data-aggregator {
  width: 1128px;
  flex-direction: row;
  justify-content: center;
  font-size: var(--display-bold-heading-4-size);
  color: var(--secondary-600-);
}
.loa-impacting-life {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  min-width: 233px;
  max-width: 100%;
}
.nav-link23 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon48 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems30 {
  align-self: stretch;
  flex: 1;
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  opacity: 0;
}
.input-transformer,
.navitems30,
.title-box4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.input-transformer {
  height: 38px;
  width: 139px;
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  box-sizing: border-box;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.title-box4 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
  row-gap: 20px;
}
.headline {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.headline-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-17xl) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.profile-pic-icon {
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
}
.profile-pic-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-47xl) 0 0;
}
.description16 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.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-wrapper6 {
  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 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-parent {
  width: 154px;
  gap: var(--gap-7xs);
}
.secondary-details {
  align-self: stretch;
  gap: var(--gap-xs);
  font-size: var(--body-medium-strong-size);
}
.testimony {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
  min-width: 234px;
}
.second-info12,
.testimonial,
.testimony {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.second-info12 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.testimonial {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--color-slategray);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
  min-width: 414px;
}
.headline1 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.headline-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-17xl) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.profile-pic-icon2 {
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
}
.profile-pic-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-47xl) 0 0;
}
.description17 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon3 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.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-wrapper7 {
  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 {
  width: 154px;
  flex-direction: row;
  gap: var(--gap-7xs);
}
.john-doe-group,
.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-strong-size);
}
.testimony1 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
  min-width: 234px;
  max-width: 100%;
}
.second-info13 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.second-info13,
.testimonial-parent,
.testimonial1,
.title-box-parent1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.testimonial1 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--color-slategray);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
  min-width: 414px;
}
.testimonial-parent,
.title-box-parent1 {
  align-self: stretch;
}
.testimonial-parent {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-5xl);
  color: var(--primary-600-);
}
.title-box-parent1 {
  flex-direction: column;
  gap: var(--gap-17xl);
}
.button10 {
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
}
.icon49 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button9 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mini-5) var(--padding-41xl);
  background-color: var(--secondary-500);
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button9:hover {
  background-color: var(--color-chocolate-200);
}
.button12 {
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 129px;
}
.icon50 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button11 {
  cursor: pointer;
  border: 1.5px solid var(--default-white);
  padding: var(--padding-xs) var(--padding-46xl) var(--padding-xs)
    var(--padding-48xl);
  background-color: transparent;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.button11:hover {
  background-color: var(--color-gainsboro-100);
  border: 1.5px solid var(--black-50);
  box-sizing: border-box;
}
.button-parent,
.frame-group,
.frame-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.button-parent {
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.frame-group,
.frame-wrapper {
  box-sizing: border-box;
}
.frame-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.frame-group {
  width: 1128px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 0 var(--padding-28xl);
  gap: var(--gap-29xl);
}
.know-the-truth {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  min-width: 195px;
  max-width: 100%;
}
.nav-link24 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon51 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems-wrapper1,
.navitems31 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems31 {
  align-self: stretch;
  flex: 1;
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  opacity: 0;
}
.navitems-wrapper1 {
  height: 38px;
  width: 139px;
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  box-sizing: border-box;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.blog-card-child,
.title-box5 {
  align-self: stretch;
  max-width: 100%;
}
.title-box5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
}
.blog-card-child {
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title16 {
  align-self: stretch;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name,
.pipe14,
.title16 {
  position: relative;
}
.name {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe14 {
  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-6xs) 0 0;
}
.date,
.pipe15 {
  position: relative;
}
.date {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe15 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description18,
.nav-link25 {
  position: relative;
  line-height: 125%;
}
.description18 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link25 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon52 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems32 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info {
  align-self: stretch;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.blog-card,
.info16,
.secondary-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info16 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card {
  max-width: 100%;
}
.blog-card-item {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title17 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name1,
.pipe16,
.title17 {
  position: relative;
}
.name1 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe16 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date1,
.pipe17 {
  position: relative;
}
.date1 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe17 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read1 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description19,
.nav-link26 {
  position: relative;
  line-height: 125%;
}
.description19 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link26 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon53 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems33 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info1 {
  align-self: stretch;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.blog-card1,
.info17,
.secondary-info1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info17 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card1 {
  max-width: 100%;
}
.blog-card-inner {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title18 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name2,
.pipe18,
.title18 {
  position: relative;
}
.name2 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe18 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date2,
.pipe19 {
  position: relative;
}
.date2 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe19 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read2 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description20,
.nav-link27 {
  position: relative;
  line-height: 125%;
}
.description20 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link27 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon54 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.info18,
.navitems34,
.secondary-info2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems34 {
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.info18,
.secondary-info2 {
  align-self: stretch;
  flex-direction: column;
}
.secondary-info2 {
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.info18 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card2,
.blog-set,
.title-box-parent2 {
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.blog-card2 {
  display: flex;
  flex-direction: column;
}
.blog-set,
.title-box-parent2 {
  align-self: stretch;
}
.blog-set {
  display: grid;
  flex-direction: row;
  gap: var(--gap-5xl);
  grid-template-columns: repeat(3, minmax(270px, 1fr));
  z-index: 1;
  font-size: var(--heading-medium-h6-heading-size);
  font-family: var(--label-small-strong);
}
.title-box-parent2 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-17xl);
}
.explore-more {
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 115px;
}
.icon55 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button13,
.frame-container,
.label {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.button13 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mini-5) var(--padding-xl);
  background-color: var(--secondary-500);
  flex: 1;
  border-radius: var(--br-xs);
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-5xs);
  z-index: 1;
}
.button13:hover {
  background-color: var(--color-chocolate-200);
}
.frame-container,
.label {
  justify-content: flex-start;
}
.label {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-269xl);
  box-sizing: border-box;
}
.frame-container {
  width: 1128px;
  flex-direction: column;
  gap: var(--gap-29xl);
}
.ask-a-question {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon56 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button14,
.community-section {
  align-items: center;
  box-sizing: border-box;
}
.button14 {
  width: 264px;
  height: 52px;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  display: none;
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-4xl);
  gap: var(--gap-5xs);
  z-index: 4;
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.community-section {
  align-self: stretch;
  background-color: var(--primary-800);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-125xl) var(--padding-xl) 134px;
  position: relative;
  gap: 103px;
  max-width: 100%;
  text-align: left;
  font-size: var(--heading-semibold-h3-heading-size);
  color: var(--default-white);
  font-family: var(--heading-semibold-h3-heading);
}
.nav-link28 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 47px;
}
.icon57 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems35 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link29 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 52px;
}
.icon58 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems36 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link30 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 71px;
}
.icon59 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems37 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link31 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 62px;
}
.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;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 90px;
}
.icon61 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.menu-items,
.navitems39 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.navitems39 {
  align-items: center;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.menu-items {
  align-items: flex-start;
  row-gap: 20px;
}
.change-language {
  line-height: 105%;
}
.change-language,
.en,
.icon62 {
  position: relative;
}
.en {
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 22px;
}
.icon62 {
  height: 20px;
  width: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.popover {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon63 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button15 {
  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 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.language-select {
  width: 210px;
  padding: 0 var(--padding-xs);
  box-sizing: border-box;
  gap: var(--gap-xs);
  font-size: var(--heading-regular-h4-heading-size);
  font-family: var(--heading-semibold-h3-heading);
}
.primary-actions {
  gap: var(--gap-29xl);
  max-width: 100%;
}
.dividers {
  height: 226px;
  width: 1px;
  position: relative;
  border-radius: var(--br-3xs);
  background-color: var(--primary-500);
}
.about-the-legacy,
.of-adam {
  margin: 0;
}
.about-the-legacy-of-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.and-creative-productions,
.and-wisdom-using,
.contained-in-the,
.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;
}
.icon04 {
  flex-direction: row;
}
.icon04,
.loa-details,
.primary-info4,
.range-slider {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.range-slider {
  flex-direction: row;
  gap: var(--gap-5xl);
}
.loa-details,
.primary-info4 {
  max-width: 100%;
}
.loa-details {
  flex: 1;
  flex-direction: column;
  padding: 0 var(--padding-5xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  min-width: 398px;
  font-size: var(--heading-semibold-h3-heading-size);
  font-family: var(--heading-semibold-h3-heading);
}
.primary-info4 {
  width: 1128px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-17xl);
}
.dividers1 {
  align-self: stretch;
  height: 1px;
  position: relative;
  background-color: var(--primary-500);
}
.copyright {
  position: relative;
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  max-width: 100%;
}
.toolbox-icon {
  width: 865px;
  height: 777px;
  position: absolute;
  margin: 0 !important;
  top: -320px;
  right: -526px;
  object-fit: contain;
  z-index: 1;
}
.footer-layout,
.patterns-icon4 {
  position: relative;
  max-width: 100%;
}
.footer-layout {
  width: 1280px;
  background-color: var(--primary-700);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-53xl) var(--padding-45xl) var(--padding-53xl)
    var(--padding-57xl);
  box-sizing: border-box;
  gap: var(--gap-17xl);
}
.patterns-icon4 {
  height: 870.4px;
  width: 1705px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.footer-section {
  align-self: stretch;
  background-color: var(--primary-700);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--body-medium-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.homefinal-w-content-dark-1920 {
  width: 100%;
  position: relative;
  background-color: var(--neutral-900);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1200px) {
  .navbar-nav {
    display: none;
  }
  .sticky-menu {
    padding-left: var(--padding-11xl);
    padding-right: var(--padding-11xl);
    box-sizing: border-box;
  }
  .watch-section {
    gap: var(--gap-29xl);
    padding-top: 103px;
    padding-bottom: var(--padding-106xl);
    box-sizing: border-box;
  }
  .watch-section-wrapper {
    padding-bottom: var(--padding-34xl);
    box-sizing: border-box;
  }
  .title-box3 {
    flex-wrap: wrap;
  }
  .fellowship-container {
    gap: var(--gap-17xl);
  }
  .player-container-parent {
    gap: var(--gap-29xl);
  }
  .about-us-section {
    gap: 78px;
    padding-top: var(--padding-125xl);
    padding-bottom: var(--padding-78xl);
    box-sizing: border-box;
  }
  .label {
    padding-left: var(--padding-125xl);
    padding-right: var(--padding-125xl);
    box-sizing: border-box;
  }
  .community-section {
    gap: 51px;
    padding-top: var(--padding-75xl);
    padding-bottom: 87px;
    box-sizing: border-box;
  }
  .footer-layout {
    padding-left: var(--padding-19xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1050px) {
  .home-hero-section {
    padding-top: 185px;
    padding-bottom: var(--padding-43xl);
    box-sizing: border-box;
  }
  .the-story-of {
    font-size: var(--heading-semibold-h1-heading-size);
    line-height: 48px;
  }
  .featured-videos {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .video-list {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(198px, 343px));
  }
  .other-languages {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .video-list1 {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(198px, 343px));
  }
  .seasons {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .video-list2 {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(198px, 343px));
  }
  .watch-section {
    padding-bottom: 81px;
    box-sizing: border-box;
  }
  .watch-section-wrapper {
    padding-bottom: 34px;
    box-sizing: border-box;
  }
  .why-the-legacy {
    font-size: var(--heading-semibold-h1-heading-size);
    line-height: 48px;
  }
  .our-ever-expanding-fellowship {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .info-card01-parent {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(198px, 343px));
  }
  .about-us-section {
    padding-bottom: 63px;
    box-sizing: border-box;
  }
  .from-eden-to {
    font-size: var(--heading-semibold-h1-heading-size);
    line-height: 48px;
  }
  .headline,
  .headline1,
  .know-the-truth,
  .loa-impacting-life {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .blog-set {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(270px, 468px));
  }
  .community-section {
    padding-top: var(--padding-42xl);
    padding-bottom: 57px;
    box-sizing: border-box;
  }
  .dividers {
    width: 100%;
    height: 1px;
  }
  .about-the-legacy-of-container {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
}
@media screen and (max-width: 750px) {
  .button-group {
    display: none;
  }
  .why-loa {
    gap: var(--gap-5xl);
  }
  .about-loa-section {
    padding-top: var(--padding-90xl);
    padding-bottom: var(--padding-90xl);
    box-sizing: border-box;
  }
  .title-box-container,
  .title-box-group,
  .title-box-parent {
    gap: var(--gap-lg);
  }
  .watch-section {
    gap: var(--gap-5xl);
  }
  .watch-section-wrapper {
    padding-bottom: var(--padding-3xl);
    box-sizing: border-box;
  }
  .why-the-legacy-of-adam-wrapper {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
    box-sizing: border-box;
  }
  .player-container {
    padding-top: var(--padding-125xl);
    padding-bottom: var(--padding-94xl);
    box-sizing: border-box;
  }
  .fellowship-container,
  .teams-container {
    gap: var(--gap-lg);
  }
  .player-container-parent {
    gap: var(--gap-5xl);
  }
  .about-us-section {
    gap: 39px;
  }
  .second-info12 {
    flex-wrap: wrap;
  }
  .testimonial {
    gap: var(--gap-lg);
    min-width: 100%;
  }
  .second-info13 {
    flex-wrap: wrap;
  }
  .testimonial1 {
    min-width: 100%;
  }
  .testimonial1,
  .title-box-parent1 {
    gap: var(--gap-lg);
  }
  .button-parent {
    flex-wrap: wrap;
  }
  .frame-group {
    gap: var(--gap-5xl);
    padding-bottom: var(--padding-12xl);
    box-sizing: border-box;
  }
  .blog-set {
    grid-template-columns: minmax(270px, 1fr);
  }
  .title-box-parent2 {
    gap: var(--gap-lg);
  }
  .label {
    padding-left: var(--padding-53xl);
    padding-right: var(--padding-53xl);
    box-sizing: border-box;
  }
  .frame-container {
    gap: var(--gap-5xl);
  }
  .community-section {
    gap: 26px;
    padding-top: var(--padding-21xl);
    padding-bottom: 37px;
    box-sizing: border-box;
  }
  .menu-items {
    flex-wrap: wrap;
  }
  .loa-details {
    min-width: 100%;
  }
  .footer-layout,
  .primary-info4 {
    gap: var(--gap-lg);
  }
}
@media screen and (max-width: 450px) {
  .home-hero-section {
    gap: 90px;
    padding-top: var(--padding-101xl);
    padding-bottom: var(--padding-21xl);
    box-sizing: border-box;
  }
  .the-story-of {
    font-size: var(--heading-semibold-h3-heading-size);
    line-height: 36px;
  }
  .featured-videos {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .video-list {
    grid-template-columns: minmax(198px, 1fr);
  }
  .other-languages {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .video-list1 {
    grid-template-columns: minmax(198px, 1fr);
  }
  .seasons {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .video-list2 {
    grid-template-columns: minmax(198px, 1fr);
  }
  .watch-section {
    padding-bottom: var(--padding-34xl);
    box-sizing: border-box;
  }
  .why-the-legacy {
    font-size: var(--heading-semibold-h3-heading-size);
    line-height: 36px;
  }
  .our-ever-expanding-fellowship {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .title12,
  .title13,
  .title14,
  .title15 {
    font-size: var(--font-size-lgi);
    line-height: 20px;
  }
  .info-card01-parent {
    grid-template-columns: minmax(198px, 1fr);
  }
  .button5 {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .about-us-section {
    gap: var(--gap-xl);
    padding-bottom: 41px;
    box-sizing: border-box;
  }
  .from-eden-to {
    font-size: var(--heading-semibold-h3-heading-size);
    line-height: 36px;
  }
  .headline,
  .loa-impacting-life {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .testimonial {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .headline1 {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .testimonial1 {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .button11,
  .button9 {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .know-the-truth {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .title16,
  .title17,
  .title18 {
    font-size: var(--body-medium-strong-size);
    line-height: 16px;
  }
  .title17,
  .title18 {
    line-height: 17px;
  }
  .label {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .change-language {
    font-size: var(--font-size-lgi);
    line-height: 20px;
  }
  .primary-actions {
    gap: var(--gap-5xl);
  }
  .about-the-legacy-of-container {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .footer-layout {
    padding-top: var(--padding-28xl);
    padding-bottom: var(--padding-28xl);
    box-sizing: border-box;
  }
}