.logo-icon11 {
  height: 60px;
  width: 123.5px;
  position: relative;
}
.nav-link224 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon459 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems257 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-7xs);
  color: var(--secondary-600-);
}
.nav-link225 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon460 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems258 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-7xs);
}
.nav-link226 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon461 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems259 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
}
.nav-link227 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon462 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navbar-nav11,
.navitems260 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.navitems260 {
  align-self: stretch;
  display: flex;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  opacity: 0.4;
}
.navbar-nav11 {
  height: 47px;
  display: none;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.search-text11 {
  height: 23px;
  width: 223px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: none;
  white-space: nowrap;
}
.vector-icon18 {
  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-child7 {
  position: absolute;
  height: 45.42%;
  width: 6.67%;
  top: 68.33%;
  right: 29.17%;
  bottom: -13.75%;
  left: 64.17%;
  border-radius: var(--br-20xl);
  background-color: var(--default-white);
  transform: rotate(-45deg);
  transform-origin: 0 0;
}
.icon463 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.search13 {
  border-radius: var(--br-xs);
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-xs);
  gap: var(--gap-5xs);
}
.text42 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.person-icon12 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton0248 {
  border-radius: var(--br-xs);
  overflow: hidden;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-3xs);
  color: var(--default-black);
}
.text43 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.tanzania-icon8 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 24px;
}
.iconbutton0249 {
  border-radius: var(--br-xs);
  border: 2px solid var(--default-white);
  overflow: hidden;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-4xs) var(--padding-3xs);
  gap: var(--gap-7xs);
  color: var(--default-white);
}
.button214 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 55px;
}
.icon464 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button213 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-5xl);
  background-color: var(--secondary-500);
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.list-icon8 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button-group23,
.hamburger-menuhover8 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.hamburger-menuhover8 {
  width: 48px;
  border-radius: var(--br-xs);
  border: 2px solid var(--secondary-600-);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  justify-content: center;
  padding: var(--padding-4xs) var(--padding-3xs);
}
.button-group23 {
  justify-content: flex-start;
  gap: var(--gap-xs);
  color: var(--neutral-600);
}
.navbardark11 {
  flex: 1;
  background-color: var(--primary-800);
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs);
  box-sizing: border-box;
  gap: var(--gap-xl);
}
.header-section6,
.navbar11,
.navbardark11 {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.navbar11 {
  flex: 1;
  align-items: center;
  justify-content: center;
}
.header-section6 {
  align-self: stretch;
  background-color: var(--primary-800);
  align-items: flex-start;
  justify-content: flex-start;
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: left;
  font-size: var(--body-large-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.player-box-icon64 {
  width: 360px;
  height: 151.9px;
  position: relative;
  object-fit: cover;
  display: none;
  max-width: 100%;
}
.select-11 {
  background-color: var(--default-white);
}
.select-11,
.select-21 {
  height: 8px;
  width: 8px;
  position: relative;
  border-radius: 50%;
  border: 0 solid var(--default-white);
  box-sizing: border-box;
}
.carousel-sllder1,
.icon465 {
  position: absolute;
  margin: 0 !important;
}
.carousel-sllder1 {
  top: 20px;
  left: 39px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.icon465 {
  height: 48px;
  width: 48px;
  top: 24px;
  left: 30px;
  overflow: hidden;
  flex-shrink: 0;
}
.carousel-sllder-parent {
  cursor: pointer;
  border: 3px solid var(--default-white);
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-5xl)
    var(--padding-11xl);
  background-color: transparent;
  width: 102px;
  height: 96px;
  border-radius: var(--br-125xl);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-3xs);
  z-index: 2;
}
.select-12 {
  background-color: var(--default-white);
}
.select-12,
.select-22 {
  height: 6px;
  width: 6px;
  position: relative;
  border-radius: 50%;
  border: 0 solid var(--default-white);
  box-sizing: border-box;
}
.carousel-sllder-container,
.carousel-sllder2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.carousel-sllder2 {
  gap: var(--gap-7xs);
  z-index: 2;
}
.carousel-sllder-container {
  padding: 0 var(--padding-23xl);
}
.header-section-parent,
.home-hero-section1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.home-hero-section1 {
  overflow: hidden;
  align-items: center;
  padding: var(--padding-9xl) var(--padding-xl) var(--padding-xs);
  gap: var(--gap-3xs);
  background-image: url(./public/playerbox@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 1;
}
.header-section-parent {
  align-items: flex-start;
  padding: 0 0 var(--padding-53xl);
}
.the-story-of1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.output-generator1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 69px 0 var(--padding-48xl);
}
.blank-line3,
.brace-yourself-for1,
.step-into-a1 {
  margin: 0;
}
.step-into-a-container1 {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: center;
}
.swirl-icon32 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper12 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.logic-operator,
.why-loa20 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.why-loa20 {
  flex: 1;
  border-radius: var(--br-5xl);
  flex-direction: column;
  gap: var(--gap-5xl);
}
.logic-operator {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-xs);
  text-align: left;
  font-size: var(--heading-regular-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.nav-pills21 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 61px;
}
.icon466 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems261 {
  border-radius: var(--br-5xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-2xs);
  gap: var(--gap-7xs);
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.nav-pills22 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 61px;
}
.icon467 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems262 {
  cursor: pointer;
  border: 1.5px solid var(--primary-900);
  padding: var(--padding-9xs) var(--padding-3xs);
  background-color: transparent;
  width: 85px;
  border-radius: var(--br-5xl);
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.nav-pills23 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-900);
  text-align: left;
  display: inline-block;
  min-width: 61px;
}
.icon468 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems263 {
  cursor: pointer;
  border: 1.5px solid var(--primary-900);
  padding: var(--padding-9xs) var(--padding-3xs);
  background-color: transparent;
  width: 85px;
  border-radius: var(--br-5xl);
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.nav-pills24 {
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
}
.icon469 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems264 {
  width: 66px;
  border-radius: var(--br-17xl);
  background-color: var(--secondary-400);
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-2xs);
  box-sizing: border-box;
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.nav-pills25 {
  align-self: stretch;
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
}
.icon470 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems265 {
  height: 30px;
  width: 106px;
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-2xs);
  box-sizing: border-box;
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.nav-pills26 {
  align-self: stretch;
  width: 88px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon471 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems266 {
  align-self: stretch;
  width: 112px;
  border-radius: var(--br-5xl);
  border: 1.5px solid var(--primary-900);
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-3xs);
  gap: var(--gap-7xs);
  opacity: 0.4;
  debug_commit: 1de1738;
}
.nav-pills27 {
  align-self: stretch;
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
}
.icon472 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems267,
.sticky-menumobile1 {
  align-self: stretch;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.navitems267 {
  width: 95px;
  border-radius: var(--br-5xl);
  padding: var(--padding-7xs) var(--padding-2xs);
  gap: var(--gap-7xs);
  debug_commit: 1de1738;
}
.sticky-menumobile1 {
  height: 54px;
  border-radius: var(--br-9xs);
  background-color: var(--default-white);
  overflow-x: auto;
  padding: var(--padding-xs);
  gap: var(--gap-xs);
  z-index: 1;
  margin-top: -50px;
  text-align: left;
  font-size: var(--body-small-base-size);
  color: var(--primary-900);
  font-family: var(--label-small-strong);
}
.home-mobile-inner,
.logic-operator-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.logic-operator-parent {
  flex: 1;
  flex-direction: column;
}
.home-mobile-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-xs) 80px;
  box-sizing: border-box;
}
.icon473,
.nav-link228 {
  position: relative;
  flex-shrink: 0;
}
.nav-link228 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon473 {
  height: 16px;
  width: 16px;
  overflow: hidden;
  display: none;
}
.navitems268 {
  width: 108px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
}
.featured-videos3 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.nav-link229 {
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon474 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems269,
.title-box31 {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems269 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  z-index: 2;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.title-box31 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-family: var(--heading-semibold-h3-heading);
}
.player-box-icon65 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0152 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e116 {
  font-weight: 500;
}
.creation16 {
  font-weight: 300;
}
.title128 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description184,
.views59 {
  position: relative;
  font-weight: 300;
  display: inline-block;
}
.description184 {
  align-self: stretch;
  height: 54px;
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views59 {
  line-height: 120%;
  min-width: 59px;
}
.pipe139 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper87 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time67 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info73,
.views-parent47 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent47 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info73 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link230 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon475 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems270 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon476 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box55 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons55,
.info92,
.video-player-0152 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons55 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info92,
.video-player-0152 {
  flex-direction: column;
}
.info92 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0152 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon66 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0153 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e213 {
  font-weight: 500;
}
.temptation13 {
  font-weight: 300;
}
.description185,
.title129,
.views60 {
  align-self: stretch;
  position: relative;
}
.title129 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description185,
.views60 {
  font-weight: 300;
}
.description185 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views60 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe140 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time68 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.chart-crafter,
.second-info74 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.chart-crafter {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info74 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link231 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon477 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems271 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon478 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box56 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons56,
.info93,
.video-player-0153 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons56 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info93,
.video-player-0153 {
  flex-direction: column;
}
.info93 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0153 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon67 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0154 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e313 {
  font-weight: 500;
}
.the-fall13 {
  font-weight: 300;
}
.description186,
.title130,
.views61 {
  align-self: stretch;
  position: relative;
}
.title130 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description186,
.views61 {
  font-weight: 300;
}
.description186 {
  letter-spacing: 0.01em;
  line-height: 125%;
  white-space: pre-wrap;
}
.views61 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe141 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time69 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.canvas-container,
.second-info75 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.canvas-container {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info75 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link232 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon479 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems272 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon480 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box57 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons57,
.info94,
.video-player-0154 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons57 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info94,
.video-player-0154 {
  flex-direction: column;
}
.info94 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0154 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon68 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0155 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e413 {
  font-weight: 500;
}
.count-the-stars13 {
  font-weight: 300;
}
.title131 {
  align-self: stretch;
  height: 23px;
  position: relative;
  line-height: 125%;
  display: inline-block;
}
.witness-the-ultimate13 {
  margin: 0;
}
.description187,
.views62 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.description187 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views62 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe142 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time70 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.flexbox-formulator,
.second-info76 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flexbox-formulator {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info76 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link233 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon481 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems273 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon482 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box58 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons58 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.action-buttons58,
.info95,
.video-list17,
.video-player-0155 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info95 {
  align-self: stretch;
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-list17,
.video-player-0155 {
  flex-shrink: 0;
}
.video-player-0155 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-direction: column;
}
.video-list17 {
  width: 336px;
  overflow-x: auto;
  flex-direction: row;
  gap: var(--gap-5xl);
  debug_commit: 1de1738;
  max-width: 100%;
  color: var(--primary-900);
}
.text44 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon13 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper23,
.iconbutton0250 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton0250 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper23 {
  display: none;
}
.text45 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon13 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper24,
.iconbutton0251 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton0251 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper24 {
  display: none;
  padding: var(--padding-9xs);
}
.nav-link234 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon483 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems274 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid var(--secondary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0;
  gap: var(--gap-7xs);
}
.button215 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.video-thumbnail-list-wrapper,
.video-thumbnail-list11 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-thumbnail-list11 {
  overflow-x: auto;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list-wrapper {
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
  max-width: 108%;
  flex-shrink: 0;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
}
.nav-link235 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 127px;
}
.icon484 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems275,
.video-list16 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems275 {
  border-bottom: 1px solid var(--secondary-600-);
  flex-direction: row;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.video-list16 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.other-languages1 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.nav-link236 {
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon485 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems276,
.title-box32 {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems276 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  z-index: 2;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.title-box32 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-family: var(--heading-semibold-h3-heading);
}
.player-box-icon69 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0156 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e117 {
  font-weight: 500;
}
.creation17 {
  font-weight: 300;
}
.title132 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description188,
.views63 {
  position: relative;
  font-weight: 300;
  display: inline-block;
}
.description188 {
  align-self: stretch;
  height: 54px;
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views63 {
  line-height: 120%;
  min-width: 59px;
}
.pipe143 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper88 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time71 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info77,
.views-parent48 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent48 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info77 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link237 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon486 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems277 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon487 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box59 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons59,
.info96,
.video-player-0156 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons59 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info96,
.video-player-0156 {
  flex-direction: column;
}
.info96 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0156 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon70 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0157 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e214 {
  font-weight: 500;
}
.temptation14 {
  font-weight: 300;
}
.description189,
.title133,
.views64 {
  align-self: stretch;
  position: relative;
}
.title133 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description189,
.views64 {
  font-weight: 300;
}
.description189 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views64 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe144 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time72 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info78,
.views-parent49 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent49 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info78 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link238 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon488 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems278 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon489 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box60 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons60,
.info97,
.video-player-0157 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons60 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info97,
.video-player-0157 {
  flex-direction: column;
}
.info97 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0157 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon71 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0158 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e314 {
  font-weight: 500;
}
.the-fall14 {
  font-weight: 300;
}
.description190,
.title134,
.views65 {
  align-self: stretch;
  position: relative;
}
.title134 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description190,
.views65 {
  font-weight: 300;
}
.description190 {
  letter-spacing: 0.01em;
  line-height: 125%;
  white-space: pre-wrap;
}
.views65 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe145 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time73 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info79,
.views-parent50 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent50 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info79 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link239 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon490 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems279 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon491 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box61 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons61,
.info98,
.video-player-0158 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons61 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info98,
.video-player-0158 {
  flex-direction: column;
}
.info98 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0158 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon72 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0159 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e414 {
  font-weight: 500;
}
.count-the-stars14 {
  font-weight: 300;
}
.title135 {
  align-self: stretch;
  height: 23px;
  position: relative;
  line-height: 125%;
  display: inline-block;
}
.witness-the-ultimate14 {
  margin: 0;
}
.description191,
.views66 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.description191 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views66 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe146 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time74 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info80,
.views-parent51 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent51 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info80 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link240 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon492 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems280 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon493 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box62 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons62 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.action-buttons62,
.info99,
.video-list19,
.video-player-0159 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info99 {
  align-self: stretch;
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-list19,
.video-player-0159 {
  flex-shrink: 0;
}
.video-player-0159 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-direction: column;
}
.video-list19 {
  width: 336px;
  overflow-x: auto;
  flex-direction: row;
  gap: var(--gap-5xl);
  debug_commit: 1de1738;
  max-width: 100%;
  color: var(--primary-900);
}
.text46 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon14 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper25,
.iconbutton0252 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton0252 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper25 {
  display: none;
}
.text47 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon14 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper26,
.iconbutton0253 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton0253 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper26 {
  display: none;
  padding: var(--padding-9xs);
}
.nav-link241 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon494 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems281 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid var(--secondary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0;
  gap: var(--gap-7xs);
}
.button216 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.video-thumbnail-list-container,
.video-thumbnail-list12 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-thumbnail-list12 {
  overflow-x: auto;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list-container {
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
  max-width: 108%;
  flex-shrink: 0;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
}
.nav-link242 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 127px;
}
.icon495 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems282,
.video-list18 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems282 {
  border-bottom: 1px solid var(--secondary-600-);
  flex-direction: row;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.video-list18 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.seasons1 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.nav-link243 {
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon496 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems283,
.title-box33 {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems283 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  z-index: 2;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.title-box33 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-family: var(--heading-semibold-h3-heading);
}
.player-box-icon73 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0160 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e118 {
  font-weight: 500;
}
.creation18 {
  font-weight: 300;
}
.title136 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description192,
.views67 {
  position: relative;
  font-weight: 300;
  display: inline-block;
}
.description192 {
  align-self: stretch;
  height: 54px;
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views67 {
  line-height: 120%;
  min-width: 59px;
}
.pipe147 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper89 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time75 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 72px;
}
.second-info81,
.views-parent52 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent52 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info81 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link244 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon497 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems284 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon498 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box63 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons63,
.info100,
.video-player-0160 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons63 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info100,
.video-player-0160 {
  flex-direction: column;
}
.info100 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0160 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon74 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0161 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e215 {
  font-weight: 500;
}
.temptation15 {
  font-weight: 300;
}
.description193,
.title137,
.views68 {
  align-self: stretch;
  position: relative;
}
.title137 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description193,
.views68 {
  font-weight: 300;
}
.description193 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views68 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe148 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time76 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info82,
.views-parent53 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent53 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info82 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link245 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon499 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems285 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon500 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box64 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons64,
.info101,
.video-player-0161 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons64 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info101,
.video-player-0161 {
  flex-direction: column;
}
.info101 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0161 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon75 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0162 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e315 {
  font-weight: 500;
}
.the-fall15 {
  font-weight: 300;
}
.description194,
.title138,
.views69 {
  align-self: stretch;
  position: relative;
}
.title138 {
  height: 23px;
  line-height: 125%;
  display: inline-block;
}
.description194,
.views69 {
  font-weight: 300;
}
.description194 {
  letter-spacing: 0.01em;
  line-height: 125%;
  white-space: pre-wrap;
}
.views69 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe149 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time77 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info83,
.views-parent54 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent54 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info83 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link246 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon501 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems286 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon502 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box65 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons65,
.info102,
.video-player-0162 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.action-buttons65 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.info102,
.video-player-0162 {
  flex-direction: column;
}
.info102 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-player-0162 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
}
.player-box-icon76 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-0163 {
  align-self: stretch;
  height: 148px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e415 {
  font-weight: 500;
}
.count-the-stars15 {
  font-weight: 300;
}
.title139 {
  align-self: stretch;
  height: 23px;
  position: relative;
  line-height: 125%;
  display: inline-block;
}
.witness-the-ultimate15 {
  margin: 0;
}
.description195,
.views70 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.description195 {
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views70 {
  width: 59px;
  line-height: 120%;
  display: inline-block;
}
.pipe150 {
  height: 4px;
  width: 4px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 2px);
  left: 65px;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.time78 {
  align-self: stretch;
  width: 72px;
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.second-info84,
.views-parent55 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent55 {
  height: 14px;
  flex-direction: row;
  position: relative;
  gap: var(--gap-base);
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info84 {
  flex-direction: column;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.nav-link247 {
  align-self: stretch;
  width: 98px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon503 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems287 {
  height: 23px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon504 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-box66 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons66 {
  align-self: stretch;
  flex-direction: row;
  color: var(--primary-600-);
}
.action-buttons66,
.info103,
.video-list21,
.video-player-0163 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info103 {
  align-self: stretch;
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.video-list21,
.video-player-0163 {
  flex-shrink: 0;
}
.video-player-0163 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-direction: column;
}
.video-list21 {
  width: 336px;
  overflow-x: auto;
  flex-direction: row;
  gap: var(--gap-5xl);
  debug_commit: 1de1738;
  max-width: 100%;
  color: var(--primary-900);
}
.text48 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-left-icon15 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper27,
.iconbutton0254 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs);
}
.iconbutton0254 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 1.5px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper27 {
  display: none;
}
.text49 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.chevron-right-icon15 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton02-wrapper28,
.iconbutton0255 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.iconbutton0255 {
  border-radius: var(--br-5xl);
  background-color: var(--secondary-600-);
  border: 2px solid var(--secondary-600-);
  overflow: hidden;
  display: flex;
  padding: var(--padding-10xs) var(--padding-9xs);
  gap: var(--gap-3xs);
}
.iconbutton02-wrapper28 {
  display: none;
  padding: var(--padding-9xs);
}
.nav-link248 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon505 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems288 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid var(--secondary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0;
  gap: var(--gap-7xs);
}
.button217 {
  height: 26px;
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.video-thumbnail-list-frame,
.video-thumbnail-list13 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-thumbnail-list13 {
  overflow-x: auto;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.video-thumbnail-list-frame {
  padding: 0 0 var(--padding-xs);
  box-sizing: border-box;
  max-width: 108%;
  flex-shrink: 0;
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
}
.nav-link249 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 127px;
}
.icon506 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems289,
.video-list-parent,
.video-list20 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems289 {
  border-bottom: 1px solid var(--secondary-600-);
  flex-direction: row;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.video-list-parent,
.video-list20 {
  flex-direction: column;
}
.video-list20 {
  align-self: stretch;
  overflow: hidden;
  gap: var(--gap-5xl);
}
.video-list-parent {
  position: absolute;
  top: 90px;
  left: 24px;
  width: 312px;
  gap: var(--gap-77xl);
}
.patterns-icon51 {
  position: absolute;
  top: 1501px;
  left: calc(50% - 1243px);
  width: 2486px;
  height: 1253px;
  overflow: hidden;
  z-index: 1;
}
.frame-parent58 {
  align-self: stretch;
  height: 1776px;
  position: relative;
  background-color: var(--primary-800);
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
  text-align: left;
  font-size: var(--heading-regular-h4-heading-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.patterns-icon52 {
  width: 2486px;
  height: 1253px;
  position: absolute;
  margin: 0 !important;
  top: -275px;
  left: calc(50% - 1243px);
  overflow: hidden;
  flex-shrink: 0;
}
.why-the-legacy3 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
  text-align: center;
}
.value-output {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-6xl) 0 var(--padding-4xl);
}
.the-legacy-of8 {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: center;
}
.swirl-icon33 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper13,
.why-loa21 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.swirl-wrapper13 {
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa21 {
  border-radius: var(--br-5xl);
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  z-index: 1;
}
.player-box-icon77 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -0.4px;
  left: 0;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.icon507 {
  height: 72px;
  width: 72px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-wrapper13 {
  cursor: pointer;
  border: 2px solid var(--default-white);
  padding: var(--padding-xs) var(--padding-3xs);
  background-color: transparent;
  height: 96px;
  width: 96px;
  border-radius: var(--br-125xl);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}
.connection-point,
.player-container6 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.player-container6 {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-8xl) var(--padding-xl) var(--padding-7xl);
  position: relative;
  z-index: 1;
}
.connection-point {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.our-ever-expanding-fellowship3 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.nav-link250 {
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon508 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems290,
.title-box34 {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems290 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.title-box34 {
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  gap: var(--gap-5xl);
}
.imageholder-icon19 {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description196,
.imageholder-icon19,
.title140 {
  align-self: stretch;
  position: relative;
}
.title140 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description196 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.08px;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.primary-info15 {
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card014,
.info104,
.primary-info15 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info104 {
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card014 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
  align-items: center;
}
.imageholder-icon20 {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description197,
.imageholder-icon20,
.title141 {
  align-self: stretch;
  position: relative;
}
.title141 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description197 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.primary-info16 {
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card015,
.info105,
.primary-info16 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info105 {
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card015 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
  align-items: center;
}
.imageholder-icon21 {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description198,
.imageholder-icon21,
.title142 {
  align-self: stretch;
  position: relative;
}
.title142 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description198 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.primary-info17 {
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card016,
.info106,
.primary-info17 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info106 {
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card016 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
  align-items: center;
}
.imageholder-icon22 {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.description199,
.imageholder-icon22,
.title143 {
  align-self: stretch;
  position: relative;
}
.title143 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description199 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.primary-info18 {
  align-items: flex-start;
  gap: var(--gap-xs);
}
.info-card017,
.info107,
.primary-info18 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.info107 {
  align-items: flex-start;
  padding: var(--padding-5xl);
}
.info-card017 {
  width: 264px;
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  flex-shrink: 0;
  align-items: center;
}
.info-card01-group,
.teams-container1 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info-card01-group {
  width: 312px;
  overflow-x: auto;
  flex-direction: row;
  padding: 0;
  box-sizing: border-box;
  gap: var(--gap-5xl);
  color: var(--primary-900);
}
.teams-container1 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-17xl);
}
.button219 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 87px;
}
.icon509 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button218 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-xl);
  background-color: var(--secondary-500);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button221 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 79px;
  white-space: nowrap;
}
.icon510 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button220 {
  cursor: pointer;
  border: 1.5px solid var(--default-white);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: transparent;
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.button-group24 {
  flex-direction: column;
  gap: var(--gap-xs);
}
.button-group24,
.data-aggregator1,
.fellowship-container1,
.patterns-parent9 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.fellowship-container1 {
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  gap: var(--gap-29xl);
  z-index: 1;
  color: var(--default-white);
}
.data-aggregator1,
.patterns-parent9 {
  box-sizing: border-box;
  max-width: 100%;
}
.patterns-parent9 {
  flex: 1;
  background-color: var(--primary-900);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-77xl) var(--padding-5xl) var(--padding-53xl);
  position: relative;
  gap: var(--gap-53xl);
}
.data-aggregator1 {
  height: 1228px;
  flex-shrink: 0;
  flex-direction: row;
  padding: 0 0 var(--padding-53xl);
  text-align: center;
  font-size: var(--heading-regular-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.icon511,
.nav-link251 {
  position: relative;
  flex-shrink: 0;
}
.nav-link251 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon511 {
  height: 16px;
  width: 16px;
  overflow: hidden;
  display: none;
}
.navitems291 {
  width: 108px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
}
.from-eden-to1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.from-eden-to-redemption-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl) 0 var(--padding-base);
}
.the-legacy-of9 {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: center;
}
.swirl-icon34 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper14 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.logic-operator1,
.why-loa22 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.why-loa22 {
  flex: 1;
  border-radius: var(--br-5xl);
  flex-direction: column;
  gap: var(--gap-5xl);
}
.logic-operator1 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-53xl);
  text-align: left;
  font-size: var(--heading-regular-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.button223 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon512 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button222 {
  width: 312px;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xs);
  font-size: var(--body-small-base-size);
}
.loa-impacting-life1 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.loa-impacting-life-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-5xl);
  text-align: center;
  color: var(--default-white);
}
.headline14 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.headline-wrapper10 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs) 0 0;
}
.profile-pic-icon28 {
  height: 96px;
  width: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.description200 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon29 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  min-height: 24px;
}
.john-doe14 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe151 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper90 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania14 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-parent11,
.secondary-details-inner2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-parent11 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
}
.secondary-details-inner2 {
  width: 154px;
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
}
.secondary-details40 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-strong-size);
}
.second-info85,
.secondary-details40,
.testimonial14,
.testimony14 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimony14 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.second-info85,
.testimonial14 {
  align-self: stretch;
}
.second-info85 {
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.testimonial14 {
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--color-slategray);
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
}
.headline15 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.headline-wrapper11 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs) 0 0;
}
.profile-pic-icon30 {
  height: 96px;
  width: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.description201 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon31 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  min-height: 24px;
}
.john-doe15 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe152 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper91 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania15 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-parent12 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.secondary-details-inner3 {
  width: 154px;
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
}
.second-info86,
.secondary-details-inner3,
.secondary-details41,
.testimony15 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.secondary-details41 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-strong-size);
}
.second-info86,
.testimony15 {
  gap: var(--gap-5xl);
}
.testimony15 {
  flex: 1;
  flex-direction: column;
}
.second-info86 {
  align-self: stretch;
  flex-direction: row;
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.testimonial15 {
  align-self: stretch;
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--color-slategray);
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
}
.frame-parent59,
.home-mobile-child,
.testimonial15 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent59 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xs);
}
.home-mobile-child {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-29xl);
  text-align: left;
  font-size: var(--heading-regular-h4-heading-size);
  color: var(--primary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.button225 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 114px;
}
.icon513 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button224 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-xl);
  background-color: var(--secondary-500);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button227 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 103px;
}
.icon514 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button226 {
  cursor: pointer;
  border: 1.5px solid var(--default-white);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: transparent;
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xs);
}
.button-parent9,
.home-mobile-inner1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.button-parent9 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xs);
}
.home-mobile-inner1 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-53xl);
}
.know-the-truth1 {
  margin: 0;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.blog-cardmobile-child6,
.know-the-truth1,
.title144 {
  align-self: stretch;
  position: relative;
}
.blog-cardmobile-child6 {
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title144 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-weight: 400;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name50 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe153 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper92 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date30 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe154 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper93 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read22 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details42 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-2xl) 0 0;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
}
.description202,
.nav-link252 {
  position: relative;
  line-height: 125%;
}
.description202 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link252 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon515 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems292,
.secondary-info20 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems292 {
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info20 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.info108 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile11,
.info108 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile-child7,
.title145 {
  align-self: stretch;
  position: relative;
}
.blog-cardmobile-child7 {
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title145 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name51 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe155 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper94 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date31 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe156 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper95 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read23 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details43 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-2xl) 0 0;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
}
.description203,
.nav-link253 {
  position: relative;
  line-height: 125%;
}
.description203 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link253 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon516 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems293,
.secondary-info21 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems293 {
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info21 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.info109 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile12,
.info109 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile-child8,
.title146 {
  align-self: stretch;
  position: relative;
}
.blog-cardmobile-child8 {
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title146 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name52 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe157 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper96 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date32 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe158 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper97 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read24 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details44 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-2xl) 0 0;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
}
.description204,
.nav-link254 {
  position: relative;
  line-height: 125%;
}
.description204 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link254 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon517 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems294,
.secondary-info22 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems294 {
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info22 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.info110 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile13,
.info110 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile-group,
.button229 {
  font-family: var(--label-small-strong);
  text-align: left;
}
.blog-cardmobile-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  font-size: var(--heading-medium-h6-heading-size);
}
.button229 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  color: var(--default-white);
  display: inline-block;
  min-width: 91px;
}
.icon518 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button228 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-xl);
  background-color: var(--secondary-500);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.data-flow-splitter,
