.enter-code,
.invokit {
  position: relative;
  line-height: 110%;
  font-weight: 600;
}
.enter-code {
  font-size: var(--desktop-h-2-sb-24-110-size);
  text-align: right;
}
.invokit-parent {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  padding: 3.81rem var(--padding-68xl);
  align-items: center;
  justify-content: center;
  gap: 55.38rem;
}
.invokit1 {
  position: relative;
  font-weight: 800;
}
.engage-empower-educate {
  position: relative;
  font-size: 3rem;
  line-height: 130%;
  color: var(--text-grey);
  display: flex;
  align-items: center;
  width: 45.13rem;
  margin-top: -1rem;
}
.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.button1,
.icon {
  position: relative;
}
.button1 {
  line-height: 150%;
}
.icon {
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  flex-shrink: 0;
}
.button,
.text-parent {
  display: flex;
  box-sizing: border-box;
}
.button {
  border-radius: 8px;
  border: 1px solid var(--buttons-default);
  height: 2.5rem;
  flex-direction: row;
  padding: var(--padding-3xs) 1.25rem var(--padding-3xs) var(--padding-5xl);
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-size: var(--desktop-t-2-b-16-150-size);
}
.text-parent {
  width: 80rem;
  overflow: hidden;
  flex-direction: column;
  padding: 10.94rem 4.5rem;
  align-items: flex-start;
  justify-content: center;
  gap: 0.63rem;
  font-size: 7.5rem;
  color: var(--buttons-default);
}
.icon1 {
  position: relative;
  width: 3.94rem;
  height: 3.94rem;
  overflow: hidden;
  flex-shrink: 0;
}
.button2,
.icon-wrapper {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
}
.icon-wrapper {
  width: 79.94rem;
  overflow: hidden;
  padding: 0 38rem;
  justify-content: space-between;
}
.button2 {
  position: absolute;
  height: 11.17%;
  width: 15.24%;
  top: 77.09%;
  right: 19.6%;
  bottom: 11.73%;
  left: 65.16%;
  border-radius: 10px;
  background-color: var(--buttons-default);
  padding: 0.5rem var(--padding-5xl);
  justify-content: center;
  color: var(--bg-white);
}
.b,
.lorem-ipsum-dolor {
  position: absolute;
  top: 65.64%;
  left: 66.83%;
  line-height: 150%;
}
.lorem-ipsum-dolor {
  height: 48.88%;
  width: 33.17%;
  top: 25.7%;
  display: inline-block;
}
.component-1-child {
  position: absolute;
  height: 100%;
  width: 58.73%;
  top: 0;
  right: 41.27%;
  bottom: 0;
  left: 0;
  border-radius: 43px;
  background-image: url("gear.jpg");
  background-color: #d9d9d9;
}
.invo-gear {
  position: absolute;
  top: 11.73%;
  left: 66.83%;
  font-size: var(--desktop-h-2-sb-24-110-size);
  line-height: 110%;
  font-weight: 600;
}
.component-1 {
  position: relative;
  width: 39.38rem;
  height: 22.38rem;
  font-size: var(--desktop-t-2-b-16-150-size);
}
.available-kits-parent {
  background-color: #c9b3ef;
  width: 79.94rem;
  height: 40.44rem;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: 4.25rem var(--padding-68xl);
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: center;
  gap: 4.75rem;
}
.contact-us {
  position: relative;
  font-size: var(--desktop-h-2-sb-24-110-size);
  line-height: 110%;
  font-weight: 600;
}
.copyright-invokitorg {
  position: relative;
  font-size: var(--desktop-t-5-r-12-120-size);
  line-height: 120%;
}
.invo-landing,
.invokit-group {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.invokit-group {
  background-color: #343839;
  width: 80rem;
  height: 22.88rem;
  flex-shrink: 0;
  padding: 2.75rem 3.94rem;
  box-sizing: border-box;
  align-items: flex-start;
  gap: 5.94rem;
  color: var(--color-lightgray);
}
.invo-landing {
  position: relative;
  background-color: var(--bg-white);
  width: 100%;
  align-items: center;
  gap: 0.13rem;
  text-align: left;
  font-size: var(--desktop-h-1-sb-32-110-size);
  color: var(--color-darkslategray-100);
  font-family: var(--desktop-t-5-r-12-120);
}