.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

body {
  background-color: #000;
  font-family: Manrope;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f5f5f8),
    to(#bbbbbd)
  );
  background-image: linear-gradient(180deg, #f5f5f8, #bbbbbd);
  font-size: 75px;
  line-height: 1.5;
  font-weight: 500;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#f5f5f8),
    to(#bbbbbd)
  );
  background-image: linear-gradient(0deg, #f5f5f8, #bbbbbd);
  font-size: 60px;
  line-height: 1.5;
  font-weight: 500;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#f5f5f8),
    to(#bbbbbd)
  );
  background-image: linear-gradient(0deg, #f5f5f8, #bbbbbd);
  font-size: 45px;
  line-height: 1.5;
  font-weight: 500;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#f5f5f8),
    to(#bbbbbd)
  );
  background-image: linear-gradient(0deg, #f5f5f8, #bbbbbd);
  font-size: 32px;
  line-height: 1.5;
  font-weight: 500;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#f5f5f8),
    to(#bbbbbd)
  );
  background-image: linear-gradient(0deg, #f5f5f8, #bbbbbd);
  font-size: 28px;
  line-height: 1.5;
  font-weight: 500;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter;
  color: #81859f;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
}

p {
  margin-bottom: 10px;
  color: #b4bcd0;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 1px;
}

a {
  -webkit-transition: color 350ms ease;
  transition: color 350ms ease;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

a:hover {
  color: #969696;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 18px;
  font-weight: 500;
}

ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 18px;
}

blockquote {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 50px 32px;
  border-left: 5px none #e2e2e2;
  font-size: 24px;
  line-height: 1.2;
  font-style: italic;
  font-weight: 200;
  text-shadow: 1px 1px 20px hsla(0, 0%, 100%, 0.25);
}

figure {
  margin-bottom: 10px;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

.feature-bl-2.white {
  background-color: #f5f5f8;
}

.container {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding: 2em;
}

.container.nav-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 0em;
  padding-bottom: 0em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.no-paddings {
  padding-top: 0em;
  padding-bottom: 0em;
}

.container.wide-container {
  max-width: 1370px;
  margin-right: auto;
  margin-left: auto;
}

.nav-menu-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 60px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.21);
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
}

.navbar {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 20;
  height: 70px;
  background-color: transparent;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
}

.white-text {
  color: #fff;
}

.top-margin-l {
  margin-top: 3em;
}

.button {
  padding: 16px 24px;
  border-radius: 100px;
  background-color: #fff;
  -webkit-transition: background-color 300ms ease, box-shadow 500ms ease;
  transition: background-color 300ms ease, box-shadow 500ms ease;
  font-family: Inter;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.button:hover {
  background-color: #f5f5f5;
  box-shadow: 0 0 13px 0 hsla(0, 0%, 100%, 0.38);
  color: #000;
}

.button.big {
  padding: 20px 40px;
}

.button.navbar-button {
  padding: 7px 16px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
}

.button.from {
  position: absolute;
  right: 3px;
  height: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.grid-6-col {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-row-gap: 20px;
}

.link-block {
  -webkit-transition: color 400ms ease;
  transition: color 400ms ease;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.link-block:hover {
  color: #a8a8a8;
}

.link-block.animation-01 {
  overflow: hidden;
}

.link-block.animation-02 {
  overflow: hidden;
}

.link-block.animation-03 {
  overflow: hidden;
}

.link-block.animation-04 {
  overflow: hidden;
}

.link-block.animation-05 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-underline {
  width: 100%;
  height: 1px;
  margin-top: 2px;
  background-color: #8d8d8d;
}

.link-block-underline._02 {
  height: 1px;
}

.link-block-underline._01 {
  height: 1px;
}

.link-block-underline._01._2px {
  height: 2px;
}

.footer {
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  color: #000;
}

.footer-flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  text-align: left;
}

.footer-logo-link {
  min-width: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.footer-image {
  width: 100%;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.fade-in-move-on-scroll {
  max-width: 100.0000993904736%;
  min-width: 100%;
}

.nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 6px;
}

.grey-text {
  color: #b4b4b4;
}

.text-field-form {
  width: 460px;
  height: 50px;
  margin-bottom: 0px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 26px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 98.8%, 0.2);
  border-radius: 160px;
  background-color: rgba(13, 13, 24, 0.5);
  -webkit-transition: border-color 400ms ease, -webkit-transform 400ms ease;
  transition: border-color 400ms ease, -webkit-transform 400ms ease;
  transition: transform 400ms ease, border-color 400ms ease;
  transition: transform 400ms ease, border-color 400ms ease,
    -webkit-transform 400ms ease;
  font-family: Inter;
  color: #fff;
  font-size: 16px;
}

.text-field-form:focus {
  border-color: #fff;
}

.text-field-form::-webkit-input-placeholder {
  color: #a3a4bf;
}

.text-field-form:-ms-input-placeholder {
  color: #a3a4bf;
}

.text-field-form::-ms-input-placeholder {
  color: #a3a4bf;
}

.text-field-form::placeholder {
  color: #a3a4bf;
}

.instructions-image {
  width: 100%;
  border-radius: 12px;
}

.change-log-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 60px;
  border-style: solid;
  border-width: 2px;
  border-color: #b8b8b8;
  border-radius: 0px;
}

.menu-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.center-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-2-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.style-guide-title-holder {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grid-4-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.colors-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.success-message {
  padding: 24px;
  border-radius: 6px;
  background-color: #111;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(13%, #efb7ae),
    color-stop(78%, #d9d8e8)
  );
  background-image: linear-gradient(90deg, #efb7ae 13%, #d9d8e8 78%);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
}

.headings-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #161b22;
}

.link-block-2 {
  -webkit-transition: color 400ms ease;
  transition: color 400ms ease;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.link-block-2:hover {
  color: #fff;
}

.link-block-2.animation-03 {
  overflow: hidden;
}

.link-block-2.animation-05 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.x-icon {
  width: 14px;
}

.x-icon.invert {
  -webkit-filter: invert(63%);
  filter: invert(63%);
}

.content {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 16px;
}

.right-underline {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 1px;
  background-color: #aaa;
}

.aa-font {
  font-size: 130px;
}

.colors-container {
  background-color: #fafafa;
}

.sg---color-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 2px;
  background-color: #161b22;
}

.style-guide-gray-background {
  background-color: #161b22;
}

.style-guide-gray-background.big-margins {
  margin-top: 90px;
  margin-bottom: 90px;
}

.style-guide-x-button {
  position: fixed;
  left: auto;
  top: 0.3em;
  right: 2em;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 52px;
  height: 52px;
  min-height: 52px;
  min-width: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: #141b22;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
}

.style-guide-x-button:hover {
  background-color: #161b22;
}

.paragraph-container {
  width: 80%;
  margin-top: 10px;
}

.submit-button-arrow {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 100%;
  padding: 0px 21px;
  border-radius: 0px 8px 8px 0px;
  background-color: #d9d9d9;
  color: #030303;
  font-size: 18px;
  font-weight: 600;
}

.font-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding: 45px 70px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #161b22;
}

.style-guide-main-panel {
  width: 100%;
  height: 100%;
  padding: 50px;
}

.button-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 30px;
  background-color: #161b22;
}

.style-guide-left-panel {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 35px 8px 0px 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 25px;
}

.style-guide-home-text {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 25px;
}

.style-guide-home-text.hide-mobile {
  display: block;
}

.headings-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.h6-fixed {
  font-size: 24px;
}

.h6-fixed.bold-text {
  font-weight: 700;
}

.h6-fixed.light-text {
  font-weight: 100;
}

.grid-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-row-gap: 30px;
  background-color: #161b22;
}

.subscribe-form {
  position: relative;
}

.sg---color-black {
  width: 235px;
  height: 150px;
  background-color: #111;
}

.paragraph-m {
  font-size: 18px;
  line-height: 1.8;
}

.style-guide-panel-title {
  margin-bottom: 15px;
  color: #b3b3b3;
  font-size: 18px;
  font-weight: 400;
}

.style-guide-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.button-grid {
  display: -ms-grid;
  display: grid;
  margin-top: 2em;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.style-guide-navbar-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.borders-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #b9b9b9;
  opacity: 0.58;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.borders-2.center {
  height: 100px;
}

.grid-8-col {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.style-guide-empty-container {
  padding: 50px;
}

.style-guide-small-title {
  color: #fff;
  font-size: 21px;
  font-weight: 400;
}

.style-guide-hero-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 380px 50px 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 20px;
}

.no-margins {
  margin-top: 0px;
  margin-bottom: 0px;
}

.style-guide-navbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 30;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding-right: 2em;
  padding-left: 2em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #151b22;
  background-color: #151b22;
  color: #fff;
}

.style-guide-tab-holder {
  width: 120%;
  margin-left: -25px;
  padding: 11px 25px 11px 49px;
  border-radius: 5px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 675ms;
  transition-duration: 675ms;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.style-guide-tab-holder.w--current {
  background-color: #2b333d;
  color: #fff;
}

.subscribe-field-text {
  padding: 30px 109px 30px 17px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background-color: transparent;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.subscribe-field-text:focus {
  border-color: #ffd660;
}

.subscribe-field-text::-webkit-input-placeholder {
  color: #b9b9b9;
}

.subscribe-field-text:-ms-input-placeholder {
  color: #b9b9b9;
}

.subscribe-field-text::-ms-input-placeholder {
  color: #b9b9b9;
}

.subscribe-field-text::placeholder {
  color: #b9b9b9;
}

.contact-field-text {
  display: inline-block;
  height: 60px;
  margin-bottom: 0px;
  padding-right: 32px;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 #595959;
  border-radius: 0px;
  background-color: transparent;
  -webkit-transition: border-color 375ms ease;
  transition: border-color 375ms ease;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.contact-field-text:hover {
  border-bottom-color: #fff;
}

.contact-field-text:focus {
  border-bottom-color: #ffd660;
}

.contact-field-text::-webkit-input-placeholder {
  color: #595959;
  font-weight: 300;
}

.contact-field-text:-ms-input-placeholder {
  color: #595959;
  font-weight: 300;
}

.contact-field-text::-ms-input-placeholder {
  color: #595959;
  font-weight: 300;
}

.contact-field-text::placeholder {
  color: #595959;
  font-weight: 300;
}

.link-underline-holder {
  position: relative;
  height: 2px;
}

.font-details-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-row-gap: 20px;
}

.style-guide-left-panel-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 405px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #151b22;
}

.left-underline {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 1px;
  background-color: #aaa;
}

.hero-text {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#fff)
  );
  background-image: linear-gradient(180deg, #fff, #fff);
  font-size: 10vw;
  font-weight: 800;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-text._02 {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#fff)
  );
  background-image: linear-gradient(180deg, #fff, #fff);
  font-size: 10vw;
}

.gradient-button-holder {
  position: relative;
}

.gradient-button {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  border-radius: 100px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ffbbae),
    color-stop(73%, #c6caf6),
    to(#958feb)
  );
  background-image: linear-gradient(90deg, #ffbbae, #c6caf6 73%, #958feb);
  -webkit-filter: blur(20px);
  filter: blur(20px);
}

.gradient-white-button {
  position: relative;
  z-index: 1;
  padding: 16px 24px;
  border-radius: 100px;
  background-color: #fff;
  font-family: Inter;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.nav-link-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 100px;
  -webkit-transition: opacity 200ms ease, color 350ms ease;
  transition: opacity 200ms ease, color 350ms ease;
  font-family: Poppins, sans-serif;
  color: #81859f;
  font-weight: 500;
}

.nav-link-holder:hover {
  color: #fff;
}

.nav-link-holder.w--current {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: #fff;
  text-shadow: 0 0 4px hsla(0, 0%, 100%, 0.25);
}

.nav-link-text {
  display: block;
  overflow: visible;
  width: auto;
  max-width: none;
  min-width: auto;
  font-family: Poppins, sans-serif;
  color: #fff;
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
  -o-object-fit: fill;
  object-fit: fill;
}

.brand {
  display: block;
  width: 100%;
  min-width: auto;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.brand-image {
  display: block;
  width: 150px;
  max-width: none;
}

.nav-link-active-holder {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cricle-active-holder {
  position: absolute;
  top: 27.8984px;
  display: none;
  width: 70px;
  height: 70px;
  border-radius: 200px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#eec5bd),
    color-stop(64%, #c6caf6),
    to(#dad9e9)
  );
  background-image: linear-gradient(180deg, #eec5bd, #c6caf6 64%, #dad9e9);
  -webkit-filter: blur(40px);
  filter: blur(40px);
}

.cricle-active-holder.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hero-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-sticky-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-text-holder {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 60px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  white-space: nowrap;
}

.hero-paragraph-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  min-width: 80%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.hero-section-text-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 130vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.iphone-holder {
  position: relative;
  top: 6%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 60px;
}

.iphone-screen {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4.1% 4.6%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.iphone-image {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.hero-section-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 50%;
  width: 100%;
}

.hero-section-paragraph-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  min-width: 100%;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  padding-top: 140px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 36px;
}

.iphone-screen-image {
  width: 100%;
  height: 100%;
  border-radius: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 0%;
  object-position: 50% 0%;
}

.iphone-screen-image.card {
  border-radius: 20px;
}

.iphone-drop-shadow {
  position: absolute;
  width: 120%;
  height: 70%;
  background-color: #000;
  -webkit-filter: blur(64px);
  filter: blur(64px);
}

.iphone-drop-shadow.low {
  width: 100%;
  opacity: 0.37;
  -webkit-filter: blur(18px);
  filter: blur(18px);
}

.from-holder {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.form-block {
  margin-bottom: 0px;
}

.from-wra-er {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo-grid-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  margin-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
}

.logo-grid {
  width: 100%;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.logo-small-container {
  height: 27px;
}

.logo-small {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.center-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 90%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6;
  text-align: center;
}

.title-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: none;
  min-width: 100%;
  margin-right: 2rem;
  margin-bottom: 0px;
  margin-left: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 48px;
  font-weight: 600;
}

.title.smaller {
  margin-bottom: 10px;
  line-height: 1.2;
}

.title.black {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#7d2ba2),
    to(#000)
  );
  background-image: linear-gradient(180deg, #E7AE22, #E7AE22);
  font-family: Poppins, sans-serif;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}

.title.black._100 {
  max-width: 100%;
}

.title.black.small {
  margin-bottom: 16px;
  padding-bottom: 0px;
  font-size: 32px;
}

.title.black.center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.title.black.left {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
}

.title.white {
  margin-bottom: 0px;
  background-image: none;
  font-family: Poppins, sans-serif;
  line-height: 1.6;
  font-weight: 700;
  background-clip: padding-box;
  -webkit-text-fill-color: inherit;
}

.title.black {
  max-width: 100%;
  min-width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#7d2ba2),
    to(#000)
  );
  background-image: linear-gradient(180deg, #E7AE22, #E7AE22);
  font-family: Poppins, sans-serif;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}

.title.black {
  max-width: 100%;
  min-width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#7d2ba2),
    to(#000)
  );
  background-image: linear-gradient(180deg, #E7AE22, #E7AE22);
  font-family: Poppins, sans-serif;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}

.experience-section {
  padding-top: 48px;
  padding-bottom: 48px;
}

.experience-cards-holder {
  margin-top: 40px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.experience-grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.experience-card {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 26px;
  background-color: #30363d;
}

.experience-card-content {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 25px;
  background-color: #000;
  opacity: 1;
}

.experience-card-image-holder {
  position: relative;
  width: 100%;
}

.experience-card-image-holder._02 {
  height: auto;
}

.experience-card-image-holder.smaller {
  height: 250px;
}

.experience-card-image {
  width: 100%;
}

.experience-card-text-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 6px;
  text-align: center;
}

.experience-card-text-holder.padding {
  margin-top: 0px;
  padding-right: 22px;
  padding-left: 22px;
}

.experience-card-text-holder._02 {
  padding-right: 24px;
  padding-left: 24px;
}

.card-title {
  margin-top: 0px;
  background-image: none;
  font-family: Poppins, sans-serif;
  color: #333;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.card-title.black-text {
  background-image: none;
  color: #333;
  font-weight: 500;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.card-title.white {
  color: #fff;
}

.experience-paragraph-holder {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.experience-paragraph-holder._02 {
  max-width: 230px;
  margin-left: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.experience-gradient {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 70px;
  padding-bottom: 0px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(21, 27, 34, 0)),
    to(#151b22)
  );
  background-image: linear-gradient(180deg, rgba(21, 27, 34, 0), #151b22);
}

.experience-gradient.small {
  bottom: 0%;
}

.effortlessly-integration-section {
  overflow: hidden;
  background-color: #000;
}

.effortlessly-integration-container {
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 60px;
  background-color: #fff;
}

.effortlessly-integration-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo-holder-effortlessly-integration {
  position: absolute;
  top: 180px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 50px;
}

.iphone-holder-effortlessly-integration {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.effortlessly-integration---iphone-holder {
  position: relative;
  top: 6%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 430px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 60px;
}

.logo-holder {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 155px;
  height: 155px;
  min-height: 155px;
  min-width: 155px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 41px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.logo-image {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 44px;
  -o-object-fit: cover;
  object-fit: cover;
}

.logo-image.blured {
  z-index: 1;
  -webkit-filter: blur(20px);
  filter: blur(20px);
}

.workflow-section {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: -364px;
  padding-top: 65px;
  padding-bottom: 65px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 6px;
  background-color: #000;
  text-align: center;
}

.light-holder {
  position: absolute;
  top: auto;
  bottom: 0%;
  width: 70%;
  height: 270px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#eec5bd),
    color-stop(46%, #c6caf6),
    to(#dad9e9)
  );
  background-image: linear-gradient(90deg, #eec5bd, #c6caf6 46%, #dad9e9);
  opacity: 0.23;
  -webkit-filter: blur(90px);
  filter: blur(90px);
}

.sticky-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.sticky-section.white {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}

.trusted-white-overlay {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: auto;
  width: 48vw;
  height: 10em;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(transparent)
  );
  background-image: linear-gradient(180deg, #fff, transparent);
}

.trusted-white-overlay.bottom {
  top: 80vh;
  height: 20vh;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fff),
    color-stop(58%, transparent)
  );
  background-image: linear-gradient(0deg, #fff, transparent 58%);
}

.feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-row-gap: 20px;
}

.feature.last {
  margin-bottom: 0em;
}

.trusted-item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.trusted-overlay-container {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 1px;
  height: 100%;
}

.trusted-content {
  position: relative;
  padding-top: 3rem;
  padding-right: 0em;
  padding-bottom: 3rem;
}

.trusted-content.trusted-list {
  padding-top: 40vh;
}

.trusted-no {
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: -14px;
  background-image: linear-gradient(
    128deg,
    #eec5bd,
    #f3b1a5 26%,
    #c6caf6 74%,
    #dad9e9
  );
  font-size: 75px;
  font-weight: 800;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.download-badge-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.download-badge-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 30px;
}

.download-badge-button {
  width: 242px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.download-badge-button:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.dark-and-light-mode-holder {
  width: 100%;
  height: 250vh;
  background-color: #000;
}

.dark-and-light-mode-container {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100%;
  height: 100vh;
}

.dark-and-light-mode-sticky {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dark-mode-holder {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.dark-mode-hand-holder {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  max-width: 400px;
  min-width: 400px;
  margin: 80px 0px 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dark-mode-hand {
  position: relative;
  z-index: 1;
  width: 400px;
}

.dark-mode-app-holder {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  padding: 2.6% 26% 26.2% 16%;
}

.dark-mode-app {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}

.white-mode-holder {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 50vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00b260;
}

.center-iphone {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  min-width: 100vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.cards-section {
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #fff;
}

.black-text {
  color: #858585;
  font-weight: 400;
  letter-spacing: normal;
  background-clip: padding-box;
  -webkit-text-fill-color: inherit;
}

.cards-grid-holder {
  padding-top: 0px;
}

.cards-grid {
  display: -ms-grid;
  display: grid;
  padding-top: 24px;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 2fr 1fr;
  grid-template-columns: 1fr 2fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.card-background {
  overflow: hidden;
  height: 100%;
  border-radius: 30px;
  background-color: #f5f5f8;
}

.card-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-height: 530px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card-container._02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.card-image-holder {
  width: 100%;
}

.card-image-holder._02 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: auto;
  width: auto;
  height: 80%;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.card-image {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.card-text-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  text-align: center;
}

.card-text-holder._02 {
  width: 100%;
  padding: 46px 46px 46px 38px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  text-align: left;
}

.card-text-holder.small {
  padding-right: 13px;
  padding-left: 13px;
}

.two-cards-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-row-gap: 30px;
}

.card-logo-holder {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 288px;
  min-height: 288px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.card-logo-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 155px;
  height: 155px;
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 41px;
  background-color: #19181b;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#fff)
  );
  background-image: linear-gradient(180deg, #fff, #fff);
}

.card-bg-image-holder {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-bg-image {
  width: 100%;
  height: 100%;
  color: #480866;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-iphone-holder {
  position: relative;
  top: 190px;
  width: 100%;
  margin-top: -190px;
}

.iphone-card {
  position: relative;
  left: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 270px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cards-second-grid {
  display: -ms-grid;
  display: grid;
  margin-top: 30px;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.simple-card-image {
  display: block;       /* Make image block-level so margin auto works */
  margin: 0 auto;       /* Center horizontally */
  width: 50%;
  height: auto;
}


.social-media-link {
  margin-left: 1em;
  opacity: 1;
  -webkit-transition: opacity 200ms ease, color 200ms ease;
  transition: opacity 200ms ease, color 200ms ease;
}

.social-media-link:hover {
  opacity: 0.7;
}

.footer-list-item {
  margin-bottom: 0px;
  padding-top: 6px;
  padding-right: 1em;
  padding-bottom: 0px;
}

.footer-social-media-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 2em;
  padding-bottom: 2em;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d5d7db;
  text-align: left;
}

.link {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
  text-decoration: none;
}

.link:hover {
  text-decoration: none;
}

.powered-by {
  margin-left: 1em;
}

.social-media-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 8px;
  font-size: 18px;
  font-weight: 600;
}

.footer-copyright {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 18px;
}

.text-gradient-1 {
  background-image: linear-gradient(111deg, #fa5853, #f46692 50%, #ffc444);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.made-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 18px;
}

.light-grey {
  color: #c4c4c4;
}

.external-link {
  padding-right: 23px;
  background-image: url("../images/External-Link-Icon.svg");
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  font-family: Manrope;
  color: #000;
  font-weight: 800;
}

.footer-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 9px;
}

.footer-brand-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-column-gap: 40px;
}

.line {
  position: absolute;
  top: 0%;
  bottom: auto;
  width: 80%;
  height: 1px;
  background-color: #35373d;
}

.hero-text-blur {
  position: absolute;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d9b5e9),
    to(#d9b5e9)
  );
  background-image: linear-gradient(180deg, #d9b5e9, #d9b5e9);
  opacity: 0.64;
  -webkit-filter: blur(120px);
  filter: blur(120px);
  font-size: 14vw;
  font-weight: 800;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-logo-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: 250px;
  padding: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.licensing-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.licensing-grid.feather-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.licensing-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 8px;
}

.feather-icon-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo-to-use-image {
  height: 100%;
}

.licensing-icon {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.licensing-cards-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 45px;
  background-color: #151b22;
}

.licensing-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.logo-to-use-holder {
  height: 24px;
}

.licensing-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 30px;
}

.licensing-title {
  font-size: 24px;
  font-weight: 500;
}

.feather-icon {
  width: 100%;
}

.licensing-cards-container {
  margin-top: 50px;
  padding-top: 69px;
  padding-bottom: 69px;
  background-color: #000;
}

.licensing-image-holder {
  width: 100%;
}

.licensing-link-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 8px;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
}

.licensing-link-holder:hover {
  opacity: 0.7;
}

.left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.hide {
  display: none;
}

.experience-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.light-wrapper {
  position: absolute;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.light {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 110px;
  opacity: 1;
}

.hero-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.light-inside {
  width: 200px;
  height: 200px;
  background-color: #fff;
  -webkit-filter: blur(70px);
  filter: blur(70px);
}

.light-wrapper-in-front {
  position: absolute;
  z-index: 6;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
}

.light-outside {
  width: 200px;
  height: 200px;
  background-color: #fff;
  opacity: 0.1;
  -webkit-filter: blur(70px);
  filter: blur(70px);
}

.error-message {
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 50px;
  background-color: #ff3939;
  font-size: 15px;
  text-align: center;
}

.buy-template-guide {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-column-gap: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  opacity: 0.8;
  -webkit-transition: opacity 400ms ease, box-shadow 475ms ease;
  transition: opacity 400ms ease, box-shadow 475ms ease;
  font-size: 14px;
  font-weight: 700;
}

.buy-template-guide:hover {
  border-color: #4253ff;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.23);
  opacity: 1;
  color: #000;
}

.buy-this-template-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 6px;
  background-color: #fff;
}

.buy-this-template-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.buy-this-template-text {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.buy-webflow-template-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.webflow-icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 3px;
  background-image: url("../images/webflow-blue-icon.svg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.buy-template-price {
  font-weight: 700;
}

.body {
  background-color: #000;
  font-family: Poppins, sans-serif;
}

.paragraph {
  margin-bottom: 48px;
  color: #fff;
  font-weight: 300;
}

.body-1.black {
  width: auto;
  max-width: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  font-family: Poppins, sans-serif;
  color: #858585;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0px;
}

.body-1.black.small {
  margin-left: 0px;
  color: #858585;
  font-size: 16px;
  line-height: 1.8;
}

.body-1.black.bold {
  margin-left: 0px;
  color: #333;
  font-style: normal;
  font-weight: 600;
}

.body-1.black.left {
  margin-left: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-image: none;
  text-align: left;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.body-1.white {
  max-width: 100%;
  min-width: 90%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0px;
}

.body-1.black {
  color: #858585;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
}

.paragraph-2 {
  color: #fff;
  font-weight: 400;
}

.desc-body.white {
  display: block;
  max-width: 85%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  color: #fff;
  font-weight: 400;
}

.sub-heading {
  margin-top: 0px;
  background-image: none;
  color: #161b22;
  font-size: 28px;
  font-weight: 600;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.image {
  padding: 16px;
}

.body-small.black {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
}

.download {
  background-color: #fff;
}

.feature-bl-1 {
  background-color: #fff;
}

.logos-title-large {
  position: relative;
  padding: 60px 30px;
  border-bottom: 1px solid #e4ebf3;
  background-color: #fff;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.clients-title {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.clients-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 750px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.title-2.black {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#000),
    to(#7d2ba2)
  );
  background-image: linear-gradient(0deg, #000, #7d2ba2);
  font-size: 32px;
  font-weight: 600;
  text-align: center;
}

.footer-subscribe {
  position: relative;
  padding: 50px 30px 40px;
  border-bottom: 1px solid #e4ebf3;
  background-color: #fff;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.footer-form-two {
  margin-bottom: 40px;
  padding: 64px;
  background-color: #f5f7fa;
}

.footer-form-container-two {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-form-title {
  font-size: 24px;
  line-height: 32px;
}

.footer-form-block-two {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-form-input {
  width: 460px;
  height: 48px;
  margin-bottom: 0px;
  padding: 12px 180px 12px 20px;
  border: 1px none #000;
}

.footer-form-input::-webkit-input-placeholder {
  color: rgba(26, 27, 31, 0.8);
}

.footer-form-input:-ms-input-placeholder {
  color: rgba(26, 27, 31, 0.8);
}

.footer-form-input::-ms-input-placeholder {
  color: rgba(26, 27, 31, 0.8);
}

.footer-form-input::placeholder {
  color: rgba(26, 27, 31, 0.8);
}

.button-primary {
  padding: 12px 25px;
  background-color: #1a1b1f;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.button-primary:hover {
  background-color: #32343a;
  color: #fff;
}

.button-primary:active {
  background-color: #43464d;
}

.button-primary.footer-form-button {
  position: absolute;
  right: 8px;
  padding: 8px 18px;
}

.footer-wrapper-three {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-block-three {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -20px;
  margin-left: -20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-link-three {
  margin-right: 20px;
  margin-left: 20px;
  color: #333;
  font-weight: 500;
  text-decoration: none;
}

.footer-link-three:hover {
  color: rgba(26, 27, 31, 0.75);
}

.footer-social-block-three {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -32px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-social-link-three {
  margin-left: 32px;
}

.footer-divider-two {
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e4ebf3;
}

.footer-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-copyright-2 {
  color: #3a4554;
}

.footer-legal-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-legal-link {
  margin-left: 24px;
  color: #333;
}

.footer-legal-link:hover {
  color: #3a4554;
}

.heading {
  background-image: none;
  color: #000;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.uui-footer07_legal-link {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #667085;
  font-size: 0.875rem;
  text-decoration: none;
}

.uui-footer07_legal-link:hover {
  color: #475467;
}

.uui-footer07_legal-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: normal;
}

.uui-text-size-small {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-text-size-small.text-color-gray500 {
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 14px;
}

.uui-footer07_bottom-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4rem;
  padding-top: 2rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #eaecf0;
}

.uui-footer07_link {
  padding: 0.5rem;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.uui-footer07_link:hover {
  color: #344054;
}

.uui-footer07_link-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: start;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: normal;
}

.uui-logo_image {
  display: none;
  width: auto;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.uui-logo_logotype {
  width: auto;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.uui-logo_logomark-dot {
  position: relative;
  z-index: 1;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
}

.uui-logo_logomark-blur {
  position: absolute;
  left: 0%;
  top: 50%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  height: 50%;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.2);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.uui-styleguide_logomark-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
}

.uui-logo_logomark {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 2rem;
  height: 2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  box-shadow: 0 1px 1px 0 rgba(16, 24, 40, 0.06),
    0 1px 2px 0 rgba(16, 24, 40, 0.1);
}

.uui-logo_component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 2rem;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.uui-footer07_logo-link {
  margin-bottom: 2rem;
  padding-left: 0px;
}

.uui-footer07_top-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-padding-vertical-xlarge {
  margin-right: 2rem;
  margin-left: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
  justify-items: center;
}

.uui-page-padding {
  padding-right: 2rem;
  padding-left: 2rem;
  background-color: #000;
}

.uui-footer04_legal-link {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.uui-footer04_legal-link:hover {
  color: #475467;
}

.uui-footer04_legal-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: normal;
}

.uui-footer04_bottom-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 1.5rem;
  border-top: 1px solid #5d1b7a;
  color: #fff;
}

.uui-footer04_social-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
}

.uui-footer04_social-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #98a2b3;
  text-decoration: none;
}

.uui-footer04_social-link:hover {
  color: #667085;
}

.uui-footer04_social-list {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: normal;
}

.uui-footer04_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.uui-footer04_link:hover {
  color: #344054;
}

.uui-footer04_link-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: start;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: normal;
}

.uui-footer04_top-wrapper {
  margin-right: 0rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 4vw;
  grid-row-gap: 0rem;
  grid-template-areas: ". . Area";
  -ms-grid-columns: 0.25fr 4vw 1fr 4vw 0.25fr;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.text-block {
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.text-block.foot {
  font-size: 18px;
}

.uui-layout19_image {
  width: 100%;
  margin: auto;
  border-radius: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}

.uui-layout19_image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #f9fafb;
}

.uui-button-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-button-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  background-color: transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #6941c6;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-link:hover {
  color: #53389e;
}

.uui-button-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-text-size-medium {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: 0.5rem;
}

.uui-heading-xsmall {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0em;
}

.uui-layout19_item-text-wrapper {
  padding-top: 0rem;
  justify-self: center;
  align-self: center;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
  color: #000;
}

.uui-icon-featured-outline-large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.5rem solid #f9f5ff;
  border-radius: 100%;
  background-color: #f4ebff;
  color: #000;
  align-self: center;
  justify-self: center;
  justify-items: center;
  justify-content: center;
}

.uui-layout19_item-icon-wrapper {
  margin-right: 1rem;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.uui-layout19_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  justify-items: center;
}

.uui-layout19_item-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-layout19_component {
  display: -ms-grid;
  display: grid;
  margin-top: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-padding-vertical-xhuge {
  padding-top: 80px;
  padding-bottom: 7rem;
}

.uui-page-padding-2 {
  padding-right: 2rem;
  padding-left: 2rem;
  align-items: center;
  justify-content: center;
}

.feature-bl-3 {
  background-color: #fff;
  align-items: center;
}

.body-2 {
  background-color: #000;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0px;
}

.body-2.white {
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.body-2.black {
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 16px;
  background-image: none;
  font-family: Poppins, sans-serif;
  color: #858585;
  font-size: 16px;
  line-height: 1.6;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.body-2.black.left {
  font-family: Poppins, sans-serif;
}

.body-2.black.left._16 {
  font-size: 16px;
}

.body-2.sub {
  background-image: none;
  font-family: Poppins, sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

.body-2.sub.purple {
  color: #ffffff;
}

.social-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-link {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #98a2b3;
}

.social-link:hover {
  color: #667085;
}

.uui-team10_social {
  display: -ms-grid;
  display: grid;
  margin-top: 1.5rem;
  align-self: flex-start;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-text-size-medium-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-text-size-medium-2.text-color-primary700 {
  color: #6941c6;
}

.uui-space-xsmall-2 {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-tiny {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: normal;
}

.uui-team10_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.uui-team10_image-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-top: 100%;
}

.uui-team10_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.uui-team10_list {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  background-color: #480866;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button:hover {
  border-color: #6941c6;
  background-color: #6941c6;
}

.uui-button:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-button-secondary-gray {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-secondary-gray:hover {
  background-color: #f9fafb;
  color: #1d2939;
}

.uui-button-secondary-gray:focus {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f2f4f7;
}

.uui-button-row-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}

.uui-button-row-2.button-row-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-text-size-large {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #858585;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-heading-medium {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: Poppins, sans-serif;
  color: #101828;
  font-size: 2.25rem;
  line-height: 1.3;
  font-weight: 600;
}

.uui-heading-subheading {
  margin-bottom: 0.75rem;
  font-family: Poppins, sans-serif;
  color: #7f56d9;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}

.uui-team10_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-team10_component {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 0.5fr 1fr;
  grid-template-columns: 0.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}

.uui-page-padding-3 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  padding-right: 2rem;
  padding-left: 2rem;
}

.error-text {
  color: #ff102d;
  font-weight: 600;
}

.error-message-2 {
  margin-top: 1.5rem;
  padding: 0.875rem 1rem;
  border-radius: 16px;
  background-color: #ffcfd5;
  font-family: Poppins, sans-serif;
}

.success-text {
  font-family: Poppins, sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.success-message-2 {
  padding: 1.5rem;
  border-radius: 16px;
  background-color: #eaeaf4;
}

.uui-form-button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.uui-text-style-link {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #475467;
  text-decoration: underline;
}

.uui-text-style-link:hover {
  color: #344054;
}

.uui-form-checkbox-label {
  margin-bottom: 0px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

.uui-form-checkbox-icon {
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  margin-top: 0px;
  margin-right: 0.75rem;
  margin-left: -1.25rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.375rem;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.uui-form-checkbox-icon:hover {
  border-color: #7f56d9;
  background-color: #f9f5ff;
}

.uui-form-checkbox-icon.w--redirected-checked {
  border-width: 1px;
  border-color: #7f56d9;
  border-radius: 0.25rem;
  background-color: #f9f5ff;
  background-image: url("../images/check.svg");
  background-position: 50% 50%;
  background-size: 0.875rem 0.875rem;
  background-repeat: no-repeat;
  background-attachment: scroll;
  box-shadow: none;
}

.uui-form-checkbox-icon.w--redirected-focus {
  border-color: #7f56d9;
  border-radius: 0.25rem;
  background-color: #f9f5ff;
  box-shadow: 0 0 0 4px #f4ebff;
}

.uui-form-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 1.25rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-form_input {
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0px;
  padding: 0.5rem 0.875rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #858585;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-form_input:focus {
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
  color: #101828;
}

.uui-form_input::-webkit-input-placeholder {
  color: #667085;
}

.uui-form_input:-ms-input-placeholder {
  color: #667085;
}

.uui-form_input::-ms-input-placeholder {
  color: #667085;
}

.uui-form_input::placeholder {
  color: #667085;
}

.uui-form_input.text-area {
  overflow: auto;
  height: auto;
  min-height: 11.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.uui-field-label {
  margin-bottom: 0.5rem;
  font-family: Poppins, sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

.uui-form-field-wrapper {
  position: relative;
}

.uui-contact03_form {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.uui-contact03_form-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.uui-text-style-link-02 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #480866;
  font-weight: 600;
  text-decoration: none;
}

.uui-icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
  color: #480866;
}

.uui-contact03_icon-wrapper {
  margin-right: 1rem;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #7f56d9;
}

.uui-contact03_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-contact03_contact-list {
  display: -ms-grid;
  display: grid;
  margin-top: 3rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-contact03_component {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-heroheader08_image {
  width: 100%;
  height: 40rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.uui-ratings_number {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: normal;
}

.uui-ratings_stars {
  width: 100%;
  height: 1.25rem;
  margin-right: 0.5rem;
}

.ratings_stars-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.125rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ratings_wrapper {
  margin-left: 1rem;
}

.uui-avatar-group_item {
  width: 2.75rem;
  height: 2.75rem;
  margin-right: -1rem;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 50%;
  background-color: #fff;
}

.uui-avatar-group_component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 1rem;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0rem;
}

.uui-ratings_component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-text-size-small-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-signup-form_wrapper {
  display: -ms-grid;
  display: grid;
  margin-bottom: 0.375rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -ms-grid-columns: 1fr -webkit-max-content;
  -ms-grid-columns: 1fr max-content;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-heroheader08_form {
  max-width: 30rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.uui-text-size-xlarge {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-max-width-small {
  width: 100%;
  max-width: 30rem;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-xlarge {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 3.75rem;
  line-height: 1.2;
  font-weight: 600;
}

.uui-heroheader08_component {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-section_heroheader08 {
  background-color: #f9fafb;
}

.uui-text-divider {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-divider.text-size-small {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 0.875rem;
}

.uui-blogsection01_date-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-blogsection01_author-heading {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: normal;
}

.uui-blogsection01_author-image {
  width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.uui-blogsection01_author-image-wrapper {
  margin-right: 0.75rem;
}

.uui-blogsection01_author-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-blogsection01_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.25rem;
  margin-left: 0.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-heading-xsmall-2 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: Poppins, sans-serif;
  color: #101828;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0em;
}

.uui-blogsection01_title-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #101828;
  text-decoration: none;
}

.uui-blogsection01_category-link {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #6941c6;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
}

.uui-blogsection01_category-link:hover {
  color: #53389e;
}

.uui-blogsection01_category-link.w--current {
  border-bottom: 2px solid #000;
}

.uui-blogsection01_image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.uui-blogsection01_image-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 66%;
}

.uui-blogsection01_image-link {
  width: 100%;
  margin-bottom: 2rem;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.uui-blogsection01_image-link:hover {
  box-shadow: 0 24px 48px -12px rgba(16, 24, 40, 0.18);
}

.uui-blogsection01_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-blogsection01_component {
  margin-top: 4rem;
  margin-bottom: 4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center {
  margin-right: auto;
  margin-left: auto;
}

.align-center {
  margin-right: auto;
  margin-left: auto;
}

.uui-text-align-center {
  text-align: center;
}

.image-2 {
  width: 1.5rem;
  color: #000;
}

.uui-cta01_image-02 {
  position: absolute;
  left: 2rem;
  top: auto;
  right: 0%;
  bottom: -5rem;
  width: 15.25rem;
  min-width: 15.25rem;
}

.uui-cta01_image-01 {
  position: absolute;
  left: 16%;
  top: auto;
  right: auto;
  bottom: auto;
  width: 40rem;
  min-width: 40rem;
  border: 0.25rem solid #101828;
  border-radius: 0.5rem;
}

.uui-cta01_image-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 572px;
  height: 100%;
  min-height: 32rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 24px;
  background-color: #f2f4f7;
}

.uui-button-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-2:hover {
  border-color: #6941c6;
  background-color: #6941c6;
}

.uui-button-2:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-heading-large {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 600;
}

.uui-cta01_content {
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

.uui-cta01_component {
  display: -ms-grid;
  display: grid;
  padding-bottom: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-padding-vertical-xhuge-3 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.uui-section_cta01 {
  background-color: #fff;
}

.text-block-2 {
  font-family: Poppins, sans-serif;
}

.div-block {
  margin-bottom: 24px;
}

.image-3 {
  border-radius: 24px;
}

.uui-footer01_legal-link {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #667085;
  font-size: 0.875rem;
  text-decoration: none;
}

.uui-footer01_legal-link:hover {
  color: #475467;
}

.uui-footer01_legal-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: normal;
}

.uui-text-size-small-3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-text-size-small-3.text-color-gray500 {
  color: #667085;
}

.uui-footer01_bottom-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4rem;
  padding-top: 2rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #eaecf0;
}

.uui-footer01_social-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  color: #98a2b3;
}

.uui-footer01_social-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.uui-footer01_social-link:hover {
  color: #475467;
}

.uui-footer01_link-list-heading {
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #667085;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: normal;
}

.uui-footer01_link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-items: start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 100%;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-footer01_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.uui-footer01_link:hover {
  color: #344054;
}

.uui-badge-small-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.125rem 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.25rem;
  border-radius: 10rem;
  background-color: #ecfdf3;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #027a48;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  mix-blend-mode: multiply;
}

.uui-footer01_menu-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.error-message-3 {
  margin-top: 1.5rem;
  padding: 0.875rem 1rem;
}

.success-message-3 {
  padding: 1.5rem;
  background-color: #f4f4f4;
}

.uui-text-style-link-2 {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #475467;
  text-decoration: underline;
}

.uui-text-style-link-2:hover {
  color: #344054;
}

.uui-button-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-3:hover {
  border-color: #6941c6;
  background-color: #6941c6;
}

.uui-button-3:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-button-3.is-button-small {
  padding: 0.5rem 1rem;
  grid-column-gap: 0.5rem;
}

.uui-form_input-2 {
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0px;
  padding: 0.5rem 0.875rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-form_input-2:focus {
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
  color: #101828;
}

.uui-form_input-2::-webkit-input-placeholder {
  color: #667085;
}

.uui-form_input-2:-ms-input-placeholder {
  color: #667085;
}

.uui-form_input-2::-ms-input-placeholder {
  color: #667085;
}

.uui-form_input-2::placeholder {
  color: #667085;
}

.uui-footer01_form {
  display: -ms-grid;
  display: grid;
  margin-bottom: 0.75rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr -webkit-max-content;
  -ms-grid-columns: 1fr max-content;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-footer01_form-block {
  width: 100%;
  max-width: 35rem;
  margin-top: 2rem;
  margin-bottom: 0px;
}

.uui-text-size-medium-3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-logo_image-2 {
  display: none;
  width: auto;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.uui-logo_logotype-2 {
  width: auto;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.uui-logo_logomark-dot-2 {
  position: relative;
  z-index: 1;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
}

.uui-logo_logomark-blur-2 {
  position: absolute;
  left: 0%;
  top: 50%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  height: 50%;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.2);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.uui-styleguide_logomark-bg-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
}

.uui-logo_logomark-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 2rem;
  height: 2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  box-shadow: 0 1px 1px 0 rgba(16, 24, 40, 0.06),
    0 1px 2px 0 rgba(16, 24, 40, 0.1);
}

.uui-logo_component-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 2rem;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.uui-footer01_logo-link {
  margin-bottom: 2rem;
}

.uui-footer01_left-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 32rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.uui-footer01_top-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  -ms-grid-columns: 0.75fr auto;
  grid-template-columns: 0.75fr auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-padding-vertical-xlarge-2 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}

.uui-page-padding-4 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.uui-button-secondary-gray-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-secondary-gray-2:hover {
  background-color: #f9fafb;
  color: #1d2939;
}

.uui-button-secondary-gray-2:focus {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f2f4f7;
}

.uui-button-row-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}

.uui-button-row-3.button-row-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.uui-space-xxsmall-2 {
  width: 100%;
  min-height: 0.5rem;
}

.uui-heading-xxsmall {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: normal;
}

.uui-space-small-2 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-icon-1x1-xsmall-3 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-icon-featured-outline-large-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.5rem solid #f9f5ff;
  border-radius: 100%;
  background-color: #f4ebff;
  color: #7f56d9;
}

.uui-layout84_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.uui-layout84_right {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-layout84_image-blob {
  position: absolute;
  top: 12%;
  z-index: -1;
  width: 34rem;
  height: auto;
  color: #f9fafb;
}

.uui-layout84_image {
  height: 100%;
  max-height: 40rem;
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-left: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.uui-layout84_image-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.uui-layout84_left {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-layout84_content-bottom {
  display: -ms-grid;
  display: grid;
  margin-top: 4rem;
  margin-bottom: 4rem;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1.5fr 1fr;
  grid-template-columns: 1fr 1.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-text-size-large-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-space-xsmall-3 {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium-2 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 2.25rem;
  line-height: 1.3;
  font-weight: 600;
}

.uui-heading-subheading-2 {
  margin-bottom: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #7f56d9;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}

.uui-max-width-large-2 {
  width: 100%;
  max-width: 48rem;
}

.uui-text-align-center-2 {
  text-align: center;
}

.uui-layout84_component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-padding-vertical-xhuge-4 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-text-size-xlarge-2 {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-space-small-3 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-large-2 {
  max-width: 50%;
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 600;
}

.uui-text-align-center-3 {
  text-align: center;
}

.uui-padding-vertical-xhuge-5 {
  margin-right: 2rem;
  margin-left: 2rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.uui-container-small {
  width: 100%;
  max-width: 48rem;
  margin-right: auto;
  margin-left: auto;
}

.vision {
  padding-right: 2rem;
  padding-bottom: 60px;
  padding-left: 2rem;
  background-color: #000;
}

.uui-text-size-medium-4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-space-xxsmall-3 {
  width: 100%;
  min-height: 16px;
}

.uui-heading-xxsmall-2 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  background-image: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: rgba(51, 51, 51, 0.2);
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: normal;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.uui-space-xxlarge {
  width: 100%;
  min-height: 24px;
}

.uui-icon-1x1-xsmall-4 {
  width: 1.5rem;
  height: 1.5rem;
  color: #000;
}

.icon-featured-square-large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3rem;
  height: 3rem;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.625rem;
  background-color: #eaeaf4;
  color: #fff;
}

.uui-layout83_item-content {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.uui-layout83_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #f9fafb;
}

.uui-layout83_list {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-button-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  background-color: #480866;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-4:hover {
  border-color: #6941c6;
  background-color: #6941c6;
}

.uui-button-4:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-button-4.is-button-large {
  padding: 1rem 1.75rem;
  grid-column-gap: 0.75rem;
  font-size: 1.125rem;
}

.uui-button-secondary-gray-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-secondary-gray-3:hover {
  background-color: #f9fafb;
  color: #1d2939;
}

.uui-button-secondary-gray-3:focus {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f2f4f7;
}

.uui-button-secondary-gray-3.is-button-large {
  padding: 1rem 1.75rem;
  grid-column-gap: 0.75rem;
  font-size: 1.125rem;
}

.uui-button-row-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}

.uui-button-row-4.button-row-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.uui-space-medium-2 {
  width: 100%;
  min-height: 2rem;
}

.uui-text-size-large-3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-space-xsmall-4 {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium-3 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  background-image: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 2.25rem;
  line-height: 1.3;
  font-weight: 600;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.uui-heading-subheading-3 {
  margin-bottom: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #7f56d9;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}

.uui-layout83_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-layout83_component {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}

.bold-text-2 {
  font-family: Poppins, sans-serif;
  color: #333;
  font-size: 1.25px;
  font-weight: 600;
}

.uui-heroheader17_image-background {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
}

.uui-heroheader17_card-image {
  position: absolute;
  z-index: 1;
  width: 35rem;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 2.25rem;
  background-image: linear-gradient(
    112deg,
    hsla(0, 0%, 100%, 0.5),
    hsla(0, 0%, 100%, 0)
  );
  box-shadow: 1px 1px 28px 12px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-transform: translate(30%, 35%) rotate(30deg);
  -ms-transform: translate(30%, 35%) rotate(30deg);
  transform: translate(30%, 35%) rotate(30deg);
}

.uui-heroheader17_card-image-01 {
  position: absolute;
  z-index: 1;
  width: 35rem;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 2.25rem;
  background-image: linear-gradient(45deg, #42307d, #7f56d9);
  box-shadow: 1px 1px 25px 12px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-transform: translate(-20%, 45%) rotate(0deg);
  -ms-transform: translate(-20%, 45%) rotate(0deg);
  transform: translate(-20%, 45%) rotate(0deg);
}

.uui-heroheader17_image-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 4rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("../images/banner.webp");
  background-position: 0px 0px;
  background-size: auto;
}

.uui-button-icon-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-button-icon-2.is-icon-large {
  width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
}

.uui-space-large {
  width: 100%;
  min-height: 3rem;
}

.uui-max-width-large-3 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-3.align-center {
  margin-right: auto;
  margin-left: auto;
}

.align-center-2 {
  margin-right: auto;
  margin-left: auto;
}

.uui-heading-xlarge-2 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 3.75rem;
  line-height: 1.2;
  font-weight: 600;
}

.uui-badge-group_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-badge-group_icon.text-color-primary500 {
  margin-right: -0.25rem;
  color: #9e77ed;
}

.badge-group_text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-badge-group_badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.125rem 0.625rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1rem;
  background-color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
  white-space: nowrap;
}

.uui-badge-group_badge.is-primary {
  background-color: #fff;
  color: #6941c6;
}

.uui-badge-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10rem;
  background-color: #f2f4f7;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
  white-space: nowrap;
  mix-blend-mode: multiply;
}

.uui-badge-group.is-primary {
  background-color: #f9f5ff;
  color: #6941c6;
  text-decoration: none;
  white-space: nowrap;
}

.uui-max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.uui-heroheader17_component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-space-xhuge {
  width: 100%;
  min-height: 7rem;
}

.about-us-hero {
  overflow: hidden;
}

.uui-cta01_image-02-2 {
  position: absolute;
  left: 2rem;
  top: auto;
  right: 0%;
  bottom: -5rem;
  width: 15.25rem;
  min-width: 15.25rem;
}

.uui-cta01_image-01-2 {
  position: absolute;
  left: 16%;
  top: auto;
  right: auto;
  bottom: auto;
  width: 40rem;
  min-width: 40rem;
  border: 0.25rem solid #101828;
  border-radius: 0.5rem;
}

.uui-cta01_image-wrapper-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 32rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 24px;
  background-color: #f2f4f7;
  background-image: url("../imagescontact-us.html.webp");
  background-position: 50% 50%;
  background-size: contain;
}

.uui-cta01_component-2 {
  display: -ms-grid;
  display: grid;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-section_cta01-2 {
  background-color: #fff;
}

.uui-button-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-5:hover {
  border-color: #6941c6;
  background-color: #6941c6;
}

.uui-button-5:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-layout02_image {
  width: 100%;
}

.uui-layout02_image-wrapper {
  display: -ms-grid;
  display: grid;
  padding: 2rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2rem;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-radius: 1.5rem;
}

.uui-heading-medium-4 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 2.25rem;
  line-height: 1.3;
  font-weight: 600;
}

.uui-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.125rem 0.625rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.375rem;
  border-radius: 10rem;
  background-color: #f2f4f7;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

.uui-badge.is-primary {
  background-color: #f9f5ff;
  color: #6941c6;
}

.uui-layout02_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.uui-layout02_component {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.mission {
  background-color: #000;
}

.image-4 {
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  -o-object-fit: none;
  object-fit: none;
}

.image-5 {
  position: static;
  display: block;
  overflow: hidden;
  max-height: none;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.career-cta {
  background-color: #fff;
}

.values {
  padding: 2rem;
  font-family: Poppins, sans-serif;
}

.div-block-2 {
  margin-right: 2rem;
  margin-left: 2rem;
}

.image-6 {
  border-radius: 24px;
}

.sub {
  margin-top: 0px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#000),
    to(#000)
  );
  background-image: linear-gradient(180deg, #000, #000);
  font-size: 28px;
  font-weight: 600;
}

.sub.white {
  font-size: 28px;
  font-weight: 600;
}

.sub.black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0px auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
  color: #333;
  line-height: 1.6;
  text-align: center;
  white-space: normal;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.sub.black.left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-align: left;
  white-space: nowrap;
  mix-blend-mode: normal;
}

.footer-1 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.footer-1.small {
  font-size: 16px;
  line-height: 2.6;
}

.grid-2 {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.uui-footer08_legal-link {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #667085;
  font-size: 0.875rem;
  text-decoration: none;
}

.uui-footer08_legal-link:hover {
  color: #475467;
}

.uui-footer08_legal-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: normal;
}

.uui-text-size-small-4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-text-size-small-4.text-color-gray500 {
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 14px;
}

.uui-footer08_bottom-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
  padding-top: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-top: 1px solid #eaecf0;
}

.error-message-4 {
  margin-top: 1.5rem;
  padding: 0.875rem 1rem;
}

.success-message-4 {
  padding: 1.5rem;
  background-color: #f4f4f4;
}

.uui-text-style-link-3 {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #475467;
  text-decoration: underline;
}

.uui-text-style-link-3:hover {
  color: #344054;
}

.uui-button-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-6:hover {
  border-color: #6941c6;
  background-color: #6941c6;
}

.uui-button-6:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-button-6.is-button-small {
  padding: 0.5rem 1rem;
  grid-column-gap: 0.5rem;
}

.uui-form_input-3 {
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0px;
  padding: 0.5rem 0.875rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-form_input-3:focus {
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
  color: #101828;
}

.uui-form_input-3::-webkit-input-placeholder {
  color: #667085;
}

.uui-form_input-3:-ms-input-placeholder {
  color: #667085;
}

.uui-form_input-3::-ms-input-placeholder {
  color: #667085;
}

.uui-form_input-3::placeholder {
  color: #667085;
}

.uui-footer08_form {
  display: -ms-grid;
  display: grid;
  min-width: 100%;
  margin-bottom: 0rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: auto auto auto auto;
  grid-template-columns: auto auto auto auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-footer08_form-block {
  width: 700px;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 0rem;
}

.uui-footer08_heading {
  margin-bottom: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-weight: 600;
}

.uui-footer08_right-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.uui-footer08_link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.uui-footer08_link:hover {
  color: #344054;
}

.uui-footer08_link-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  white-space: normal;
}

.uui-logo_image-3 {
  display: none;
  width: auto;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.uui-logo_logotype-3 {
  width: auto;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.uui-logo_logomark-dot-3 {
  position: relative;
  z-index: 1;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
}

.uui-logo_logomark-blur-3 {
  position: absolute;
  left: 0%;
  top: 50%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  height: 50%;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.2);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.uui-styleguide_logomark-bg-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
}

.uui-logo_logomark-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 2rem;
  height: 2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 0.1px solid #dae0e8;
  border-radius: 0.5rem;
  box-shadow: 0 1px 1px 0 rgba(16, 24, 40, 0.06),
    0 1px 2px 0 rgba(16, 24, 40, 0.1);
}

.uui-logo_component-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 2rem;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.uui-footer08_logo-link {
  margin-bottom: 2rem;
  padding-left: 0px;
}

.uui-footer08_left-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.uui-footer08_top-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 0vw;
  grid-row-gap: 1rem;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-padding-vertical-xlarge-3 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-container-large-5 {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}

.uui-page-padding-5 {
  padding-right: 2rem;
  padding-left: 2rem;
  font-family: Poppins, sans-serif;
}

.div-block-3 {
  max-width: 100%;
  min-width: 100%;
  margin-right: auto;
  margin-left: auto;
  -o-object-fit: fill;
  object-fit: fill;
}

.logos {
  height: 100%;
  background-image: url("../images/All-Logos.webp");
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.combine-footer3_link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: "Open Sans", sans-serif;
  color: #bfc4ce;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  text-decoration: none;
}

.combine-footer3_link:hover {
  color: #fff;
}

.combine-footer3_nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.combine-footer3_bottom-text-link {
  color: #9e97ff;
  text-decoration: none;
}

.combine-footer3_bottom-text-link:hover {
  color: #fff;
}

.combine-footer3_bottom-text {
  font-family: "Open Sans", sans-serif;
  color: #bfc4ce;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
}

.combine-footer3_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.combine-padding-section-small {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #4f2066;
}

.combine-social_icon {
  width: 30px;
  height: 30px;
}

.combine-footer3_social-link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  color: #fff;
}

.combine-footer3_social-link:hover {
  color: #9e97ff;
}

.combine-footer3_social-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.combine-footer3_logo-vertical {
  height: 1000%;
  height: auto;
  max-height: 4rem;
}

.combine-footer3_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.combine-padding-section-medium {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 4rem 16px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.combine-container-large {
  width: 100%;
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}

.combine-padding-global {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.main-footer {
  background-color: #000;
}

.images {
  width: 6%;
  background-image: url("../images/All-Logos.webp");
  background-position: 0px 0px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.div-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.image-7 {
  padding-right: 0px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.grid-3 {
  min-width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.footer-2 {
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.body-3 {
  background-color: #fff;
}

.career-card {
  overflow: hidden;
  padding: 1.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #eaecf0;
  border-radius: 1rem;
}

.uui-career11_component {
  margin-top: 4rem;
}

.uui-career07_detail-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-weight: 500;
}

.uui-max-width-large-4 {
  width: 100%;
  max-width: 100%;
}

.uui-career11_list {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.sub-2.black {
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: none;
  color: #333;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 700;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.sub-2.purple {
  background-image: none;
  color: #480866;
  font-size: 28px;
  font-weight: 600;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.uui-career11_title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
}

.uui-page-padding-6 {
  padding-top: 40px;
  padding-right: 2rem;
  padding-left: 2rem;
}

.uui-career11_list-wrapper {
  overflow: hidden;
}

.uui-button-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  background-color: #480866;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-7:hover {
  border-color: #6941c6;
  background-color: #6941c6;
}

.uui-button-7:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-career07_icon-wrapper {
  margin-right: 0.5rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.sub-small {
  background-image: none;
  color: #000;
  font-size: 24px;
  text-align: left;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.body-text.black {
  width: auto;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  font-family: Poppins, sans-serif;
  color: #858585;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.image-8 {
  color: #858585;
}

.uui-career11_department-wrapper {
  margin-bottom: 4rem;
  padding-top: 3rem;
  grid-column-gap: 6rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 0.75fr 1fr;
  grid-template-columns: 0.75fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-top: 1px solid #eaecf0;
}

.uui-career11_location {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.125rem 0.625rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1rem;
  background-color: #f2f4f7;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 0.875rem;
  font-weight: 500;
}

.body-4 {
  margin-bottom: 0px;
  background-color: hsla(0, 0%, 100%, 0);
  font-family: Poppins, sans-serif;
  text-align: center;
}

.body-4.wh {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
}

.body-4.dark {
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: normal;
}

.body-4.black {
  margin-bottom: 0px;
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
}

.uui-career07_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #858585;
}

.uui-career11_heading {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: Poppins, sans-serif;
  color: #333;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  letter-spacing: normal;
}

.uui-career07_job-details-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-bottom: 16px;
}

.uui-button-secondary-gray-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-secondary-gray-4:hover {
  background-color: #f9fafb;
  color: #1d2939;
}

.uui-button-secondary-gray-4:focus {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f2f4f7;
}

.uui-padding-vertical-xhuge-8 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 60px;
}

.link-2 {
  color: #506cfc;
  font-weight: 500;
  text-decoration: underline;
}

.body-5 {
  background-color: #fff;
}

.job-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 2rem;
  margin-left: 2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}

.heading-4 {
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: none;
  color: #333;
  font-size: 20px;
  font-weight: 600;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.job-card {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #f2f3ff;
  border-radius: 20px;
}

.job_title-wrap {
  width: 100%;
  padding-top: 60px;
  padding-right: 70px;
  padding-left: 70px;
}

.list {
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  list-style-type: disc;
}

.privacy {
  margin-right: auto;
  margin-left: auto;
  padding: 20px 70px 60px;
  font-family: Poppins, sans-serif;
}

.job_description {
  margin-top: 25px;
  margin-bottom: 40px;
}

.job_labels-wrap {
  display: -ms-grid;
  display: grid;
  margin-bottom: 45px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.job_label-card {
  padding: 16px;
  border-style: solid;
  border-width: 0px;
  border-color: #480866;
  border-radius: 16px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f2f9),
    to(#f2f2f9)
  );
  background-image: linear-gradient(180deg, #f2f2f9, #f2f2f9);
  text-align: left;
}

.embed-icon {
  overflow: visible;
  margin-bottom: -4px;
  color: #858585;
}

.list-item-10 {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.job-left {
  width: 100%;
}

.button-3 {
  position: static;
  display: inline-block;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 35px;
  border-radius: 10px;
  background-color: #000;
  box-shadow: 0 10px 20px -3px rgba(29, 1, 80, 0.1);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.button-3:hover {
  background-color: #000;
  box-shadow: none;
}

.spacer-40 {
  width: 100%;
  height: 40px;
}

.job_label-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 10px;
  color: #000;
}

.job-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  width: 0%;
}

.job-square {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #000;
  color: #fff;
}

.job_sticky-card {
  padding: 35px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #f2f3ff;
  border-radius: 15px;
}

.heading-5 {
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: none;
  font-family: Poppins, sans-serif;
  color: #858585;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  text-align: center;
  background-clip: border-box;
  -webkit-text-fill-color: inherit;
}

.spacer-20 {
  width: 100%;
  height: 20px;
}

.spacer-15 {
  width: 100%;
  height: 15px;
}

.list-item-3 {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 1.6;
}

.paragraph-4 {
  opacity: 0.9;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
}

.spacer-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.spacer-60 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: "pink";
  height: 60px;
  margin-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.body-6 {
  background-color: #fff;
}

.f-error-message {
  border-radius: 8px;
  background-color: #fceff0;
  color: #5b0b11;
  text-align: center;
}

.f-success-message {
  background-color: #ebfff6;
  color: #006638;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.03em;
}

.f-paragraph-regular {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.f-contact-divider {
  width: 1px;
  height: 24px;
  background-color: #e4e6f1;
}

.f-button-neutral {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  padding: 12px 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background-color: #160042;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.f-button-neutral:hover {
  background-color: #282556;
}

.f-contact-submit-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 24px;
}

.f-text-area {
  min-height: 112px;
  margin-bottom: 0px;
  padding: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e6f1;
  border-radius: 8px;
  color: #160042;
  font-size: 14px;
  line-height: 24px;
}

.f-text-area:focus {
  border-color: #b6b9ce;
}

.f-text-area::-webkit-input-placeholder {
  color: #6b7094;
}

.f-text-area:-ms-input-placeholder {
  color: #6b7094;
}

.f-text-area::-ms-input-placeholder {
  color: #6b7094;
}

.f-text-area::placeholder {
  color: #6b7094;
}

.f-field-label {
  margin-bottom: 8px;
  color: #160042;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.f-margin-bottom-32 {
  margin-bottom: 32px;
}

.f-field-input {
  min-height: 48px;
  margin-bottom: 0px;
  padding: 12px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e6f1;
  border-radius: 8px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.f-field-input:focus {
  border-color: #b6b9ce;
}

.f-field-input::-webkit-input-placeholder {
  color: #6b7094;
}

.f-field-input:-ms-input-placeholder {
  color: #6b7094;
}

.f-field-input::-ms-input-placeholder {
  color: #6b7094;
}

.f-field-input::placeholder {
  color: #6b7094;
}

.f-contact-form-grid {
  margin-bottom: 24px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.f-contact-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.f-paragraph-large {
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.f-h3-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #160042;
  font-size: 48px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.f-margin-bottom-16 {
  margin-bottom: 16px;
}

.f-heading-detail-small {
  color: #6b7094;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.f-margin-bottom-08 {
  margin-bottom: 8px;
}

.f-title-wrapper-left {
  max-width: 500px;
}

.f-margin-bottom-48 {
  margin-bottom: 48px;
}

.f-container-x-small {
  position: relative;
  width: 100%;
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
}

.f-section-large {
  position: relative;
  padding: 60px 5% 92px;
}

.error-text-2 {
  font-family: Poppins, sans-serif;
  color: #e23939;
  font-size: 16px;
  text-align: center;
}

.error-message-5 {
  margin-top: 1.5rem;
  padding: 0.875rem 1rem;
  border-radius: 16px;
}

.success-text-2 {
  font-family: Poppins, sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}

.success-message-5 {
  padding: 1.5rem;
  border-radius: 16px;
  background-color: #eaeaf4;
}

.uui-button-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #7f56d9;
  border-radius: 0.5rem;
  background-color: #000;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-8:hover {
  border-color: #6941c6;
  background-color: #6941c6;
}

.uui-button-8:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-form-button-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.uui-text-style-link-4 {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #475467;
  text-decoration: underline;
}

.uui-text-style-link-4:hover {
  color: #344054;
}

.uui-form-checkbox-label-2 {
  margin-bottom: 0px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

.uui-form-checkbox-icon-2 {
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  margin-top: 0px;
  margin-right: 0.75rem;
  margin-left: -1.25rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.375rem;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.uui-form-checkbox-icon-2:hover {
  border-color: #7f56d9;
  background-color: #f9f5ff;
}

.uui-form-checkbox-icon-2.w--redirected-checked {
  border-width: 1px;
  border-color: #7f56d9;
  border-radius: 0.25rem;
  background-color: #f9f5ff;
  background-image: url("../images/check.svg");
  background-position: 50% 50%;
  background-size: 0.875rem 0.875rem;
  background-repeat: no-repeat;
  background-attachment: scroll;
  box-shadow: none;
}

.uui-form-checkbox-icon-2.w--redirected-focus {
  border-color: #7f56d9;
  border-radius: 0.25rem;
  background-color: #f9f5ff;
  box-shadow: 0 0 0 4px #f4ebff;
}

.uui-form-checkbox-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 1.25rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-form_input-4 {
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0px;
  padding: 0.5rem 0.875rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Poppins, sans-serif;
  color: #858585;
  font-size: 16px;
  line-height: 1.6;
}

.uui-form_input-4:focus {
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
  color: #101828;
}

.uui-form_input-4::-webkit-input-placeholder {
  color: #667085;
}

.uui-form_input-4:-ms-input-placeholder {
  color: #667085;
}

.uui-form_input-4::-ms-input-placeholder {
  color: #667085;
}

.uui-form_input-4::placeholder {
  color: #667085;
}

.uui-form_input-4.text-area {
  overflow: auto;
  height: auto;
  min-height: 11.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.uui-form_input-4.select {
  background-color: #fff;
  color: #101828;
}

.uui-field-label-2 {
  margin-bottom: 0.5rem;
  border: 1px none #eaeaf4;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
}

.uui-form-field-wrapper-2 {
  position: relative;
}

.uui-form-radio-label {
  margin-bottom: 0px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-weight: 500;
}

.uui-form-radio-icon {
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  margin-top: 0px;
  margin-right: 0.75rem;
  margin-left: -1.125rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 100px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.uui-form-radio-icon:hover {
  border-color: #7f56d9;
  background-color: #f9f5ff;
}

.uui-form-radio-icon.w--redirected-checked {
  border-width: 1px;
  border-color: #7f56d9;
  background-color: #f9f5ff;
  background-image: url("../images/check-circle.svg");
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.uui-form-radio-icon.w--redirected-focus {
  margin-top: 0px;
  border-color: #7f56d9;
  background-color: #f9f5ff;
  box-shadow: 0 0 0 4px #f4ebff;
}

.uui-form-radio-icon.tick-icon.w--redirected-checked {
  background-color: #7f56d9;
  background-image: url("../images/check-tick.svg");
}

.uui-form-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 1.125rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-radio-2col {
  display: -ms-grid;
  display: grid;
  margin-top: 1rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.form-field-2col {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-contact02_form {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.uui-contact02_component {
  max-width: 35rem;
  margin: 60px auto 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.uui-text-size-large-4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-space-xsmall-5 {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium-5 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 2.25rem;
  line-height: 1.3;
  font-weight: 600;
}

.uui-heading-subheading-4 {
  margin-bottom: 0.75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #7f56d9;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}

.uui-max-width-large-5 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-5.align-center {
  margin-right: auto;
  margin-left: auto;
}

.align-center-3 {
  margin-right: auto;
  margin-left: auto;
}

.uui-text-align-center-4 {
  text-align: center;
}

.uui-padding-vertical-xhuge-9 {
  padding-top: 0rem;
  padding-bottom: 7rem;
}

.uui-container-small-2 {
  width: 100%;
  max-width: 48rem;
  margin-right: auto;
  margin-left: auto;
}

.uui-page-padding-7 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.div-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 50px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.body-7 {
  background-color: #000;
}

.list-2 {
  color: #858585;
}

.link-3 {
  color: #506cfc;
  text-decoration: underline;
}

.link-4 {
  color: #506cfc;
}

.spacer._20 {
  height: 20px;
}

.error-text-3 {
  color: #e23939;
}

.error-message-6 {
  margin-top: 1.5rem;
  padding: 0.875rem 1rem;
}

.success-text-3 {
  font-weight: 600;
}

.success-message-6 {
  padding: 1.5rem;
  background-color: #f4f4f4;
}

.uui-button-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.125rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 0.5rem;
  border: 1px solid #E7AE22;
  border-radius: 0.5rem;
  background-color: #000;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.uui-button-9:hover {
  border-color: #E7AE22;
  background-color: #E7AE22;
}

.uui-button-9:focus {
  background-color: #7f56d9;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
}

.uui-form-button-wrapper-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.uui-text-style-link-5 {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #475467;
  text-decoration: underline;
}

.uui-text-style-link-5:hover {
  color: #344054;
}

.uui-form-checkbox-label-3 {
  margin-bottom: 0px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

.uui-form-checkbox-icon-3 {
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  margin-top: 0px;
  margin-right: 0.75rem;
  margin-left: -1.25rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.375rem;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
}

.uui-form-checkbox-icon-3:hover {
  border-color: #7f56d9;
  background-color: #f9f5ff;
}

.uui-form-checkbox-icon-3.w--redirected-checked {
  border-width: 1px;
  border-color: #7f56d9;
  border-radius: 0.25rem;
  background-color: #f9f5ff;
  background-image: url("../images/check.svg");
  background-position: 50% 50%;
  background-size: 0.875rem 0.875rem;
  background-repeat: no-repeat;
  background-attachment: scroll;
  box-shadow: none;
}

.uui-form-checkbox-icon-3.w--redirected-focus {
  border-color: #7f56d9;
  border-radius: 0.25rem;
  background-color: #f9f5ff;
  box-shadow: 0 0 0 4px #f4ebff;
}

.uui-form-checkbox-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 1.25rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-form_input-5 {
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0px;
  padding: 0.5rem 0.875rem;
  border-style: solid;
  border-width: 1px;
  border-color: #d0d5dd;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-form_input-5:focus {
  border-color: #d6bbfb;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #f4ebff;
  color: #101828;
}

.uui-form_input-5::-webkit-input-placeholder {
  color: #667085;
}

.uui-form_input-5:-ms-input-placeholder {
  color: #667085;
}

.uui-form_input-5::-ms-input-placeholder {
  color: #667085;
}

.uui-form_input-5::placeholder {
  color: #667085;
}

.uui-form_input-5.text-area {
  overflow: auto;
  height: auto;
  min-height: 11.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.uui-field-label-3 {
  margin-bottom: 0.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #344054;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
}

.uui-form-field-wrapper-3 {
  position: relative;
}

.uui-contact03_form-2 {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.uui-contact03_form-wrapper-2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.uui-text-style-link-02-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #6941c6;
  font-weight: 600;
  text-decoration: none;
}

.uui-icon-1x1-xsmall-5 {
  width: 1.5rem;
  height: 1.5rem;
  color: #E7AE22;
}

.uui-contact03_icon-wrapper-2 {
  margin-right: 1rem;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #7f56d9;
}

.uui-contact03_item-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.uui-contact03_contact-list-2 {
  display: -ms-grid;
  display: grid;
  margin-top: 3rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-text-size-large-5 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #475467;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: normal;
}

.uui-space-xsmall-6 {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium-6 {
  margin-top: 0rem;
  margin-bottom: 0rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  color: #101828;
  font-size: 2.25rem;
  line-height: 1.3;
  font-weight: 600;
}

.uui-contact03_component-2 {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uui-padding-vertical-xhuge-10 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large-6 {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}

.uui-page-padding-8 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.uui-section_contact03 {
  background-color: #fff;
}

@media screen and (min-width: 1440px) {
  .container {
    max-width: 1350px;
  }

  .logo-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .title-holder {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .title.black {
    max-width: 80%;
  }

  .title.white {
    font-weight: 500;
  }

  .experience-card-image-holder {
    height: auto;
  }

  .experience-card-image-holder._02 {
    height: auto;
  }

  .experience-card-text-holder.padding {
    padding-right: 40px;
    padding-left: 40px;
  }

  .card-title {
    background-image: none;
    background-clip: border-box;
    -webkit-text-fill-color: inherit;
  }

  .experience-paragraph-holder {
    max-width: 100%;
  }

  .experience-gradient {
    height: 130px;
  }

  .experience-gradient._02 {
    bottom: 0%;
  }

  .experience-gradient.small {
    bottom: 0%;
  }

  .effortlessly-integration-container {
    margin-bottom: 0px;
  }

  .trusted-white-overlay {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#fff),
      to(transparent)
    );
    background-image: linear-gradient(180deg, #fff, transparent);
  }

  .feature {
    line-height: 1.6;
  }

  .trusted-item-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .card-image-holder._02 {
    height: 100%;
  }

  .card-image-holder._01 {
    width: auto;
    height: auto;
  }

  .card-text-holder.small {
    padding-right: 24px;
    padding-left: 24px;
  }

  .paragraph {
    font-size: 20px;
  }

  .body-1.white {
    max-width: 80%;
    min-width: 70%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
  }

  .desc-body.white {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .sub-heading {
    color: #333;
    line-height: 1.6;
    font-weight: 600;
  }

  .image {
    margin-bottom: 16px;
    padding-bottom: 0px;
  }

  .paragraph-3 {
    font-weight: 400;
  }

  .body-small.black {
    margin-top: 0px;
    color: #333;
    font-weight: 400;
  }

  .uui-layout19_item-text-wrapper {
    margin-top: 0px;
  }

  .uui-layout19_component {
    margin-top: 60px;
  }

  .body-2.black {
    margin-top: 8px;
  }

  .sub-2.black {
    padding-top: 8px;
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 55px;
  }

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 35px;
  }

  .nav-menu-container {
    padding: auto;
    overflow: visible;
    padding-right: 10px;
    grid-column-gap: 68px;
  }

  .nav-menu {
    left: -100px;
    width: 400px;
    height: auto;
    margin-top: 12px;
    padding: 10px;
    border-radius: 20px;
    background-color: #000;
  }

  .grid-6-col {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .link-block {
    padding-top: 0px;
    padding-bottom: 2px;
  }

  .link-block-underline {
    display: none;
  }

  .footer {
    padding-right: 20px;
    padding-left: 20px;
  }

  .footer-flex-container {
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .nav-link {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 10px;
  }

  .menu-button {
    padding: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .menu-button.w--open {
    border-radius: 40px;
    background-color: #000;
  }

  .center-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .link-block-2 {
    padding-top: 0px;
    padding-bottom: 2px;
  }

  .style-guide-main-panel {
    padding: 16px;
  }

  .style-guide-left-panel {
    display: -ms-grid;
    display: grid;
    padding: 17px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 50px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .style-guide-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .grid-8-col {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .style-guide-empty-container {
    padding: 17px 0px;
  }

  .style-guide-hero-holder {
    padding: 28px;
  }

  .style-guide-tab-holder {
    margin-left: 0px;
    padding: 5px 0px;
  }

  .style-guide-left-panel-holder {
    width: 100%;
  }

  .nav-button-holder {
    margin-top: 10px;
  }

  .brand {
    width: 90px;
    min-width: 90px;
  }

  .cricle-active-holder.w--current {
    top: -8px;
    opacity: 0.22;
  }

  .hero-text-holder {
    grid-column-gap: 30px;
  }

  .logo-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .title.smaller {
    font-size: 48px;
    font-weight: 600;
  }

  .experience-grid {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .experience-gradient.small {
    bottom: 0%;
  }

  .effortlessly-integration---iphone-holder {
    width: 320px;
  }

  .logo-holder {
    width: 100px;
    height: 100px;
    min-height: 100px;
    min-width: 100px;
    border-radius: 8px;
  }

  .logo-image {
    border-radius: 20px;
  }

  .logo-image.blured {
    display: none;
  }

  .workflow-section {
    margin-top: -220px;
    padding: 42px;
  }

  .sticky-section {
    padding-top: 47px;
    padding-bottom: 47px;
  }

  .feature {
    margin-bottom: 5vh;
  }

  .trusted-overlay-container {
    display: none;
  }

  .trusted-content.trusted-list {
    padding-top: 0vh;
    padding-bottom: 0rem;
  }

  .cards-grid {
    -ms-grid-columns: 1fr 2fr 1fr 1fr;
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }

  .card-container {
    max-height: none;
  }

  .card-iphone-holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cards-second-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .footer-social-media-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 2em;
  }

  .footer-brand-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 12px;
  }

  .container-2 {
    max-width: 728px;
  }

  .clients-title {
    margin-bottom: 32px;
  }

  .container-3 {
    max-width: 728px;
  }

  .footer-form-two {
    padding: 40px;
  }

  .footer-form-title {
    margin-right: 15px;
  }

  .footer-form-input {
    width: 400px;
    padding-right: 180px;
  }

  .footer-wrapper-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer-social-block-three {
    margin-top: 40px;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .uui-footer04_top-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    grid-row-gap: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-layout19_image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .uui-layout19_component {
    min-height: auto;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-auto-flow: row;
    grid-column-gap: 3rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-team10_component {
    grid-column-gap: 3rem;
  }

  .uui-padding-vertical-xhuge-2 {
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .uui-contact03_component {
    min-height: auto;
    grid-auto-flow: row;
    grid-column-gap: 3rem;
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

  .uui-heroheader08_component {
    min-height: auto;
    grid-auto-flow: row;
    grid-column-gap: 0rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-blogsection01_list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .uui-cta01_image-02 {
    bottom: -15%;
    width: 35%;
    min-width: auto;
  }

  .uui-cta01_image-01 {
    position: static;
    left: auto;
    right: -2rem;
    width: 100%;
    min-width: 100%;
    margin-right: -40%;
  }

  .uui-cta01_image-wrapper {
    padding: 4rem 2rem;
  }

  .uui-heading-large {
    font-size: 2.75rem;
  }

  .uui-cta01_component {
    min-height: auto;
    grid-auto-flow: row;
    grid-row-gap: 4rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-footer01_top-wrapper {
    grid-row-gap: 4rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xlarge-2 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .uui-layout84_content-bottom {
    grid-column-gap: 2rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-heading-large-2 {
    font-size: 2.75rem;
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-space-xxlarge {
    min-height: 4.5rem;
  }

  .uui-layout83_component {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-heroheader17_image-background {
    width: 100vw;
  }

  .uui-heroheader17_card-image {
    width: 32rem;
  }

  .uui-heroheader17_card-image-01 {
    left: 14%;
    width: 32rem;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .uui-heading-xlarge-2 {
    font-size: 3.25rem;
  }

  .uui-space-xhuge {
    min-height: 6rem;
  }

  .uui-cta01_image-02-2 {
    bottom: -15%;
    width: 35%;
    min-width: auto;
  }

  .uui-cta01_image-01-2 {
    position: static;
    left: auto;
    right: -2rem;
    width: 100%;
    min-width: 100%;
    margin-right: -40%;
  }

  .uui-cta01_image-wrapper-2 {
    padding: 4rem 2rem;
  }

  .uui-cta01_component-2 {
    min-height: auto;
    grid-auto-flow: row;
    grid-row-gap: 4rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-layout02_image-wrapper {
    padding: 0rem;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .uui-layout02_component {
    min-height: auto;
    grid-auto-flow: row;
    grid-column-gap: 3rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .uui-footer08_form-block {
    min-width: auto;
  }

  .uui-footer08_top-wrapper {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xlarge-3 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .combine-footer3_nav-menu {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .combine-footer3_bottom {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .combine-padding-global {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .sub-small {
    text-align: center;
  }

  .uui-career11_department-wrapper {
    margin-bottom: 0px;
    padding-top: 0px;
    grid-row-gap: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .job-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .job-left {
    width: 100%;
  }

  .job-sticky {
    position: static;
    width: 100%;
    margin-top: 60px;
  }

  .uui-padding-vertical-xhuge-9 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-contact03_component-2 {
    min-height: auto;
    grid-auto-flow: row;
    grid-column-gap: 3rem;
  }

  .uui-padding-vertical-xhuge-10 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 20px;
  }

  .nav-menu {
    background-color: #480866;
  }

  .footer {
    padding: 40px 20px;
  }

  .footer-image {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .fade-in-move-on-scroll {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .change-log-container {
    height: 340px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .menu-button.w--open {
    background-color: #000;
  }

  .grid-4-col {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .colors-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .font-holder {
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .style-guide-left-panel {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .grid-8-col {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .style-guide-empty-container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .brand {
    padding-left: 0px;
  }

  .iphone-holder {
    top: 16%;
    height: 400px;
  }

  .title.black {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 24px;
    text-align: center;
  }

  .title.black.left {
    margin-right: 2rem;
    margin-left: 2rem;
    text-align: center;
  }

  .title.white {
    font-size: 28px;
  }

  .title.black {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    text-align: center;
  }

  .title.black {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    text-align: center;
  }

  .experience-grid {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .experience-card-image-holder._02 {
    height: auto;
  }

  .experience-card-image-holder.smaller {
    height: auto;
  }

  .experience-card-text-holder._02 {
    padding-top: 24px;
  }

  .card-title.white {
    font-size: 24px;
  }

  .feature {
    margin-bottom: 3em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .trusted-item-header {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .trusted-overlay-container {
    display: none;
  }

  .trusted-content {
    padding-top: 0rem;
    padding-bottom: 3rem;
  }

  .trusted-content.trusted-list {
    padding-top: 0vh;
  }

  .cards-section {
    padding-bottom: 40px;
  }

  .cards-grid {
    margin-top: 24px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .footer-social-media-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-copyright {
    padding-top: 1em;
  }

  .made-container {
    padding-top: 1em;
    padding-right: 0px;
  }

  .footer-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-brand-content {
    padding-right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .licensing-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .licensing-grid.feather-icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .feather-icon-holder {
    width: 20px;
  }

  .body-1.black {
    font-size: 14px;
  }

  .body-1.black.bold {
    font-size: 20px;
  }

  .body-1.white {
    font-size: 16px;
  }

  .desc-body.white {
    font-size: 14px;
  }

  .sub-heading {
    color: #333;
    font-size: 20px;
    text-align: center;
  }

  .image {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .body-small.black {
    font-size: 14px;
    text-align: center;
  }

  .logos-title-large {
    padding: 60px 15px;
  }

  .clients-wrapper {
    margin-bottom: -20px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .clients-image {
    margin-right: 20px;
    margin-bottom: 30px;
    margin-left: 20px;
  }

  .footer-subscribe {
    padding-right: 15px;
    padding-left: 15px;
  }

  .footer-form-container-two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer-form-title {
    margin-right: 0px;
  }

  .footer-form-block-two {
    width: 100%;
    margin-top: 20px;
  }

  .footer-form-input {
    width: 100%;
  }

  .footer-block-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer-link-three {
    margin-bottom: 10px;
  }

  .footer-social-block-three {
    margin-top: 10px;
  }

  .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer-copyright-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-legal-block {
    margin-top: 15px;
    margin-left: -24px;
  }

  .footer-legal-link {
    font-size: 14px;
    line-height: 20px;
  }

  .uui-footer07_legal-link:hover {
    color: #98a2b3;
  }

  .uui-footer07_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer07_bottom-wrapper {
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .uui-footer07_link:hover {
    color: #667085;
  }

  .uui-footer07_link-list {
    justify-items: center;
    grid-auto-columns: 1fr;
    grid-row-gap: 0.5rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .uui-styleguide_logomark-bg {
    background-image: url("../images/untitled-ui-logomark.svg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .uui-page-padding {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .uui-footer04_legal-link:hover {
    color: #98a2b3;
  }

  .uui-footer04_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer04_bottom-wrapper {
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .uui-footer04_social-icon {
    width: 1.5px;
  }

  .uui-footer04_social-link:hover {
    color: #98a2b3;
  }

  .uui-footer04_link:hover {
    color: #667085;
  }

  .uui-footer04_link-list {
    justify-items: center;
    grid-auto-flow: row;
    grid-column-gap: 1rem;
    grid-row-gap: 0.5rem;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: #6941c6;
  }

  .uui-button-row {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .uui-space-xsmall {
    min-height: 0.75rem;
  }

  .uui-heading-xsmall {
    font-size: 1.25rem;
  }

  .uui-icon-featured-outline-large {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .uui-layout19_item-icon-wrapper {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .uui-layout19_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2rem;
    margin-left: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .uui-layout19_item-list {
    grid-row-gap: 2.5rem;
  }

  .uui-layout19_component {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-2 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .body-2.black {
    font-size: 14px;
    text-align: left;
  }

  .body-2.black.left {
    text-align: left;
  }

  .social-link:hover {
    color: #98a2b3;
  }

  .uui-space-xsmall-2 {
    min-height: 0.75rem;
  }

  .uui-team10_image-wrapper {
    height: 100%;
  }

  .uui-team10_list {
    grid-row-gap: 3rem;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: #fff;
    color: #344054;
  }

  .uui-button-row-2 {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .uui-button-row-2.is-reverse-mobile-landscape {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-team10_component {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 40px;
    padding-bottom: 16px;
  }

  .uui-page-padding-3 {
    padding-top: 0px;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .uui-contact03_contact-list {
    margin-top: 2rem;
  }

  .uui-contact03_component {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-heroheader08_image {
    height: 22rem;
  }

  .uui-heroheader08_form {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-heading-xlarge {
    font-size: 2.25rem;
  }

  .uui-heading-xsmall-2 {
    font-size: 1.25rem;
  }

  .uui-blogsection01_image-link {
    margin-bottom: 1.5rem;
  }

  .uui-blogsection01_image-link:hover {
    box-shadow: none;
  }

  .uui-blogsection01_list {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-blogsection01_component {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-cta01_image-02 {
    left: 1rem;
    bottom: -15%;
    width: 35%;
    max-width: none;
  }

  .uui-cta01_image-01 {
    position: static;
    width: 100%;
    min-width: 100%;
    margin-right: -30%;
  }

  .uui-cta01_image-wrapper {
    width: 100%;
    min-height: auto;
    padding: 1.5rem 1rem;
  }

  .uui-button-2 {
    font-size: 1rem;
  }

  .uui-button-2:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .uui-heading-large {
    font-size: 2.25rem;
  }

  .uui-cta01_component {
    grid-row-gap: 3rem;
  }

  .uui-padding-vertical-xhuge-3 {
    min-width: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-footer01_legal-link:hover {
    color: #98a2b3;
  }

  .uui-footer01_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer01_bottom-wrapper {
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .uui-footer01_social-link:hover {
    color: #667085;
  }

  .uui-footer01_link:hover {
    color: #667085;
  }

  .uui-badge-small-success {
    padding: 0.125rem 0.5rem;
  }

  .uui-footer01_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .uui-button-3 {
    font-size: 1rem;
  }

  .uui-button-3:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .uui-footer01_form-block {
    margin-top: 1.5rem;
  }

  .uui-styleguide_logomark-bg-2 {
    background-image: url("../images/untitled-ui-logomark.svg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .uui-footer01_logo-link {
    margin-bottom: 1.5rem;
    padding-left: 0px;
  }

  .uui-footer01_top-wrapper {
    grid-row-gap: 3rem;
  }

  .uui-padding-vertical-xlarge-2 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .uui-page-padding-4 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .uui-button-wrapper-2.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape-2 {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: #fff;
    color: #344054;
  }

  .uui-button-row-3 {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .uui-button-row-3.button-row-center.is-reverse-mobile-landscape {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .uui-button-row-3.is-reverse-mobile-landscape {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-space-small-2 {
    min-height: 1.25rem;
  }

  .uui-layout84_right {
    grid-row-gap: 2.5rem;
  }

  .uui-layout84_image-blob {
    top: 22%;
    width: 120%;
    min-width: 28rem;
  }

  .uui-layout84_image {
    height: 40rem;
    margin-left: 1.5rem;
  }

  .uui-layout84_image-wrapper {
    overflow: hidden;
    height: 22rem;
  }

  .uui-layout84_left {
    grid-row-gap: 2.5rem;
  }

  .uui-layout84_content-bottom {
    margin-top: 3rem;
    margin-bottom: 3rem;
    grid-row-gap: 2.5rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-text-size-large-2 {
    font-size: 1rem;
  }

  .uui-space-xsmall-3 {
    min-height: 0.75rem;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-layout84_component {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-text-size-xlarge-2 {
    font-size: 1.125rem;
  }

  .uui-space-small-3 {
    min-height: 1.25rem;
  }

  .uui-heading-large-2 {
    font-size: 2.25rem;
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .vision {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .uui-heading-xxsmall-2 {
    font-size: 1.125rem;
  }

  .uui-space-xxlarge {
    min-height: 3rem;
  }

  .uui-layout83_item {
    padding: 1.5rem;
  }

  .uui-layout83_list {
    grid-row-gap: 1.5rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-button-4 {
    font-size: 1rem;
  }

  .uui-button-4:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .uui-button-4.is-button-large {
    padding: 0.75rem 1.25rem;
    grid-column-gap: 0.5rem;
    font-size: 1rem;
  }

  .uui-button-wrapper-3.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape-3 {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: #fff;
    color: #344054;
  }

  .uui-button-secondary-gray-3.is-button-large {
    padding: 0.75rem 1.25rem;
    grid-column-gap: 0.5rem;
    font-size: 1rem;
  }

  .uui-button-row-4 {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .uui-button-row-4.is-reverse-mobile-landscape {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .uui-button-row-4.button-row-center.is-reverse-mobile-landscape {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .uui-space-medium-2 {
    min-height: 1.5rem;
  }

  .uui-text-size-large-3 {
    font-size: 1rem;
  }

  .uui-space-xsmall-4 {
    min-height: 0.75rem;
  }

  .uui-heading-medium-3 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-layout83_component {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-heroheader17_card-image {
    width: 22rem;
    border-radius: 1.5rem;
    -webkit-transform: translate(30%, 5%) rotate(30deg);
    -ms-transform: translate(30%, 5%) rotate(30deg);
    transform: translate(30%, 5%) rotate(30deg);
  }

  .uui-heroheader17_card-image-01 {
    width: 22rem;
    border-radius: 1.5rem;
    -webkit-transform: translate(-20%, 10%) rotate(0deg);
    -ms-transform: translate(-20%, 10%) rotate(0deg);
    transform: translate(-20%, 10%) rotate(0deg);
  }

  .uui-heroheader17_image-wrapper {
    height: 24rem;
    margin-bottom: 4rem;
  }

  .uui-button-icon-2.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-space-large {
    min-height: 2rem;
  }

  .uui-heading-xlarge-2 {
    font-size: 2.25rem;
  }

  .uui-badge-group_badge {
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
  }

  .uui-badge-group {
    font-size: 0.75rem;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .uui-cta01_image-02-2 {
    left: 1rem;
    bottom: -15%;
    width: 35%;
    max-width: none;
  }

  .uui-cta01_image-01-2 {
    position: static;
    width: 100%;
    min-width: 100%;
    margin-right: -30%;
  }

  .uui-cta01_image-wrapper-2 {
    min-height: auto;
    padding: 1.5rem 1rem;
  }

  .uui-cta01_component-2 {
    grid-row-gap: 3rem;
  }

  .uui-button-5 {
    font-size: 1rem;
  }

  .uui-button-5:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .uui-heading-medium-4 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-badge {
    padding: 0.125rem 0.5rem;
  }

  .uui-layout02_component {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .sub {
    font-size: 20px;
  }

  .sub.black {
    font-size: 20px;
  }

  .sub.black.left {
    margin-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px;
  }

  .footer-1 {
    font-size: 14px;
  }

  .uui-footer08_legal-link:hover {
    color: #98a2b3;
  }

  .uui-footer08_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer08_bottom-wrapper {
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .uui-button-6 {
    font-size: 1rem;
  }

  .uui-button-6:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .uui-footer08_link:hover {
    color: #667085;
  }

  .uui-footer08_link-list {
    width: 100%;
    justify-items: start;
    grid-auto-flow: row;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .uui-styleguide_logomark-bg-3 {
    background-image: url("../images/untitled-ui-logomark.svg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .uui-footer08_top-wrapper {
    grid-row-gap: 2.5rem;
  }

  .uui-padding-vertical-xlarge-3 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .uui-page-padding-5 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .combine-footer3_bottom-text {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .combine-footer3_bottom {
    margin-right: auto;
    margin-left: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .combine-padding-section-small {
    padding-top: 2.5px;
  }

  .combine-footer3_top {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .combine-padding-section-medium {
    padding-top: 32px;
    padding-bottom: 16px;
  }

  .combine-padding-global {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .div-block-4 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-7 {
    margin-bottom: 16px;
    padding-bottom: 0px;
  }

  .grid-3 {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .footer-2 {
    margin-bottom: 24px;
    color: #fff;
  }

  .footer-2._50 {
    color: hsla(0, 0%, 100%, 0.5);
  }

  .career-card {
    padding: 1.25rem;
  }

  .uui-career11_component {
    margin-top: 3rem;
  }

  .uui-career07_detail-wrapper {
    margin-right: 1.25rem;
  }

  .uui-career11_list {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .sub-2.black {
    font-size: 18px;
  }

  .sub-2.purple {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    font-size: 24px;
  }

  .uui-page-padding-6 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .uui-button-7 {
    font-size: 1rem;
  }

  .uui-button-7:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .sub-small {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
  }

  .body-text.black {
    font-size: 14px;
  }

  .uui-career11_department-wrapper {
    margin-bottom: 2rem;
    padding-top: 0rem;
    grid-row-gap: 1.25rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    border-top-style: none;
  }

  .body-4.wh {
    font-size: 14px;
  }

  .body-4.dark {
    font-size: 14px;
  }

  .body-4.black {
    font-size: 14px;
  }

  .uui-career07_job-details-wrapper {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .uui-button-secondary-gray-4 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-4:hover {
    background-color: #fff;
    color: #344054;
  }

  .uui-padding-vertical-xhuge-8 {
    padding-top: 0px;
    padding-bottom: 40px;
  }

  .job_title-wrap {
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
  }

  .privacy {
    padding-right: 30px;
    padding-bottom: 45px;
    padding-left: 30px;
  }

  .job_labels-wrap {
    grid-auto-flow: row;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
  }

  .job_label-flex {
    min-width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .job-sticky {
    margin-top: 40px;
  }

  .f-h3-heading {
    font-size: 40px;
  }

  .f-section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .uui-button-8 {
    font-size: 1rem;
  }

  .uui-button-8:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .uui-contact02_component {
    margin-top: 3rem;
  }

  .uui-text-size-large-4 {
    font-size: 1rem;
  }

  .uui-space-xsmall-5 {
    min-height: 0.75rem;
  }

  .uui-heading-medium-5 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-padding-vertical-xhuge-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-7 {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .uui-button-9 {
    font-size: 1rem;
  }

  .uui-button-9:hover {
    border-color: #7f56d9;
    background-color: #7f56d9;
  }

  .uui-contact03_contact-list-2 {
    margin-top: 2rem;
  }

  .uui-text-size-large-5 {
    font-size: 1rem;
  }

  .uui-space-xsmall-6 {
    min-height: 0.75rem;
  }

  .uui-heading-medium-6 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-contact03_component-2 {
    grid-row-gap: 3rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-10 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-8 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 34px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 28px;
  }

  p {
    font-size: 14px;
    font-weight: 400;
  }

  .container {
    margin-right: auto;
    margin-left: auto;
    padding: 30px 1em 0px;
  }

  .nav-menu-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nav-menu {
    left: 0px;
    right: 0px;
    width: 100%;
    margin-top: 12px;
    background-color: #e7ae22;
  }

  .button.from {
    position: relative;
    width: 100%;
  }

  .grid-6-col {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .utility-page-content {
    padding: 29px;
  }

  .utility-page-form {
    height: 420px;
    padding: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer {
    padding: 21px 0px;
    text-align: left;
  }

  .footer-flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .footer-logo-link {
    height: 60px;
  }

  .text-field-form {
    width: 100%;
  }

  .menu-button.w--open {
    background-color: #000;
  }

  .grid-2-col {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .headings-holder {
    padding: 10px;
  }

  .style-guide-x-button {
    top: 0.3em;
    right: 0em;
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
  }

  .paragraph-container {
    width: 100%;
  }

  .style-guide-left-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 23px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 20px;
  }

  .style-guide-home-text.hide-mobile {
    display: none;
  }

  .paragraph-m {
    font-size: 16px;
  }

  .style-guide-panel-title {
    font-size: 18px;
  }

  .button-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .style-guide-navbar-link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .grid-8-col {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .style-guide-navbar {
    padding-right: 0.3em;
    padding-left: 0.3em;
  }

  .style-guide-tab-holder {
    font-size: 19px;
  }

  .hero-text {
    font-size: 16vw;
  }

  .hero-text._02 {
    font-size: 12vw;
  }

  .hero-text-holder {
    grid-column-gap: 11px;
  }

  .hero-section-paragraph-holder {
    padding-top: 40px;
  }

  .iphone-screen-image {
    border-radius: 10px;
  }

  .from-holder {
    grid-row-gap: 6px;
  }

  .form-block {
    width: 100%;
  }

  .title.black {
    font-size: 28px;
  }

  .title.black.left {
    margin-right: 0rem;
    margin-left: 0rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
  }

  .title.black {
    font-size: 28px;
  }

  .title.black {
    font-size: 28px;
  }

  .experience-card {
    border-radius: 16px;
  }

  .experience-card-content {
    border-radius: 15px;
  }

  .experience-card-text-holder {
    padding: 15px;
  }

  .card-title {
    margin-right: auto;
    margin-left: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 24px;
  }

  .experience-paragraph-holder {
    max-width: 90%;
  }

  .effortlessly-integration-wrapper {
    margin-top: 32px;
  }

  .logo-holder-effortlessly-integration {
    top: 142px;
    grid-column-gap: 24px;
  }

  .effortlessly-integration---iphone-holder {
    width: 200px;
  }

  .logo-holder {
    width: 60px;
    height: 60px;
    min-height: 60px;
    min-width: 60px;
  }

  .logo-image {
    border-radius: 9px;
  }

  .workflow-section {
    margin-top: 0px;
    padding: 20px 20px 40px;
  }

  .feature {
    grid-row-gap: 8px;
  }

  .trusted-item-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 18px;
  }

  .trusted-no {
    font-size: 50px;
  }

  .download-badge-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 20px;
  }

  .dark-mode-hand-holder {
    width: 300px;
    max-width: 300px;
    min-width: 300px;
  }

  .dark-mode-hand {
    width: 300px;
  }

  .black-text {
    text-align: center;
  }

  .cards-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .card-image-holder._02 {
    bottom: -5%;
    height: 54%;
  }

  .card-image {
    position: relative;
    margin-right: auto;
    margin-left: auto;
  }

  .card-text-holder._02 {
    padding: 20px 20px 78px;
  }

  .card-logo-holder {
    height: 420px;
    min-height: 420px;
  }

  .card-iphone-holder {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .iphone-card {
    left: 0px;
  }

  .footer-list-item {
    margin-bottom: 10px;
  }

  .footer-social-media-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .powered-by {
    margin-top: 0.5em;
    margin-left: 0em;
  }

  .made-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-brand-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .licensing-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .licensing-grid.feather-icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .licensing-grid.feather-icon.grid {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .feather-icon-holder {
    width: auto;
  }

  .licensing-cards-wrapper {
    padding: 27px;
  }

  .licensing-cards-container {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .left {
    display: block;
  }

  .buy-template-guide {
    margin-right: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
  }

  .body-1.black {
    margin-right: 16px;
    margin-left: 16px;
    font-size: 14px;
  }

  .body-1.white {
    margin-top: 0px;
    font-size: 14px;
    font-weight: 400;
  }

  .desc-body.white {
    max-width: 100%;
  }

  .sub-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }

  .body-small.black {
    max-width: 90%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    max-width: none;
  }

  .clients-image {
    margin-right: 10px;
    margin-left: 10px;
  }

  .container-3 {
    max-width: none;
  }

  .footer-form-two {
    padding: 20px;
  }

  .footer-form-block-two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer-form-input {
    margin-bottom: 10px;
    padding-right: 20px;
  }

  .button-primary.footer-form-button {
    position: relative;
    right: 0px;
  }

  .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .uui-footer07_link-list {
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .uui-footer04_link-list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .uui-layout19_item-text-wrapper {
    width: 100%;
  }

  .uui-layout19_item {
    -webkit-box-align: start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: center;
  }

  .uui-layout19_item-list {
    width: 80%;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    -ms-grid-columns: 0.25fr;
    grid-template-columns: 0.25fr;
  }

  .body-2.white {
    font-size: 12px;
  }

  .body-2.black {
    width: 100.00000480844193%;
    font-size: 12px;
  }

  .uui-team10_image-wrapper {
    padding-top: 66%;
  }

  .uui-team10_list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-team10_component {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-contact03_component {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-heroheader08_image {
    height: 17.5rem;
  }

  .ratings_wrapper {
    margin-left: 0.75rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .uui-signup-form_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 0.75rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-heroheader08_component {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-section_heroheader08 {
    overflow: hidden;
  }

  .uui-cta01_image-02 {
    bottom: -12%;
    width: 50%;
  }

  .uui-cta01_image-01 {
    width: 150%;
    min-width: 150%;
    margin-right: -100%;
  }

  .uui-cta01_component {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-footer01_menu-wrapper {
    grid-row-gap: 2.5rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-footer01_form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 12px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-footer01_top-wrapper {
    grid-row-gap: 48px;
  }

  .uui-padding-vertical-xhuge-5 {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .uui-layout83_list {
    grid-row-gap: 1.5rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-heroheader17_card-image {
    width: 15.5625rem;
    border-radius: 1rem;
  }

  .uui-heroheader17_card-image-01 {
    width: 15.56rem;
    border-radius: 1rem;
  }

  .uui-heroheader17_image-wrapper {
    height: 17rem;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .uui-cta01_image-02-2 {
    bottom: -12%;
    width: 50%;
  }

  .uui-cta01_image-01-2 {
    width: 150%;
    min-width: 150%;
    margin-right: -100%;
  }

  .uui-cta01_component-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-layout02_image-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .sub.white {
    font-size: 24px;
  }

  .sub.black.left {
    font-size: 18px;
  }

  .uui-footer08_form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 12px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .uui-footer08_top-wrapper {
    grid-row-gap: 48px;
  }

  .combine-footer3_nav-menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .combine-padding-section-small {
    padding-top: 0px;
    padding-bottom: 0rem;
  }

  .combine-padding-global {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .sub-2.black {
    text-align: left;
  }

  .uui-career11_title-wrapper {
    margin-bottom: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 0.5rem;
  }

  .body-text.black {
    font-size: 14px;
  }

  .body-4.black {
    text-align: left;
  }

  .job_title-wrap {
    padding-right: 20px;
    padding-left: 20px;
  }

  .privacy {
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .job_labels-wrap {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .job_label-card {
    text-align: left;
  }

  .spacer-30 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 10px;
  }

  .f-contact-divider {
    display: none;
  }

  .f-contact-submit-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 24px;
  }

  .f-contact-form-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .form-radio-2col {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .form-field-2col {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .uui-contact03_component-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcd8-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcda-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcdc-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcde-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce0-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce2-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce4-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce6-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1261dedf-b3c9-2162-53e7-29ae1d8c7955-0734a5f1 {
  -ms-grid-column: span 5;
  grid-column-start: span 5;
  -ms-grid-column-span: 5;
  grid-column-end: span 5;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-c9a3eb7f-e26e-bb52-e19d-39f848eddb94-0734a5f1 {
  -ms-grid-column: span 5;
  grid-column-start: span 5;
  -ms-grid-column-span: 5;
  grid-column-end: span 5;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-0734a5f1 {
  -ms-grid-column: span 3;
  grid-column-start: span 3;
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7c769986-af35-2c7e-a088-51a92c6e6099-0734a5f1 {
  -ms-grid-column: span 3;
  grid-column-start: span 3;
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-0734a5f1 {
  -ms-grid-column: span 3;
  grid-column-start: span 3;
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7c369291-b38e-0008-5e70-efcc18461d4d-0734a5f1 {
  -ms-grid-column: span 3;
  grid-column-start: span 3;
  -ms-grid-column-span: 3;
  grid-column-end: span 3;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-0734a5f1 {
  -ms-grid-column: span 5;
  grid-column-start: span 5;
  -ms-grid-column-span: 5;
  grid-column-end: span 5;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7a405be8-0a26-057e-3bd3-7289f3f98870-0734a5f1 {
  -ms-grid-column: span 5;
  grid-column-start: span 5;
  -ms-grid-column-span: 5;
  grid-column-end: span 5;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-e000fb58-88bc-b9e2-8768-ad8b3bfd038e-0734a5f1 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_15a10276-da35-0446-2b52-83e4e8b475cd-0734a5f1 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-b741638d-ec21-0858-2963-849ca26d03f3-0734a5f1 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-c9897453-4dd2-5c25-cab6-27ae89d991a9-0734a5f1 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-e000fb58-88bc-b9e2-8768-ad8b3bfd03be-0734a5f1 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-fc8765e5-00fe-9e2a-d8f7-edcc2476991c-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-eb39f325-8859-6038-bc3c-ab144f9640eb-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_5ab5adbc-57c9-c9b0-3c74-19cd092f35c9-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-a35a09e7-c458-1b18-3c0b-22d3f8e3b5ec-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_972c2625-7d91-facb-87ef-fc89102342d5-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-aa5ee5b0-8a13-ffdb-f51c-ccb42c8c497a-0734a5f1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1fd3c775-6f47-2fbb-6ffb-f05359ff4346-59ff432a {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_080a2828-0b0f-c1f3-a5ad-141ee700ae32-a892a3e2 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_947562a2-f64e-24cb-24cb-5ef5fa5df5ae-a892a3e2 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_85531c06-36ad-c85e-e9ca-b96aafc3a2f4-a892a3e2 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_85531c06-36ad-c85e-e9ca-b96aafc3a2f9-a892a3e2 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_85531c06-36ad-c85e-e9ca-b96aafc3a2fe-a892a3e2 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_85531c06-36ad-c85e-e9ca-b96aafc3a311-a892a3e2 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_85531c06-36ad-c85e-e9ca-b96aafc3a312-a892a3e2 {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-d577a6a1-c177-a5e5-3ba5-7af2ae9aa69b-04b8ce10 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-dcdf1325-43c2-9275-612b-2566da6f50e7-1b6f2937 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-dcdf1325-43c2-9275-612b-2566da6f50e8-1b6f2937 {
  -ms-grid-column-align: center;
  justify-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-0734a5f1 {
    -ms-grid-column-span: 3;
    grid-column-end: 5;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }

  #w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-0734a5f1 {
    -ms-grid-column-span: 3;
    grid-column-end: 5;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }

  #w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-0734a5f1 {
    -ms-grid-column-span: 5;
    grid-column-end: 6;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }

  #w-node-fc8765e5-00fe-9e2a-d8f7-edcc2476991c-0734a5f1 {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }

  #w-node-eb39f325-8859-6038-bc3c-ab144f9640eb-0734a5f1 {
    -ms-grid-column: span 4;
    grid-column-start: span 4;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }

  #w-node-_5ab5adbc-57c9-c9b0-3c74-19cd092f35c9-0734a5f1 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 2;
    grid-column-end: 5;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1261dedf-b3c9-2162-53e7-29ae1d8c7955-0734a5f1 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }

  #w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-0734a5f1 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-0734a5f1 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-0734a5f1 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-e000fb58-88bc-b9e2-8768-ad8b3bfd038e-0734a5f1 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-c9897453-4dd2-5c25-cab6-27ae89d991a9-0734a5f1 {
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-da54a628-7011-e4f2-be6c-1e84430bfe41-f3fe6557 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-eb39f325-8859-6038-bc3c-ab144f9640eb-0734a5f1 {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }

  #w-node-_5ab5adbc-57c9-c9b0-3c74-19cd092f35c9-0734a5f1 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
  }

  #w-node-_1fd3c775-6f47-2fbb-6ffb-f05359ff4346-59ff432a {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row-align: end;
    align-self: end;
  }
}



body {
  margin: 0;
  padding: 20px;
  background: #f4f4f4;
  font-family: 'Segoe UI', sans-serif;
}

h1 {
  text-align: center;
  color: #540E75;
  margin-bottom: 30px;
}

.card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.card-item {
background: #fef8ff; /* Updated from #fff */
border-radius: 12px;
overflow: hidden;
width: 300px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.3s;
}

.card-item:hover {
  transform: scale(1.03);
}

.card-item img {
  width: 100%;
  height: 180px;
  object-fit: contain;
  background-color: #fff;
}

.cta-btn {
  display: inline-block;
  background-color: #540E75;
  color: #fff;
  padding: 10px 20px;
  margin: 15px;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
  transition: background 0.3s;
}

.cta-btn:hover {
  background-color: #3e0959;
}

@media (max-width: 600px) {
  .card-item {
    width: 90%;
  }
}