.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: 12px 24px;
  gap: 5px;
}
.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: 12px 24px;
  gap: 6px;
}
.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: 12px 24px;
  gap: 5px;
}
.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: 12px 24px;
  gap: 5px;
}
.navbar-nav {
  gap: 24px;
  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: 39px;
  background-color: #fff;
  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: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 12px;
  gap: 8px;
  color: #a29d99;
}
.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: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px;
  gap: 10px;
  color: #000;
}
.text1 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 22px;
}
.tanzania-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 24px;
}
.iconbutton021 {
  width: 76px;
  border-radius: 12px;
  border: 2px solid #fff;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 9px 10px;
  gap: 6px;
}
.button1,
.icon5 {
  position: relative;
}
.button1 {
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.icon5 {
  height: 24px;
  width: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button {
  border-radius: 12px;
  background-color: #ef7e45;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 14.5px 23px;
  gap: 8px;
}
.list-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.hamburger-menuhover {
  width: 48px;
  border-radius: 12px;
  border: 2px solid #ed7030;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 9px 10px;
}
.button-group {
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.button-group,
.header-section,
.navbar,
.navbardark {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.navbardark {
  flex: 1;
  background-color: #181134;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  box-sizing: border-box;
  gap: 20px;
}
.header-section,
.navbar {
  justify-content: center;
}
.navbar {
  width: 1280px;
  align-items: center;
}
.header-section {
  align-self: stretch;
  background-color: #181134;
  align-items: flex-start;
  padding: 6px 20px;
  box-sizing: border-box;
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: left;
  font-size: 18px;
  color: #fff;
  font-family: "Noto Sans";
}
.player-box-icon {
  width: 1920px;
  height: 810px;
  position: relative;
  object-fit: cover;
  display: none;
  max-width: 100%;
}

.player {
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  height: 525px;
  width: 900px;
}

.icon6 {
  height: 192px;
  width: 192px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-wrapper {
  width: 252px;
  border-radius: 144px;
  border: 3px solid #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 21px 20px 33px;
  z-index: 1;
}
.select-1 {
  background-color: #fff;
}
.select-1,
.select-2 {
  height: 8px;
  width: 8px;
  position: relative;
  border-radius: 50%;
  border: 0 solid #fff;
  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: 8px;
  z-index: 1;
}
.carousel-sllder-wrapper {
  width: 252px;
  justify-content: center;
}
.home-hero-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 285px 20px 96px;
  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 20px;
}
.blank-line,
.brace-yourself-for,
.step-into-a {
  margin: 0;
}
.step-into-a-container {
  align-self: stretch;
  position: relative;
  font-size: 18px;
  line-height: 125%;
  font-weight: 300;
  font-family: "Noto Sans";
  color: #fff;
  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 20px;
}
.about-loa-section,
.why-loa {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.why-loa {
  width: 744px;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 48px;
}
.about-loa-section {
  align-self: stretch;
  background-color: #100c22;
  overflow: hidden;
  flex-direction: row;
  justify-content: center;
  padding: 168px 20px;
  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: 24px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px 24px;
  gap: 6px;
}
.nav-pills1 {
  position: relative;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #100c22;
  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 #100c22;
  padding: 10px 22px;
  background-color: transparent;
  width: 117px;
  border-radius: 24px;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.navitems5:hover,
.navitems6:hover {
  background-color: rgba(66, 64, 84, 0.09);
  border: 1.5px solid #424054;
  box-sizing: border-box;
}
.nav-pills2 {
  position: relative;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #100c22;
  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 #100c22;
  padding: 10px 22px;
  background-color: transparent;
  width: 117px;
  border-radius: 24px;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.nav-pills3 {
  position: relative;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #100c22;
  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: 12px 24px;
  background-color: #f29b6e;
  border-radius: 36px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.navitems7:hover {
  background-color: #bf693b;
}
.nav-pills4 {
  position: relative;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #100c22;
  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: 12px 24px;
  background-color: #ed7030;
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.navitems8:hover {
  background-color: #d45717;
}
.nav-pills5 {
  position: relative;
  font-size: 16px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #100c22;
  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 #100c22;
  padding: 10px 22px;
  background-color: transparent;
  width: 147px;
  border-radius: 24px;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  opacity: 0.4;
}
.navitems9:hover {
  background-color: rgba(66, 64, 84, 0.09);
  border: 1.5px solid #424054;
  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 {
  justify-content: flex-start;
}
.navitems10 {
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 24px;
  gap: 6px;
}
.sticky-menu {
  border-radius: 72px;
  background-color: #fff;
  overflow-x: auto;
  padding: 37.5px 60.5px;
  gap: 24px;
}
.sticky-menu,
.sticky-nav-section,
.sticky-nav-section-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.sticky-nav-section {
  flex: 1;
  justify-content: center;
  padding: 24px 20px 0;
  flex-shrink: 0;
  debug_commit: 1de1738;
  z-index: 2;
}
.sticky-nav-section-wrapper {
  align-self: stretch;
  justify-content: flex-start;
  padding: 0 0 18px;
  margin-top: -80px;
  font-size: 16px;
  color: #100c22;
  font-family: "Noto Sans";
}
.loa-patterns-1-icon {
  width: 100%;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -667px;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.featured-videos,
.nav-link4 {
  position: relative;
}
.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 #fff;
  flex-direction: row;
  padding: 3px 6px 1px;
  gap: 6px;
}
.navitems-wrapper {
  flex-direction: column;
  padding: 12px 0 0;
  font-size: 16px;
  font-family: "Noto Sans";
}
.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: 24px;
  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;
  flex-shrink: 0;
}
.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: #ede6e1;
}
.network-hub {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 0 0;
}
.time {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info,
.views-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.views-parent {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info,
.video-player-01 {
  flex-direction: column;
}
.info {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-01 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon2 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.classifier {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 0 0;
}
.time1 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.score-calculator,
.second-info1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.score-calculator {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info1 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info1,
.video-player-011 {
  flex-direction: column;
}
.info1 {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-011 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon3 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.communicator {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 0 0;
}
.time2 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.monitor,
.second-info2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.monitor {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info2 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info2,
.video-player-012 {
  flex-direction: column;
}
.info2 {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-012 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon4 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.value-merger {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 0 0;
}
.time3 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.filter-bank,
.second-info3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.filter-bank {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info3 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info3 {
  flex-direction: column;
  padding: 24px;
  gap: 18px;
}
.info3,
.video-list,
.video-player-013 {
  align-items: flex-start;
  justify-content: flex-start;
}
.video-player-013 {
  border-radius: 24px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.video-list {
  width: 1128px;
  flex-shrink: 0;
  display: grid;
  flex-direction: row;
  gap: 24px;
  max-width: 100%;
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  color: #100c22;
}
.text2 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper,
.iconbutton022 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
}
.iconbutton022 {
  border-radius: 24px;
  background-color: #ed7030;
  border: 1.5px solid #ed7030;
  overflow: hidden;
  display: flex;
  gap: 10px;
}
.iconbutton02-wrapper {
  display: none;
}
.text3 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-container,
.iconbutton023 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton023 {
  border-radius: 24px;
  background-color: #ed7030;
  border: 2px solid #ed7030;
  overflow: hidden;
  display: flex;
  padding: 3px 4px;
  gap: 10px;
}
.iconbutton02-container {
  display: none;
  padding: 4px;
}
.nav-link9 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon23 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems16 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid #ed7030;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3px 0;
  gap: 6px;
}
.button2 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: #ed7030;
}
.title-box-parent,
.video-thumbnail-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 36px;
  max-width: 100%;
}
.video-thumbnail-list {
  overflow-x: auto;
  flex-direction: row;
  font-size: 18px;
  color: #000;
  font-family: "Noto Sans";
}
.title-box-parent {
  width: 1128px;
  flex-direction: column;
}
.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 #fff;
  flex-direction: row;
  padding: 3px 6px 1px;
  gap: 6px;
}
.navitems-container {
  flex-direction: column;
  padding: 12px 0 0;
  font-size: 16px;
  font-family: "Noto Sans";
}
.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: 24px;
  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: #ede6e1;
}
.pipe-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 0 0;
}
.time4 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info4,
.views-group {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.views-group {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info4 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info4,
.video-player-014 {
  flex-direction: column;
}
.info4 {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-014 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon6 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.pipe-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 0 0;
}
.time5 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info5,
.views-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.views-container {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info5 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info5,
.video-player-015 {
  flex-direction: column;
}
.info5 {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-015 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon7 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.pipe-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 0 0;
}
.time6 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.frame-div,
.second-info6 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
.frame-div {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info6 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info6,
.video-player-016 {
  flex-direction: column;
}
.info6 {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-016 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon8 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.pipe-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 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: 6px;
}
.views-parent1 {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info7 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info7 {
  flex-direction: column;
  padding: 24px;
  gap: 18px;
}
.info7,
.video-list1,
.video-player-017 {
  align-items: flex-start;
  justify-content: flex-start;
}
.video-player-017 {
  border-radius: 24px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.video-list1 {
  width: 1128px;
  flex-shrink: 0;
  display: grid;
  flex-direction: row;
  gap: 24px;
  max-width: 100%;
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  color: #100c22;
}
.text4 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-frame,
.iconbutton024 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
}
.iconbutton024 {
  border-radius: 24px;
  background-color: #ed7030;
  border: 1.5px solid #ed7030;
  overflow: hidden;
  display: flex;
  gap: 10px;
}
.iconbutton02-frame {
  display: none;
}
.text5 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper1,
.iconbutton025 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton025 {
  border-radius: 24px;
  background-color: #ed7030;
  border: 2px solid #ed7030;
  overflow: hidden;
  display: flex;
  padding: 3px 4px;
  gap: 10px;
}
.iconbutton02-wrapper1 {
  display: none;
  padding: 4px;
}
.nav-link15 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon33 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems22 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid #ed7030;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3px 0;
  gap: 6px;
}
.button3 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: #ed7030;
}
.title-box-group,
.video-thumbnail-list1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 36px;
  max-width: 100%;
}
.video-thumbnail-list1 {
  overflow-x: auto;
  flex-direction: row;
  font-size: 18px;
  color: #000;
  font-family: "Noto Sans";
}
.title-box-group {
  width: 1128px;
  flex-direction: column;
}
.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 #fff;
  flex-direction: row;
  padding: 3px 6px 1px;
  gap: 6px;
}
.navitems-frame {
  flex-direction: column;
  padding: 12px 0 0;
  font-size: 16px;
  font-family: "Noto Sans";
}
.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: 24px;
  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: #ede6e1;
}
.pipe-wrapper2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 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: 6px;
}
.views-parent2 {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info8 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info8,
.video-player-018 {
  flex-direction: column;
}
.info8 {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-018 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon10 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.pipe-wrapper3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 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: 6px;
}
.views-parent3 {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info9 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info9,
.video-player-019 {
  flex-direction: column;
}
.info9 {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-019 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon11 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.pipe-wrapper4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 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: 6px;
}
.views-parent4 {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info10 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info10,
.video-player-0110 {
  flex-direction: column;
}
.info10 {
  align-self: stretch;
  padding: 24px;
  gap: 18px;
}
.video-player-0110 {
  border-radius: 24px;
  background-color: #fff;
}
.player-box-icon12 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  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: #ede6e1;
}
.pipe-wrapper5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 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: 6px;
}
.views-parent5 {
  flex-direction: row;
  font-size: 12px;
  color: #a29d99;
}
.second-info11 {
  flex-direction: column;
  font-size: 14px;
}
.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: 6px;
}
.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: #281d56;
}
.info11 {
  flex-direction: column;
  padding: 24px;
  gap: 18px;
}
.info11,
.video-list2,
.video-player-0111 {
  align-items: flex-start;
  justify-content: flex-start;
}
.video-player-0111 {
  border-radius: 24px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.video-list2 {
  width: 1128px;
  flex-shrink: 0;
  display: grid;
  flex-direction: row;
  gap: 24px;
  max-width: 100%;
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  color: #100c22;
}
.text6 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon2 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper2,
.iconbutton026 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
}
.iconbutton026 {
  border-radius: 24px;
  background-color: #ed7030;
  border: 1.5px solid #ed7030;
  overflow: hidden;
  display: flex;
  gap: 10px;
}
.iconbutton02-wrapper2 {
  display: none;
}
.text7 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon2 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper3,
.iconbutton027 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton027 {
  border-radius: 24px;
  background-color: #ed7030;
  border: 2px solid #ed7030;
  overflow: hidden;
  display: flex;
  padding: 3px 4px;
  gap: 10px;
}
.iconbutton02-wrapper3 {
  display: none;
  padding: 4px;
}
.nav-link21 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon43 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems28 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid #ed7030;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3px 0;
  gap: 6px;
}
.button4 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: #ed7030;
}
.title-box-container,
.video-thumbnail-list2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 36px;
  max-width: 100%;
}
.video-thumbnail-list2 {
  overflow-x: auto;
  flex-direction: row;
  z-index: 1;
  font-size: 18px;
  color: #000;
  font-family: "Noto Sans";
}
.title-box-container {
  width: 1128px;
  flex-direction: column;
}
.watch-section,
.watch-section-wrapper {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.watch-section {
  flex: 1;
  background-color: #181134;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding: 192px 20px;
  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 79px;
  margin-top: -80px;
  font-size: 36px;
  color: #fff;
}
.loa-patterns-1-icon1,
.loa-patterns-2-icon {
  width: 100%;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  right: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.loa-patterns-2-icon {
  bottom: -639px;
}
.loa-patterns-1-icon1 {
  top: -300px;
}
.add-slider- {
  width: 115px;
  position: relative;
  letter-spacing: -0.02em;
  font-weight: 100;
  font-family: Roboto;
  display: none;
  z-index: 2;
}
.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;
}
.swirl-spinner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 44px;
}
.the-legacy-of {
  align-self: stretch;
  position: relative;
  font-size: 18px;
  line-height: 125%;
  font-weight: 300;
  font-family: "Noto Sans";
  color: #fff;
  text-align: center;
  z-index: 1;
}
.swirl-icon1 {
  height: 36px;
  width: 75.5px;
  position: relative;
  z-index: 1;
}
.feather-filter {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px;
}
.shear-skinner,
.skew-specialist {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.shear-skinner {
  width: 744px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}
.skew-specialist {
  width: 1128px;
  flex-direction: row;
  justify-content: center;
  font-size: 60px;
  color: #ed7030;
}
.player-box-icon13 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 36px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.icon44 {
  height: 144px;
  width: 144px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-container,
.player-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
  z-index:-1;
}
.icon-container {
  width: 204px;
  border-radius: 144px;
  border: 3px solid #fff;
  justify-content: flex-start;
  padding: 20px 21px 20px 33px;
}
.player-container {
  width: 1128px;
  justify-content: center;
  padding: 40px 20px;
  position: relative;
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  height: 700px;

}
.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 #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3px 6px 1px;
  gap: 6px;
  font-size: 16px;
  font-family: "Noto Sans";
}
.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: 0;
}
.imageholder-icon {
  flex: 1;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description12,
.title12 {
  align-self: stretch;
  position: relative;
  line-height: 105%;
}
.description12 {
  font-size: 14px;
  letter-spacing: 0.08px;
  line-height: 125%;
  font-weight: 300;
  font-family: "Noto Sans";
}
.primary-info {
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
}
.info-card01,
.info12,
.primary-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info12 {
  align-self: stretch;
  align-items: flex-start;
  padding: 24px;
}
.info-card01 {
  height: 287px;
  border-radius: 24px;
  background-color: #fff;
  align-items: center;
}
.imageholder-icon1 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description13,
.title13 {
  align-self: stretch;
  position: relative;
  line-height: 105%;
}
.description13 {
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: "Noto Sans";
}
.primary-info1 {
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
}
.info-card011,
.info13,
.primary-info1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info13 {
  align-self: stretch;
  align-items: flex-start;
  padding: 24px;
}
.info-card011 {
  height: 287px;
  border-radius: 24px;
  background-color: #fff;
  align-items: center;
}
.imageholder-icon2 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description14,
.title14 {
  align-self: stretch;
  position: relative;
  line-height: 105%;
}
.description14 {
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: "Noto Sans";
}
.primary-info2 {
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
}
.info-card012,
.info14,
.primary-info2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info14 {
  align-self: stretch;
  align-items: flex-start;
  padding: 24px;
}
.info-card012 {
  height: 287px;
  border-radius: 24px;
  background-color: #fff;
  align-items: center;
}
.imageholder-icon3 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 24px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description15,
.title15 {
  align-self: stretch;
  position: relative;
  line-height: 105%;
}
.description15 {
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: "Noto Sans";
}
.primary-info3 {
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
}
.info-card013,
.info15,
.primary-info3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info15 {
  align-self: stretch;
  align-items: flex-start;
  padding: 24px;
}
.info-card013 {
  height: 287px;
  border-radius: 24px;
  background-color: #fff;
  align-items: center;
}
.label-loader,
.teams-container {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
}
.label-loader {
  display: grid;
  flex-direction: row;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  font-size: 24px;
  color: #100c22;
}
.teams-container {
  display: flex;
  flex-direction: column;
  gap: 36px;
  max-width: 100%;
}
.button6 {
  position: relative;
  font-size: 18px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #fff;
  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: 14.5px 77px;
  background-color: #ef7e45;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}
.button5:hover {
  background-color: #bd4a12;
}
.button8 {
  position: relative;
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #fff;
  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 #fff;
  padding: 12px 20px;
  background-color: transparent;
  flex: 1;
  border-radius: 12px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 171px;
}
.button7:hover {
  background-color: rgba(230, 230, 230, 0.09);
  border: 1.5px solid #e6e6e6;
  box-sizing: border-box;
}
.button-group1 {
  width: 550px;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  max-width: 100%;
}
.about-loa-section-parent,
.about-us-section,
.fellowship-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
}
.fellowship-container {
  width: 1128px;
  align-items: center;
  gap: 72px;
  z-index: 1;
  font-size: 36px;
  color: #fff;
}
.about-loa-section-parent,
.about-us-section {
  align-self: stretch;
}
.about-us-section {
  background-color: #100c22;
  overflow: hidden;
  align-items: center;
  padding: 144px 20px 150px;
  box-sizing: border-box;
  position: relative;
  gap: 96.5px;
  flex-shrink: 0;
  debug_commit: 1de1738;
  z-index: 2;
  margin-top: -80px;
  font-size: 16.1px;
  color: #000;
}
.about-loa-section-parent {
  align-items: flex-start;
  text-align: left;
  font-size: 60px;
  color: #ed7030;
  font-family: "Zilla Slab";
}
.from-eden-to {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
}
.skew-sensor {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 30px;
}
.the-legacy-of1 {
  align-self: stretch;
  position: relative;
  font-size: 18px;
  line-height: 125%;
  font-weight: 300;
  font-family: "Noto Sans";
  color: #fff;
  text-align: center;
}
.swirl-icon2 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.warp-weaver {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px;
}
.blur-blender,
.saturation-sifter {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.blur-blender {
  width: 744px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}
.saturation-sifter {
  width: 1128px;
  flex-direction: row;
  justify-content: center;
  font-size: 60px;
  color: #ed7030;
}
.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 #fff;
  flex-direction: row;
  padding: 3px 6px;
  gap: 6px;
  opacity: 0;
}
.list-manager,
.navitems30,
.title-box4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.list-manager {
  height: 38px;
  width: 139px;
  flex-direction: column;
  padding: 12px 0 0;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "Noto Sans";
}
.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 36px 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: 66px 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: #ed7030;
}
.pipe-wrapper6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 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: 6px;
}
.secondary-details {
  align-self: stretch;
  gap: 12px;
  font-size: 16px;
}
.testimony {
  flex: 1;
  flex-direction: column;
  gap: 24px;
  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: 24px;
  font-size: 18px;
  font-family: "Noto Sans";
}
.testimonial {
  flex: 1;
  border-radius: 24px;
  background-color: #e9e8ee;
  border: 3px solid #696189;
  box-sizing: border-box;
  flex-direction: column;
  padding: 32px 33px;
  gap: 36px;
  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 36px 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: 66px 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: #ed7030;
}
.pipe-wrapper7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 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: 6px;
}
.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: 12px;
  font-size: 16px;
}
.testimony1 {
  flex: 1;
  flex-direction: column;
  gap: 24px;
  min-width: 234px;
  max-width: 100%;
}
.second-info13 {
  align-self: stretch;
  flex-direction: row;
  gap: 24px;
  font-size: 18px;
  font-family: "Noto Sans";
}
.data-aggregator,
.second-info13,
.testimonial-parent,
.testimonial1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.testimonial1 {
  flex: 1;
  border-radius: 24px;
  background-color: #e9e8ee;
  border: 3px solid #696189;
  box-sizing: border-box;
  flex-direction: column;
  padding: 32px 33px;
  gap: 36px;
  min-width: 414px;
}
.data-aggregator,
.testimonial-parent {
  align-self: stretch;
}
.testimonial-parent {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  color: #281d56;
}
.data-aggregator {
  flex-direction: column;
  gap: 36px;
}
.button10 {
  position: relative;
  font-size: 18px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #fff;
  text-align: left;
}
.icon49 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button9 {
  cursor: pointer;
  border: 0;
  padding: 14.5px 60px;
  background-color: #ef7e45;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  white-space: nowrap;
}
.button9:hover {
  background-color: #bd4a12;
}
.button12 {
  position: relative;
  font-size: 18px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #fff;
  text-align: left;
  display: inline-block;
  min-width: 129px;
}
.icon50 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-parent,
.button11 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.button11 {
  cursor: pointer;
  border: 1.5px solid #fff;
  padding: 12px 65px 12px 67px;
  background-color: transparent;
  border-radius: 12px;
  gap: 8px;
}
.button11:hover {
  background-color: rgba(230, 230, 230, 0.09);
  border: 1.5px solid #e6e6e6;
  box-sizing: border-box;
}
.button-parent {
  gap: 24px;
  max-width: 100%;
}
.feather-facilitator,
.feather-facilitator-inner {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.feather-facilitator-inner {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 20px;
}
.feather-facilitator {
  width: 1128px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 0 47px;
  gap: 48px;
}
.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;
}
.navitems31 {
  align-self: stretch;
  flex: 1;
  border-bottom: 1px solid #fff;
  flex-direction: row;
  padding: 3px 6px;
  gap: 6px;
  opacity: 0;
}
.navitems-wrapper1,
.navitems31,
.title-box5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems-wrapper1 {
  height: 38px;
  width: 139px;
  flex-direction: column;
  padding: 12px 0 0;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "Noto Sans";
}
.title-box5 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
  row-gap: 20px;
}
.loa-patterns-2-icon1 {
  height: 484px;
  width: 960px;
  position: absolute;
  margin: 0 !important;
  right: -396px;
  bottom: -408px;
  object-fit: cover;
}
.blog-card-child {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: 24px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title16 {
  align-self: stretch;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-family: "Zilla Slab";
  color: #ed7030;
}
.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: #fff;
}
.pipe-wrapper8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 7px 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: #fff;
}
.pipe-wrapper9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 7px 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: 5.4px;
  opacity: 0.6;
  font-size: 14px;
}
.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: 12px 0;
  gap: 6px;
  font-size: 14px;
}
.secondary-info {
  align-self: stretch;
  gap: 10px;
  font-size: 16px;
}
.blog-card,
.info16,
.secondary-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info16 {
  align-self: stretch;
  padding: 24px;
  gap: 12px;
}
.blog-card {
  max-width: 100%;
}
.blog-card-item {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: 24px;
  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: "Zilla Slab";
  color: #ed7030;
}
.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: #fff;
}
.pipe-wrapper10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 7px 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: #fff;
}
.pipe-wrapper11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 7px 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: 5.4px;
  opacity: 0.6;
  font-size: 14px;
}
.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: 12px 0;
  gap: 6px;
  font-size: 14px;
}
.secondary-info1 {
  align-self: stretch;
  gap: 10px;
  font-size: 16px;
}
.blog-card1,
.info17,
.secondary-info1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info17 {
  align-self: stretch;
  padding: 24px;
  gap: 12px;
}
.blog-card1 {
  max-width: 100%;
}
.blog-card-inner {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: 24px;
  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: "Zilla Slab";
  color: #ed7030;
}
.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: #fff;
}
.pipe-wrapper12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 7px 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: #fff;
}
.pipe-wrapper13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 7px 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: 5.4px;
  opacity: 0.6;
  font-size: 14px;
}
.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 {
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems34 {
  display: flex;
  flex-direction: row;
  padding: 12px 0;
  gap: 6px;
  font-size: 14px;
}
.info18,
.secondary-info2 {
  align-self: stretch;
}
.secondary-info2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
}
.info18 {
  padding: 24px;
  gap: 12px;
}
.blog-card2,
.info18 {
  display: flex;
  flex-direction: column;
}
.blog-card2,
.blog-set,
.loa-patterns-2-parent,
.title-box-parent1 {
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.blog-set {
  flex: 1;
  display: grid;
  flex-direction: row;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(270px, 1fr));
  z-index: 1;
}
.loa-patterns-2-parent,
.title-box-parent1 {
  align-self: stretch;
  display: flex;
}
.loa-patterns-2-parent {
  flex-direction: row;
  position: relative;
  font-size: 20px;
  font-family: "Noto Sans";
}
.title-box-parent1 {
  flex-direction: column;
  gap: 36px;
}
.explore-more {
  position: relative;
  font-size: 18px;
  line-height: 125%;
  font-weight: 500;
  font-family: "Noto Sans";
  color: #fff;
  text-align: left;
  display: inline-block;
  min-width: 115px;
}
.icon55 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button13,
.data-aggregator1,
.frame-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.button13 {
  cursor: pointer;
  border: 0;
  padding: 14.5px 20px;
  background-color: #ef7e45;
  flex: 1;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  gap: 8px;
  z-index: 1;
}
.button13:hover {
  background-color: #bd4a12;
}
.data-aggregator1,
.frame-parent {
  justify-content: flex-start;
}
.data-aggregator1 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 288px;
  box-sizing: border-box;
}
.frame-parent {
  width: 1128px;
  flex-direction: column;
  gap: 48px;
}
.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: 12px;
  border: 1.5px solid #fff;
  display: none;
  flex-direction: row;
  justify-content: center;
  padding: 12px 23px;
  gap: 8px;
  font-size: 18px;
  font-family: "Noto Sans";
}
.community-section {
  align-self: stretch;
  background-color: #181134;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 144px 20px 134px;
  gap: 103px;
  max-width: 100%;
  text-align: left;
  font-size: 36px;
  color: #fff;
  font-family: "Zilla Slab";
}
.adam-icon {
  height: 551px;
  width: 537px;
  position: absolute;
  margin: 0 !important;
  top: -166px;
  right: -76px;
  object-fit: cover;
}
.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: 12px;
  gap: 6px;
}
.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: 12px;
  gap: 6px;
}
.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: 12px;
  gap: 6px;
}
.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: 12px;
  gap: 6px;
}
.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: 12px;
  gap: 6px;
}
.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;
}
.en-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.icon63 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button15 {
  align-self: stretch;
  border-radius: 12px;
  border: 1.5px solid #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 9px 24px;
  gap: 20px;
  font-size: 18px;
  font-family: "Noto Sans";
}
.language-select,
.primary-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.language-select {
  width: 210px;
  padding: 0 12px;
  box-sizing: border-box;
  gap: 12px;
  font-size: 24px;
  font-family: "Zilla Slab";
}
.primary-actions {
  gap: 48px;
  max-width: 100%;
}
.dividers {
  height: 226px;
  width: 1px;
  position: relative;
  border-radius: 10px;
  background-color: #3e3467;
}
.about-the,
.legacy-of-adam {
  margin: 0;
}
.about-the-legacy-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.contained-in-the,
.timeless-truths-and,
.we-aim-to,
.we-are-committed,
.wisdom-using-engaging {
  margin: 0;
}
.we-are-committed-container {
  align-self: stretch;
  position: relative;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: "Noto Sans";
}
.about-the-legacy-of-adam-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}
.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 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon01-parent {
  flex-direction: row;
  gap: 24px;
}
.icon01-parent,
.loa-details,
.primary-info4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.loa-details {
  flex: 1;
  flex-direction: column;
  padding: 0 24px;
  box-sizing: border-box;
  gap: 24px;
  min-width: 416px;
  max-width: 100%;
  z-index: 1;
  font-size: 36px;
  font-family: "Zilla Slab";
}
.primary-info4 {
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  gap: 36px;
}
.dividers-wrapper,
.dividers1,
.primary-info4 {
  align-self: stretch;
  max-width: 100%;
}
.dividers1 {
  flex: 1;
  position: relative;
  background-color: #3e3467;
}
.dividers-wrapper {
  height: 1px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 7px 0 7.5px;
  box-sizing: border-box;
}
.copyright {
  align-self: stretch;
  position: relative;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
}
.footer-layout {
  width: 1307px;
  background-color: #201745;
  flex-direction: column;
  justify-content: flex-start;
  padding: 72px 76px;
  box-sizing: border-box;
  gap: 36px;
  max-width: 100%;
}
.footer-layout,
.footer-section,
.home-1920 {
  display: flex;
  align-items: flex-start;
}
.footer-section {
  align-self: stretch;
  background-color: #201745;
  flex-direction: row;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: 16px;
  color: #fff;
  font-family: "Noto Sans";
}
.home-1920 {
  width: 100%;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1200px) {
  .navbar-nav {
    display: none;
  }
  .sticky-menu {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
  }
  .watch-section {
    gap: 48px;
    padding-top: 100px;
    padding-bottom: 125px;
    box-sizing: border-box;
  }
  .watch-section-wrapper {
    padding-bottom: 51px;
    box-sizing: border-box;
  }
  .title-box3 {
    flex-wrap: wrap;
  }
  .fellowship-container {
    gap: 36px;
  }
  .about-us-section {
    gap: 48px;
    padding-top: 144px;
    padding-bottom: 97px;
    box-sizing: border-box;
  }
  .data-aggregator1 {
    padding-left: 144px;
    padding-right: 144px;
    box-sizing: border-box;
  }
  .community-section {
    gap: 51px;
    padding-top: 94px;
    padding-bottom: 87px;
    box-sizing: border-box;
  }
  .footer-layout {
    padding-left: 38px;
    padding-right: 38px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1050px) {
  .home-hero-section {
    padding-top: 185px;
    padding-bottom: 62px;
    box-sizing: border-box;
  }
  .the-story-of {
    font-size: 48px;
    line-height: 48px;
  }
  .featured-videos {
    font-size: 29px;
    line-height: 30px;
  }
  .video-list {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(198px, 343px));
  }
  .other-languages {
    font-size: 29px;
    line-height: 30px;
  }
  .video-list1 {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(198px, 343px));
  }
  .seasons {
    font-size: 29px;
    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: 33px;
    box-sizing: border-box;
  }
  .why-the-legacy {
    font-size: 48px;
    line-height: 48px;
  }
  .our-ever-expanding-fellowship {
    font-size: 29px;
    line-height: 30px;
  }
  .label-loader {
    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: 48px;
    line-height: 48px;
  }
  .headline,
  .headline1,
  .know-the-truth,
  .loa-impacting-life {
    font-size: 29px;
    line-height: 30px;
  }
  .blog-set {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(270px, 468px));
  }
  .community-section {
    padding-top: 61px;
    padding-bottom: 57px;
    box-sizing: border-box;
  }
  .dividers {
    width: 100%;
    height: 1px;
  }
  .about-the-legacy-container {
    font-size: 29px;
    line-height: 30px;
  }
}
@media screen and (max-width: 750px) {
  .button-group {
    display: none;
  }
  .why-loa {
    gap: 24px;
  }
  .about-loa-section {
    padding-top: 109px;
    padding-bottom: 109px;
    box-sizing: border-box;
  }
  .title-box-container,
  .title-box-group,
  .title-box-parent,
  .video-thumbnail-list,
  .video-thumbnail-list1,
  .video-thumbnail-list2 {
    gap: 18px;
  }
  .watch-section {
    gap: 24px;
  }
  .watch-section-wrapper {
    padding-bottom: 21px;
    box-sizing: border-box;
  }
  .swirl-spinner {
    padding-left: 22px;
    padding-right: 22px;
    box-sizing: border-box;
  }
  .player-container {
    padding-top: 144px;
    padding-bottom: 113px;
    box-sizing: border-box;
  }
  .fellowship-container,
  .teams-container {
    gap: 18px;
  }
  .about-us-section {
    gap: 24px;
  }
  .second-info12 {
    flex-wrap: wrap;
  }
  .testimonial {
    gap: 18px;
    min-width: 100%;
  }
  .second-info13 {
    flex-wrap: wrap;
  }
  .testimonial1 {
    gap: 18px;
    min-width: 100%;
  }
  .data-aggregator {
    gap: 18px;
  }
  .button-parent {
    flex-wrap: wrap;
  }
  .feather-facilitator {
    gap: 24px;
    padding-bottom: 31px;
    box-sizing: border-box;
  }
  .blog-set {
    grid-template-columns: minmax(270px, 1fr);
  }
  .title-box-parent1 {
    gap: 18px;
  }
  .data-aggregator1 {
    padding-left: 72px;
    padding-right: 72px;
    box-sizing: border-box;
  }
  .frame-parent {
    gap: 24px;
  }
  .community-section {
    gap: 26px;
    padding-top: 40px;
    padding-bottom: 37px;
    box-sizing: border-box;
  }
  .menu-items {
    flex-wrap: wrap;
  }
  .loa-details {
    min-width: 100%;
  }
  .footer-layout,
  .primary-info4 {
    gap: 18px;
  }
}
@media screen and (max-width: 450px) {
  .home-hero-section {
    gap: 90px;
    padding-top: 120px;
    padding-bottom: 40px;
    box-sizing: border-box;
  }
  .the-story-of {
    font-size: 36px;
    line-height: 36px;
  }
  .featured-videos {
    font-size: 22px;
    line-height: 23px;
  }
  .video-list {
    grid-template-columns: minmax(198px, 1fr);
  }
  .other-languages {
    font-size: 22px;
    line-height: 23px;
  }
  .video-list1 {
    grid-template-columns: minmax(198px, 1fr);
  }
  .seasons {
    font-size: 22px;
    line-height: 23px;
  }
  .video-list2 {
    grid-template-columns: minmax(198px, 1fr);
  }
  .watch-section {
    padding-bottom: 53px;
    box-sizing: border-box;
  }
  .why-the-legacy {
    font-size: 36px;
    line-height: 36px;
  }
  .our-ever-expanding-fellowship {
    font-size: 22px;
    line-height: 23px;
  }
  .title12,
  .title13,
  .title14,
  .title15 {
    font-size: 19px;
    line-height: 20px;
  }
  .label-loader {
    grid-template-columns: minmax(198px, 1fr);
  }
  .button5 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .about-us-section {
    padding-bottom: 41px;
    box-sizing: border-box;
  }
  .from-eden-to {
    font-size: 36px;
    line-height: 36px;
  }
  .headline,
  .loa-impacting-life {
    font-size: 22px;
    line-height: 23px;
  }
  .testimonial {
    padding-top: 21px;
    padding-bottom: 21px;
    box-sizing: border-box;
  }
  .headline1 {
    font-size: 22px;
    line-height: 23px;
  }
  .testimonial1 {
    padding-top: 21px;
    padding-bottom: 21px;
    box-sizing: border-box;
  }
  .button11,
  .button9 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .know-the-truth {
    font-size: 22px;
    line-height: 23px;
  }
  .title16 {
    font-size: 16px;
    line-height: 16px;
  }
  .title17,
  .title18 {
    font-size: 16px;
    line-height: 17px;
  }
  .data-aggregator1 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .change-language {
    font-size: 19px;
    line-height: 20px;
  }
  .primary-actions {
    gap: 24px;
  }
  .about-the-legacy-container {
    font-size: 22px;
    line-height: 23px;
  }
  .footer-layout {
    padding-top: 47px;
    padding-bottom: 47px;
    box-sizing: border-box;
  }
}