body {
  background: #181818;
}

.frame-child42 {
  background-color: var(--color-gray-100);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.group-icon8, .group-icon9 {
  z-index: 1;
  width: 28.5px;
  height: 30px;
  position: absolute;
  top: 21px;
  left: 40px;
}

.group-icon9 {
  width: 216.7px;
  height: 23.6px;
  top: 26.6px;
  left: 81.1px;
}

.rectangle-parent7 {
  width: 100%;
  height: auto;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.new-investments-grok-ventures-child {
  border-radius: var(--br-21xl);
  width: 88px;
  height: 40px;
  display: none;
  position: relative;
}

.about4 {
  font-size: var(--font-size-base);
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-gray-100);
  text-align: center;
  z-index: 2;
  width: 46px;
  min-width: 46px;
  display: inline-block;
  position: relative;
}

.new-investments-grok-ventures {
  cursor: pointer;
  padding: var(--padding-3xs) var(--padding-2xl) var(--padding-2xs);
  background-color: var(--color-white);
  border-radius: var(--br-21xl);
  z-index: 1;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.new-investments-grok-ventures:hover {
  background-color: var(--color-gainsboro-100);
}

.sell-to-us5 {
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  min-width: 66px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.find-updates {
  padding: var(--padding-3xs) var(--padding-2xl) 0 0;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 87px;
  display: flex;
}

.team4 {
  z-index: 1;
  align-self: stretch;
  min-width: 41px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.find-updates1 {
  padding: var(--padding-3xs) var(--padding-xl) 0 0;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 61px;
  display: flex;
}

.updates5 {
  z-index: 1;
  align-self: stretch;
  min-width: 62px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.find-updates2 {
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  display: flex;
}

.sponsored-team-updates {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-xl);
  flex-direction: row;
  display: flex;
}

.sponsored-team-updates-wrapper {
  padding: var(--padding-12xs) 0 0;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 385px;
  max-width: 100%;
  display: flex;
}

.frame-child43 {
  border-radius: var(--br-21xl);
  width: 98px;
  height: 40px;
  display: none;
  position: relative;
}

.contact4 {
  font-size: var(--font-size-base);
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  z-index: 1;
  width: 59px;
  min-width: 59px;
  display: inline-block;
  position: relative;
}

.frame-parent30, .vector-parent8 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.vector-parent8 {
  cursor: pointer;
  border: 0 solid var(--color-white);
  padding: var(--padding-2xs) var(--padding-lgi) var(--padding-3xs) var(--padding-xl);
  border-radius: var(--br-21xl);
  z-index: 1;
  background-color: #0000;
  justify-content: flex-start;
}

.vector-parent8:hover {
  border: 1px solid var(--color-gainsboro-100);
  box-sizing: border-box;
  background-color: #e6e6e617;
}

.frame-parent30 {
  justify-content: space-between;
  align-self: stretch;
  gap: var(--gap-xl);
  max-width: 100%;
}

.frame-child44 {
  border-radius: var(--br-21xl);
  width: 370px;
  max-width: 100%;
  height: 40px;
  display: none;
  position: relative;
}

.find-updates3 {
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  position: relative;
}

.find-updates-wrapper {
  padding: var(--padding-4xs) 0 0;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-child45, .frame-child46 {
  border-radius: var(--br-21xl);
  height: 36px;
  display: none;
  position: relative;
}

.frame-child45 {
  width: 98px;
  min-height: 36px;
}

.frame-child46 {
  width: 118px;
}

.resources {
  z-index: 1;
  width: 68px;
  min-width: 68px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.vector-parent10 {
  border-radius: var(--br-21xl);
  background-color: var(--color-white);
  padding: var(--padding-4xs) var(--padding-6xl) var(--padding-3xs);
  z-index: 1;
  color: var(--color-gray-100);
  flex-direction: row;
  flex: .5763;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.insights {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  position: relative;
}

.insights-wrapper {
  padding: var(--padding-4xs) 0 0;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 94px;
  display: flex;
}

.vector-parent9 {
  border-radius: var(--br-21xl);
  padding: var(--padding-11xs) var(--padding-7xs) var(--padding-11xs) var(--padding-sm);
  box-sizing: border-box;
  gap: var(--gap-xs);
  z-index: 1;
  background-color: #ffffff0d;
  flex-direction: row;
  flex: 1;
}

.frame-parent29, .new-investment-strategy, .vector-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.new-investment-strategy {
  padding: 0 var(--padding-lg);
  box-sizing: border-box;
  font-size: var(--font-size-sm);
  flex-direction: row;
  width: 406px;
}

.frame-parent29 {
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-white);
  font-family: var(--font-aileron);
  flex-direction: column;
  align-self: stretch;
  gap: 41px;
}

.resources1 {
  font-size: inherit;
  z-index: 1;
  flex: 1;
  height: 77px;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.resources-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  width: 406px;
  padding: 0 44px;
}

.find-updates-insights, .frame-parent28, .resources-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent28 {
  justify-content: flex-start;
  gap: var(--gap-41xl);
  flex-direction: column;
  flex: 1;
}

.find-updates-insights {
  padding: 0 var(--padding-9xs);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  width: 1041px;
}

.frame-child47 {
  border-radius: var(--br-5xs);
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.february-2024, .grok-ventures-targets {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.grok-ventures-targets {
  font-size: inherit;
  align-self: stretch;
  height: 60px;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 30px;
}

.february-2024 {
  font-size: var(--font-size-sm);
  min-width: 115px;
  font-weight: 600;
}

.update-news {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-3xs);
  flex-direction: column;
  display: flex;
}

.frame-child48 {
  border-radius: var(--br-21xl);
  width: 110px;
  height: 32px;
  display: none;
  position: relative;
}

.read-more {
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  min-width: 77px;
  display: inline-block;
  position: relative;
}

.rectangle-parent8, .vector-parent11 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vector-parent11 {
  cursor: pointer;
  border: 0 solid var(--color-floralwhite-100);
  padding: var(--padding-4xs) var(--padding-base) var(--padding-4xs) var(--padding-mid);
  background-color: var(--color-gray-100);
  border-radius: var(--br-21xl);
  white-space: nowrap;
  z-index: 1;
  flex-direction: row;
}

.vector-parent11:hover, .vector-parent12:hover, .vector-parent13:hover, .vector-parent14:hover, .vector-parent15:hover, .vector-parent16:hover, .vector-parent17:hover, .vector-parent18:hover {
  background-color: var(--color-darkslategray-100);
  border: 1px solid var(--color-gainsboro-200);
  box-sizing: border-box;
}

.rectangle-parent8 {
  padding: var(--padding-5xl);
  box-sizing: border-box;
  flex-direction: column;
  gap: 293px;
  width: 390px;
  max-width: 100%;
  position: relative;
}

.new-website-new-investment-str {
  border-radius: var(--br-5xs);
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.new-website-new {
  font-size: inherit;
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}

.november-2023 {
  font-size: var(--font-size-sm);
  z-index: 1;
  width: 125px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.new-website-new-investment-str-parent {
  padding: var(--padding-5xl);
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-3xs);
  flex-direction: column;
  display: flex;
  position: relative;
}

.frame-child49 {
  border-radius: var(--br-21xl);
  width: 110px;
  height: 32px;
  display: none;
  position: relative;
}

.read-more1 {
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  min-width: 77px;
  display: inline-block;
  position: relative;
}

.vector-parent12 {
  cursor: pointer;
  border: 0 solid var(--color-floralwhite-100);
  padding: var(--padding-4xs) var(--padding-base) var(--padding-4xs) var(--padding-mid);
  background-color: var(--color-gray-100);
  border-radius: var(--br-21xl);
  white-space: nowrap;
  z-index: 2;
  flex-direction: row;
}

.frame-parent31, .frame-wrapper15, .vector-parent12 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-wrapper15 {
  padding: 0 var(--padding-5xl);
  flex-direction: row;
  margin-top: -56px;
}

.frame-parent31 {
  flex-direction: column;
  width: 390px;
  max-width: 100%;
  min-height: 460px;
}

.frame-child50 {
  border-radius: var(--br-5xs);
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.grok-backed-infradebt-triples {
  font-size: inherit;
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}

.february-20241 {
  font-size: var(--font-size-sm);
  z-index: 1;
  min-width: 115px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.rectangle-parent9 {
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-330xl);
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-3xs);
  flex-direction: column;
  display: flex;
  position: relative;
}

.frame-child51 {
  border-radius: var(--br-21xl);
  width: 110px;
  height: 32px;
  display: none;
  position: relative;
}

.read-more2 {
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  min-width: 77px;
  display: inline-block;
  position: relative;
}

.vector-parent13 {
  cursor: pointer;
  border: 0 solid var(--color-floralwhite-100);
  padding: var(--padding-4xs) var(--padding-base) var(--padding-4xs) var(--padding-mid);
  background-color: var(--color-gray-100);
  border-radius: var(--br-21xl);
  white-space: nowrap;
  z-index: 2;
  flex-direction: row;
}

.frame-parent32, .frame-wrapper16, .vector-parent13 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-wrapper16 {
  padding: 0 var(--padding-5xl);
  flex-direction: row;
  margin-top: -56px;
}

.frame-parent32 {
  flex-direction: column;
  width: 390px;
  max-width: 100%;
  min-height: 460px;
}

.frame-child52 {
  border-radius: var(--br-5xs);
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.grok-backs-50m {
  font-size: inherit;
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}

.february-20242 {
  font-size: var(--font-size-sm);
  z-index: 1;
  min-width: 115px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.rectangle-parent10 {
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-330xl);
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-3xs);
  flex-direction: column;
  display: flex;
  position: relative;
}

.frame-child53 {
  border-radius: var(--br-21xl);
  width: 110px;
  height: 32px;
  display: none;
  position: relative;
}

.read-more3 {
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  min-width: 77px;
  display: inline-block;
  position: relative;
}

.vector-parent14 {
  cursor: pointer;
  border: 0 solid var(--color-floralwhite-100);
  padding: var(--padding-4xs) var(--padding-base) var(--padding-4xs) var(--padding-mid);
  background-color: var(--color-gray-100);
  border-radius: var(--br-21xl);
  white-space: nowrap;
  z-index: 2;
  flex-direction: row;
}

.frame-parent33, .frame-wrapper17, .vector-parent14 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-wrapper17 {
  padding: 0 var(--padding-5xl);
  flex-direction: row;
  margin-top: -56px;
}

.frame-parent33 {
  flex-direction: column;
  width: 390px;
  max-width: 100%;
  min-height: 460px;
}

.frame-child54 {
  border-radius: var(--br-5xs);
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.by-agri-investor, .cefc-and-grok {
  margin: 0;
}

.cefc-and-grok-container {
  font-size: inherit;
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}

.february-20243 {
  font-size: var(--font-size-sm);
  z-index: 1;
  min-width: 115px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.cefc-and-grok-ventures-join-1-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-3xs);
  flex-direction: column;
  display: flex;
}

.frame-child55 {
  border-radius: var(--br-21xl);
  width: 110px;
  height: 32px;
  display: none;
  position: relative;
}

.read-more4 {
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  min-width: 77px;
  display: inline-block;
  position: relative;
}

.rectangle-parent11, .vector-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vector-parent15 {
  cursor: pointer;
  border: 0 solid var(--color-floralwhite-100);
  padding: var(--padding-4xs) var(--padding-base) var(--padding-4xs) var(--padding-mid);
  background-color: var(--color-gray-100);
  border-radius: var(--br-21xl);
  white-space: nowrap;
  z-index: 1;
  flex-direction: row;
}

.rectangle-parent11 {
  padding: var(--padding-5xl);
  box-sizing: border-box;
  flex-direction: column;
  gap: 263px;
  width: 390px;
  max-width: 100%;
  position: relative;
}

.frame-child56 {
  border-radius: var(--br-5xs);
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.cannon-brookes-backs-power {
  font-size: inherit;
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}

.november-20231 {
  font-size: var(--font-size-sm);
  z-index: 1;
  width: 125px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.rectangle-parent12 {
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-300xl);
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-3xs);
  flex-direction: column;
  display: flex;
  position: relative;
}

.frame-child57 {
  border-radius: var(--br-21xl);
  width: 110px;
  height: 32px;
  display: none;
  position: relative;
}

.read-more5 {
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  min-width: 77px;
  display: inline-block;
  position: relative;
}

.vector-parent16 {
  cursor: pointer;
  border: 0 solid var(--color-floralwhite-100);
  padding: var(--padding-4xs) var(--padding-base) var(--padding-4xs) var(--padding-mid);
  background-color: var(--color-gray-100);
  border-radius: var(--br-21xl);
  white-space: nowrap;
  z-index: 2;
  flex-direction: row;
}

.frame-parent34, .frame-wrapper18, .vector-parent16 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-wrapper18 {
  padding: 0 var(--padding-5xl);
  flex-direction: row;
  margin-top: -56px;
}

.frame-parent34 {
  flex-direction: column;
  width: 390px;
  max-width: 100%;
  min-height: 460px;
}

.frame-child58 {
  border-radius: var(--br-5xs);
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.world-changing-cannon-brooke {
  font-size: inherit;
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}

.february-20244 {
  font-size: var(--font-size-sm);
  z-index: 1;
  min-width: 115px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.rectangle-parent13 {
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-300xl);
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-3xs);
  flex-direction: column;
  display: flex;
  position: relative;
}

.frame-child59 {
  border-radius: var(--br-21xl);
  width: 110px;
  height: 32px;
  display: none;
  position: relative;
}

.read-more6 {
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  min-width: 77px;
  display: inline-block;
  position: relative;
}

.vector-parent17 {
  cursor: pointer;
  border: 0 solid var(--color-floralwhite-100);
  padding: var(--padding-4xs) var(--padding-base) var(--padding-4xs) var(--padding-mid);
  background-color: var(--color-gray-100);
  border-radius: var(--br-21xl);
  white-space: nowrap;
  z-index: 2;
  flex-direction: row;
}

.frame-parent35, .frame-wrapper19, .vector-parent17 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-wrapper19 {
  padding: 0 var(--padding-5xl);
  flex-direction: row;
  margin-top: -56px;
}

.frame-parent35 {
  flex-direction: column;
  width: 390px;
  max-width: 100%;
  min-height: 460px;
}

.frame-child60 {
  border-radius: var(--br-5xs);
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.cannon-brookes-vows-to {
  font-size: inherit;
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}

.february-20245 {
  font-size: var(--font-size-sm);
  z-index: 1;
  min-width: 115px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.rectangle-parent14 {
  padding: var(--padding-5xl) var(--padding-5xl) var(--padding-300xl);
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap-3xs);
  flex-direction: column;
  display: flex;
  position: relative;
}

.frame-child61 {
  border-radius: var(--br-21xl);
  width: 110px;
  height: 32px;
  display: none;
  position: relative;
}

.read-more7 {
  font-size: var(--font-size-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-aileron);
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  min-width: 77px;
  display: inline-block;
  position: relative;
}

.frame-wrapper20, .vector-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vector-parent18 {
  cursor: pointer;
  border: 0 solid var(--color-floralwhite-100);
  padding: var(--padding-4xs) var(--padding-base) var(--padding-4xs) var(--padding-mid);
  background-color: var(--color-gray-100);
  border-radius: var(--br-21xl);
  white-space: nowrap;
  z-index: 2;
}

.frame-wrapper20 {
  padding: 0 var(--padding-5xl);
  margin-top: -56px;
}

.frame-parent36 {
  flex-direction: column;
  align-items: flex-start;
  width: 390px;
  max-width: 100%;
  min-height: 460px;
}

.frame-main, .frame-parent36, .group-section, .updates4 {
  justify-content: flex-start;
  display: flex;
}

.article-text-section {
  z-index: 1;
  text-align: left;
  font-size: var(--font-size-xl);
  color: var(--color-white);
  font-family: var(--font-aileron);
  box-sizing: border-box;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 820px;
  margin: 0 auto;
  display: flex;
}

.article-text-section-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-main, .updates4 {
  position: relative;
}

.frame-main {
  padding: var(--padding-base) var(--padding-17xl) 120px;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-45xl);
  color: var(--color-white);
  font-family: var(--font-aileron);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 0;
  max-width: 100%;
}

.updates4 {
  background-color: var(--color-homemenu);
  letter-spacing: normal;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
}

@media screen and (width <= 1150px) {
  .frame-main {
    padding-top: var(--padding-xl);
    box-sizing: border-box;
    padding-bottom: 78px;
  }
}

@media screen and (width <= 1050px) {
  .vector-parent9 {
    display: none;
  }

  .new-investment-strategy {
    width: 36px;
  }

  .resources1 {
    font-size: var(--font-size-32xl);
  }

  .frame-parent28 {
    gap: 30px 60px;
  }

  .frame-main {
    gap: 40px 80px;
  }
}

@media screen and (width <= 750px) {
  .frame-parent29 {
    gap: 20px 41px;
  }

  .group-section {
    gap: 36px 17px;
  }

  .frame-main {
    box-sizing: border-box;
    padding-bottom: 51px;
  }
}

@media screen and (width <= 450px) {
  .resources1 {
    font-size: var(--font-size-19xl);
  }

  .resources-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }

  .grok-ventures-targets {
    font-size: var(--font-size-base);
    line-height: 24px;
  }

  .rectangle-parent8 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
    gap: 146px 293px;
  }

  .new-website-new {
    font-size: var(--font-size-base);
    line-height: 24px;
  }

  .new-website-new-investment-str-parent {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-208xl);
    box-sizing: border-box;
  }

  .grok-backed-infradebt-triples {
    font-size: var(--font-size-base);
    line-height: 24px;
  }

  .rectangle-parent9 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-208xl);
    box-sizing: border-box;
  }

  .grok-backs-50m {
    font-size: var(--font-size-base);
    line-height: 24px;
  }

  .rectangle-parent10 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-208xl);
    box-sizing: border-box;
  }

  .cefc-and-grok-container {
    font-size: var(--font-size-base);
    line-height: 24px;
  }

  .rectangle-parent11 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
    gap: 131px 263px;
  }

  .cannon-brookes-backs-power {
    font-size: var(--font-size-base);
    line-height: 24px;
  }

  .rectangle-parent12 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-188xl);
    box-sizing: border-box;
  }

  .world-changing-cannon-brooke {
    font-size: var(--font-size-base);
    line-height: 24px;
  }

  .rectangle-parent13 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-188xl);
    box-sizing: border-box;
  }

  .cannon-brookes-vows-to {
    font-size: var(--font-size-base);
    line-height: 24px;
  }

  .rectangle-parent14 {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-188xl);
    box-sizing: border-box;
  }

  .frame-main {
    gap: 20px 80px;
  }
}