.data-flow-splitter-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.data-flow-splitter {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-17xl);
}
.data-flow-splitter-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-125xl);
  text-align: center;
  font-size: var(--heading-regular-h4-heading-size);
  color: var(--default-white);
  font-family: var(--heading-semibold-h3-heading);
}
.patterns-icon53,
.vector-icon19 {
  position: relative;
  flex-shrink: 0;
  display: none;
}
.patterns-icon53 {
  height: 1678px;
  width: 319.7px;
  overflow: hidden;
}
.vector-icon19 {
  height: 264px;
  width: 294px;
  object-fit: contain;
}
.nav-link255 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 41px;
}
.icon519 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems295 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link256 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 47px;
}
.icon520 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems296 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link257 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 63px;
}
.icon521 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems297 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link258 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.icon522 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems298 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link259 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
}
.icon523 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.menu-items11,
.navitems299 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.menu-items11 {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.change-language11 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-weight: 400;
  font-family: inherit;
}
.en11,
.icon524 {
  position: relative;
}
.en11 {
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 22px;
}
.icon524 {
  height: 20px;
  width: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.en-parent5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon525 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button230 {
  align-self: stretch;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-4xs) var(--padding-5xl);
  gap: var(--gap-xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.language-select11,
.primary-actions11 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.language-select11 {
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-xs);
  gap: var(--gap-xs);
  font-size: var(--heading-medium-h6-heading-size);
  font-family: var(--heading-semibold-h3-heading);
}
.primary-actions11 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.about-the-legacy11,
.dividers22 {
  align-self: stretch;
  position: relative;
}
.dividers22 {
  height: 1px;
  border-radius: var(--br-3xs);
  background-color: var(--primary-500);
}
.about-the-legacy11 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.discovery-and-transformation11,
.we-are-committed11 {
  margin: 0;
}
.we-are-committed-container11 {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.about-the-legacy-of-adam-parent6 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.facebook-icon19 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon0111 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.instagram-icon19 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon0211 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.tiktok-icon11 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon0311 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.twitter-icon19 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon01-parent3,
.icon0411 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon01-parent3 {
  gap: var(--gap-5xl);
}
.loa-details11,
.primary-info19 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.loa-details11 {
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-xs);
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--heading-semibold-h5-heading-size);
  font-family: var(--heading-semibold-h3-heading);
}
.primary-info19 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-17xl);
}
.copyright11,
.dividers23 {
  align-self: stretch;
  position: relative;
}
.dividers23 {
  height: 1px;
  background-color: var(--primary-500);
}
.copyright11 {
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 500;
  text-align: center;
}
.footer-layoutmobile5,
.footer-section11,
.home-mobile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-layoutmobile5 {
  width: 360px;
  background-color: var(--primary-700);
  flex-shrink: 0;
  flex-direction: column;
  padding: var(--padding-29xl) var(--padding-5xl) var(--padding-77xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
}
.footer-section11,
.home-mobile {
  text-align: left;
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.footer-section11 {
  width: 360px;
  background-color: var(--primary-700);
  overflow-x: auto;
  flex-shrink: 0;
  flex-direction: row;
  max-width: 100%;
  font-size: var(--body-small-base-size);
}
.home-mobile {
  width: 100%;
  position: relative;
  background-color: var(--primary-900);
  overflow-y: auto;
  flex-direction: column;
  line-height: normal;
  letter-spacing: normal;
  font-size: var(--body-medium-strong-size);
}