.logo-icon1 {
  height: 60px;
  width: 123.5px;
  position: relative;
}
.nav-link36 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon67 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems43 {
  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-link37 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon68 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems44 {
  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-link38 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon69 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems45 {
  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-link39 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon70 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navbar-nav1,
.navitems46 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.navitems46 {
  align-self: stretch;
  display: flex;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  opacity: 0.4;
}
.navbar-nav1 {
  height: 47px;
  display: none;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.search-text1 {
  height: 23px;
  width: 223px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: none;
  white-space: nowrap;
}
.vector-icon1 {
  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-item {
  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;
}
.icon71 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.search1 {
  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);
}
.text8 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.person-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton028 {
  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);
}
.text9 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.tanzania-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 24px;
}
.button19,
.iconbutton029 {
  color: var(--default-white);
}
.iconbutton029 {
  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);
}
.button19 {
  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);
  text-align: left;
  display: inline-block;
  min-width: 55px;
}
.icon72 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button18 {
  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-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button-group2,
.hamburger-menuhover1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.hamburger-menuhover1 {
  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-group2 {
  justify-content: flex-start;
  gap: var(--gap-xs);
  color: var(--neutral-600);
}
.navbardark1 {
  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-section1,
.navbar1,
.navbardark1 {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.navbar1 {
  flex: 1;
  align-items: center;
  justify-content: center;
}
.header-section1 {
  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);
}
.loa-patterns-1-icon2 {
  position: absolute;
  bottom: -668px;
  left: calc(50% - 960px);
  width: 1920px;
  height: 968px;
  object-fit: cover;
}
.icon73 {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-2xs) 0 0;
}
.home {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 38px;
}
.home-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
}
.div,
.library {
  position: relative;
  display: inline-block;
}
.div {
  font-size: var(--body-medium-base-size);
  line-height: 16px;
  font-weight: 600;
  font-family: var(--font-mulish);
  color: var(--neutral-400-);
  min-width: 5px;
}
.library {
  line-height: 120%;
  font-weight: 300;
  min-width: 57px;
}
.library-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
}
.data,
.div1 {
  position: relative;
  display: inline-block;
}
.div1 {
  font-size: var(--body-medium-base-size);
  line-height: 16px;
  font-weight: 600;
  font-family: var(--font-mulish);
  color: var(--neutral-400-);
  min-width: 5px;
}
.data {
  line-height: 120%;
  font-weight: 300;
  min-width: 63px;
}
.breadcrumb,
.data-wrapper,
.frame-parent2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.data-wrapper {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-12xs) 0 0;
  color: var(--secondary-600-);
}
.breadcrumb,
.frame-parent2 {
  flex-direction: row;
}
.breadcrumb {
  flex: 1;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
  z-index: 1;
}
.frame-parent2 {
  width: 254px;
  padding: 0 var(--padding-xl) 0 0;
  box-sizing: border-box;
}
.player-box-icon14 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.icon74 {
  height: 48px;
  width: 48px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-frame {
  cursor: pointer;
  border: 3px solid var(--default-white);
  padding: var(--padding-5xl) var(--padding-2xl);
  background-color: transparent;
  height: 96px;
  width: 96px;
  border-radius: var(--br-125xl);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}
.player-box-parent,
.title19 {
  align-self: stretch;
  position: relative;
}
.player-box-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 39px var(--padding-xl) 39.9px;
}
.title19 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.views12 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe20 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--black-200);
}
.pipe-wrapper9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time12 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.frame-parent3,
.views-parent6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.views-parent6 {
  flex-direction: row;
  padding: 0 var(--padding-xl) 0 0;
  gap: var(--gap-7xs);
  font-size: var(--label-small-strong-size);
  font-family: var(--label-small-strong);
}
.frame-parent3 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-xs);
  font-size: var(--heading-semibold-h5-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.icon75,
.share {
  position: relative;
}
.icon75 {
  height: 18px;
  width: 18px;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.share {
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  min-width: 33px;
}
.icon-parent,
.share-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.share-wrapper {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.icon-parent {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.icon76,
.like {
  position: relative;
}
.icon76 {
  height: 18px;
  width: 18px;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.like {
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  min-width: 24px;
}
.icon-group,
.like-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}
.icon-group {
  flex-direction: row;
  padding: 0 var(--padding-7xs) 0 0;
  gap: var(--gap-7xs);
}
.icon77 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.comment {
  position: relative;
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  min-width: 21px;
}
.comment-wrapper,
.icon-parent1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.comment-wrapper {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.icon-parent1 {
  flex-direction: row;
  padding: 0 7.5px 0 0;
  gap: var(--gap-7xs);
}
.icon78,
.like1 {
  position: relative;
}
.icon78 {
  height: 18px;
  width: 18px;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.like1 {
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  min-width: 21px;
}
.like-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}
.icon-parent2 {
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.frame-parent4,
.frame-wrapper,
.icon-parent2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.frame-parent4 {
  flex: 1;
  justify-content: space-between;
  padding: 0 var(--padding-12xs) 0 0;
  gap: var(--gap-xl);
}
.frame-wrapper {
  align-self: stretch;
  justify-content: flex-start;
  padding: 0 var(--padding-6xs) 0 var(--padding-11xs-5);
}
.text10 {
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.body-box {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.nav-link40 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon79 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.body-box-parent,
.navitems47 {
  display: flex;
  justify-content: flex-start;
}
.navitems47 {
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  align-items: center;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
}
.body-box-parent {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.button21 {
  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;
}
.icon80 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button20 {
  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;
}
.button23 {
  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;
}
.icon81 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-parent,
.button22 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button22 {
  cursor: pointer;
  border: 1.5px solid var(--default-white);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: transparent;
  border-radius: var(--br-xs);
  flex-direction: row;
  gap: var(--gap-5xs);
}
.button-parent {
  flex-direction: column;
  gap: var(--gap-xs);
}
.frame-parent1,
.secondary-info-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.secondary-info-box {
  align-self: stretch;
  font-size: var(--body-small-base-size);
}
.frame-parent1 {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 312px;
}
.title20 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.02em;
  line-height: 102%;
}
.title-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}
.nav-link41 {
  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: 58px;
}
.icon82 {
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-wrapper1,
.navitems48,
.title-box4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon-wrapper1 {
  flex-direction: column;
  padding: var(--padding-12xs) 0 0;
}
.navitems48,
.title-box4 {
  flex-direction: row;
}
.navitems48 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  background-color: transparent;
  border-bottom: 1px solid var(--default-white);
  gap: var(--gap-8xs);
}
.title-box4 {
  align-self: stretch;
  padding: 0 var(--padding-12xs) 0 0;
}
.input-icon {
  align-self: stretch;
  height: 38.6px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.dividers2 {
  align-self: stretch;
  height: 1px;
  position: relative;
  background-color: var(--primary-600-);
}
.avatar12px {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-10xl);
  background-color: var(--secondary-600-);
}
.avatar {
  height: 12px;
  width: 12px;
  position: relative;
  display: none;
}
.person-icon2 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.username {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 77px;
}
.check-circle-fill-icon {
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.check-circle-fill-wrapper,
.username-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.check-circle-fill-wrapper {
  flex-direction: column;
  padding: var(--padding-10xs) 0 0;
}
.username-parent {
  flex-direction: row;
  gap: var(--gap-11xs);
}
.pipe21 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-400-);
}
.pipe-wrapper10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date3 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 300;
  display: inline-block;
  min-width: 70px;
}
.user-details,
.user-info {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.user-details {
  gap: var(--gap-xs);
}
.heart-icon {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.likes {
  position: relative;
  letter-spacing: 0.02em;
}
.like-stat {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.chat-icon {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.reply1 {
  position: relative;
  letter-spacing: 0.02em;
}
.chat-button-group,
.comment-header,
.reply {
  flex-direction: row;
  justify-content: flex-start;
}
.reply {
  display: flex;
  align-items: center;
  gap: var(--gap-7xs);
}
.chat-button-group,
.comment-header {
  align-items: flex-start;
}
.chat-button-group {
  display: none;
  padding: 0 var(--padding-17xl);
  gap: var(--gap-lg);
  font-size: var(--label-small-strong-size);
  font-family: var(--font-roboto);
}
.comment-header {
  align-self: stretch;
  display: flex;
  gap: var(--gap-44xl);
}
.tree {
  height: 91px;
  width: 1px;
  position: relative;
  border-right: 1px solid var(--neutral-600);
  box-sizing: border-box;
  display: none;
}
.data-aggregator {
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.comment-box {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.heart-icon1 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.likes1 {
  position: relative;
  letter-spacing: 0.02em;
  display: inline-block;
  min-width: 21px;
}
.like-stat1,
.likes-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.likes-wrapper {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.like-stat1 {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.chat-icon1 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.reply3 {
  position: relative;
  letter-spacing: 0.02em;
  display: inline-block;
  min-width: 31px;
}
.chat-button-group1,
.reply-wrapper,
.reply2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.reply-wrapper {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.chat-button-group1,
.reply2 {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.chat-button-group1 {
  align-self: stretch;
  gap: var(--gap-lg);
  font-size: var(--label-small-strong-size);
  font-family: var(--font-roboto);
}
.comment-bar,
.dividers3 {
  align-self: stretch;
  background-color: var(--primary-600-);
}
.comment-bar {
  border-radius: 0 var(--br-xs) var(--br-xs) var(--br-xs);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base) var(--padding-5xs);
  gap: var(--gap-xs);
}
.dividers3 {
  height: 1px;
  position: relative;
}
.input-parent,
.title-box-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.title-box-parent {
  gap: var(--gap-5xl);
  font-size: var(--heading-regular-h6-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.avatar12px1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-10xl);
  background-color: var(--secondary-600-);
}
.avatar1 {
  height: 12px;
  width: 12px;
  position: relative;
  display: none;
}
.person-icon3 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.username1 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 77px;
}
.check-circle-fill-icon1 {
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.logic-splitter,
.username-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.logic-splitter {
  flex-direction: column;
  padding: var(--padding-10xs) 0 0;
}
.username-group {
  flex-direction: row;
  gap: var(--gap-11xs);
}
.pipe22 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-400-);
}
.data-combiner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date4 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 300;
  display: inline-block;
  min-width: 70px;
}
.user-details1,
.user-info1 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.user-details1 {
  gap: var(--gap-xs);
}
.heart-icon2 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.likes2 {
  position: relative;
  letter-spacing: 0.02em;
}
.like-stat2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.chat-icon2 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.reply5 {
  position: relative;
  letter-spacing: 0.02em;
}
.reply4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.chat-button-group2,
.comment-header1 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.chat-button-group2 {
  display: none;
  padding: 0 var(--padding-17xl);
  gap: var(--gap-lg);
  font-size: var(--label-small-strong-size);
  font-family: var(--font-roboto);
}
.comment-header1 {
  align-self: stretch;
  display: flex;
  gap: var(--gap-44xl);
}
.text11,
.tree1 {
  position: relative;
}
.tree1 {
  height: 91px;
  width: 1px;
  border-right: 1px solid var(--neutral-600);
  box-sizing: border-box;
  display: none;
}
.text11 {
  flex: 1;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.comment-box1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.heart-icon3 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.likes3 {
  position: relative;
  letter-spacing: 0.02em;
  display: inline-block;
  min-width: 21px;
}
.like-stat3,
.likes-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.likes-container {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.like-stat3 {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.chat-icon3 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.reply7 {
  position: relative;
  letter-spacing: 0.02em;
  display: inline-block;
  min-width: 31px;
}
.chat-button-group3,
.reply-container,
.reply6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.reply-container {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.chat-button-group3,
.reply6 {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.chat-button-group3 {
  align-self: stretch;
  gap: var(--gap-lg);
  font-size: var(--label-small-strong-size);
  font-family: var(--font-roboto);
}
.comment-bar1,
.dividers4 {
  align-self: stretch;
  background-color: var(--primary-600-);
}
.comment-bar1 {
  border-radius: 0 var(--br-xs) var(--br-xs) var(--br-xs);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base) var(--padding-5xs);
  gap: var(--gap-xs);
}
.dividers4 {
  height: 1px;
  position: relative;
}
.avatar12px2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-10xl);
  background-color: var(--secondary-600-);
}
.avatar2 {
  height: 12px;
  width: 12px;
  position: relative;
  display: none;
}
.person-icon4 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.username2 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 77px;
}
.check-circle-fill-icon2 {
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.check-circle-fill-container,
.username-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.check-circle-fill-container {
  flex-direction: column;
  padding: var(--padding-10xs) 0 0;
}
.username-container {
  flex-direction: row;
  gap: var(--gap-11xs);
}
.pipe23 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-400-);
}
.pipe-wrapper11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date5 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 300;
  display: inline-block;
  min-width: 70px;
}
.user-details2,
.user-info2 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.user-details2 {
  gap: var(--gap-xs);
}
.heart-icon4 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.likes4 {
  position: relative;
  letter-spacing: 0.02em;
}
.like-stat4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.chat-icon4 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.reply9 {
  position: relative;
  letter-spacing: 0.02em;
}
.reply8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.chat-button-group4,
.comment-header2 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.chat-button-group4 {
  display: none;
  padding: 0 var(--padding-17xl);
  gap: var(--gap-lg);
  font-size: var(--label-small-strong-size);
  font-family: var(--font-roboto);
}
.comment-header2 {
  align-self: stretch;
  display: flex;
  gap: var(--gap-44xl);
}
.text12,
.tree2 {
  position: relative;
}
.tree2 {
  height: 91px;
  width: 1px;
  border-right: 1px solid var(--neutral-600);
  box-sizing: border-box;
  display: none;
}
.text12 {
  flex: 1;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.comment-box2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.heart-icon5 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.likes5 {
  position: relative;
  letter-spacing: 0.02em;
  display: inline-block;
  min-width: 21px;
}
.like-stat5,
.likes-frame {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.likes-frame {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.like-stat5 {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.chat-icon5 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.reply11 {
  position: relative;
  letter-spacing: 0.02em;
  display: inline-block;
  min-width: 31px;
}
.chat-button-group5,
.reply-frame,
.reply10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.reply-frame {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.chat-button-group5,
.reply10 {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.chat-button-group5 {
  align-self: stretch;
  gap: var(--gap-lg);
  font-size: var(--label-small-strong-size);
  font-family: var(--font-roboto);
}
.comment-bar2,
.dividers5 {
  align-self: stretch;
  background-color: var(--primary-600-);
}
.comment-bar2 {
  border-radius: 0 var(--br-xs) var(--br-xs) var(--br-xs);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base) var(--padding-5xs);
  gap: var(--gap-xs);
}
.dividers5 {
  height: 1px;
  position: relative;
}
.avatar12px3 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-10xl);
  background-color: var(--secondary-600-);
}
.avatar3 {
  height: 12px;
  width: 12px;
  position: relative;
  display: none;
}
.person-icon5 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.username3 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 77px;
}
.check-circle-fill-icon3 {
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.check-circle-fill-frame,
.username-parent1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.check-circle-fill-frame {
  flex-direction: column;
  padding: var(--padding-10xs) 0 0;
}
.username-parent1 {
  flex-direction: row;
  gap: var(--gap-11xs);
}
.pipe24 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-400-);
}
.pipe-wrapper12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date6 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 300;
  display: inline-block;
  min-width: 70px;
}
.user-details3,
.user-info3 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.user-details3 {
  gap: var(--gap-xs);
}
.heart-icon6 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.likes6 {
  position: relative;
  letter-spacing: 0.02em;
}
.like-stat6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.chat-icon6 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.reply13 {
  position: relative;
  letter-spacing: 0.02em;
}
.reply12 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.chat-button-group6,
.comment-header3 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.chat-button-group6 {
  display: none;
  padding: 0 var(--padding-17xl);
  gap: var(--gap-lg);
  font-size: var(--label-small-strong-size);
  font-family: var(--font-roboto);
}
.comment-header3 {
  align-self: stretch;
  display: flex;
  gap: var(--gap-44xl);
}
.text13,
.tree3 {
  position: relative;
}
.tree3 {
  height: 91px;
  width: 1px;
  border-right: 1px solid var(--neutral-600);
  box-sizing: border-box;
  display: none;
}
.text13 {
  flex: 1;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.comment-box3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.heart-icon7 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.likes7 {
  position: relative;
  letter-spacing: 0.02em;
  display: inline-block;
  min-width: 21px;
}
.like-stat7,
.likes-wrapper1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.likes-wrapper1 {
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
}
.like-stat7 {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.chat-icon7 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 18px;
}
.reply15 {
  position: relative;
  letter-spacing: 0.02em;
  display: inline-block;
  min-width: 31px;
}
.reply-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}
.reply14 {
  flex-direction: row;
  gap: var(--gap-7xs);
}
.chat-button-group7,
.comment-bar3,
.comments,
.reply14 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.chat-button-group7 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-lg);
  font-size: var(--label-small-strong-size);
  font-family: var(--font-roboto);
}
.comment-bar3,
.comments {
  flex-direction: column;
  gap: var(--gap-xs);
}
.comment-bar3 {
  align-self: stretch;
  border-radius: 0 var(--br-xs) var(--br-xs) var(--br-xs);
  background-color: var(--primary-600-);
  padding: var(--padding-base) var(--padding-5xs);
}
.comments {
  position: absolute;
  top: 803.9px;
  left: calc(50% - 156px);
  border-radius: var(--br-xs);
  background-color: var(--primary-900);
  border: 2px solid var(--primary-600-);
  box-sizing: border-box;
  width: 311px;
  padding: var(--padding-2xl) var(--padding-3xs);
  font-size: var(--body-small-base-size);
}
.featured-videos1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.conditional-loop-icon {
  width: 31px;
  height: 22px;
  position: relative;
}
.conditional-loop-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}
.featured-videos-parent,
.frame-wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.featured-videos-parent {
  gap: 9px;
}
.frame-wrapper1 {
  padding: 0 51px;
  font-family: var(--heading-semibold-h5-heading);
}
.player-box-icon15 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-03mobile {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e13 {
  font-weight: 500;
}
.creation3 {
  font-weight: 300;
}
.title21 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description21,
.views13 {
  position: relative;
  font-weight: 300;
}
.description21 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views13 {
  line-height: 120%;
  display: inline-block;
  min-width: 59px;
}
.pipe25 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time13 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.queue-data,
.second-info14 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.queue-data {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info14 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link42 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon83 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems49 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon84 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.action-buttons12,
.icon-box12,
.info19 {
  display: flex;
  justify-content: flex-start;
}
.icon-box12 {
  flex-direction: row;
  align-items: center;
}
.action-buttons12,
.info19 {
  align-self: stretch;
  align-items: flex-start;
}
.action-buttons12 {
  flex-direction: row;
  color: var(--primary-600-);
}
.info19 {
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.player-box-icon16,
.video-player-02mobile {
  align-self: stretch;
  border-radius: var(--br-5xl);
}
.video-player-02mobile {
  background-color: var(--default-white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.player-box-icon16 {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-03mobile1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e23 {
  font-weight: 500;
}
.temptation3 {
  font-weight: 300;
}
.title22 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description22,
.views14 {
  position: relative;
  font-weight: 300;
}
.description22 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views14 {
  line-height: 120%;
  display: inline-block;
  min-width: 59px;
}
.pipe26 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time14 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.second-info15,
.views-parent7 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent7 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info15 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link43 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon85 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems50 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon86 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.action-buttons13,
.icon-box13,
.info20 {
  display: flex;
  justify-content: flex-start;
}
.icon-box13 {
  flex-direction: row;
  align-items: center;
}
.action-buttons13,
.info20 {
  align-self: stretch;
  align-items: flex-start;
}
.action-buttons13 {
  flex-direction: row;
  color: var(--primary-600-);
}
.info20 {
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.player-box-icon17,
.video-player-02mobile1 {
  align-self: stretch;
  border-radius: var(--br-5xl);
}
.video-player-02mobile1 {
  background-color: var(--default-white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.player-box-icon17 {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-03mobile2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e33 {
  font-weight: 500;
}
.the-fall3 {
  font-weight: 300;
}
.title23 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description23,
.views15 {
  position: relative;
  font-weight: 300;
}
.description23 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views15 {
  line-height: 120%;
  display: inline-block;
  min-width: 59px;
}
.pipe27 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time15 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.second-info16,
.views-parent8 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent8 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info16 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link44 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon87 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems51 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon88 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.action-buttons14,
.icon-box14,
.info21 {
  display: flex;
  justify-content: flex-start;
}
.icon-box14 {
  flex-direction: row;
  align-items: center;
}
.action-buttons14,
.info21 {
  align-self: stretch;
  align-items: flex-start;
}
.action-buttons14 {
  flex-direction: row;
  color: var(--primary-600-);
}
.info21 {
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.player-box-icon18,
.video-player-02mobile2 {
  align-self: stretch;
  border-radius: var(--br-5xl);
}
.video-player-02mobile2 {
  background-color: var(--default-white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.player-box-icon18 {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.video-thumbnail-03mobile3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.s1e43 {
  font-weight: 500;
}
.count-the-stars3 {
  font-weight: 300;
}
.title24 {
  align-self: stretch;
  position: relative;
  line-height: 23px;
}
.description24,
.views16 {
  position: relative;
  font-weight: 300;
}
.description24 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 125%;
}
.views16 {
  line-height: 120%;
  display: inline-block;
  min-width: 59px;
}
.pipe28 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-300);
}
.pipe-wrapper16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time16 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.second-info17,
.views-parent9 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.views-parent9 {
  flex-direction: row;
  font-size: var(--label-small-strong-size);
  color: var(--neutral-600);
}
.second-info17 {
  flex-direction: column;
  font-size: var(--body-small-base-size);
}
.nav-link45 {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 98px;
}
.icon89 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems52 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon90 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.action-buttons15,
.icon-box15 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.action-buttons15 {
  align-self: stretch;
  align-items: flex-start;
  color: var(--primary-600-);
}
.info22 {
  padding: var(--padding-5xl);
  gap: var(--gap-lg);
}
.info22,
.video-list6,
.video-player-02mobile3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-player-02mobile3 {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
}
.video-list6 {
  gap: var(--gap-5xl);
  z-index: 1;
  font-size: var(--body-large-strong-size);
  color: var(--primary-900);
}
.nav-link46 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon91 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.frame-parent5,
.navitems53 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems53 {
  align-self: stretch;
  flex-direction: row;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-7xs);
  z-index: 1;
  text-align: center;
  font-size: var(--body-medium-base-size);
}
.frame-parent5 {
  position: absolute;
  top: 2032px;
  left: 24px;
  width: 312px;
  flex-direction: column;
  gap: 24.8px;
  font-size: var(--heading-semibold-h4-heading-size);
}
.loa-patterns-1-group {
  align-self: stretch;
  height: 3724px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--label-small-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.loa-patterns-1-icon3 {
  position: absolute;
  top: -300px;
  left: calc(50% - 960px);
  width: 1920px;
  height: 968px;
  object-fit: cover;
}
.your-questions-answered {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.lorem-ipsum-dolor {
  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-icon3 {
  width: 75.5px;
  height: 36px;
  position: relative;
}
.why-loa3 {
  align-self: stretch;
  border-radius: var(--br-5xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xl);
}
.accordion-item-1,
.div2 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div2 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-1 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.dash-circle-icon {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle {
  align-self: stretch;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.text14 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle,
.accordiansingleopen,
.accordionbody {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordionbody {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-4xl);
  max-width: 100%;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle,
.accordiansingleopen {
  flex-direction: column;
}
.accordiansingleopen {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle {
  width: 1129px;
}
.accordion-item-11,
.div3 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div3 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-11 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext1 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle1 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody1 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle1,
.accordiansingleclosed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle1 {
  width: 1129px;
}
.accordion-item-12,
.div4 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div4 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-12 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext2 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon1 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle2 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the1 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody2 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle2,
.accordiansingleclosed1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed1 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle2 {
  width: 1129px;
}
.accordion-item-13,
.div5 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div5 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-13 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext3 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon2 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle3 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the2 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody3 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle3,
.accordiansingleclosed2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed2 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle3 {
  width: 1129px;
}
.accordion-item-14,
.div6 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div6 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-14 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext4 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon3 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle4 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the3 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody4 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle4,
.accordiansingleclosed3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed3 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle4 {
  width: 1129px;
}
.accordion-item-15,
.div7 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div7 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-15 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext5 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon4 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle5 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the4 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody5 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle5,
.accordiansingleclosed4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed4 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle5 {
  width: 1129px;
}
.accordion-item-16,
.div8 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div8 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-16 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext6 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon5 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle6 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the5 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody6 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle6,
.accordiansingleclosed5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed5 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle6 {
  width: 1129px;
}
.accordion-item-17,
.div9 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div9 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-17 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext7 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon6 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle7 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the6 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody7 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle7,
.accordiansingleclosed6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed6 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle7 {
  width: 1129px;
}
.accordion-item-18,
.div10 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div10 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-18 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext8 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon7 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle8 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the7 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody8 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle8,
.accordiansingleclosed7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed7 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle8 {
  width: 1129px;
}
.accordion-item-19,
.div11 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div11 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-19 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext9 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-829xl) 0 0;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.plus-circle-icon8 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle9 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the8 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody9 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accodriongroup,
.accordiansingle9,
.accordiansingleclosed8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed8 {
  align-self: stretch;
  max-width: 100%;
}
.accodriongroup,
.accordiansingle9 {
  width: 1129px;
}
.accodriongroup {
  width: 312px;
  overflow-x: auto;
  padding: 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  font-size: var(--heading-regular-h6-heading-size);
  color: var(--primary-600-);
}
.button25 {
  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: 78px;
}
.icon92 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button24 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--secondary-500);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-xl);
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button27 {
  height: 18px;
  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;
}
.icon93 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button26 {
  align-self: stretch;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xs);
}
.button-group3,
.stack-pop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.button-group3 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  align-self: stretch;
  gap: var(--gap-xs);
}
.stack-pop {
  position: absolute;
  top: calc(50% - 480px);
  left: calc(50% - 156px);
  width: 312px;
  gap: var(--gap-17xl);
  z-index: 1;
}
.loa-patterns-1-container {
  align-self: stretch;
  height: 1176px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.patterns-icon,
.vector-icon2 {
  position: relative;
  display: none;
}
.patterns-icon {
  height: 1678px;
  width: 319.7px;
  overflow: hidden;
  flex-shrink: 0;
}
.vector-icon2 {
  height: 264px;
  width: 294px;
  object-fit: contain;
}
.nav-link47 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 41px;
}
.icon94 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems54 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link48 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 47px;
}
.icon95 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems55 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link49 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 63px;
}
.icon96 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems56 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link50 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.icon97 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems57 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link51 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
}
.icon98 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.menu-items1,
.navitems58 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.menu-items1 {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.change-language1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-weight: 400;
  font-family: inherit;
}
.en1,
.icon99 {
  position: relative;
}
.en1 {
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 22px;
}
.icon99 {
  height: 20px;
  width: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.en-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon100 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button28 {
  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-select1,
.primary-actions1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.language-select1 {
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-xs);
  gap: var(--gap-xs);
  font-size: var(--heading-regular-h6-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.primary-actions1 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.about-the-legacy1,
.dividers6 {
  align-self: stretch;
  position: relative;
}
.dividers6 {
  height: 1px;
  border-radius: var(--br-3xs);
  background-color: var(--primary-500);
}
.about-the-legacy1 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.discovery-and-transformation1,
.we-are-committed1 {
  margin: 0;
}
.we-are-committed-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);
}
.about-the-legacy-of-adam-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.facebook-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon011 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.instagram-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon021 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.tiktok-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon031 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.twitter-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon01-group,
.icon041 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon01-group {
  gap: var(--gap-5xl);
}
.loa-details1,
.primary-info5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.loa-details1 {
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-xs);
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--heading-semibold-h5-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.primary-info5 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-17xl);
}
.copyright1,
.dividers7 {
  align-self: stretch;
  position: relative;
}
.dividers7 {
  height: 1px;
  background-color: var(--primary-500);
}
.copyright1 {
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 500;
  text-align: center;
}
.footer-layoutmobile1 {
  flex: 1;
  background-color: var(--primary-700);
  flex-direction: column;
  padding: var(--padding-29xl) var(--padding-5xl) var(--padding-77xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.footer-layoutmobile1,
.footer-section1,
.watch-page-mobile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-section1 {
  align-self: stretch;
  background-color: var(--primary-700);
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  max-width: 100%;
  text-align: left;
  font-size: var(--body-small-base-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.watch-page-mobile {
  width: 100%;
  position: relative;
  background-color: var(--primary-900);
  overflow-y: auto;
  flex-direction: column;
  line-height: normal;
  letter-spacing: normal;
}