.group-icon, .group-icon1 {
  width: 28.5px;
  height: 30px;
  position: relative;
}

.group-icon1 {
  width: 216.7px;
  height: 23.6px;
}

.group-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 12.6px;
  height: 30px;
  display: flex;
}

.frame-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.about {
  width: 46px;
  min-width: 46px;
}

.sell-to-us {
  white-space: nowrap;
  width: 66px;
  min-width: 66px;
}

.team, .updates {
  width: 41px;
  min-width: 41px;
}

.updates {
  width: 62px;
  min-width: 62px;
}

.about-parent, .frame-container {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.about-parent {
  justify-content: space-between;
  gap: var(--gap-xl);
  flex-direction: row;
  width: 420px;
}

.frame-container {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0;
}

.contact a {
  color: #fff;
  border: 1px solid var(--color-white);
  background: linear-gradient(to right, #fff 50%, #0000 50%) 100% 100% / 200% 100%;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 128px;
  height: 40px;
  font-family: Aileronsemibold;
  font-size: 16px;
  text-decoration: none;
  transition: all .5s ease-out;
  display: flex;
}

.contact a:hover, .contact a.active {
  color: #181818;
  background-position: 0 100%;
}

.frame-parent {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: var(--gap-xl);
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-gray-100);
  font-family: var(--font-aileron);
  max-width: 100%;
  display: flex;
}

.about-parent a {
  color: #fff;
  padding: 10px 21px;
  font-family: Aileronsemibold;
  font-size: 16px;
  line-height: 19.2px;
  text-decoration: none;
}

.about-parent a.active {
  background: var(--color-white);
  color: var(--color-homemenu);
  border-radius: 40px;
}

.vector-parent {
  cursor: pointer;
  border: 0 solid var(--color-white);
  border-radius: var(--br-21xl);
  color: #fff;
  background: none;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}

.root-header {
  padding: 0 var(--padding-xl);
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 52px;
  display: flex;
}

.rectangle-parent2, .vector-parent3 {
  border-radius: var(--br-21xl);
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.rectangle-parent2 {
  box-sizing: border-box;
  background-color: #ffffff0d;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 492px;
  height: 40px;
  padding: 0;
  display: flex;
  position: relative;
}

.rectangle-parent2 > div {
  font-family: var(--font-aileron-semibold);
  cursor: pointer;
  z-index: 9;
  border-radius: 40px;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 25%;
  height: 100%;
  font-size: 14px;
  display: flex;
  position: relative;
}

.rectangle-parent2 > div a {
  font-family: var(--font-aileron-semibold);
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.rectangle-parent2 > div.active {
  color: var(--color-homemenu);
}

section.group-section > div {
  aspect-ratio: 390 / 460;
  cursor: pointer;
  background: none;
  border: 1px solid #ffffff4d;
  border-radius: 8px;
  justify-content: space-between;
  gap: 0;
  width: 21.96%;
  min-height: auto;
  transition: all .3s ease-in-out;
}

section.group-section > div img {
  display: none;
}

section.group-section > div > div {
  padding: var(--padding-5xl);
}

section.group-section > div > div h3 {
  font-family: var(--font-aileron-bold);
  font-size: 20px;
}

section.group-section > div > div h3 + div {
  font-family: var(--font-aileron-semibold);
  font-size: 14px;
}

section.group-section > div > div button, section.group-section > div button {
  margin-top: auto;
  background-color: #0000 !important;
  border: 1px solid #fffbf1 !important;
  border-radius: 40px !important;
}

section.group-section > div > div.update-news, section.group-section > div > div.cefc-and-grok-ventures-join-1-parent {
  padding: 0;
}

section.group-section > div > div button div, section.group-section > div button div {
  font-family: var(--font-aileron-semibold);
  font-size: 12px;
}

section.group-section > .firstbox:hover {
  background: #feed5a;
}

section.group-section > .firstbox:hover > div h3, section.group-section > .firstbox:hover > div h3 + div {
  color: #3f322a;
}

section.group-section > .firstbox:hover button {
  color: #3f322a;
  border-color: #3f322a !important;
}

section.group-section > .firstbox:hover button div {
  color: #3f322a;
}

section.group-section > .secbox:hover {
  background: #004e4e;
}

section.group-section > .secbox:hover > div h3, section.group-section > .secbox:hover > div h3 + div {
  color: #fff;
}

section.group-section > .secbox:hover button {
  color: #fff;
  border-color: #fff !important;
}

section.group-section > .secbox:hover > div button div {
  color: #fff;
}

section.group-section > .thirdbox:hover {
  background: #bfebfe;
}

section.group-section > .thirdbox:hover > div h3, section.group-section > .thirdbox:hover > div h3 + div {
  color: #3173fa;
}

section.group-section > .thirdbox:hover button {
  color: #3173fa;
  border-color: #3173fa !important;
}

section.group-section > .thirdbox:hover > div button div {
  color: #3173fa;
}

section.group-section > .fourthbox:hover {
  background: #3f312a;
}

section.group-section > .fourthbox:hover > div h3, section.group-section > .fourthbox:hover > div h3 + div {
  color: #bfebfe;
}

section.group-section > .fourthbox:hover button {
  color: #bfebfe;
  border-color: #bfebfe !important;
}

section.group-section > .fourthbox:hover > div button div {
  color: #bfebfe;
}

section.group-section > .fifthbox:hover {
  background: #560e4b;
}

section.group-section > .fifthbox:hover > div h3, section.group-section > .fifthbox:hover > div h3 + div {
  color: #a56eff;
}

section.group-section > .fifthbox:hover button {
  color: #a56eff;
  border-color: #a56eff !important;
}

section.group-section > .fifthbox:hover button div {
  color: #a56eff;
}

section.group-section > .sixthbox:hover {
  background: #a56eff;
}

section.group-section > .sixthbox:hover > div h3, section.group-section > .sixthbox:hover > div h3 + div {
  color: #560e4b;
}

section.group-section > .sixthbox:hover button {
  color: #560e4b;
  border-color: #560e4b !important;
}

section.group-section > .sixthbox:hover > div button div {
  color: #560e4b;
}

section.group-section > .seventhbox:hover {
  background: #3173fa;
}

section.group-section > .seventhbox:hover > div h3, section.group-section > .seventhbox:hover > div h3 + div {
  color: #fff;
}

section.group-section > .seventhbox:hover button {
  color: #fff;
  border-color: #fff !important;
}

section.group-section > .seventhbox:hover > div button div {
  color: #fff;
}

section.group-section > .eirthbox:hover {
  background: #c67700;
}

section.group-section > .eirthbox:hover > div h3, section.group-section > .eirthbox:hover > div h3 + div {
  color: #004e4e;
}

section.group-section > .eirthbox:hover button {
  color: #004e4e;
  border-color: #004e4e !important;
}

section.group-section > .eirthbox:hover > div button div {
  color: #004e4e;
}

.rectangle-parent2 > div:last-child {
  content: "";
  z-index: 0;
  background-color: #fff;
  border-radius: 40px;
  width: 118px;
  height: 36px;
  padding: 0;
  transition: left .3s;
  position: absolute;
  top: 2px;
  left: 50%;
}

.rectangle-parent2 > div:nth-child(3).active a {
  color: #181818;
}

.rectangle-parent2 > div.firsthover {
  left: 2px;
}

.rectangle-parent2 > div.sechover {
  left: 25%;
}

.rectangle-parent2 > div.thirdhover {
  left: 50%;
}

.rectangle-parent2 > div.fourthhover {
  left: 75%;
}

.rectangle-parent2 > div:hover a {
  color: #181818;
}

.updates4.fixedheader header {
  box-sizing: border-box;
  z-index: 99;
  background: var(--color-homemenu);
  width: 100%;
  padding: 16px 36px;
  position: fixed;
  top: 0;
  left: 0;
}

.updates4 header {
  transition: all .3s ease-in-out;
}

.contactpopup {
  border: 1px solid #ffffff4d;
  margin-bottom: 36px !important;
  position: relative !important;
  bottom: 0 !important;
}

@media screen and (width >= 0) and (width <= 767px) {
  .root-header * {
    transform: scale(.85) !important;
  }

  .updates4 {
    box-sizing: border-box !important;
  }

  .updates4 .rectangle-parent2 > div:last-child {
    max-width: 25%;
  }
}

@media (width >= 768px) {
  .frame-parent {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
  }

  .frame-parent .frame-container {
    justify-self: center;
  }

  .vector-parent {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }
}

.article-header-section-wrapper {
  border-bottom: 1px solid #fff;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 20%;
  display: flex;
}

.article-header-section {
  text-align: center;
  justify-content: space-between;
  width: 100%;
}

h2.headertitle {
  text-align: center;
  font-family: var(--font-aileron-bold);
  color: #fff;
  width: 100%;
  max-width: 15em;
  margin-top: 60px;
  margin-bottom: 50px;
  padding: 100px 50px;
  font-size: 64px;
}

.header-title-wrapper {
  justify-content: center;
  width: 100%;
  display: flex;
}

.article-date {
  text-align: center;
  font-family: var(--font-aileron-bold);
  color: #fff;
  width: 100%;
  margin: 40px 0;
  font-size: 14px;
  font-weight: normal;
}

.updates-details-back {
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.back-updates-btn:before {
  content: "";
  background: url("arrowbckwhite.svg") no-repeat;
  width: 16px;
  height: 12px;
  margin-right: 9px;
  display: flex;
  background-size: 100% !important;
}

.group-section.article-text-section {
  font-size: 20px;
  font-size: var(--font-aileron);
  margin-top: 15px;
}
/*# sourceMappingURL=update-details.67c579b8.css.map */
