.logo-icon4 {
  height: 60px;
  width: 123.5px;
  position: relative;
}
.nav-link108 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon196 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems122 {
  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-link109 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon197 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems123 {
  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-link110 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon198 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems124 {
  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-link111 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon199 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navbar-nav4,
.navitems125 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.navitems125 {
  align-self: stretch;
  display: flex;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  opacity: 0.4;
}
.navbar-nav4 {
  height: 47px;
  display: none;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.search-text4 {
  height: 23px;
  width: 223px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: none;
  white-space: nowrap;
}
.vector-icon7 {
  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-child1 {
  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;
}
.icon200 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.search4 {
  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);
}
.text29 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.person-icon8 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton0224 {
  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);
}
.text30 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.tanzania-icon4 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 24px;
}
.iconbutton0225 {
  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);
}
.button50 {
  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;
}
.icon201 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button49 {
  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-icon4 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.hamburger-menuhover4 {
  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-group6,
.hamburger-menuhover4,
.navbar4,
.navbardark4 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.button-group6 {
  justify-content: flex-start;
  gap: var(--gap-xs);
  color: var(--neutral-600);
}
.navbar4,
.navbardark4 {
  flex: 1;
  max-width: 100%;
}
.navbardark4 {
  background-color: var(--primary-800);
  justify-content: space-between;
  padding: var(--padding-xs);
  box-sizing: border-box;
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--body-large-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.navbar4 {
  justify-content: center;
}
.header-section-container,
.header-section4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.header-section4 {
  flex: 1;
  background-color: var(--primary-800);
}
.header-section-container {
  align-self: stretch;
  padding: 0 0 var(--padding-5xl);
  box-sizing: border-box;
  top: 0;
  z-index: 99;
  position: sticky;
}
.icon202 {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-wrapper4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs-5) 0 0;
}
.home3 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 63px;
}
.home-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs-5) 0 0;
}
.div16,
.library3 {
  position: relative;
  display: inline-block;
}
.div16 {
  font-size: var(--body-medium-base-size);
  line-height: 17px;
  font-weight: 600;
  font-family: var(--font-mulish);
  color: var(--neutral-400-);
  min-width: 6px;
}
.library3 {
  line-height: 120%;
  font-weight: 300;
  min-width: 92px;
}
.breadcrumb3,
.library-wrapper1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.library-wrapper1 {
  flex-direction: column;
  padding: var(--padding-11xs-5) 0 0;
  color: var(--secondary-600-);
}
.breadcrumb3 {
  flex-direction: row;
  padding: var(--padding-xs);
  gap: var(--gap-5xs);
}
.frame-inner,
.frame-parent13 {
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.frame-parent13 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-inner {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.frame-parent12 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.title49 {
  align-self: stretch;
  position: relative;
  line-height: 110%;
  font-weight: 600;
  font-family: var(--heading-semibold-h5-heading);
}
.author1,
.description48 {
  position: relative;
  font-weight: 300;
}
.description48 {
  align-self: stretch;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
}
.author1 {
  line-height: 120%;
  display: inline-block;
  min-width: 50px;
}
.pipe58 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--neutral-400-);
}
.pipe-wrapper31 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date10,
.pipe59 {
  position: relative;
}
.date10 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe59 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-400-);
}
.pipe-wrapper32 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time38 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.author-group,
.blog-heading-synopsis-child {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.author-group {
  flex: 1;
  gap: var(--gap-xs);
}
.blog-heading-synopsis-child {
  align-self: stretch;
  padding: 0 var(--padding-2xs);
  text-align: left;
  font-size: var(--label-small-strong-size);
}
.blog-heading-synopsis1 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  flex-direction: column;
  padding: var(--padding-5xl) var(--padding-xs);
  gap: var(--gap-xs);
  text-align: center;
  font-size: var(--heading-semibold-h4-heading-size);
}
.blog-heading-synopsis1,
.community-mobile-inner,
.frame-parent11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent11 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-3xs);
}
.community-mobile-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) 96.2px;
  text-align: left;
  font-size: var(--label-small-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.find-your-anchor {
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.find-your-anchor-in-truth-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-3xl) 0 var(--padding-lg);
}
.lorem-ipsum-dolor2 {
  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-icon4 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa-frame,
.why-loa4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.why-loa4 {
  flex: 1;
  border-radius: var(--br-5xl);
  flex-direction: column;
  gap: var(--gap-5xl);
}
.why-loa-frame {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-53xl);
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.loa-patterns-1-icon8 {
  width: 1920px;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  bottom: -668px;
  left: calc(50% - 960px);
  object-fit: cover;
}
.icon203,
.nav-link112 {
  position: relative;
  flex-shrink: 0;
}
.nav-link112 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon203 {
  height: 16px;
  width: 16px;
  overflow: hidden;
  display: none;
}
.navitems126 {
  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);
  z-index: 1;
  font-size: var(--body-medium-base-size);
}
.featured-reads {
  align-self: stretch;
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.blog-cardmobile-child2 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title50 {
  align-self: stretch;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name5,
.pipe60,
.title50 {
  position: relative;
}
.name5 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe60 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper33 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date11,
.pipe61 {
  position: relative;
}
.date11 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe61 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper34 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read5 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details7 {
  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);
}
.description49,
.nav-link113 {
  position: relative;
  line-height: 125%;
}
.description49 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link113 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon204 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems127 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info5 {
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.blog-cardmobile5,
.featured-reads-parent,
.info45,
.secondary-info5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info45 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile5,
.featured-reads-parent {
  text-align: left;
  font-size: var(--heading-regular-h6-heading-size);
  font-family: var(--label-small-strong);
}
.featured-reads-parent {
  gap: var(--gap-17xl);
  text-align: center;
  font-size: var(--heading-semibold-h4-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.blog-cardmobile-child3 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title51 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name6,
.pipe62,
.title51 {
  position: relative;
}
.name6 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe62 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper35 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date12,
.pipe63 {
  position: relative;
}
.date12 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe63 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper36 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read6 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details8 {
  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);
}
.description50,
.nav-link114 {
  position: relative;
  line-height: 125%;
}
.description50 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link114 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon205 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems128 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.info46,
.secondary-info6 {
  align-self: stretch;
  flex-direction: column;
}
.secondary-info6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.info46 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile-wrapper,
.blog-cardmobile6,
.info46 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile6 {
  flex: 1;
  flex-direction: column;
}
.blog-cardmobile-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 var(--padding-29xl);
}
.blog-cardmobile-child4 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title52 {
  align-self: stretch;
  height: 21px;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
  display: inline-block;
}
.name7,
.pipe64,
.title52 {
  position: relative;
}
.name7 {
  line-height: 120%;
  font-weight: 300;
}
.pipe64 {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.date13 {
  height: 14px;
  flex: 1;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.date13,
.pipe65,
.read7 {
  position: relative;
}
.pipe65 {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.read7 {
  line-height: 120%;
  font-weight: 300;
}
.secondary-details9 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  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);
}
.description51,
.nav-link115 {
  flex: 1;
  position: relative;
  line-height: 125%;
}
.description51 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link115 {
  height: 18px;
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
}
.icon206 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems129 {
  width: 74px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.blog-cardmobile7,
.info47,
.secondary-info7 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
}
.secondary-info7 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.blog-cardmobile7,
.info47 {
  justify-content: flex-start;
}
.info47 {
  flex: 1;
  display: flex;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile7 {
  display: none;
  z-index: 4;
}
.button52 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon207 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button51 {
  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-4xl);
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button54 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon208 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-group7,
.button53 {
  align-self: stretch;
  display: none;
}
.button53 {
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xs);
}
.button-group7 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  z-index: 5;
  font-size: var(--body-small-base-size);
}
.icon209,
.nav-link116 {
  position: relative;
  flex-shrink: 0;
}
.nav-link116 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon209 {
  height: 16px;
  width: 16px;
  overflow: hidden;
  display: none;
}
.navitems130 {
  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);
  z-index: 6;
  font-size: var(--body-medium-base-size);
}
.all-reads-showing {
  align-self: stretch;
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.blog-cardmobile-child5 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title53 {
  align-self: stretch;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name8,
.pipe66,
.title53 {
  position: relative;
}
.name8 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe66 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper37 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date14,
.pipe67 {
  position: relative;
}
.date14 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe67 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper38 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read8 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details10 {
  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);
}
.description52,
.nav-link117 {
  position: relative;
  line-height: 125%;
}
.description52 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link117 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon210 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems131 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info8 {
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.all-reads-showing-2-of-28-parent,
.blog-cardmobile8,
.info48,
.secondary-info8 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info48 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.all-reads-showing-2-of-28-parent,
.blog-cardmobile8 {
  text-align: left;
  font-size: var(--heading-regular-h6-heading-size);
  font-family: var(--label-small-strong);
}
.all-reads-showing-2-of-28-parent {
  gap: var(--gap-17xl);
  text-align: center;
  font-size: var(--heading-semibold-h4-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.blog-cardmobile-child6 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title54 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name9,
.pipe68,
.title54 {
  position: relative;
}
.name9 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe68 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper39 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date15,
.pipe69 {
  position: relative;
}
.date15 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe69 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper40 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read9 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details11 {
  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);
}
.description53,
.nav-link118 {
  position: relative;
  line-height: 125%;
}
.description53 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link118 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon211 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems132 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.info49,
.secondary-info9 {
  align-self: stretch;
  flex-direction: column;
}
.secondary-info9 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.info49 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile-container,
.blog-cardmobile9,
.info49 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile9 {
  flex: 1;
  flex-direction: column;
  z-index: 1;
}
.blog-cardmobile-container {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 var(--padding-xs);
}
.blog-cardmobile-child7 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title55 {
  align-self: stretch;
  height: 21px;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
  display: inline-block;
}
.name10,
.pipe70,
.title55 {
  position: relative;
}
.name10 {
  line-height: 120%;
  font-weight: 300;
}
.pipe70 {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.date16 {
  height: 14px;
  flex: 1;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.date16,
.pipe71,
.read10 {
  position: relative;
}
.pipe71 {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.read10 {
  line-height: 120%;
  font-weight: 300;
}
.secondary-details12 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  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);
}
.description54,
.nav-link119 {
  flex: 1;
  position: relative;
  line-height: 125%;
}
.description54 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link119 {
  height: 18px;
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
}
.icon212 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems133 {
  width: 74px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.blog-cardmobile10,
.info50,
.secondary-info10 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
}
.secondary-info10 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.blog-cardmobile10,
.info50 {
  justify-content: flex-start;
}
.info50 {
  flex: 1;
  display: flex;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile10 {
  display: none;
  z-index: 9;
}
.button56 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon213 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button55 {
  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-4xl);
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button58 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon214 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-group8,
.button57 {
  align-self: stretch;
  display: none;
}
.button57 {
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xs);
}
.button-group8 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  z-index: 10;
  font-size: var(--body-small-base-size);
}
.nav-link120 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 109px;
}
.icon215 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems134 {
  border-bottom: 1px solid var(--secondary-600-);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  z-index: 1;
}
.loa-patterns-1-parent5,
.navitems-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--body-medium-base-size);
  color: var(--secondary-600-);
}
.loa-patterns-1-parent5 {
  background-color: var(--primary-800);
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-53xl) var(--padding-5xl);
  position: relative;
  gap: var(--gap-5xl);
  text-align: left;
  font-size: var(--heading-regular-h6-heading-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.loa-patterns-1-icon9 {
  width: 1920px;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  top: -300px;
  left: calc(50% - 960px);
  object-fit: cover;
}
.loa-impacting-lives,
.lorem-ipsum-dolor3 {
  align-self: stretch;
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.lorem-ipsum-dolor3 {
  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);
}
.swirl-icon5 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper2,
.why-loa5 {
  align-self: stretch;
  display: flex;
}
.swirl-wrapper2 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa5 {
  border-radius: var(--br-5xl);
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  z-index: 1;
  text-align: center;
}
.headline2 {
  flex: 1;
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.headline-frame {
  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-icon4 {
  height: 96px;
  width: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.description55 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon5 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  min-height: 24px;
}
.john-doe2 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe72 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper41 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania2 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-container,
.secondary-details-inner1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-container {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
}
.secondary-details-inner1 {
  width: 154px;
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
}
.secondary-details13 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-base-size);
}
.second-info38,
.secondary-details13,
.testimonial2,
.testimony2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimony2 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.second-info38,
.testimonial2 {
  align-self: stretch;
}
.second-info38 {
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.testimonial2 {
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--primary-400);
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
  z-index: 1;
}
.headline3 {
  flex: 1;
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.headline-wrapper1 {
  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-icon6 {
  height: 96px;
  width: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.description56 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon7 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  min-height: 24px;
}
.john-doe3 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe73 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper42 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania3 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-parent1,
.secondary-details-inner2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-parent1 {
  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-details14 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-base-size);
}
.second-info39,
.secondary-details14,
.testimonial-parent,
.testimonial3,
.testimony3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimony3 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.second-info39,
.testimonial-parent,
.testimonial3 {
  align-self: stretch;
}
.second-info39 {
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.testimonial-parent,
.testimonial3 {
  flex-direction: column;
}
.testimonial3 {
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--primary-400);
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
  z-index: 1;
}
.testimonial-parent {
  gap: var(--gap-xs);
  color: var(--primary-600-);
}
.button60 {
  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;
}
.icon216 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button59 {
  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;
}
.button62 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon217 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button61 {
  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);
  z-index: 4;
  font-size: var(--body-small-base-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.loa-patterns-1-parent6 {
  align-self: stretch;
  background-color: var(--primary-900);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-53xl) var(--padding-5xl);
  position: relative;
  gap: var(--gap-17xl);
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.loa-patterns-1-icon10 {
  width: 1920px;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  bottom: -665px;
  left: calc(50% - 960px);
  object-fit: cover;
}
.loa-socials,
.lorem-ipsum-dolor4 {
  align-self: stretch;
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.lorem-ipsum-dolor4 {
  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);
}
.swirl-icon6 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa-wrapper1,
.why-loa6 {
  display: flex;
  justify-content: flex-start;
}
.why-loa6 {
  flex: 1;
  border-radius: var(--br-5xl);
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-5xl);
}
.why-loa-wrapper1 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 0 var(--padding-xs);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.info-box-child {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.subscribe-to,
.the-loa-news {
  margin: 0;
}
.subscribe-to-the-container {
  align-self: stretch;
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.input-icon1,
.input-icon2 {
  align-self: stretch;
  height: 38.6px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.input-icon3,
.input-icon4 {
  align-self: stretch;
  max-height: 100%;
  object-fit: contain;
  min-height: 38px;
}
.input-icon3 {
  width: 101.1px;
}
.input-icon4 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
}
.phone-box {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.button64 {
  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: 67px;
}
.icon218 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button63 {
  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);
}
.form-01mobile,
.input-box {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
}
.input-box {
  display: flex;
  align-items: flex-start;
  padding: 0;
  gap: var(--gap-xs);
}
.form-01mobile {
  border-radius: var(--br-17xl);
  background-color: var(--primary-800);
  border: 2px solid var(--primary-600-);
  padding: var(--padding-26xl) var(--padding-3xl);
  gap: var(--gap-5xl);
}
.form-01mobile,
.info-box,
.info-box-wrapper {
  display: flex;
  align-items: flex-start;
}
.info-box {
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-xs);
}
.info-box-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 0 var(--padding-xs);
  font-family: var(--heading-semibold-h5-heading);
}
.imageholder,
.title56 {
  flex: 1;
  position: relative;
}
.imageholder {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.title56 {
  line-height: 105%;
  font-weight: 600;
}
.info51 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl);
}
.facebook-icon4 {
  width: 96px;
  height: 96px;
  position: absolute;
  margin: 0 !important;
  top: 26.5px;
  left: calc(50% - 48px);
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.instagram-icon4,
.twitter-icon4,
.youtube-icon {
  width: 96px;
  height: 96px;
  position: relative;
  object-fit: contain;
  display: none;
  z-index: 3;
}
.instagram-icon4,
.twitter-icon4 {
  z-index: 4;
}
.instagram-icon4 {
  z-index: 5;
}
.info-card05-socialmedia {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.imageholder1,
.title57 {
  flex: 1;
  position: relative;
}
.imageholder1 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.title57 {
  line-height: 105%;
  font-weight: 600;
}
.info52 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl);
}
.facebook-icon5 {
  width: 96px;
  height: 96px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.youtube-icon1 {
  position: relative;
  display: none;
  z-index: 3;
}
.instagram-icon5,
.twitter-icon5,
.youtube-icon1 {
  width: 96px;
  height: 96px;
  object-fit: contain;
}
.twitter-icon5 {
  position: relative;
  display: none;
  z-index: 4;
}
.instagram-icon5 {
  position: absolute;
  margin: 0 !important;
  top: 26.5px;
  left: calc(50% - 48px);
  z-index: 1;
}
.info-card05-socialmedia1 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.imageholder2 {
  width: 100%;
  height: 148px;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.title58 {
  flex: 1;
  position: relative;
  line-height: 105%;
  font-weight: 600;
}
.info53 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl);
  z-index: 1;
}
.facebook-icon6 {
  width: 96px;
  height: 96px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.youtube-icon2 {
  position: relative;
  display: none;
  z-index: 3;
}
.instagram-icon6,
.twitter-icon6,
.youtube-icon2 {
  width: 96px;
  height: 96px;
  object-fit: contain;
}
.twitter-icon6 {
  position: absolute;
  margin: 0 !important;
  top: 26.5px;
  left: calc(50% - 48px);
  z-index: 1;
}
.instagram-icon6 {
  position: relative;
  display: none;
  z-index: 5;
}
.info-card05-socialmedia2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 148px 0 0;
  position: relative;
}
.imageholder3,
.title59 {
  flex: 1;
  position: relative;
}
.imageholder3 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.title59 {
  line-height: 105%;
  font-weight: 600;
}
.info54 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl);
}
.facebook-icon7 {
  width: 96px;
  height: 96px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.youtube-icon3 {
  width: 96px;
  height: 96px;
  position: absolute;
  margin: 0 !important;
  top: 26.5px;
  left: calc(50% - 48px);
  object-fit: contain;
  z-index: 1;
}
.instagram-icon7,
.twitter-icon7 {
  width: 96px;
  height: 96px;
  position: relative;
  object-fit: contain;
  display: none;
  z-index: 4;
}
.instagram-icon7 {
  z-index: 5;
}
.info-card05-socialmedia3 {
  flex-direction: column;
  position: relative;
}
.frame-wrapper6,
.info-card05-socialmedia-parent,
.info-card05-socialmedia3 {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.info-card05-socialmedia-parent {
  flex-direction: column;
  gap: var(--gap-5xl);
}
.frame-wrapper6 {
  flex-direction: row;
  padding: 0 0 var(--padding-53xl);
  font-size: var(--heading-semibold-h5-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.icon219,
.nav-link121 {
  position: relative;
  flex-shrink: 0;
}
.nav-link121 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon219 {
  height: 16px;
  width: 16px;
  overflow: hidden;
  display: none;
}
.navitems135 {
  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);
  z-index: 4;
  text-align: left;
  font-size: var(--body-medium-base-size);
}
.blog-cardmobile-child8,
.youtube {
  align-self: stretch;
  position: relative;
}
.youtube {
  line-height: 110%;
  font-weight: 600;
}
.blog-cardmobile-child8 {
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title60 {
  align-self: stretch;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name11,
.pipe74,
.title60 {
  position: relative;
}
.name11 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe74 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper43 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date17,
.pipe75 {
  position: relative;
}
.date17 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe75 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper44 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read11 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details15 {
  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);
}
.description57,
.nav-link122 {
  position: relative;
  line-height: 125%;
}
.description57 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link122 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon220 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems136,
.secondary-info11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems136 {
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info11 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.info55 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile11,
.info55,
.youtube-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile11 {
  font-size: var(--heading-regular-h6-heading-size);
  font-family: var(--label-small-strong);
}
.youtube-parent {
  gap: var(--gap-17xl);
  font-family: var(--heading-semibold-h5-heading);
}
.blog-cardmobile-child9 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title61 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
}
.name12,
.pipe76,
.title61 {
  position: relative;
}
.name12 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.pipe76 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper45 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.date18,
.pipe77 {
  position: relative;
}
.date18 {
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 101px;
}
.pipe77 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper46 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.read12 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.secondary-details16 {
  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);
}
.description58,
.nav-link123 {
  position: relative;
  line-height: 125%;
}
.description58 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link123 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon221 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems137 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.info56,
.secondary-info12 {
  align-self: stretch;
  flex-direction: column;
}
.secondary-info12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.info56 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile-frame,
.blog-cardmobile12,
.info56 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.blog-cardmobile12 {
  flex: 1;
  flex-direction: column;
  z-index: 1;
}
.blog-cardmobile-frame {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 var(--padding-xs);
  font-size: var(--heading-regular-h6-heading-size);
}
.blog-cardmobile-child10 {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title62 {
  align-self: stretch;
  height: 21px;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h5-heading);
  color: var(--secondary-600-);
  display: inline-block;
}
.name13,
.pipe78,
.title62 {
  position: relative;
}
.name13 {
  line-height: 120%;
  font-weight: 300;
}
.pipe78 {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.date19 {
  height: 14px;
  flex: 1;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
}
.date19,
.pipe79,
.read13 {
  position: relative;
}
.pipe79 {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.read13 {
  line-height: 120%;
  font-weight: 300;
}
.secondary-details17 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  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);
}
.description59,
.nav-link124 {
  flex: 1;
  position: relative;
  line-height: 125%;
}
.description59 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link124 {
  height: 18px;
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
}
.icon222 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems138 {
  width: 74px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.blog-cardmobile13,
.info57,
.secondary-info13 {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
}
.secondary-info13 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-base-size);
}
.blog-cardmobile13,
.info57 {
  justify-content: flex-start;
}
.info57 {
  flex: 1;
  display: flex;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-cardmobile13 {
  display: none;
  z-index: 7;
  font-size: var(--heading-regular-h6-heading-size);
}
.button66 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon223 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button65 {
  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-4xl);
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button68 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon224 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-group9,
.button67 {
  align-self: stretch;
  display: none;
}
.button67 {
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xs);
  text-align: left;
}
.button-group9 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  z-index: 8;
  font-size: var(--body-small-base-size);
}
.nav-link125 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 86px;
}
.icon225 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems-container,
.navitems139 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.navitems139 {
  border-bottom: 1px solid var(--secondary-600-);
  justify-content: flex-start;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  z-index: 1;
}
.navitems-container {
  align-self: stretch;
  justify-content: center;
  text-align: left;
  font-size: var(--body-medium-base-size);
  color: var(--secondary-600-);
}
.community-mobile-child,
.loa-patterns-1-parent7 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.loa-patterns-1-parent7 {
  flex: 1;
  background-color: var(--primary-800);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-53xl) var(--padding-5xl) 71.6px;
  position: relative;
  gap: var(--gap-5xl);
}
.community-mobile-child {
  height: 2880px;
  flex-shrink: 0;
  flex-direction: row;
  padding: 0 0 var(--padding-53xl);
  text-align: center;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.get-your-answers,
.lorem-ipsum-dolor5 {
  align-self: stretch;
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.lorem-ipsum-dolor5 {
  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);
}
.swirl-icon7 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper4,
.why-loa7 {
  align-self: stretch;
  display: flex;
}
.swirl-wrapper4 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa7 {
  border-radius: var(--br-5xl);
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.search5 {
  width: 59px;
  border: 0;
  outline: 0;
  font-family: var(--font-roboto);
  font-size: var(--body-medium-base-size);
  background-color: transparent;
  height: 19px;
  position: relative;
  letter-spacing: 0.01em;
  color: var(--black-400);
  text-align: left;
  display: inline-block;
  padding: 0;
}
.component-10-icon {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.search-bar {
  align-self: stretch;
  border-radius: var(--br-17xl);
  background-color: var(--default-white);
  border: 1px solid var(--black-400);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-mini) var(--padding-6xl) var(--padding-mini)
    var(--padding-4xl);
  gap: var(--gap-xl);
}
.community-mobile-inner1,
.why-loa-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.why-loa-group {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-17xl);
}
.community-mobile-inner1 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-53xl);
  text-align: center;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.loa-patterns-1-icon11 {
  position: absolute;
  top: -300px;
  left: calc(50% - 960px);
  width: 1920px;
  height: 968px;
  object-fit: cover;
}
.your-questions-answered1 {
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.lorem-ipsum-dolor6 {
  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-icon8 {
  width: 75.5px;
  height: 36px;
  position: relative;
}
.why-loa8 {
  align-self: stretch;
  border-radius: var(--br-5xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xl);
}
.div17 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-110,
.div17 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext10 {
  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-icon1 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle10 {
  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%;
}
.text31 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle10,
.accordiansingleopen1,
.accordionbody10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordionbody10 {
  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);
}
.accordiansingle10,
.accordiansingleopen1 {
  flex-direction: column;
}
.accordiansingleopen1 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle10 {
  width: 1129px;
}
.div18 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-111,
.div18 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext11 {
  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-icon9 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle11 {
  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-the9 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody11 {
  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);
}
.accordiansingle11,
.accordiansingleclosed9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed9 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle11 {
  width: 1129px;
}
.div19 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-112,
.div19 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext12 {
  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-icon10 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle12 {
  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-the10 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody12 {
  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);
}
.accordiansingle12,
.accordiansingleclosed10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed10 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle12 {
  width: 1129px;
}
.div20 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-113,
.div20 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext13 {
  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-icon11 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle13 {
  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-the11 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody13 {
  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);
}
.accordiansingle13,
.accordiansingleclosed11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed11 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle13 {
  width: 1129px;
}
.div21 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-114,
.div21 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext14 {
  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-icon12 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle14 {
  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-the12 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody14 {
  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);
}
.accordiansingle14,
.accordiansingleclosed12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed12 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle14 {
  width: 1129px;
}
.div22 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-115,
.div22 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext15 {
  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-icon13 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle15 {
  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-the13 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody15 {
  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);
}
.accordiansingle15,
.accordiansingleclosed13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed13 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle15 {
  width: 1129px;
}
.div23 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-116,
.div23 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext16 {
  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-icon14 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle16 {
  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-the14 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody16 {
  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);
}
.accordiansingle16,
.accordiansingleclosed14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed14 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle16 {
  width: 1129px;
}
.div24 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-117,
.div24 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext17 {
  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-icon15 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle17 {
  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-the15 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody17 {
  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);
}
.accordiansingle17,
.accordiansingleclosed15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed15 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle17 {
  width: 1129px;
}
.div25 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-118,
.div25 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext18 {
  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-icon16 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle18 {
  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-the16 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody18 {
  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);
}
.accordiansingle18,
.accordiansingleclosed16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed16 {
  align-self: stretch;
  max-width: 100%;
}
.accordiansingle18 {
  width: 1129px;
}
.div26 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-119,
.div26 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext19 {
  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-icon17 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle19 {
  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-the17 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordionbody19 {
  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);
}
.accodriongroup1,
.accordiansingle19,
.accordiansingleclosed17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed17 {
  align-self: stretch;
  max-width: 100%;
}
.accodriongroup1,
.accordiansingle19 {
  width: 1129px;
}
.accodriongroup1 {
  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-);
}
.button70 {
  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;
}
.icon226 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button69 {
  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;
}
.button72 {
  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;
}
.icon227 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button71 {
  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-group10,
.why-loa-parent1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.button-group10 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  align-self: stretch;
  gap: var(--gap-xs);
}
.why-loa-parent1 {
  position: absolute;
  top: calc(50% - 480px);
  left: calc(50% - 156px);
  width: 312px;
  gap: var(--gap-17xl);
  z-index: 1;
}
.loa-patterns-1-parent8,
.patterns-icon3 {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.loa-patterns-1-parent8 {
  align-self: stretch;
  height: 1176px;
  background-color: var(--primary-800);
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.patterns-icon3 {
  height: 1678px;
  width: 319.7px;
  display: none;
}
.vector-icon8 {
  height: 264px;
  width: 294px;
  position: relative;
  object-fit: contain;
  display: none;
}
.nav-link126 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 41px;
}
.icon228 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems140 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link127 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 47px;
}
.icon229 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems141 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link128 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 63px;
}
.icon230 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems142 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link129 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.icon231 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems143 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link130 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
}
.icon232 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.menu-items4,
.navitems144 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.menu-items4 {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.change-language4 {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 102%;
}
.en4,
.icon233 {
  position: relative;
}
.en4 {
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 22px;
}
.icon233 {
  height: 20px;
  width: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.en-parent2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon234 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button73 {
  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-select4,
.primary-actions4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.language-select4 {
  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-actions4 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.about-the-legacy4,
.dividers12 {
  align-self: stretch;
  position: relative;
}
.dividers12 {
  height: 1px;
  border-radius: var(--br-3xs);
  background-color: var(--primary-500);
}
.about-the-legacy4 {
  line-height: 105%;
  font-weight: 600;
}
.discovery-and-transformation4,
.we-are-committed4 {
  margin: 0;
}
.we-are-committed-container4 {
  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-parent1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.facebook-icon8 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon014 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.instagram-icon8 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon024 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.tiktok-icon4 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon034 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.twitter-icon8 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon01-parent1,
.icon044 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon01-parent1 {
  gap: var(--gap-5xl);
}
.loa-details4,
.primary-info8 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.loa-details4 {
  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-info8 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-17xl);
}
.copyright4,
.dividers13 {
  align-self: stretch;
  position: relative;
}
.dividers13 {
  height: 1px;
  background-color: var(--primary-500);
}
.copyright4 {
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 500;
  text-align: center;
}
.footer-layoutmobile4 {
  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%;
}
.community-mobile,
.footer-layoutmobile4,
.footer-section4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-section4 {
  align-self: stretch;
  background-color: var(--primary-700);
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  max-width: 100%;
  z-index: 2;
  text-align: left;
  font-size: var(--body-small-base-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.community-mobile {
  width: 100%;
  position: relative;
  background-color: var(--primary-900);
  overflow-y: auto;
  flex-direction: column;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 450px) {
  .button-group7,
  .button-group8,
  .button-group9 {
    height: 98px;
  }
}