.logo-icon5 {
  height: 60px;
  width: 123.5px;
  position: relative;
}
.nav-link131 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon235 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems145 {
  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-link132 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon236 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems146 {
  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-link133 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon237 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems147 {
  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-link134 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon238 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navbar-nav5,
.navitems148 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.navitems148 {
  align-self: stretch;
  display: flex;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  opacity: 0.4;
}
.navbar-nav5 {
  height: 47px;
  display: none;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.search-text5 {
  height: 23px;
  width: 223px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: none;
  white-space: nowrap;
}
.vector-icon9 {
  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-child2 {
  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;
}
.icon239 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.search6 {
  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);
}
.text32 {
  width: 36px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: none;
}
.person-icon9 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton0226 {
  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);
}
.text33 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.tanzania-icon5 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 24px;
}
.iconbutton0227 {
  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);
}
.button75 {
  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;
}
.icon240 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button74 {
  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-icon5 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button-group11,
.hamburger-menuhover5 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.hamburger-menuhover5 {
  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-group11 {
  justify-content: flex-start;
  gap: var(--gap-xs);
  color: var(--neutral-600);
}
.navbardark5 {
  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-section5,
.navbar5,
.navbardark5 {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.navbar5 {
  flex: 1;
  align-items: center;
  justify-content: center;
}
.header-section5 {
  align-self: stretch;
  background-color: var(--primary-800);
  overflow: hidden;
  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-icon12 {
  width: 1920px;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  bottom: -669px;
  left: calc(50% - 960px);
  object-fit: cover;
}
.icon241 {
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-wrapper5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs-5) 0 0;
}
.home4 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 63px;
}
.home-wrapper2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs-5) 0 0;
}
.div27,
.library4 {
  position: relative;
  display: inline-block;
}
.div27 {
  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;
}
.library4 {
  line-height: 120%;
  font-weight: 300;
  min-width: 92px;
}
.breadcrumb4,
.frame-parent14,
.library-wrapper2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.library-wrapper2 {
  flex-direction: column;
  padding: var(--padding-11xs-5) 0 0;
  color: var(--secondary-600-);
}
.breadcrumb4,
.frame-parent14 {
  flex-direction: row;
}
.breadcrumb4 {
  padding: var(--padding-xs);
  gap: var(--gap-5xs);
}
.frame-parent14 {
  padding: 0 0 var(--padding-xs);
  text-align: left;
}
.crowdfunding-progress {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
}
.crowdfunding-progress-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 76px 0 75px;
}
.progress {
  width: 1920px;
  height: 16px;
  position: absolute;
  margin: 0 !important;
  top: 0;
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.percentage {
  width: 31px;
  height: 14px;
  position: relative;
  line-height: 120%;
  font-weight: 500;
  display: none;
  z-index: 1;
}
.bar {
  width: 40px;
  height: 16px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 7px);
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--secondary-600-);
  z-index: 1;
}
.frame-parent15,
.stepper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.stepper {
  height: 3px;
  border-radius: var(--br-xs);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  gap: var(--gap-3xs);
  font-size: var(--label-small-strong-size);
  color: var(--secondary-600-);
}
.frame-parent15 {
  gap: var(--gap-xs);
  font-size: var(--body-small-base-size);
}
.goal-28m,
.m {
  position: relative;
  display: inline-block;
}
.m {
  align-self: stretch;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  min-width: 115px;
}
.goal-28m {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  min-width: 77px;
}
.goal-28m-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 var(--padding-lgi) 0 var(--padding-lg);
  font-size: var(--body-small-base-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.goal-28m-wrapper,
.m-parent,
.mission-inner {
  display: flex;
  align-items: flex-start;
}
.m-parent {
  width: 115px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.mission-inner {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) var(--padding-xs);
  font-size: 36px;
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.player-box-icon40 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -0.4px;
  left: 0;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.icon242 {
  height: 72px;
  width: 72px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-button {
  cursor: pointer;
  border: 2px solid var(--default-white);
  padding: var(--padding-xs) var(--padding-3xs);
  background-color: transparent;
  height: 96px;
  width: 96px;
  border-radius: var(--br-125xl);
  box-sizing: border-box;
  justify-content: flex-start;
  z-index: 1;
}
.frame-button,
.player-container-wrapper,
.player-container1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.player-container1 {
  flex: 1;
  justify-content: center;
  padding: var(--padding-8xl) var(--padding-xl) var(--padding-7xl);
  position: relative;
  z-index: 1;
}
.player-container-wrapper {
  align-self: stretch;
  justify-content: flex-start;
  padding: 0 0 var(--padding-xs);
}
.div28 {
  position: relative;
  line-height: 110%;
  font-weight: 600;
  display: inline-block;
  min-width: 25px;
}
.container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-lg) 0 var(--padding-lg-5);
}
.countries,
.reached {
  margin: 0;
}
.countries-reached {
  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);
}
.frame-parent16 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xl);
  gap: var(--gap-xs);
}
.div29 {
  position: relative;
  line-height: 110%;
  font-weight: 600;
  display: inline-block;
  min-width: 27px;
}
.frame {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl) 0 var(--padding-lgi);
}
.audio,
.translated {
  margin: 0;
}
.audio-translated {
  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);
}
.frame-parent17 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg-5);
  gap: var(--gap-xs);
}
.div30 {
  position: relative;
  line-height: 110%;
  font-weight: 600;
  display: inline-block;
  min-width: 32px;
}
.wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 17px 0 17.5px;
}
.subtitle,
.translated1 {
  margin: 0;
}
.subtitle-translated {
  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);
}
.frame-parent18,
.impact,
.mission {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent18 {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-xs) var(--padding-lg-5);
  gap: var(--gap-xs);
}
.impact,
.mission {
  align-self: stretch;
}
.impact {
  border-radius: var(--br-xs);
  flex-direction: row;
  z-index: 1;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.mission {
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-25xl);
  position: relative;
  gap: var(--gap-xs);
}
.loa-patterns-1-icon13 {
  width: 1920px;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  top: -300px;
  left: calc(50% - 960px);
  object-fit: cover;
}
.show-your-support {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.show-your-support-today-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-lgi) 0 var(--padding-base);
}
.lorem-ipsum-dolor7 {
  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-icon9 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper5,
.why-loa9 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.swirl-wrapper5 {
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa9 {
  border-radius: var(--br-5xl);
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  z-index: 1;
}
.shield-lock-fill-icon {
  height: 36px;
  width: 36px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.shield-lock-fill-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.make-a-secure {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.title63 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  text-align: center;
  font-size: var(--heading-semibold-h5-heading-size);
  color: var(--primary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.hello-john {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  min-width: 99px;
}
.hello-john-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-2xl) 0 var(--padding-xl);
}
.description60 {
  align-self: stretch;
  position: relative;
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.personal {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.div31,
.meter {
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
}
.meter {
  width: 100%;
  right: 0;
  background-color: var(--primary-200);
}
.div31 {
  width: 57.6px;
  background-color: var(--secondary-600-);
}
.div32 {
  left: 39.6px;
  z-index: 1;
}
.div32,
.div33,
.div34,
.div35 {
  height: 100%;
  width: 57.6px;
  position: absolute;
  margin: 0 !important;
  top: 0;
  bottom: 0;
  border-radius: var(--br-sm);
  background-color: var(--secondary-600-);
}
.div33 {
  left: calc(50% - 28.8px);
  z-index: 2;
}
.div34,
.div35 {
  right: 39.6px;
  z-index: 3;
}
.div35 {
  right: 0;
  z-index: 4;
}
.parent {
  height: 4px;
  width: 216px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}
.form-fold-name,
.progress-bar {
  align-self: stretch;
  position: relative;
}
.progress-bar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-12xs);
  gap: var(--gap-35xl);
}
.form-fold-name {
  font-size: var(--body-medium-base-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
}
.head {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--heading-regular-h6-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.button77,
.description61 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
}
.description61 {
  align-self: stretch;
}
.button77 {
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 66px;
}
.icon243 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button76 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-sm) var(--padding-11xl);
  background-color: var(--primary-500);
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button79 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--primary-600-);
  text-align: left;
  display: inline-block;
  min-width: 57px;
}
.icon244 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-container,
.button78,
.support {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.button78 {
  cursor: pointer;
  border: 1.5px solid var(--primary-600-);
  padding: var(--padding-xs) var(--padding-14xl);
  background-color: transparent;
  flex: 1;
  border-radius: var(--br-xs);
  gap: var(--gap-5xs);
}
.button-container,
.support {
  align-self: stretch;
  gap: var(--gap-xs);
}
.support {
  flex-direction: column;
}
.button81,
.description62 {
  position: relative;
  letter-spacing: 0.01em;
  font-weight: 500;
}
.description62 {
  align-self: stretch;
  line-height: 18px;
}
.button81 {
  line-height: 125%;
  display: inline-block;
  min-width: 112px;
}
.button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
}
.icon245 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.button80,
.currency {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.button80 {
  border-radius: var(--br-xs);
  border: 1.5px solid var(--primary-600-);
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-2xs) var(--padding-7xl) var(--padding-2xs)
    var(--padding-3xl);
  gap: var(--gap-xl);
  color: var(--primary-600-);
}
.currency {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.button83,
.description63 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
}
.description63 {
  align-self: stretch;
}
.button83 {
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
  color: var(--neutral-100);
  text-align: left;
  display: inline-block;
  min-width: 57px;
}
.icon246 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.button82 {
  cursor: pointer;
  border: 1px solid var(--primary-600-);
  padding: var(--padding-xs) var(--padding-14xl);
  background-color: var(--primary-600-);
  flex: 0.8657;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.button85 {
  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(--primary-600-);
  text-align: left;
  display: inline-block;
  min-width: 66px;
}
.icon247 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.button-parent1,
.button84 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.button84 {
  cursor: pointer;
  border: 1.5px solid var(--primary-600-);
  padding: var(--padding-xs) var(--padding-9xl);
  background-color: transparent;
  flex: 1;
  border-radius: var(--br-xs);
}
.button-parent1 {
  align-self: stretch;
  gap: var(--gap-xs);
}
.button87 {
  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(--primary-600-);
  text-align: left;
  display: inline-block;
  min-width: 66px;
}
.icon248 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.button86 {
  cursor: pointer;
  border: 1.5px solid var(--primary-600-);
  padding: var(--padding-xs) var(--padding-9xl);
  background-color: transparent;
  flex: 0.8933;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.button89 {
  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(--primary-600-);
  text-align: left;
  display: inline-block;
  min-width: 74px;
}
.icon249 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.button-parent2,
.button88,
.frame-parent19 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.button88 {
  cursor: pointer;
  border: 1.5px solid var(--primary-600-);
  padding: var(--padding-xs) var(--padding-5xl);
  background-color: transparent;
  flex: 1;
  border-radius: var(--br-xs);
}
.button-parent2,
.frame-parent19 {
  align-self: stretch;
  gap: var(--gap-xs);
}
.frame-parent19 {
  flex-direction: column;
}
.label {
  width: 44px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: none;
}
.dollar-sign-icon {
  height: 24.1px;
  width: 24.1px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.input-wrapping {
  width: 40px;
  background-color: var(--primary-100);
  border-right: 1px solid var(--primary-200);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-2xs) var(--padding-6xs) 10.9px;
}
.username4 {
  width: calc(100% - 24.1px);
  border: 0;
  outline: 0;
  font-weight: 300;
  font-family: var(--label-small-strong);
  font-size: var(--body-small-base-size);
  background-color: transparent;
  height: 18px;
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  color: rgba(24, 17, 52, 0.6);
  text-align: left;
  display: inline-block;
  min-width: 113px;
  padding: 0;
}
.start-adornment-icon {
  height: 16px;
  width: 16px;
  position: absolute;
  margin: 0 !important;
  top: 11px;
  left: 48px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.start {
  width: 236px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-5xs);
}
.selectarrow-icon {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 0;
}
.end-adornment-icon {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  left: -24px;
  display: none;
  z-index: 1;
}
.content,
.end {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.end {
  height: 16px;
  width: 16px;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-3xs);
}
.content {
  align-self: stretch;
  border-radius: var(--br-7xs);
  background-color: var(--default-white);
  border: 1px solid var(--primary-400);
  overflow: hidden;
  justify-content: space-between;
  padding: 0 var(--padding-3xs) 0 0;
  gap: 0;
  row-gap: 20px;
}
.sample-text {
  width: 64px;
  position: relative;
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 300;
  color: var(--neutral-500);
  display: none;
}
.amount,
.input {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.input {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
  font-size: var(--body-large-strong-size);
  color: var(--default-black);
}
.amount {
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
  opacity: 0.6;
}
.description64 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
}
.meter1 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--primary-200);
}
.div36 {
  left: 0;
}
.div36,
.div37,
.div38,
.div39,
.div40 {
  height: 100%;
  width: 57.6px;
  position: absolute;
  margin: 0 !important;
  top: 0;
  bottom: 0;
  border-radius: var(--br-sm);
  background-color: var(--secondary-600-);
}
.div37 {
  left: 39.6px;
  z-index: 1;
}
.div38,
.div39,
.div40 {
  opacity: 0;
}
.div38 {
  left: calc(50% - 28.8px);
  z-index: 2;
}
.div39,
.div40 {
  right: 39.6px;
  z-index: 3;
}
.div40 {
  right: 0;
  z-index: 4;
}
.group,
.progress-bar1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.group {
  height: 4px;
  width: 216px;
  z-index: 1;
}
.progress-bar1 {
  flex: 1;
  padding: 0 var(--padding-12xs);
  gap: var(--gap-35xl);
}
.m1,
.m2 {
  height: 23px;
  position: relative;
  letter-spacing: 0.01em;
  font-weight: 300;
  display: inline-block;
}
.m-group,
.progress-bar-parent {
  flex-direction: row;
  align-items: flex-start;
}
.m-group {
  width: 1044px;
  display: none;
  justify-content: space-between;
  max-width: 100%;
  gap: var(--gap-xl);
}
.progress-bar-parent {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-xs);
  text-align: left;
  font-size: var(--heading-regular-h6-heading-size);
  color: var(--default-black);
  font-family: var(--font-roboto);
}
.description65 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
}
.description-parent,
.page-1,
.support1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.description-parent {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xs);
}
.page-1,
.support1 {
  align-self: stretch;
}
.support1 {
  flex-direction: row;
  text-align: center;
}
.page-1 {
  flex-direction: column;
  gap: var(--gap-29xl);
  font-size: var(--body-small-base-size);
}
.description66,
.div41,
.donation-amount {
  position: relative;
  line-height: 125%;
  display: inline-block;
}
.description66 {
  align-self: stretch;
  height: 20px;
  font-size: var(--body-medium-base-size);
  font-weight: 500;
}
.div41,
.donation-amount {
  height: 23px;
  font-weight: 300;
}
.div41 {
  font-weight: 500;
  white-space: nowrap;
}
.donation-amount-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.meter2 {
  align-self: stretch;
  height: 1px;
  position: relative;
  border-radius: var(--br-sm);
  background-color: var(--black-50);
}
.checks-icon {
  height: 32.1px;
  width: 32.1px;
  object-fit: contain;
}
.cover-the-processing {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  white-space: pre-wrap;
  display: inline-block;
}
.checks-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  max-width: 133%;
  flex-shrink: 0;
}
.div42 {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.frame-parent20 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.meter3 {
  align-self: stretch;
  height: 1px;
  position: relative;
  border-radius: var(--br-sm);
  background-color: var(--black-50);
}
.div43,
.total-payment-amount {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.div43 {
  white-space: nowrap;
}
.donation-details,
.total-payment-amount-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.donation-details {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
}
.description67,
.meter4 {
  align-self: stretch;
  position: relative;
}
.description67 {
  height: 20px;
  font-size: var(--body-medium-base-size);
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.meter4 {
  height: 1px;
  border-radius: var(--br-sm);
  background-color: var(--black-50);
}
.checks-icon1 {
  height: 32.1px;
  width: 32.1px;
  object-fit: contain;
}
.email-notifications {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
}
.checks-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.div44 {
  height: 28px;
  position: relative;
  font-size: var(--heading-semibold-h4-heading-size);
  letter-spacing: -0.02em;
  font-weight: 600;
  font-family: var(--font-roboto);
  display: inline-block;
  opacity: 0;
  white-space: nowrap;
}
.frame-parent21 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.meter5 {
  align-self: stretch;
  height: 1px;
  position: relative;
  border-radius: var(--br-sm);
  background-color: var(--black-50);
}
.checks-icon2 {
  height: 32.1px;
  width: 32.1px;
  object-fit: contain;
}
.whatsapp-notifications {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
}
.checks-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
}
.div45 {
  height: 28px;
  position: relative;
  font-size: var(--heading-semibold-h4-heading-size);
  letter-spacing: -0.02em;
  font-weight: 600;
  font-family: var(--font-roboto);
  display: inline-block;
  opacity: 0;
  white-space: nowrap;
}
.frame-parent22 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.contact-permissions,
.page-2 {
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-permissions {
  display: flex;
  gap: var(--gap-xs);
}
.page-2 {
  display: none;
  gap: var(--gap-29xl);
}
.description68 {
  align-self: stretch;
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.input-icon5,
.input-icon6 {
  height: 53px;
  flex: 1;
  max-width: 173%;
  overflow: hidden;
  object-fit: contain;
  flex-shrink: 0;
}
.input-group {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xl);
}
.content-icon,
.content-icon1,
.content-icon2,
.content-icon3 {
  align-self: stretch;
  height: 54px;
  border-radius: var(--br-7xs);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.description69 {
  align-self: stretch;
  height: 20px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.your-information {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
}
.description70 {
  height: 20px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.shield-lock-fill-icon1 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.description71 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.description-group,
.shield-lock-fill-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.shield-lock-fill-parent {
  height: 20px;
  gap: var(--gap-7xs);
}
.description-group {
  align-self: stretch;
  gap: var(--gap-xs);
}
.content-icon4,
.content-icon5,
.content-icon6 {
  border-radius: var(--br-7xs);
  overflow: hidden;
  object-fit: contain;
  flex-shrink: 0;
}
.content-icon4 {
  align-self: stretch;
  height: 54px;
  max-width: 100%;
}
.content-icon5,
.content-icon6 {
  height: 53px;
  flex: 1;
  max-width: 172%;
}
.content-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xl);
}
.description72 {
  align-self: stretch;
  height: 19px;
  position: relative;
  text-decoration: underline;
  letter-spacing: 0.01em;
  font-weight: 300;
  font-family: var(--font-roboto);
  color: var(--default-black);
  display: none;
}
.card-information,
.page-3 {
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.card-information {
  display: flex;
  gap: var(--gap-xs);
}
.page-3 {
  display: none;
  gap: var(--gap-29xl);
  font-size: var(--body-medium-base-size);
}
.description73,
.description74 {
  align-self: stretch;
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.description74 {
  height: 46px;
  font-weight: 300;
}
.page-4,
.top {
  align-self: stretch;
  flex-direction: column;
}
.page-4 {
  display: none;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
}
.top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.button91 {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon250 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button90 {
  align-self: stretch;
  height: 52px;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--primary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-4xl);
  gap: var(--gap-5xs);
}
.button93 {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon251 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button92 {
  align-self: stretch;
  height: 52px;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--primary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-4xl);
  gap: var(--gap-5xs);
}
.button95 {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon252 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-parent3,
.button94 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button94 {
  height: 52px;
  border-radius: var(--br-xs);
  background-color: var(--secondary-500);
  flex-direction: row;
  padding: var(--padding-xs) var(--padding-4xl);
  box-sizing: border-box;
  gap: var(--gap-5xs);
  white-space: nowrap;
  color: var(--default-white);
}
.button-parent3 {
  flex-direction: column;
  gap: var(--gap-xl);
}
.shield-lock-fill-icon2 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.description75 {
  height: 19px;
  flex: 1;
  position: relative;
  letter-spacing: 0.01em;
  font-weight: 600;
  display: inline-block;
}
.funraise-icon {
  height: 12px;
  width: 60.1px;
  position: relative;
}
.frame-parent23,
.shield-lock-fill-group {
  align-items: center;
  justify-content: center;
}
.shield-lock-fill-group {
  width: 172px;
  display: flex;
  flex-direction: row;
  gap: var(--gap-7xs);
  font-size: var(--body-medium-base-size);
  color: var(--primary-800);
  font-family: var(--font-roboto);
}
.frame-parent23 {
  align-self: stretch;
  display: none;
  flex-direction: column;
  gap: var(--gap-xs);
  font-size: var(--body-large-strong-size);
  color: var(--primary-600-);
}
.meter6 {
  height: 1px;
  width: 396px;
  position: relative;
  border-radius: var(--br-sm);
  background-color: var(--black-50);
  max-width: 150%;
  flex-shrink: 0;
}
.description76 {
  position: relative;
  letter-spacing: 0.01em;
  font-weight: 600;
}
.meter7 {
  height: 1px;
  width: 396px;
  position: relative;
  border-radius: var(--br-sm);
  background-color: var(--black-50);
  max-width: 150%;
  flex-shrink: 0;
}
.meter-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xl);
}
.button97 {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon253 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button96 {
  height: 52px;
  flex: 1;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--primary-600-);
  box-sizing: border-box;
  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;
}
.button99 {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon254 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-parent4,
.button98 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.button98 {
  height: 52px;
  flex: 1;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--primary-600-);
  box-sizing: border-box;
  padding: var(--padding-xs) var(--padding-4xl);
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button-parent4 {
  align-self: stretch;
  gap: var(--gap-5xl);
}
.button101 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon255 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button100 {
  height: 52px;
  flex: 1;
  border-radius: var(--br-xs);
  background-color: var(--default-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-5xl);
  box-sizing: border-box;
  gap: var(--gap-5xs);
  white-space: nowrap;
}
.button103 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon256 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button102 {
  height: 52px;
  flex: 1;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--primary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-5xs);
  white-space: nowrap;
  color: var(--primary-600-);
}
.button-parent5,
.frame-parent24,
.payment-modes {
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.button-parent5 {
  background-color: var(--default-black);
  display: flex;
  flex-direction: row;
  gap: var(--gap-5xl);
  color: var(--default-white);
}
.frame-parent24,
.payment-modes {
  flex-direction: column;
}
.frame-parent24 {
  display: flex;
  gap: var(--gap-xs);
  text-align: left;
  font-size: var(--body-large-strong-size);
  color: var(--primary-600-);
  font-family: var(--label-small-strong);
}
.payment-modes {
  display: none;
  gap: var(--gap-5xl);
  text-align: center;
  font-family: var(--font-roboto);
}
.button105 {
  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: 63px;
}
.icon257 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button104 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-sm) 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);
}
.shield-lock-fill-icon3 {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.description77 {
  position: relative;
  letter-spacing: 0.01em;
  font-weight: 600;
  display: inline-block;
  min-width: 82px;
}
.funraise-icon1 {
  height: 12px;
  width: 60.1px;
  position: relative;
}
.data-container1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 0.1px 0 0;
  gap: var(--gap-7xs);
  font-family: var(--font-roboto);
}
.description78 {
  position: relative;
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  min-width: 76px;
}
.question-circle-icon {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.description-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-9xs);
}
.description79 {
  position: relative;
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  min-width: 40px;
}
.description-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.description80 {
  position: relative;
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  min-width: 24px;
}
.description-frame {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.cta,
.frame-parent25 {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.frame-parent25 {
  flex-direction: row;
  justify-content: space-between;
  padding: 0 var(--padding-8xl);
  gap: var(--gap-xl);
  font-size: var(--label-small-strong-size);
}
.cta {
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-5xl);
  font-size: var(--body-medium-base-size);
}
.donation-formmobile {
  border-radius: var(--br-5xl);
  background-color: var(--default-white);
  border: 3px solid var(--primary-400);
  padding: var(--padding-xl) var(--padding-2xl);
  gap: var(--gap-29xl);
  z-index: 1;
  font-size: var(--body-large-strong-size);
  color: var(--primary-800);
  font-family: var(--label-small-strong);
}
.donation-formmobile,
.header-section-group,
.loa-patterns-1-parent9 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.loa-patterns-1-parent9 {
  background-color: var(--primary-800);
  overflow: hidden;
  padding: var(--padding-53xl) var(--padding-5xl);
  position: relative;
  gap: var(--gap-53xl);
  text-align: left;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.header-section-group {
  padding: 0 0 var(--padding-53xl);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--label-small-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.how-to-support {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.lorem-ipsum-dolor8 {
  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-icon10 {
  width: 75.5px;
  height: 36px;
  position: relative;
}
.why-loa10 {
  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-120,
.div46 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div46 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-120 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext20 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.dash-circle-icon2 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle20 {
  align-self: stretch;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.text34 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
}
.accordiansingle20,
.accordiansingleopen2,
.accordionbody20 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordionbody20 {
  align-self: stretch;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-4xl);
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle20,
.accordiansingleopen2 {
  flex-direction: column;
}
.accordiansingleopen2 {
  align-self: stretch;
}
.accordiansingle20 {
  width: 312px;
}
.accordion-item-121,
.div47 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div47 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-121 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext21 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon18 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle21 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the18 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody21 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle21,
.accordiansingleclosed18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed18 {
  align-self: stretch;
}
.accordiansingle21 {
  width: 312px;
}
.accordion-item-122,
.div48 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div48 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-122 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext22 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon19 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle22 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the19 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody22 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle22,
.accordiansingleclosed19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed19 {
  align-self: stretch;
}
.accordiansingle22 {
  width: 312px;
}
.accordion-item-123,
.div49 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div49 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-123 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext23 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon20 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle23 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the20 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody23 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle23,
.accordiansingleclosed20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed20 {
  align-self: stretch;
}
.accordiansingle23 {
  width: 312px;
}
.accordion-item-124,
.div50 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div50 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-124 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext24 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon21 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle24 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the21 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody24 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle24,
.accordiansingleclosed21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed21 {
  align-self: stretch;
}
.accordiansingle24 {
  width: 312px;
}
.accordion-item-125,
.div51 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div51 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-125 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext25 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon22 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle25 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the22 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody25 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle25,
.accordiansingleclosed22 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed22 {
  align-self: stretch;
}
.accordiansingle25 {
  width: 312px;
}
.accordion-item-126,
.div52 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div52 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-126 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext26 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon23 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle26 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the23 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody26 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle26,
.accordiansingleclosed23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed23 {
  align-self: stretch;
}
.accordiansingle26 {
  width: 312px;
}
.accordion-item-127,
.div53 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div53 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-127 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext27 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon24 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle27 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the24 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody27 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle27,
.accordiansingleclosed24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed24 {
  align-self: stretch;
}
.accordiansingle27 {
  width: 312px;
}
.accordion-item-128,
.div54 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div54 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-128 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext28 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon25 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle28 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the25 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody28 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accordiansingle28,
.accordiansingleclosed25 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed25 {
  align-self: stretch;
}
.accordiansingle28 {
  width: 312px;
}
.accordion-item-129,
.div55 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.div55 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-129 {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
}
.accordiontext29 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-12xl) 0 0;
  gap: var(--gap-3xs);
}
.plus-circle-icon26 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle29 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--primary-400);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
}
.this-is-the26 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 413%;
  flex-shrink: 0;
}
.accordionbody29 {
  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-5xl);
  white-space: nowrap;
  font-size: var(--body-medium-base-size);
  font-family: var(--label-small-strong);
}
.accodriongroup2,
.accordiansingle29,
.accordiansingleclosed26 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordiansingleclosed26 {
  align-self: stretch;
}
.accodriongroup2,
.accordiansingle29 {
  width: 312px;
}
.accodriongroup2 {
  overflow-x: auto;
  gap: var(--gap-7xs);
  font-size: var(--heading-regular-h6-heading-size);
  color: var(--primary-600-);
}
.button107 {
  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;
}
.icon258 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button106 {
  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;
}
.button109 {
  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;
}
.icon259 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button108 {
  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-group12 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-xs);
}
.button-group12,
.support-mobile-inner,
.why-loa-parent2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.why-loa-parent2 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-17xl);
}
.support-mobile-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl) var(--padding-53xl);
  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);
}
.why-the-legacy1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.why-the-legacy-of-adam-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-6xl) 0 var(--padding-4xl);
}
.the-legacy-of2 {
  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-icon11 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper6 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa-wrapper2,
.why-loa11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.why-loa11 {
  flex: 1;
  border-radius: var(--br-5xl);
  flex-direction: column;
  gap: var(--gap-5xl);
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.why-loa-wrapper2 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl);
}
.player-box-icon41 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -0.4px;
  left: 0;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.icon260 {
  height: 72px;
  width: 72px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-wrapper6 {
  cursor: pointer;
  border: 2px solid var(--default-white);
  padding: var(--padding-xs) var(--padding-3xs);
  background-color: transparent;
  height: 96px;
  width: 96px;
  border-radius: var(--br-125xl);
  box-sizing: border-box;
  justify-content: flex-start;
  z-index: 1;
}
.icon-wrapper6,
.player-container-container,
.player-container2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.player-container2 {
  flex: 1;
  justify-content: center;
  padding: var(--padding-8xl) var(--padding-xl) var(--padding-7xl);
  position: relative;
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.player-container-container {
  align-self: stretch;
  justify-content: flex-start;
  padding: 0 var(--padding-5xl);
}
.number {
  letter-spacing: -0.01em;
  line-height: 100%;
  color: var(--secondary-600-);
}
.description81,
.number,
.title64 {
  align-self: stretch;
  position: relative;
}
.title64 {
  margin: 0;
  font-size: var(--heading-semibold-h4-heading-size);
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description81 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.info-card03 {
  align-self: stretch;
  border-radius: var(--br-17xl);
  background-color: var(--primary-100);
  border: 3px solid var(--primary-400);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-25xl) var(--padding-2xl);
  gap: var(--gap-5xl);
}
.number1 {
  letter-spacing: -0.01em;
  line-height: 100%;
  color: var(--secondary-600-);
}
.description82,
.number1,
.title65 {
  align-self: stretch;
  position: relative;
}
.title65 {
  margin: 0;
  font-size: var(--heading-semibold-h4-heading-size);
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description82 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.info-card031 {
  align-self: stretch;
  border-radius: var(--br-17xl);
  background-color: var(--primary-100);
  border: 3px solid var(--primary-400);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-25xl) var(--padding-2xl);
  gap: var(--gap-5xl);
}
.number2 {
  letter-spacing: -0.01em;
  line-height: 100%;
  color: var(--secondary-600-);
}
.description83,
.number2,
.title66 {
  align-self: stretch;
  position: relative;
}
.title66 {
  margin: 0;
  font-size: var(--heading-semibold-h4-heading-size);
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.description83 {
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.info-card03-parent,
.info-card032 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.info-card032 {
  border-radius: var(--br-17xl);
  background-color: var(--primary-100);
  border: 3px solid var(--primary-400);
  padding: var(--padding-25xl) var(--padding-2xl);
}
.info-card03-parent {
  z-index: 1;
}
.loa-patterns-1-icon14 {
  margin-left: -804px;
  width: 1920px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 616%;
  flex-shrink: 0;
  margin-top: -228px;
}
.frame-parent26,
.key-goals {
  align-self: stretch;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-parent26 {
  padding: 0 var(--padding-5xl);
  debug_commit: 1de1738;
  text-align: center;
  font-size: var(--display-bold-heading-4-size);
  color: var(--primary-800);
}
.key-goals {
  height: 1486px;
  background-color: var(--primary-800);
  overflow: hidden;
  padding: var(--padding-53xl) 0 1017px;
  gap: var(--gap-29xl);
  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-icon15 {
  width: 1920px;
  height: 968px;
  position: absolute;
  margin: 0 !important;
  top: -300px;
  left: calc(50% - 960px);
  object-fit: cover;
}
.loa-impacting-lives1 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.lorem-ipsum-dolor9 {
  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);
}
.swirl-icon12 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper7,
.why-loa12 {
  align-self: stretch;
  display: flex;
}
.swirl-wrapper7 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa12 {
  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;
}
.headline4 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.iteration-controller {
  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-icon8 {
  height: 96px;
  width: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: contain;
  display: none;
}
.description84 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon9 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  min-height: 24px;
}
.john-doe4 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe80 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper47 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania4 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-parent2,
.secondary-details-inner3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-parent2 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
}
.secondary-details-inner3 {
  width: 154px;
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
}
.secondary-details18 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-base-size);
}
.second-info40,
.secondary-details18,
.testimonial4,
.testimony4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimony4 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.second-info40,
.testimonial4 {
  align-self: stretch;
}
.second-info40 {
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.testimonial4 {
  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;
}
.headline5 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.headline-wrapper2 {
  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-icon10 {
  height: 96px;
  width: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: contain;
  display: none;
}
.description85 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon11 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  min-height: 24px;
}
.john-doe5 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe81 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper48 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania5 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-parent3,
.secondary-details-inner4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-parent3 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
}
.secondary-details-inner4 {
  width: 154px;
  flex-direction: column;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
}
.secondary-details19 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-base-size);
}
.connection-builder,
.second-info41,
.secondary-details19,
.testimonial5,
.testimony5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimony5 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.connection-builder,
.second-info41,
.testimonial5 {
  align-self: stretch;
}
.second-info41 {
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-small-base-size);
  font-family: var(--label-small-strong);
}
.connection-builder,
.testimonial5 {
  flex-direction: column;
}
.testimonial5 {
  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;
}
.connection-builder {
  gap: var(--gap-xs);
  color: var(--primary-600-);
}
.button111 {
  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;
}
.icon261 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button110 {
  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;
}
.button113 {
  height: 18px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon262 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button112 {
  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-parent10 {
  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);
  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-parent10,
.loa-socials1,
.lorem-ipsum-dolor10 {
  align-self: stretch;
  position: relative;
}
.loa-socials1 {
  margin: 0;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.lorem-ipsum-dolor10 {
  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-icon13 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper8,
.why-loa13 {
  align-self: stretch;
  display: flex;
}
.swirl-wrapper8 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa13 {
  border-radius: var(--br-5xl);
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.player-container-icon {
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.description86,
.player-container-icon,
.subscribe-to-the {
  align-self: stretch;
  position: relative;
}
.subscribe-to-the {
  margin: 0;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.description86 {
  font-size: var(--body-medium-base-size);
  letter-spacing: 0.01em;
  font-weight: 300;
  font-family: var(--font-roboto);
}
.subscribe-to-the-loa-news-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  text-align: center;
  font-size: var(--heading-semibold-h4-heading-size);
  font-family: var(--heading-semibold-h5-heading);
}
.description87 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
}
.input-icon7,
.input-icon8,
.input-icon9 {
  height: 38.6px;
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
}
.input-icon7,
.input-icon8 {
  align-self: stretch;
  flex-shrink: 0;
}
.input-icon9 {
  flex: 1;
}
.input-icon10 {
  align-self: stretch;
  width: 236px;
  max-height: 100%;
  object-fit: contain;
  display: none;
  min-height: 39px;
}
.input-box1,
.phone-box1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  gap: var(--gap-xs);
}
.input-box1 {
  flex-direction: column;
}
.button115,
.description88 {
  position: relative;
  font-weight: 500;
}
.description88 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 18px;
}
.button115 {
  width: 68px;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-family: var(--label-small-strong);
  color: var(--default-black);
  text-align: left;
  display: none;
}
.icon263 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button114 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-sm) var(--padding-13xl);
  background-color: var(--secondary-200);
  border-radius: var(--br-7xs) 0 0 var(--br-7xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.button117 {
  width: 68px;
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-black);
  text-align: left;
  display: none;
}
.icon264 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button116 {
  cursor: pointer;
  border: 1px solid var(--primary-400);
  padding: var(--padding-xs) var(--padding-12xl);
  background-color: var(--default-white);
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.button119 {
  width: 68px;
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-black);
  text-align: left;
  display: none;
}
.icon265 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button118,
.buttongroup02 {
  display: flex;
  flex-direction: row;
}
.button118 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-xs) var(--padding-12xl);
  background-color: var(--default-white);
  flex: 1;
  border-radius: 0 var(--br-7xs) var(--br-7xs) 0;
  border-top: 1px solid var(--primary-400);
  border-right: 1px solid var(--primary-400);
  border-bottom: 1px solid var(--primary-400);
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.buttongroup02 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
}
.button121 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 118px;
}
.icon266 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 20px;
}
.button120,
.story {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.button120 {
  border-radius: var(--br-xs);
  background-color: var(--default-white);
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-xs) var(--padding-5xl);
  white-space: nowrap;
  gap: var(--gap-xl);
  color: var(--default-black);
}
.story {
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-xs);
}
.checks-icon3 {
  height: 32.1px;
  width: 32.1px;
  object-fit: contain;
}
.description89 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.terms-and-conditions {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.checks-icon4 {
  height: 32.1px;
  width: 32.1px;
  object-fit: contain;
}
.description90 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 104px;
}
.terms-and-conditions1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.checks-icon5 {
  height: 32.1px;
  width: 32.1px;
  object-fit: contain;
}
.description91 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 104px;
}
.flowchart,
.terms-and-conditions2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.flowchart {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 48.9px 0 0;
  gap: var(--gap-11xs);
  font-size: var(--body-medium-base-size);
}
.button123 {
  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: 39px;
}
.icon267 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button122 {
  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-02,
.player-container-parent,
.why-loa-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.form-02 {
  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);
  flex-shrink: 0;
  debug_commit: 1de1738;
}
.player-container-parent,
.why-loa-parent3 {
  gap: var(--gap-xs);
  text-align: left;
  font-size: var(--body-small-base-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.why-loa-parent3 {
  background-color: var(--primary-800);
  overflow: hidden;
  flex-shrink: 0;
  padding: var(--padding-53xl) var(--padding-5xl) 72.1px;
  gap: var(--gap-17xl);
  text-align: center;
  font-size: var(--heading-semibold-h4-heading-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h5-heading);
}
.patterns-icon4 {
  height: 1678px;
  width: 319.7px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.vector-icon10 {
  height: 264px;
  width: 294px;
  position: relative;
  object-fit: contain;
  display: none;
}
.nav-link135 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 41px;
}
.icon268 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems149 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link136 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 47px;
}
.icon269 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems150 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link137 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 63px;
}
.icon270 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems151 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.nav-link138 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 55px;
}
.icon271 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems152 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link139 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
}
.icon272 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.menu-items5,
.navitems153 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-2xs);
  gap: var(--gap-7xs);
}
.menu-items5 {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.change-language5 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-weight: 400;
  font-family: inherit;
}
.en5,
.icon273 {
  position: relative;
}
.en5 {
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 22px;
}
.icon273 {
  height: 20px;
  width: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.file-writer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon274 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button124 {
  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-select5,
.primary-actions5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.language-select5 {
  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-actions5 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-29xl);
}
.about-the-legacy5,
.dividers14 {
  align-self: stretch;
  position: relative;
}
.dividers14 {
  height: 1px;
  border-radius: var(--br-3xs);
  background-color: var(--primary-500);
}
.about-the-legacy5 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.discovery-and-transformation5,
.we-are-committed5 {
  margin: 0;
}
.we-are-committed-container5 {
  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-parent2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.facebook-icon9 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon015 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.instagram-icon9 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon025 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.tiktok-icon5 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon035 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.twitter-icon9 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon01-parent2,
.icon045 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon01-parent2 {
  gap: var(--gap-5xl);
}
.loa-details5,
.primary-info9 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.loa-details5 {
  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-info9 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-17xl);
}
.copyright5,
.dividers15 {
  align-self: stretch;
  position: relative;
}
.dividers15 {
  height: 1px;
  background-color: var(--primary-500);
}
.copyright5 {
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 500;
  text-align: center;
}
.footer-layoutmobile5 {
  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-layoutmobile5,
.footer-section5,
.support-mobile {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-section5 {
  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);
}
.support-mobile {
  width: 100%;
  height: 7941px;
  position: relative;
  background-color: var(--primary-900);
  overflow-y: auto;
  flex-direction: column;
  padding: 0 0 840px;
  box-sizing: border-box;
  line-height: normal;
  letter-spacing: normal;
}