.logo-icon1 {
  height: 60px;
  width: 123.5px;
}
.icon64,
.loa-tv,
.logo-icon1 {
  position: relative;
}
.loa-tv {
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 59px;
  white-space: nowrap;
}
.icon64 {
  height: 16px;
  width: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems40 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  color: var(--secondary-600-);
}
.about-us {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 79px;
  white-space: nowrap;
}
.icon65 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems41 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-7xs);
}
.support {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.icon66 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navitems42 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
}
.community {
  position: relative;
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 101px;
}
.icon67 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.navbar-nav1,
.navitems43 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.navitems43 {
  padding: var(--padding-xs) var(--padding-5xl);
  gap: var(--gap-8xs);
  opacity: 0.4;
}
.navbar-nav1 {
  gap: var(--gap-5xl);
  max-width: 100%;
}
.search-text1 {
  height: 23px;
  width: 223px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: none;
  white-space: nowrap;
}
.vector-icon1 {
  position: absolute;
  height: 81.25%;
  width: 81.25%;
  top: 0;
  right: 18.75%;
  bottom: 18.75%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.icon-item {
  position: absolute;
  height: 45.42%;
  width: 6.67%;
  top: 68.33%;
  right: 29.17%;
  bottom: -13.75%;
  left: 64.17%;
  border-radius: var(--br-20xl);
  background-color: var(--default-white);
  transform: rotate(-45deg);
  transform-origin: 0 0;
  z-index: 1;
}
.icon68 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.search1 {
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-xs);
  gap: var(--gap-5xs);
}
.chat-dots-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton028 {
  border-radius: var(--br-xs);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs);
}
.person-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.iconbutton029 {
  border-radius: var(--br-xs);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs);
}
.support1 {
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 23px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 70px;
}
.icon69 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button-group2,
.button16 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.button16 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mini-5) var(--padding-4xl);
  background-color: var(--secondary-500);
  border-radius: var(--br-xs);
  justify-content: center;
  gap: var(--gap-5xs);
}
.button16:hover,
.button18:hover,
.button22:hover {
  background-color: var(--color-chocolate-200);
}
.button-group2 {
  justify-content: flex-start;
  gap: var(--gap-xs);
  color: var(--neutral-600);
}
.navbar1,
.navbardark1,
.tree-structure {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.navbardark1 {
  flex: 1;
  background-color: var(--primary-800);
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs);
  box-sizing: border-box;
  gap: var(--gap-xl);
}
.navbar1,
.tree-structure {
  justify-content: center;
}
.navbar1 {
  width: 1280px;
  align-items: center;
}
.tree-structure {
  align-self: stretch;
  align-items: flex-start;
  padding: 0 var(--padding-xl) var(--padding-7xs);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--body-large-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.icon70 {
  width: 36px;
  height: 36px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) 0 0;
}
.div,
.home {
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 50px;
}
.div {
  line-height: 16px;
  font-weight: 600;
  min-width: 5px;
}
.wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
  color: var(--neutral-400-);
  font-family: var(--font-mulish);
}
.div1,
.library {
  position: relative;
  display: inline-block;
}
.library {
  flex: 1;
  line-height: 125%;
  font-weight: 300;
  min-width: 49px;
}
.div1 {
  line-height: 16px;
  font-weight: 600;
  min-width: 5px;
}
.container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
  color: var(--neutral-400-);
  font-family: var(--font-mulish);
}
.data {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  color: var(--secondary-600-);
  display: inline-block;
  min-width: 55px;
}
.breadcrumb,
.frame-parent1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.breadcrumb {
  flex: 1;
  flex-wrap: wrap;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.frame-parent1 {
  width: 304px;
}
.frame-child {
  width: 1128px;
  position: relative;
  border-radius: var(--br-xs);
  max-height: 100%;
  object-fit: cover;
  display: none;
  max-width: 100%;
}
.description21,
.title19 {
  width: 552px;
  display: inline-block;
  max-width: 100%;
}
.title19 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: var(--heading-semibold-h3-heading);
}
.description21 {
  font-size: var(--body-medium-strong-size);
  line-height: 125%;
  font-weight: 300;
}
.author,
.description21,
.pipe20 {
  position: relative;
}
.author {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe20 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-400-);
}
.pipe-wrapper14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date3,
.pipe21 {
  position: relative;
}
.date3 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe21 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--neutral-400-);
}
.pipe-wrapper15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.time12 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 70px;
}
.author-parent,
.figma-component {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.author-parent {
  gap: var(--gap-xs-4);
}
.figma-component {
  width: 552px;
  max-width: 100%;
  text-align: left;
  font-size: var(--body-small-base-size);
}
.blog-heading-synopsis {
  flex: 1;
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--color-gray-200);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xl) var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  max-width: 100%;
  z-index: 1;
}
.frame-section,
.rectangle-parent {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.rectangle-parent {
  border-radius: var(--br-xs);
  flex-direction: row;
  align-items: flex-end;
  gap: var(--gap-3xs);
  background-image: url(./public/rectangle-261@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-height: 480px;
  text-align: center;
  font-size: var(--heading-semibold-h3-heading-size);
}
.frame-section {
  background-color: var(--primary-900);
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-46xl) var(--padding-377xl) var(--padding-53xl);
  box-sizing: border-box;
  gap: var(--gap-9xs);
  text-align: left;
  font-size: var(--body-medium-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.find-your-anchor {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
}
.lorem-ipsum-dolor {
  align-self: stretch;
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
}
.swirl-icon3 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-frame {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.why-loa1 {
  width: 744px;
  border-radius: var(--br-5xl);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.why-loa-wrapper {
  align-self: stretch;
  background-color: var(--primary-900);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-77xl) var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: var(--display-bold-heading-4-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.featured-reads {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  min-width: 189px;
  max-width: 100%;
}
.nav-link33 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon71 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems-wrapper2,
.navitems44 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems44 {
  align-self: stretch;
  flex: 1;
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  opacity: 0;
}
.navitems-wrapper2 {
  height: 38px;
  width: 139px;
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  box-sizing: border-box;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.rectangle-icon,
.title-box6 {
  align-self: stretch;
  max-width: 100%;
}
.title-box6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
}
.rectangle-icon {
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title20 {
  align-self: stretch;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name3,
.pipe22,
.title20 {
  position: relative;
}
.name3 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe22 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.data-processor {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date4,
.pipe23 {
  position: relative;
}
.date4 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe23 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read3 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description22,
.nav-link34 {
  position: relative;
  line-height: 125%;
}
.description22 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link34 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon72 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems45 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info3 {
  align-self: stretch;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.blog-card3,
.info19,
.secondary-info3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info19 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card3 {
  max-width: 100%;
}
.blog-card-child1 {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title21 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name4,
.pipe24,
.title21 {
  position: relative;
}
.name4 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe24 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date5,
.pipe25 {
  position: relative;
}
.date5 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe25 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read4 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details6 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description23,
.nav-link35 {
  position: relative;
  line-height: 125%;
}
.description23 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link35 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon73 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems46 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info4 {
  align-self: stretch;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.blog-card4,
.info20,
.secondary-info4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info20 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card4 {
  max-width: 100%;
}
.blog-card-child2 {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title22 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name5,
.pipe26,
.title22 {
  position: relative;
}
.name5 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe26 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date6,
.pipe27 {
  position: relative;
}
.date6 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe27 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read5 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details7 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description24,
.nav-link36 {
  position: relative;
  line-height: 125%;
}
.description24 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link36 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon74 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.info21,
.navitems47,
.secondary-info5 {
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems47 {
  display: flex;
  flex-direction: row;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.info21,
.secondary-info5 {
  align-self: stretch;
}
.secondary-info5 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.info21 {
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card5,
.info21 {
  display: flex;
  flex-direction: column;
}
.blog-card5,
.blog-set1,
.title-box-parent3 {
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.blog-set1 {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  gap: var(--gap-5xl);
  grid-template-columns: repeat(3, minmax(270px, 1fr));
  font-size: var(--heading-medium-h6-heading-size);
  font-family: var(--label-small-strong);
}
.title-box-parent3 {
  width: 1128px;
  display: flex;
  flex-direction: column;
  gap: var(--gap-17xl);
  font-family: var(--heading-semibold-h3-heading);
}
.nav-link37 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon75 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems48 {
  width: 127px;
  flex: 1;
  border-bottom: 1px solid var(--secondary-600-);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) 0;
  gap: var(--gap-7xs);
}
.button17 {
  width: 1128px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
  z-index: 1;
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.all-reads-showing {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  min-width: 326px;
  max-width: 100%;
}
.nav-link38 {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.icon76 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems-wrapper3,
.navitems49 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems49 {
  align-self: stretch;
  flex: 1;
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  opacity: 0;
}
.navitems-wrapper3 {
  height: 38px;
  width: 139px;
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  box-sizing: border-box;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.blog-card-child3,
.title-box7 {
  align-self: stretch;
  max-width: 100%;
}
.title-box7 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
  font-family: var(--heading-semibold-h3-heading);
}
.blog-card-child3 {
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title23 {
  align-self: stretch;
  letter-spacing: 0.02em;
  line-height: 102%;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name6,
.pipe28,
.title23 {
  position: relative;
}
.name6 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe28 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date7,
.pipe29 {
  position: relative;
}
.date7 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe29 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper22 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read6 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description25,
.nav-link39 {
  position: relative;
  line-height: 125%;
}
.description25 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link39 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon77 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems50 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info6 {
  align-self: stretch;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.blog-card6,
.info22,
.secondary-info6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info22 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card6 {
  max-width: 100%;
}
.blog-card-child4 {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title24 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name7,
.pipe30,
.title24 {
  position: relative;
}
.name7 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe30 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date8,
.pipe31 {
  position: relative;
}
.date8 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe31 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read7 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details9 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description26,
.nav-link40 {
  position: relative;
  line-height: 125%;
}
.description26 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link40 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon78 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems51 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info7 {
  align-self: stretch;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.blog-card7,
.info23,
.secondary-info7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info23 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card7 {
  max-width: 100%;
}
.blog-card-child5 {
  align-self: stretch;
  height: 152px;
  position: relative;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.title25 {
  align-self: stretch;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: var(--heading-semibold-h3-heading);
  color: var(--secondary-600-);
}
.name8,
.pipe32,
.title25 {
  position: relative;
}
.name8 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 60px;
}
.pipe32 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper25 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.date9,
.pipe33 {
  position: relative;
}
.date9 {
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 120px;
}
.pipe33 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper26 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) 0 0;
}
.read8 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  min-width: 71px;
}
.secondary-details10 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs-4);
  opacity: 0.6;
  font-size: var(--body-small-base-size);
}
.description27,
.nav-link41 {
  position: relative;
  line-height: 125%;
}
.description27 {
  align-self: stretch;
  font-weight: 300;
}
.nav-link41 {
  letter-spacing: 0.01em;
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.icon79 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems52 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0;
  gap: var(--gap-7xs);
  font-size: var(--body-small-base-size);
}
.secondary-info8 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--body-medium-strong-size);
}
.blog-card8,
.blog-set2,
.info24,
.secondary-info8 {
  align-items: flex-start;
  justify-content: flex-start;
}
.info24 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.blog-card8,
.blog-set2 {
  max-width: 100%;
}
.blog-card8 {
  display: flex;
  flex-direction: column;
}
.blog-set2 {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  gap: var(--gap-5xl);
  grid-template-columns: repeat(3, minmax(270px, 1fr));
  font-size: var(--heading-medium-h6-heading-size);
}
.nav-link42 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 109px;
}
.icon80 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems53,
.title-box-parent4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems53 {
  border-bottom: 1px solid var(--secondary-600-);
  flex-direction: row;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
  font-size: var(--body-medium-strong-size);
  color: var(--secondary-600-);
}
.title-box-parent4 {
  width: 1128px;
  flex-direction: column;
  gap: var(--gap-17xl);
  max-width: 100%;
}
.patterns-icon5 {
  width: 2486px;
  height: 1253px;
  position: absolute;
  margin: 0 !important;
  bottom: -826px;
  left: calc(50% - 1243px);
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.frame-parent2 {
  align-self: stretch;
  background-color: var(--primary-800);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-125xl) var(--padding-xl);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-77xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--heading-semibold-h3-heading-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.loa-impacting-lives,
.nav-link43 {
  position: relative;
  display: inline-block;
}
.loa-impacting-lives {
  margin: 0;
  flex: 1;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
  max-width: 100%;
}
.nav-link43 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon81 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems54 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  opacity: 0;
  z-index: 2;
  text-align: left;
  font-size: var(--body-medium-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.lorem-ipsum-dolor1,
.title-box8 {
  display: flex;
  max-width: 100%;
  z-index: 1;
}
.title-box8 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.lorem-ipsum-dolor1 {
  width: 744px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.lorem-ipsum-dolor-sit-amet-con-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--body-large-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.title-box-parent5 {
  width: 1128px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
  text-align: center;
}
.patterns-icon6 {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: -283px;
  max-height: 100%;
  width: 2486px;
  overflow: hidden;
}
.swirl-icon4 {
  position: absolute;
  top: 725px;
  left: 922.3px;
  width: 75.5px;
  height: 36px;
  z-index: 1;
}
.patterns-parent {
  width: 100%;
  height: 1253px;
  position: absolute;
  margin: 0 !important;
  top: -427px;
  right: 0;
  left: 0;
}
.headline2 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.headline-frame {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-17xl) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.profile-pic-icon4 {
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
}
.input-filter1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-47xl) 0 0;
}
.description28 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon5 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.john-doe2 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe34 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper27 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania2 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.john-doe-container,
.secondary-details11 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-container {
  width: 154px;
  gap: var(--gap-7xs);
}
.secondary-details11 {
  align-self: stretch;
  gap: var(--gap-xs);
  font-size: var(--body-medium-strong-size);
}
.testimony2 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
  min-width: 234px;
}
.second-info14,
.testimonial2,
.testimony2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.second-info14 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.testimonial2 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--color-slategray);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
  min-width: 414px;
  z-index: 1;
}
.headline3 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.path-former {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-17xl) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.profile-pic-icon6 {
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
}
.anchor-point-manager {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-47xl) 0 0;
}
.description29 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon7 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.john-doe3 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe35 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.opacity-manager {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.tanzania3 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 68px;
}
.resizeable-container {
  width: 154px;
  flex-direction: row;
  gap: var(--gap-7xs);
}
.resizeable-container,
.secondary-details12,
.testimony3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.secondary-details12 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-strong-size);
}
.testimony3 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
  min-width: 234px;
  max-width: 100%;
}
.second-info15 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.second-info15,
.testimonial-group,
.testimonial3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.testimonial3 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--color-slategray);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
  min-width: 414px;
  z-index: 1;
}
.testimonial-group {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-5xl);
}
.headline4 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.headline-wrapper1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-17xl) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.profile-pic-icon8 {
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
}
.profile-pic-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-47xl) 0 0;
}
.description30 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon9 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.john-doe4 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe36 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper28 {
  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-parent1,
.secondary-details13 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.john-doe-parent1 {
  width: 154px;
  gap: var(--gap-7xs);
}
.secondary-details13 {
  align-self: stretch;
  gap: var(--gap-xs);
  font-size: var(--body-medium-strong-size);
}
.testimony4 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
  min-width: 234px;
}
.second-info16,
.testimonial4,
.testimony4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.second-info16 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.testimonial4 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--color-slategray);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
  min-width: 414px;
  z-index: 1;
}
.headline5 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.headline-wrapper2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-17xl) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.profile-pic-icon10 {
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
}
.profile-pic-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-47xl) 0 0;
}
.description31 {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 300;
}
.profile-pic-icon11 {
  height: 24px;
  width: 24px;
  position: relative;
  border-radius: 50%;
  object-fit: cover;
  display: none;
}
.john-doe5 {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.pipe37 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--secondary-600-);
}
.pipe-wrapper29 {
  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-parent2 {
  width: 154px;
  flex-direction: row;
  gap: var(--gap-7xs);
}
.john-doe-parent2,
.secondary-details14,
.testimony5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.secondary-details14 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-xs);
  font-size: var(--body-medium-strong-size);
}
.testimony5 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-5xl);
  min-width: 234px;
  max-width: 100%;
}
.second-info17 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-5xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.frame-parent5,
.second-info17,
.testimonial-container,
.testimonial5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.testimonial5 {
  flex: 1;
  border-radius: var(--br-5xl);
  background-color: var(--primary-100);
  border: 3px solid var(--color-slategray);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-13xl) var(--padding-14xl);
  gap: var(--gap-17xl);
  min-width: 414px;
  z-index: 1;
}
.frame-parent5,
.testimonial-container {
  align-self: stretch;
  gap: var(--gap-5xl);
}
.testimonial-container {
  flex-direction: row;
  flex-wrap: wrap;
}
.frame-parent5 {
  flex-direction: column;
}
.button19 {
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
}
.icon82 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button18,
.frame-parent4,
.shear-transformer {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.button18 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mini-5) var(--padding-xl);
  background-color: var(--secondary-500);
  flex: 1;
  border-radius: var(--br-xs);
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-5xs);
}
.frame-parent4,
.shear-transformer {
  justify-content: flex-start;
}
.shear-transformer {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-269xl);
  box-sizing: border-box;
}
.frame-parent4 {
  width: 1128px;
  flex-direction: column;
  gap: var(--gap-29xl);
  font-size: var(--heading-semibold-h3-heading-size);
  color: var(--primary-600-);
}
.button21 {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon83 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button20,
.frame-parent3 {
  align-items: center;
  box-sizing: border-box;
}
.button20 {
  width: 264px;
  height: 52px;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  display: none;
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-4xl);
  gap: var(--gap-5xs);
  z-index: 3;
  font-size: var(--body-large-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.frame-parent3 {
  align-self: stretch;
  background-color: var(--primary-900);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-125xl) var(--padding-xl);
  position: relative;
  gap: var(--gap-77xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--display-bold-heading-4-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.patterns-icon7 {
  width: 2486px;
  height: 1253px;
  position: absolute;
  margin: 0 !important;
  bottom: -828px;
  left: calc(50% - 1243px);
  overflow: hidden;
  flex-shrink: 0;
}
.loa-socials,
.nav-link44 {
  position: relative;
  display: inline-block;
}
.loa-socials {
  margin: 0;
  flex: 1;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
  max-width: 100%;
}
.nav-link44 {
  height: 20px;
  line-height: 125%;
  font-weight: 500;
  white-space: nowrap;
}
.icon84 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems55,
.title-box9 {
  flex-direction: row;
  justify-content: flex-start;
}
.navitems55 {
  height: 29px;
  border-bottom: 1px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  align-items: center;
  padding: var(--padding-10xs) var(--padding-7xs);
  gap: var(--gap-7xs);
  opacity: 0;
  z-index: 2;
  text-align: left;
  font-size: var(--body-medium-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.title-box9 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.instance-creator,
.lorem-ipsum-dolor2 {
  display: flex;
  justify-content: center;
  max-width: 100%;
}
.lorem-ipsum-dolor2 {
  width: 744px;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  align-items: center;
  flex-shrink: 0;
}
.instance-creator {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  font-size: var(--body-large-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.swirl-icon5 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.component-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.layer-organizer {
  width: 1128px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
  text-align: center;
  color: var(--secondary-600-);
}
.snap-to-center,
.subscribe-to-the {
  align-self: stretch;
  position: relative;
}
.snap-to-center {
  flex: 1;
  border-radius: var(--br-5xl);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.subscribe-to-the {
  margin: 0;
  font-size: inherit;
  line-height: 110%;
  font-weight: 600;
  font-family: inherit;
}
.input-icon,
.input-icon1 {
  align-self: stretch;
  height: 38.8px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.input-icon2,
.input-icon3 {
  align-self: stretch;
  max-height: 100%;
  object-fit: contain;
}
.input-icon2 {
  width: 112.1px;
  min-height: 38px;
}
.input-icon3 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  min-width: 153px;
  min-height: 39px;
}
.phone-box {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.button23 {
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 67px;
}
.icon85 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button22 {
  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-01,
.input-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.input-box {
  align-self: stretch;
  padding: 0;
  gap: var(--gap-xs);
}
.form-01 {
  width: 456px;
  margin: 0 !important;
  position: absolute;
  top: 70px;
  left: 576px;
  border-radius: var(--br-17xl);
  background-color: var(--primary-800);
  border: 2px solid var(--primary-600-);
  box-sizing: border-box;
  padding: var(--padding-26xl) var(--padding-27xl);
  gap: var(--gap-5xl);
  max-width: 100%;
  z-index: 1;
}
.imageholder,
.snap-to-guides {
  align-self: stretch;
  position: relative;
}
.snap-to-guides {
  height: 480px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.imageholder {
  height: 148px;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.title26 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.info25 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl);
}
.facebook-icon1 {
  width: 96px;
  height: 96px;
  position: absolute;
  margin: 0 !important;
  top: 26.5px;
  left: calc(50% - 48px);
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.instagram-icon1,
.twitter-icon1,
.youtube-icon {
  width: 96px;
  height: 96px;
  position: relative;
  object-fit: contain;
  display: none;
  z-index: 3;
}
.instagram-icon1,
.twitter-icon1 {
  z-index: 4;
}
.instagram-icon1 {
  z-index: 5;
}
.info-card05-socialmedia {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  min-width: 236px;
  max-width: 264px;
}
.imageholder1 {
  align-self: stretch;
  height: 148px;
  position: relative;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.title27 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.info26 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl);
}
.facebook-icon2 {
  width: 96px;
  height: 96px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.youtube-icon1 {
  position: relative;
  display: none;
  z-index: 3;
}
.instagram-icon2,
.twitter-icon2,
.youtube-icon1 {
  width: 96px;
  height: 96px;
  object-fit: contain;
}
.twitter-icon2 {
  position: relative;
  display: none;
  z-index: 4;
}
.instagram-icon2 {
  position: absolute;
  margin: 0 !important;
  top: 26.5px;
  left: calc(50% - 48px);
  z-index: 1;
}
.info-card05-socialmedia1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  min-width: 236px;
  max-width: 264px;
}
.imageholder2 {
  align-self: stretch;
  height: 148px;
  position: relative;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.title28 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.info27 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl);
}
.facebook-icon3 {
  width: 96px;
  height: 96px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.youtube-icon2 {
  position: relative;
  display: none;
  z-index: 3;
}
.instagram-icon3,
.twitter-icon3,
.youtube-icon2 {
  width: 96px;
  height: 96px;
  object-fit: contain;
}
.twitter-icon3 {
  position: absolute;
  margin: 0 !important;
  top: 26.5px;
  left: calc(50% - 48px);
  z-index: 1;
}
.instagram-icon3 {
  position: relative;
  display: none;
  z-index: 5;
}
.info-card05-socialmedia2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  min-width: 236px;
  max-width: 264px;
}
.imageholder3 {
  align-self: stretch;
  height: 148px;
  position: relative;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
}
.title29 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.info28 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl);
}
.facebook-icon4 {
  width: 96px;
  height: 96px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  z-index: 2;
}
.youtube-icon3 {
  width: 96px;
  height: 96px;
  position: absolute;
  margin: 0 !important;
  top: 26.5px;
  left: calc(50% - 48px);
  object-fit: contain;
  z-index: 1;
}
.instagram-icon4,
.twitter-icon4 {
  width: 96px;
  height: 96px;
  position: relative;
  object-fit: contain;
  display: none;
  z-index: 4;
}
.instagram-icon4 {
  z-index: 5;
}
.info-card05-socialmedia3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  min-width: 236px;
  max-width: 264px;
}
.info-card05-socialmedia-parent,
.snap-to-point {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.info-card05-socialmedia-parent {
  flex-direction: row;
  flex-wrap: wrap;
  font-size: var(--heading-semibold-h5-heading-size);
}
.snap-to-point {
  flex-direction: column;
  max-width: 100%;
}
.nav-link45,
.youtube {
  position: relative;
  display: inline-block;
}
.youtube {
  margin: 0;
  flex: 1;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
  min-width: 102px;
  max-width: 100%;
}
.nav-link45 {
  line-height: 125%;
  font-weight: 500;
  min-width: 86px;
}
.icon86 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems56 {
  border-bottom: 1px solid var(--default-white);
  flex-direction: row;
  padding: var(--padding-10xs) 0 var(--padding-12xs);
  gap: var(--gap-7xs);
}
.navitems-wrapper4,
.navitems56,
.title-box10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.navitems-wrapper4 {
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.title-box10 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
  row-gap: 20px;
}
.imageholder-icon4,
.title30 {
  align-self: stretch;
  position: relative;
}
.imageholder-icon4 {
  flex: 1;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title30 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.views12 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe38 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper30 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time13 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.info-card06-youtube,
.info29,
.second-info18 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.second-info18 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.info-card06-youtube,
.info29 {
  flex-direction: column;
}
.info29 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.info-card06-youtube {
  height: 245px;
}
.imageholder-icon5,
.title31 {
  align-self: stretch;
  position: relative;
}
.imageholder-icon5 {
  flex: 1;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title31 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.views13 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe39 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper31 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time14 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.info-card06-youtube1,
.info30,
.second-info19 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.second-info19 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.info-card06-youtube1,
.info30 {
  flex-direction: column;
}
.info30 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.info-card06-youtube1 {
  height: 245px;
}
.imageholder-icon6,
.title32 {
  align-self: stretch;
  position: relative;
}
.imageholder-icon6 {
  flex: 1;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title32 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.views14 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe40 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper32 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time15 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.info-card06-youtube2,
.info31,
.second-info20 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.second-info20 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.info-card06-youtube2,
.info31 {
  flex-direction: column;
}
.info31 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.info-card06-youtube2 {
  height: 245px;
}
.imageholder-icon7,
.title33 {
  align-self: stretch;
  position: relative;
}
.imageholder-icon7 {
  flex: 1;
  border-radius: var(--br-xs);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.title33 {
  margin: 0;
  font-size: inherit;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.views15 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 59px;
}
.pipe41 {
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  background-color: var(--default-white);
}
.pipe-wrapper33 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.time16 {
  position: relative;
  line-height: 120%;
  font-weight: 300;
  display: inline-block;
  min-width: 76px;
}
.info-card06-youtube3,
.info32,
.second-info21 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.second-info21 {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-7xs);
  opacity: 0.6;
  font-size: var(--label-small-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.info-card06-youtube3,
.info32 {
  flex-direction: column;
}
.info32 {
  align-self: stretch;
  padding: var(--padding-5xl);
  gap: var(--gap-xs);
}
.info-card06-youtube3 {
  height: 245px;
}
.info-card06-youtube-parent {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  grid-template-columns: repeat(4, minmax(198px, 1fr));
  z-index: 1;
  font-size: var(--heading-semibold-h5-heading-size);
  color: var(--secondary-600-);
}
.align-to-grid,
.title-box-parent6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.title-box-parent6 {
  align-self: stretch;
  gap: var(--gap-17xl);
  font-size: var(--heading-semibold-h3-heading-size);
}
.align-to-grid {
  width: 1128px;
  gap: var(--gap-77xl);
  font-size: var(--heading-regular-h4-heading-size);
}
.button25 {
  height: 23px;
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
}
.icon87 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button24,
.free-transform {
  align-items: center;
  box-sizing: border-box;
  max-width: 100%;
}
.button24 {
  width: 360px;
  height: 52px;
  border-radius: var(--br-xs);
  background-color: var(--primary-500);
  display: none;
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-4xl);
  gap: var(--gap-5xs);
  white-space: nowrap;
  z-index: 3;
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.free-transform {
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-125xl) var(--padding-xl);
  gap: var(--gap-53xl);
  text-align: left;
  font-size: var(--display-bold-heading-4-size);
  color: var(--default-white);
  font-family: var(--heading-semibold-h3-heading);
}
.description32,
.free-transform,
.get-your-answers {
  align-self: stretch;
  position: relative;
}
.get-your-answers {
  margin: 0;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
}
.description32 {
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
}
.swirl-icon6 {
  height: 36px;
  width: 75.5px;
  position: relative;
}
.swirl-wrapper1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.get-your-answers-here-parent {
  width: 744px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.frame-wrapper1 {
  width: 1128px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
}
.search2 {
  position: relative;
  letter-spacing: 0.01em;
  display: inline-block;
  min-width: 59px;
}
.component-10-icon {
  height: 18px;
  width: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-parent6,
.search-bar {
  overflow: hidden;
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}
.search-bar {
  width: 1128px;
  border-radius: var(--br-17xl);
  background-color: var(--default-white);
  border: 1px solid var(--black-400);
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-mini) var(--padding-6xl) var(--padding-mini)
    var(--padding-4xl);
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--body-medium-strong-size);
  color: var(--black-400);
  font-family: var(--font-roboto);
}
.frame-parent6 {
  align-self: stretch;
  background-color: var(--primary-900);
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-53xl) var(--padding-xl);
  gap: var(--gap-29xl);
  text-align: center;
  font-size: var(--display-bold-heading-4-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.patterns-icon8 {
  height: 1253px;
  width: 2486px;
  position: absolute;
  margin: 0 !important;
  top: -427px;
  left: calc(50% - 1243px);
  overflow: hidden;
  flex-shrink: 0;
}
.your-questions-answered {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
}
.description33 {
  align-self: stretch;
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
  color: var(--default-white);
}
.swirl-icon7 {
  width: 75.5px;
  height: 36px;
  position: relative;
}
.your-questions-answered-parent {
  width: 744px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.accordion-item-1,
.div2 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
  display: inline-block;
  min-width: 20px;
}
.accordion-item-1 {
  width: calc(100% - 887px);
  border: 0;
  outline: 0;
  font-family: var(--heading-semibold-h3-heading);
  font-size: var(--heading-medium-h6-heading-size);
  background-color: transparent;
  height: 21px;
  flex: 1;
  color: var(--primary-600-);
  text-align: left;
  min-width: 89px;
  padding: 0;
}
.accordiontext {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-852xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-xs);
  max-width: 100%;
}
.plus-circle-icon {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle {
  align-self: stretch;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--primary-100);
  border-top: 1px solid var(--color-slategray);
  border-right: 1px solid var(--color-slategray);
  border-left: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl) var(--padding-xs);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the {
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle,
.accordionbody {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-4xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle {
  flex-direction: column;
}
.div3 {
  display: inline-block;
  min-width: 23px;
}
.accordion-item-11,
.div3 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext1 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-849xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.plus-circle-icon1 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle1 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the1 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle1,
.accordionbody1 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody1 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle1 {
  display: flex;
  flex-direction: column;
}
.div4 {
  display: inline-block;
  min-width: 23px;
}
.accordion-item-12,
.div4 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext2 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-850xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-4xs);
  max-width: 100%;
}
.plus-circle-icon2 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle2 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the2 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle2,
.accordionbody2 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody2 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle2 {
  display: flex;
  flex-direction: column;
}
.div5 {
  display: inline-block;
  min-width: 24px;
}
.accordion-item-13,
.div5 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext3 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-849xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-4xs);
  max-width: 100%;
}
.plus-circle-icon3 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle3 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the3 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle3,
.accordionbody3 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody3 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle3 {
  display: flex;
  flex-direction: column;
}
.div6 {
  display: inline-block;
  min-width: 23px;
}
.accordion-item-14,
.div6 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext4 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-850xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-4xs);
  max-width: 100%;
}
.plus-circle-icon4 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle4 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the4 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle4,
.accordionbody4 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody4 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle4 {
  display: flex;
  flex-direction: column;
}
.div7 {
  display: inline-block;
  min-width: 23px;
}
.accordion-item-15,
.div7 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext5 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-849xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.plus-circle-icon5 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle5 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the5 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle5,
.accordionbody5 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody5 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle5 {
  display: flex;
  flex-direction: column;
}
.div8 {
  display: inline-block;
  min-width: 22px;
}
.accordion-item-16,
.div8 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext6 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-850xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.plus-circle-icon6 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle6 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the6 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle6,
.accordionbody6 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody6 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle6 {
  display: flex;
  flex-direction: column;
}
.div9 {
  display: inline-block;
  min-width: 23px;
}
.accordion-item-17,
.div9 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext7 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-849xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.plus-circle-icon7 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle7 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the7 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle7,
.accordionbody7 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody7 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle7 {
  display: flex;
  flex-direction: column;
}
.div10 {
  display: inline-block;
  min-width: 23px;
}
.accordion-item-18,
.div10 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext8 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-849xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.plus-circle-icon8 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle8 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the8 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accordiansingle8,
.accordionbody8 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody8 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accordiansingle8 {
  display: flex;
  flex-direction: column;
}
.div11 {
  display: inline-block;
  min-width: 20px;
}
.accordion-item-19,
.div11 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 105%;
  font-weight: 600;
}
.accordiontext9 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-852xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.plus-circle-icon9 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.accodriontitle9 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-4xl);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.this-is-the9 {
  height: 40px;
  flex: 1;
  position: relative;
  line-height: 125%;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.accodriongroup,
.accordiansingle9,
.accordionbody9 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.accordionbody9 {
  border-radius: 0 0 var(--br-xs) var(--br-xs);
  background-color: var(--primary-100);
  border: 1px solid var(--color-slategray);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-3xs)
    var(--padding-5xl);
  font-size: var(--body-medium-strong-size);
  font-family: var(--label-small-strong);
}
.accodriongroup,
.accordiansingle9 {
  display: flex;
  flex-direction: column;
}
.accodriongroup {
  gap: var(--gap-xs);
  text-align: left;
  font-size: var(--heading-medium-h6-heading-size);
  color: var(--primary-600-);
}
.button27 {
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  min-width: 98px;
}
.icon88 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button26 {
  flex: 1;
  border-radius: var(--br-xs);
  background-color: var(--secondary-500);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-mini-5) var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-5xs);
  max-width: 100%;
}
.button29 {
  height: 23px;
  position: relative;
  font-size: var(--body-large-strong-size);
  line-height: 125%;
  font-weight: 500;
  font-family: var(--label-small-strong);
  color: var(--default-white);
  text-align: left;
  display: inline-block;
  white-space: nowrap;
}
.icon89 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.button28 {
  align-self: stretch;
  width: 263px;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs) var(--padding-4xl);
  gap: var(--gap-5xs);
}
.button-group3 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  width: 550px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%;
}
.patterns-icon9 {
  width: 734px;
  height: 437.6px;
  position: absolute;
  margin: 0 !important;
  right: -427px;
  bottom: -418.6px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
}
.faq-section,
.frame-parent7 {
  display: flex;
  position: relative;
  max-width: 100%;
}
.frame-parent7 {
  width: 1128px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-29xl);
  z-index: 1;
}
.faq-section {
  align-self: stretch;
  background-color: var(--primary-800);
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-125xl) var(--padding-xl);
  box-sizing: border-box;
  min-height: 1392px;
  text-align: center;
  font-size: var(--display-bold-heading-4-size);
  color: var(--secondary-600-);
  font-family: var(--heading-semibold-h3-heading);
}
.nav-link46 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 47px;
}
.icon90 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems57 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link47 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 52px;
}
.icon91 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems58 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link48 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 71px;
}
.icon92 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems59 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link49 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 62px;
}
.icon93 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.navitems60 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.nav-link50 {
  position: relative;
  line-height: 125%;
  font-weight: 500;
  display: inline-block;
  min-width: 90px;
}
.icon94 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.menu-items1,
.navitems61 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.navitems61 {
  align-items: center;
  padding: var(--padding-xs);
  gap: var(--gap-7xs);
}
.menu-items1 {
  align-items: flex-start;
  row-gap: 20px;
}
.change-language1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 105%;
  font-weight: 400;
  font-family: inherit;
}
.en1,
.icon95 {
  position: relative;
}
.en1 {
  line-height: 23px;
  font-weight: 500;
  display: inline-block;
  min-width: 22px;
}
.icon95 {
  height: 20px;
  width: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.data-storage {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.icon96 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.button30 {
  align-self: stretch;
  border-radius: var(--br-xs);
  border: 1.5px solid var(--default-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-4xs) var(--padding-5xl);
  gap: var(--gap-xl);
  font-size: var(--body-large-strong-size);
  font-family: var(--label-small-strong);
}
.language-select1,
.primary-actions1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.language-select1 {
  width: 210px;
  padding: 0 var(--padding-xs);
  box-sizing: border-box;
  gap: var(--gap-xs);
  font-size: var(--heading-regular-h4-heading-size);
  font-family: var(--heading-semibold-h3-heading);
}
.primary-actions1 {
  gap: var(--gap-29xl);
  max-width: 100%;
}
.dividers2 {
  height: 226px;
  width: 1px;
  position: relative;
  border-radius: var(--br-3xs);
  background-color: var(--primary-500);
}
.about-the-legacy1,
.of-adam1 {
  margin: 0;
}
.about-the-legacy-of-container1 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.01em;
  line-height: 105%;
  font-weight: 600;
  font-family: inherit;
}
.and-creative-productions1,
.and-wisdom-using1,
.contained-in-the1,
.discovery-and-transformation1,
.we-are-committed1 {
  margin: 0;
}
.we-are-committed-container1 {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-base-size);
  letter-spacing: 0.01em;
  line-height: 125%;
  font-weight: 300;
  font-family: var(--label-small-strong);
}
.timer {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.facebook-icon5 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon011 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.instagram-icon5 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon021 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.tiktok-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon031 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.twitter-icon5 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon041 {
  flex-direction: row;
}
.icon041,
.loa-details1,
.primary-info5,
.sorter {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.sorter {
  flex-direction: row;
  gap: var(--gap-5xl);
}
.loa-details1,
.primary-info5 {
  max-width: 100%;
}
.loa-details1 {
  flex: 1;
  flex-direction: column;
  padding: 0 var(--padding-5xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  min-width: 398px;
  font-size: var(--heading-semibold-h3-heading-size);
  font-family: var(--heading-semibold-h3-heading);
}
.primary-info5 {
  width: 1128px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-17xl);
}
.dividers3 {
  align-self: stretch;
  height: 1px;
  position: relative;
  background-color: var(--primary-500);
}
.copyright1 {
  position: relative;
  font-size: var(--label-small-strong-size);
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  max-width: 100%;
}
.vector-icon2 {
  width: 865px;
  height: 777px;
  position: absolute;
  margin: 0 !important;
  top: -320px;
  right: -526px;
  object-fit: contain;
  z-index: 1;
}
.footer-layout1,
.patterns-icon10 {
  position: relative;
  flex-shrink: 0;
  max-width: 100%;
}
.footer-layout1 {
  width: 1280px;
  background-color: var(--primary-700);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-53xl) var(--padding-45xl) var(--padding-53xl)
    var(--padding-57xl);
  box-sizing: border-box;
  gap: var(--gap-17xl);
}
.patterns-icon10 {
  height: 866.6px;
  width: 1705px;
  overflow: hidden;
  display: none;
}
.community-1920,
.footer-section1 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.footer-section1 {
  align-self: stretch;
  background-color: var(--primary-700);
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 0;
  max-width: 100%;
  text-align: left;
  font-size: var(--body-medium-strong-size);
  color: var(--default-white);
  font-family: var(--label-small-strong);
}
.community-1920 {
  width: 100%;
  position: relative;
  background-color: var(--primary-800);
  overflow-y: auto;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-7xs) 0 0;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1200px) {
  .navbar-nav1 {
    display: none;
  }
  .frame-parent2 {
    gap: var(--gap-29xl);
    padding-top: var(--padding-75xl);
    padding-bottom: var(--padding-75xl);
    box-sizing: border-box;
  }
  .shear-transformer {
    padding-left: var(--padding-125xl);
    padding-right: var(--padding-125xl);
    box-sizing: border-box;
  }
  .frame-parent3 {
    padding-top: var(--padding-75xl);
    padding-bottom: var(--padding-75xl);
    box-sizing: border-box;
  }
  .align-to-grid,
  .frame-parent3 {
    gap: var(--gap-29xl);
  }
  .free-transform {
    gap: var(--gap-17xl);
  }
  .faq-section,
  .free-transform {
    padding-top: var(--padding-75xl);
    padding-bottom: var(--padding-75xl);
    box-sizing: border-box;
  }
  .footer-layout1 {
    padding-left: var(--padding-19xl);
    padding-right: var(--padding-13xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1050px) {
  .title19 {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .frame-section {
    padding-left: var(--padding-179xl);
    padding-right: var(--padding-179xl);
    box-sizing: border-box;
  }
  .find-your-anchor {
    font-size: var(--heading-semibold-h1-heading-size);
    line-height: 48px;
  }
  .featured-reads {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .blog-set1 {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(270px, 468px));
  }
  .all-reads-showing {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .blog-set2 {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(270px, 468px));
  }
  .loa-impacting-lives {
    font-size: var(--heading-semibold-h1-heading-size);
    line-height: 48px;
  }
  .headline2,
  .headline3,
  .headline4,
  .headline5 {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .loa-socials {
    font-size: var(--heading-semibold-h1-heading-size);
    line-height: 48px;
  }
  .youtube {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
  .info-card06-youtube-parent {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(198px, 343px));
  }
  .free-transform {
    padding-top: var(--padding-42xl);
    padding-bottom: var(--padding-42xl);
    box-sizing: border-box;
  }
  .get-your-answers,
  .your-questions-answered {
    font-size: var(--heading-semibold-h1-heading-size);
    line-height: 48px;
  }
  .accordiontext {
    flex-wrap: wrap;
    padding-right: var(--padding-416xl);
    box-sizing: border-box;
  }
  .accordiontext1,
  .accordiontext2,
  .accordiontext3,
  .accordiontext4,
  .accordiontext5,
  .accordiontext6,
  .accordiontext7,
  .accordiontext8,
  .accordiontext9 {
    padding-right: var(--padding-415xl);
    box-sizing: border-box;
  }
  .accordiontext9 {
    padding-right: var(--padding-416xl);
  }
  .dividers2 {
    width: 100%;
    height: 1px;
  }
  .about-the-legacy-of-container1 {
    font-size: var(--font-size-10xl);
    line-height: 30px;
  }
}
@media screen and (max-width: 750px) {
  .author-parent {
    flex-wrap: wrap;
  }
  .frame-section {
    padding: var(--padding-23xl) var(--padding-80xl) var(--padding-28xl);
    box-sizing: border-box;
  }
  .blog-set1 {
    grid-template-columns: minmax(270px, 1fr);
  }
  .title-box-parent3 {
    gap: var(--gap-lg);
  }
  .blog-set2 {
    grid-template-columns: minmax(270px, 1fr);
  }
  .title-box-parent4 {
    gap: var(--gap-lg);
  }
  .frame-parent2 {
    gap: var(--gap-5xl);
    padding-top: var(--padding-42xl);
    padding-bottom: var(--padding-42xl);
    box-sizing: border-box;
  }
  .second-info14 {
    flex-wrap: wrap;
  }
  .testimonial2 {
    gap: var(--gap-lg);
    min-width: 100%;
  }
  .second-info15 {
    flex-wrap: wrap;
  }
  .testimonial3 {
    gap: var(--gap-lg);
    min-width: 100%;
  }
  .second-info16 {
    flex-wrap: wrap;
  }
  .testimonial4 {
    gap: var(--gap-lg);
    min-width: 100%;
  }
  .second-info17 {
    flex-wrap: wrap;
  }
  .testimonial5 {
    gap: var(--gap-lg);
    min-width: 100%;
  }
  .shear-transformer {
    padding-left: var(--padding-53xl);
    padding-right: var(--padding-53xl);
    box-sizing: border-box;
  }
  .frame-parent3,
  .frame-parent4 {
    gap: var(--gap-5xl);
  }
  .frame-parent3 {
    padding-top: var(--padding-42xl);
    padding-bottom: var(--padding-42xl);
    box-sizing: border-box;
  }
  .title-box-parent6 {
    gap: var(--gap-lg);
  }
  .align-to-grid {
    gap: var(--gap-5xl);
  }
  .free-transform {
    gap: var(--gap-lg);
  }
  .frame-parent6 {
    gap: var(--gap-5xl);
  }
  .accordiontext,
  .accordiontext1,
  .accordiontext2,
  .accordiontext3,
  .accordiontext4,
  .accordiontext5,
  .accordiontext6,
  .accordiontext7,
  .accordiontext8,
  .accordiontext9 {
    padding-right: var(--padding-198xl);
    box-sizing: border-box;
  }
  .frame-parent7 {
    gap: var(--gap-5xl);
  }
  .faq-section {
    padding-top: var(--padding-42xl);
    padding-bottom: var(--padding-42xl);
    box-sizing: border-box;
  }
  .menu-items1 {
    flex-wrap: wrap;
  }
  .loa-details1 {
    min-width: 100%;
  }
  .footer-layout1,
  .primary-info5 {
    gap: var(--gap-lg);
  }
}
@media screen and (max-width: 450px) {
  .title19 {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .find-your-anchor {
    font-size: var(--heading-semibold-h3-heading-size);
    line-height: 36px;
  }
  .why-loa-wrapper {
    padding-top: var(--padding-43xl);
    padding-bottom: var(--padding-43xl);
    box-sizing: border-box;
  }
  .featured-reads {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .title20,
  .title21,
  .title22 {
    font-size: var(--body-medium-strong-size);
    line-height: 16px;
  }
  .title21,
  .title22 {
    line-height: 17px;
  }
  .all-reads-showing {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .title23,
  .title24,
  .title25 {
    font-size: var(--body-medium-strong-size);
    line-height: 16px;
  }
  .title24,
  .title25 {
    line-height: 17px;
  }
  .loa-impacting-lives {
    font-size: var(--heading-semibold-h3-heading-size);
    line-height: 36px;
  }
  .headline2 {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .testimonial2 {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .headline3 {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .testimonial3 {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .headline4 {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .testimonial4 {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .headline5 {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .testimonial5 {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .shear-transformer {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .loa-socials {
    font-size: var(--heading-semibold-h3-heading-size);
    line-height: 36px;
  }
  .subscribe-to-the {
    font-size: var(--font-size-lgi);
    line-height: 21px;
  }
  .title26,
  .title27,
  .title28,
  .title29 {
    font-size: var(--body-large-strong-size);
    line-height: 18px;
  }
  .youtube {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .title30,
  .title31,
  .title32,
  .title33 {
    font-size: var(--body-large-strong-size);
    line-height: 18px;
  }
  .info-card06-youtube-parent {
    grid-template-columns: minmax(198px, 1fr);
  }
  .free-transform {
    padding-top: var(--padding-21xl);
    padding-bottom: var(--padding-21xl);
    box-sizing: border-box;
  }
  .get-your-answers {
    font-size: var(--heading-semibold-h3-heading-size);
    line-height: 36px;
  }
  .frame-parent6 {
    padding-top: var(--padding-28xl);
    padding-bottom: var(--padding-28xl);
    box-sizing: border-box;
  }
  .your-questions-answered {
    font-size: var(--heading-semibold-h3-heading-size);
    line-height: 36px;
  }
  .accordion-item-1,
  .div2 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-11,
  .div3 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext1 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-12,
  .div4 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext2 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-13,
  .div5 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext3 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-14,
  .div6 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext4 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-15,
  .div7 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext5 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-16,
  .div8 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext6 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-17,
  .div9 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext7 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-18,
  .div10 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext8 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .accordion-item-19,
  .div11 {
    font-size: var(--body-medium-strong-size);
    line-height: 17px;
  }
  .accordiontext9 {
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .change-language1 {
    font-size: var(--font-size-lgi);
    line-height: 20px;
  }
  .primary-actions1 {
    gap: var(--gap-5xl);
  }
  .about-the-legacy-of-container1 {
    font-size: var(--heading-semibold-h5-heading-size);
    line-height: 23px;
  }
  .footer-layout1 {
    padding-top: var(--padding-28xl);
    padding-bottom: var(--padding-28xl);
    box-sizing: border-box;
  }
}